@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/SortColumn/index.js

@@ -1,83 +1,16 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    SortColumn: function() {
-        return SortColumn;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _navigation = require("next/navigation");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Chevron = require("../../icons/Chevron");
-const _SearchParams = require("../../providers/SearchParams");
-const _Translation = require("../../providers/Translation");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+// TODO: abstract the `next/navigation` dependency out from this component
+import { useRouter } from 'next/navigation.js';
+import React, { useCallback } from 'react';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { useSearchParams } from '../../providers/SearchParams/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'sort-column';
-const SortColumn = (props)=>{
-    const { name, disable = false, label } = props;
-    const { searchParams } = (0, _SearchParams.useSearchParams)();
-    const router = (0, _navigation.useRouter)();
-    const pathname = (0, _navigation.usePathname)();
-    const { i18n, t } = (0, _Translation.useTranslation)();
+export const SortColumn = (props)=>{
+    const { name, Label, disable = false, label } = props;
+    const { searchParams, stringifyParams } = useSearchParams();
+    const router = useRouter();
+    const { t } = useTranslation();
     const { sort } = searchParams;
     const desc = `-${name}`;
     const asc = name;
@@ -89,29 +22,27 @@ const SortColumn = (props)=>{
         `${baseClass}__desc`
     ];
     if (sort === desc) descClasses.push(`${baseClass}--active`);
-    const setSort = (0, _react.useCallback)((newSort)=>{
-        const search = _qs.default.stringify({
-            ...searchParams,
-            sort: newSort
-        }, {
-            addQueryPrefix: true
-        });
-        router.replace(`${pathname}?${search}`);
+    const setSort = useCallback((newSort)=>{
+        router.replace(stringifyParams({
+            params: {
+                sort: newSort
+            },
+            replace: true
+        }));
     }, [
-        searchParams,
-        pathname,
-        router
+        router,
+        stringifyParams
     ]);
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("span", {
+    }, /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__label`
-    }, (0, _translations.getTranslation)(label, i18n)), !disable && /*#__PURE__*/ _react.default.createElement("div", {
+    }, Label), !disable && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__buttons`
-    }, /*#__PURE__*/ _react.default.createElement("button", {
+    }, /*#__PURE__*/ React.createElement("button", {
         "aria-label": t('general:sortByLabelDirection', {
             direction: t('general:ascending'),
-            label: (0, _translations.getTranslation)(label, i18n)
+            label
         }),
         className: [
             ...ascClasses,
@@ -119,12 +50,12 @@ const SortColumn = (props)=>{
         ].filter(Boolean).join(' '),
         onClick: ()=>setSort(asc),
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+    }, /*#__PURE__*/ React.createElement(Chevron, {
         direction: "up"
-    })), /*#__PURE__*/ _react.default.createElement("button", {
+    })), /*#__PURE__*/ React.createElement("button", {
         "aria-label": t('general:sortByLabelDirection', {
             direction: t('general:descending'),
-            label: (0, _translations.getTranslation)(label, i18n)
+            label
         }),
         className: [
             ...descClasses,
@@ -132,8 +63,7 @@ const SortColumn = (props)=>{
         ].filter(Boolean).join(' '),
         onClick: ()=>setSort(desc),
         type: "button"
-    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, null))));
+    }, /*#__PURE__*/ React.createElement(Chevron, null))));
 };
-const _default = SortColumn;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Tb3J0Q29sdW1uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuLy8gVE9ETzogYWJzdHJhY3QgdGhlIGBuZXh0L25hdmlnYXRpb25gIGRlcGVuZGVuY3kgb3V0IGZyb20gdGhpcyBjb21wb25lbnRcbmltcG9ydCB7IHVzZVBhdGhuYW1lLCB1c2VSb3V0ZXIgfSBmcm9tICduZXh0L25hdmlnYXRpb24nXG5pbXBvcnQgcXVlcnlTdHJpbmcgZnJvbSAncXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW1zIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1NlYXJjaFBhcmFtcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzb3J0LWNvbHVtbidcblxuZXhwb3J0IGNvbnN0IFNvcnRDb2x1bW46IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG5hbWUsIGRpc2FibGUgPSBmYWxzZSwgbGFiZWwgfSA9IHByb3BzXG4gIGNvbnN0IHsgc2VhcmNoUGFyYW1zIH0gPSB1c2VTZWFyY2hQYXJhbXMoKVxuICBjb25zdCByb3V0ZXIgPSB1c2VSb3V0ZXIoKVxuICBjb25zdCBwYXRobmFtZSA9IHVzZVBhdGhuYW1lKClcbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgeyBzb3J0IH0gPSBzZWFyY2hQYXJhbXNcblxuICBjb25zdCBkZXNjID0gYC0ke25hbWV9YFxuICBjb25zdCBhc2MgPSBuYW1lXG5cbiAgY29uc3QgYXNjQ2xhc3NlcyA9IFtgJHtiYXNlQ2xhc3N9X19hc2NgXVxuICBpZiAoc29ydCA9PT0gYXNjKSBhc2NDbGFzc2VzLnB1c2goYCR7YmFzZUNsYXNzfS0tYWN0aXZlYClcblxuICBjb25zdCBkZXNjQ2xhc3NlcyA9IFtgJHtiYXNlQ2xhc3N9X19kZXNjYF1cbiAgaWYgKHNvcnQgPT09IGRlc2MpIGRlc2NDbGFzc2VzLnB1c2goYCR7YmFzZUNsYXNzfS0tYWN0aXZlYClcblxuICBjb25zdCBzZXRTb3J0ID0gdXNlQ2FsbGJhY2soXG4gICAgKG5ld1NvcnQpID0+IHtcbiAgICAgIGNvbnN0IHNlYXJjaCA9IHF1ZXJ5U3RyaW5nLnN0cmluZ2lmeShcbiAgICAgICAge1xuICAgICAgICAgIC4uLnNlYXJjaFBhcmFtcyxcbiAgICAgICAgICBzb3J0OiBuZXdTb3J0LFxuICAgICAgICB9LFxuICAgICAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICAgICApXG5cbiAgICAgIHJvdXRlci5yZXBsYWNlKGAke3BhdGhuYW1lfT8ke3NlYXJjaH1gKVxuICAgIH0sXG4gICAgW3NlYXJjaFBhcmFtcywgcGF0aG5hbWUsIHJvdXRlcl0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sYWJlbGB9PntnZXRUcmFuc2xhdGlvbihsYWJlbCwgaTE4bil9PC9zcGFuPlxuICAgICAgeyFkaXNhYmxlICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2J1dHRvbnNgfT5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOnNvcnRCeUxhYmVsRGlyZWN0aW9uJywge1xuICAgICAgICAgICAgICBkaXJlY3Rpb246IHQoJ2dlbmVyYWw6YXNjZW5kaW5nJyksXG4gICAgICAgICAgICAgIGxhYmVsOiBnZXRUcmFuc2xhdGlvbihsYWJlbCwgaTE4biksXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Wy4uLmFzY0NsYXNzZXMsIGAke2Jhc2VDbGFzc31fX2J1dHRvbmBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRTb3J0KGFzYyl9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2hldnJvbiBkaXJlY3Rpb249XCJ1cFwiIC8+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnZ2VuZXJhbDpzb3J0QnlMYWJlbERpcmVjdGlvbicsIHtcbiAgICAgICAgICAgICAgZGlyZWN0aW9uOiB0KCdnZW5lcmFsOmRlc2NlbmRpbmcnKSxcbiAgICAgICAgICAgICAgbGFiZWw6IGdldFRyYW5zbGF0aW9uKGxhYmVsLCBpMThuKSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtbLi4uZGVzY0NsYXNzZXMsIGAke2Jhc2VDbGFzc31fX2J1dHRvbmBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRTb3J0KGRlc2MpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENoZXZyb24gLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvcnRDb2x1bW5cbiJdLCJuYW1lcyI6WyJTb3J0Q29sdW1uIiwiYmFzZUNsYXNzIiwicHJvcHMiLCJuYW1lIiwiZGlzYWJsZSIsImxhYmVsIiwic2VhcmNoUGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwicm91dGVyIiwidXNlUm91dGVyIiwicGF0aG5hbWUiLCJ1c2VQYXRobmFtZSIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJzb3J0IiwiZGVzYyIsImFzYyIsImFzY0NsYXNzZXMiLCJwdXNoIiwiZGVzY0NsYXNzZXMiLCJzZXRTb3J0IiwidXNlQ2FsbGJhY2siLCJuZXdTb3J0Iiwic2VhcmNoIiwicXVlcnlTdHJpbmciLCJzdHJpbmdpZnkiLCJhZGRRdWVyeVByZWZpeCIsInJlcGxhY2UiLCJkaXYiLCJjbGFzc05hbWUiLCJzcGFuIiwiZ2V0VHJhbnNsYXRpb24iLCJidXR0b24iLCJhcmlhLWxhYmVsIiwiZGlyZWN0aW9uIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJvbkNsaWNrIiwidHlwZSIsIkNoZXZyb24iXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFnQmFBLFVBQVU7ZUFBVkE7O0lBa0ViLE9BQXlCO2VBQXpCOzs7OEJBakYrQjs0QkFFUTsyREFDZjsrREFDVzt5QkFJWDs4QkFDUTs2QkFDRDtRQUN4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsYUFBOEIsQ0FBQ0U7SUFDMUMsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLFVBQVUsS0FBSyxFQUFFQyxLQUFLLEVBQUUsR0FBR0g7SUFDekMsTUFBTSxFQUFFSSxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFDeEMsTUFBTUMsU0FBU0MsSUFBQUEscUJBQVM7SUFDeEIsTUFBTUMsV0FBV0MsSUFBQUEsdUJBQVc7SUFDNUIsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUVsQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHVDtJQUVqQixNQUFNVSxPQUFPLENBQUMsQ0FBQyxFQUFFYixLQUFLLENBQUM7SUFDdkIsTUFBTWMsTUFBTWQ7SUFFWixNQUFNZSxhQUFhO1FBQUMsQ0FBQyxFQUFFakIsVUFBVSxLQUFLLENBQUM7S0FBQztJQUN4QyxJQUFJYyxTQUFTRSxLQUFLQyxXQUFXQyxJQUFJLENBQUMsQ0FBQyxFQUFFbEIsVUFBVSxRQUFRLENBQUM7SUFFeEQsTUFBTW1CLGNBQWM7UUFBQyxDQUFDLEVBQUVuQixVQUFVLE1BQU0sQ0FBQztLQUFDO0lBQzFDLElBQUljLFNBQVNDLE1BQU1JLFlBQVlELElBQUksQ0FBQyxDQUFDLEVBQUVsQixVQUFVLFFBQVEsQ0FBQztJQUUxRCxNQUFNb0IsVUFBVUMsSUFBQUEsa0JBQVcsRUFDekIsQ0FBQ0M7UUFDQyxNQUFNQyxTQUFTQyxXQUFXLENBQUNDLFNBQVMsQ0FDbEM7WUFDRSxHQUFHcEIsWUFBWTtZQUNmUyxNQUFNUTtRQUNSLEdBQ0E7WUFBRUksZ0JBQWdCO1FBQUs7UUFHekJuQixPQUFPb0IsT0FBTyxDQUFDLENBQUMsRUFBRWxCLFNBQVMsQ0FBQyxFQUFFYyxPQUFPLENBQUM7SUFDeEMsR0FDQTtRQUFDbEI7UUFBY0k7UUFBVUY7S0FBTztJQUdsQyxxQkFDRSw2QkFBQ3FCO1FBQUlDLFdBQVc3QjtxQkFDZCw2QkFBQzhCO1FBQUtELFdBQVcsQ0FBQyxFQUFFN0IsVUFBVSxPQUFPLENBQUM7T0FBRytCLElBQUFBLDRCQUFjLEVBQUMzQixPQUFPTyxRQUM5RCxDQUFDUix5QkFDQSw2QkFBQ3lCO1FBQUlDLFdBQVcsQ0FBQyxFQUFFN0IsVUFBVSxTQUFTLENBQUM7cUJBQ3JDLDZCQUFDZ0M7UUFDQ0MsY0FBWXJCLEVBQUUsZ0NBQWdDO1lBQzVDc0IsV0FBV3RCLEVBQUU7WUFDYlIsT0FBTzJCLElBQUFBLDRCQUFjLEVBQUMzQixPQUFPTztRQUMvQjtRQUNBa0IsV0FBVztlQUFJWjtZQUFZLENBQUMsRUFBRWpCLFVBQVUsUUFBUSxDQUFDO1NBQUMsQ0FBQ21DLE1BQU0sQ0FBQ0MsU0FBU0MsSUFBSSxDQUFDO1FBQ3hFQyxTQUFTLElBQU1sQixRQUFRSjtRQUN2QnVCLE1BQUs7cUJBRUwsNkJBQUNDLGdCQUFPO1FBQUNOLFdBQVU7dUJBRXJCLDZCQUFDRjtRQUNDQyxjQUFZckIsRUFBRSxnQ0FBZ0M7WUFDNUNzQixXQUFXdEIsRUFBRTtZQUNiUixPQUFPMkIsSUFBQUEsNEJBQWMsRUFBQzNCLE9BQU9PO1FBQy9CO1FBQ0FrQixXQUFXO2VBQUlWO1lBQWEsQ0FBQyxFQUFFbkIsVUFBVSxRQUFRLENBQUM7U0FBQyxDQUFDbUMsTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7UUFDekVDLFNBQVMsSUFBTWxCLFFBQVFMO1FBQ3ZCd0IsTUFBSztxQkFFTCw2QkFBQ0MsZ0JBQU87QUFNcEI7TUFFQSxXQUFlekMifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nexport type SortColumnProps = {\n  Label: React.ReactNode\n  disable?: boolean\n  label?: FieldBase['label']\n  name: string\n}\n\nimport type { FieldBase } from 'payload/types'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, Label, disable = false, label } = props\n  const { searchParams, stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const { t } = useTranslation()\n\n  const { sort } = searchParams\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) ascClasses.push(`${baseClass}--active`)\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) descClasses.push(`${baseClass}--active`)\n\n  const setSort = useCallback(\n    (newSort) => {\n      router.replace(\n        stringifyParams({\n          params: {\n            sort: newSort,\n          },\n          replace: true,\n        }),\n      )\n    },\n    [router, stringifyParams],\n  )\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{Label}</span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(asc)}\n            type=\"button\"\n          >\n            <Chevron direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(desc)}\n            type=\"button\"\n          >\n            <Chevron />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["useRouter","React","useCallback","Chevron","useSearchParams","useTranslation","baseClass","SortColumn","props","name","Label","disable","label","searchParams","stringifyParams","router","t","sort","desc","asc","ascClasses","push","descClasses","setSort","newSort","replace","params","div","className","span","button","aria-label","direction","filter","Boolean","join","onClick","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAW1C,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAE,GAAGJ;IAChD,MAAM,EAAEK,YAAY,EAAEC,eAAe,EAAE,GAAGV;IAC1C,MAAMW,SAASf;IACf,MAAM,EAAEgB,CAAC,EAAE,GAAGX;IAEd,MAAM,EAAEY,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,OAAO,CAAC,CAAC,EAAET,KAAK,CAAC;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,CAAC,EAAEd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAKC,WAAWC,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAExD,MAAMgB,cAAc;QAAC,CAAC,EAAEhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAMI,YAAYD,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAE1D,MAAMiB,UAAUrB,YACd,CAACsB;QACCT,OAAOU,OAAO,CACZX,gBAAgB;YACdY,QAAQ;gBACNT,MAAMO;YACR;YACAC,SAAS;QACX;IAEJ,GACA;QAACV;QAAQD;KAAgB;IAG3B,qBACE,oBAACa;QAAIC,WAAWtB;qBACd,oBAACuB;QAAKD,WAAW,CAAC,EAAEtB,UAAU,OAAO,CAAC;OAAGI,QACxC,CAACC,yBACA,oBAACgB;QAAIC,WAAW,CAAC,EAAEtB,UAAU,SAAS,CAAC;qBACrC,oBAACwB;QACCC,cAAYf,EAAE,gCAAgC;YAC5CgB,WAAWhB,EAAE;YACbJ;QACF;QACAgB,WAAW;eAAIR;YAAY,CAAC,EAAEd,UAAU,QAAQ,CAAC;SAAC,CAAC2B,MAAM,CAACC,SAASC,IAAI,CAAC;QACxEC,SAAS,IAAMb,QAAQJ;QACvBkB,MAAK;qBAEL,oBAAClC;QAAQ6B,WAAU;uBAErB,oBAACF;QACCC,cAAYf,EAAE,gCAAgC;YAC5CgB,WAAWhB,EAAE;YACbJ;QACF;QACAgB,WAAW;eAAIN;YAAa,CAAC,EAAEhB,UAAU,QAAQ,CAAC;SAAC,CAAC2B,MAAM,CAACC,SAASC,IAAI,CAAC;QACzEC,SAAS,IAAMb,QAAQL;QACvBmB,MAAK;qBAEL,oBAAClC;AAMb,EAAC"}

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

@@ -1,6 +1,11 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
+export type SortComplexProps = {
+    collection: SanitizedCollectionConfig;
+    handleChange?: (sort: string) => void;
+    modifySearchQuery?: boolean;
+    sort?: string;
+};
 import './index.scss';
-declare const SortComplex: React.FC<Props>;
-export default SortComplex;
+export declare const SortComplex: React.FC<SortComplexProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/SortComplex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0EhC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAQ9D,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAKD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0ElD,CAAA"}

package/dist/elements/SortComplex/index.js

@@ -1,101 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _navigation = require("next/navigation");
-const _index = require("payload/fields/index");
-const _types = require("payload/types");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _SearchParams = require("../../providers/SearchParams");
-const _Translation = require("../../providers/Translation");
-const _ReactSelect = /*#__PURE__*/ _interop_require_default(require("../ReactSelect"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { getTranslation } from '@payloadcms/translations';
+// TODO: abstract the `next/navigation` dependency out from this component
+import { usePathname, useRouter } from 'next/navigation.js';
+import { sortableFieldTypes } from 'payload/fields/index';
+import { fieldAffectsData } from 'payload/types';
+import queryString from 'qs';
+import React, { useEffect, useState } from 'react';
+import { useSearchParams } from '../../providers/SearchParams/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ReactSelect } from '../ReactSelect/index.js';
 const baseClass = 'sort-complex';
-const SortComplex = (props)=>{
+export const SortComplex = (props)=>{
     const { collection, handleChange, modifySearchQuery = true } = props;
-    const router = (0, _navigation.useRouter)();
-    const pathname = (0, _navigation.usePathname)();
-    const { searchParams } = (0, _SearchParams.useSearchParams)();
-    const { i18n, t } = (0, _Translation.useTranslation)();
-    const [sortOptions, setSortOptions] = (0, _react.useState)();
-    const [sortFields] = (0, _react.useState)(()=>collection.fields.reduce((fields, field)=>{
-            if ((0, _types.fieldAffectsData)(field) && _index.sortableFieldTypes.indexOf(field.type) > -1) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const { searchParams } = useSearchParams();
+    const { i18n, t } = useTranslation();
+    const [sortOptions, setSortOptions] = useState();
+    const [sortFields] = useState(()=>collection.fields.reduce((fields, field)=>{
+            if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {
                 return [
                     ...fields,
                     {
-                        label: (0, _translations.getTranslation)(field.label || field.name, i18n),
+                        label: getTranslation(field.label || field.name, i18n),
                         value: field.name
                     }
                 ];
             }
             return fields;
         }, []));
-    const [sortField, setSortField] = (0, _react.useState)(sortFields[0]);
-    const [initialSort] = (0, _react.useState)(()=>({
+    const [sortField, setSortField] = useState(sortFields[0]);
+    const [initialSort] = useState(()=>({
             label: t('general:descending'),
             value: '-'
         }));
-    const [sortOrder, setSortOrder] = (0, _react.useState)(initialSort);
-    (0, _react.useEffect)(()=>{
+    const [sortOrder, setSortOrder] = useState(initialSort);
+    useEffect(()=>{
         if (sortField?.value) {
             const newSortValue = `${sortOrder.value}${sortField.value}`;
             if (handleChange) handleChange(newSortValue);
             if (searchParams.sort !== newSortValue && modifySearchQuery) {
-                const search = _qs.default.stringify({
+                const search = queryString.stringify({
                     ...searchParams,
                     sort: newSortValue
                 }, {
@@ -113,7 +57,7 @@ const SortComplex = (props)=>{
         modifySearchQuery,
         handleChange
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setSortOptions([
             {
                 label: t('general:ascending'),
@@ -128,23 +72,23 @@ const SortComplex = (props)=>{
         i18n,
         t
     ]);
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__select`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__label`
-    }, t('general:columnToSort')), /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+    }, t('general:columnToSort')), /*#__PURE__*/ React.createElement(ReactSelect, {
         onChange: setSortField,
         options: sortFields,
         value: sortField
-    })), /*#__PURE__*/ _react.default.createElement("div", {
+    })), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__select`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__label`
-    }, t('general:order')), /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+    }, t('general:order')), /*#__PURE__*/ React.createElement(ReactSelect, {
         onChange: (incomingSort)=>{
             setSortOrder(incomingSort || initialSort);
         },
@@ -152,6 +96,5 @@ const SortComplex = (props)=>{
         value: sortOrder
     })))));
 };
-const _default = SortComplex;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Tb3J0Q29tcGxleC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25PYmplY3QgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbi8vIFRPRE86IGFic3RyYWN0IHRoZSBgbmV4dC9uYXZpZ2F0aW9uYCBkZXBlbmRlbmN5IG91dCBmcm9tIHRoaXMgY29tcG9uZW50XG5pbXBvcnQgeyB1c2VQYXRobmFtZSwgdXNlUm91dGVyIH0gZnJvbSAnbmV4dC9uYXZpZ2F0aW9uJ1xuaW1wb3J0IHsgc29ydGFibGVGaWVsZFR5cGVzIH0gZnJvbSAncGF5bG9hZC9maWVsZHMvaW5kZXgnXG5pbXBvcnQgeyBmaWVsZEFmZmVjdHNEYXRhIH0gZnJvbSAncGF5bG9hZC90eXBlcydcbmltcG9ydCBxdWVyeVN0cmluZyBmcm9tICdxcydcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvU2VhcmNoUGFyYW1zJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgUmVhY3RTZWxlY3QgZnJvbSAnLi4vUmVhY3RTZWxlY3QnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3NvcnQtY29tcGxleCdcblxuY29uc3QgU29ydENvbXBsZXg6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNvbGxlY3Rpb24sIGhhbmRsZUNoYW5nZSwgbW9kaWZ5U2VhcmNoUXVlcnkgPSB0cnVlIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHJvdXRlciA9IHVzZVJvdXRlcigpXG4gIGNvbnN0IHBhdGhuYW1lID0gdXNlUGF0aG5hbWUoKVxuICBjb25zdCB7IHNlYXJjaFBhcmFtcyB9ID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IFtzb3J0T3B0aW9ucywgc2V0U29ydE9wdGlvbnNdID0gdXNlU3RhdGU8T3B0aW9uT2JqZWN0W10+KClcblxuICBjb25zdCBbc29ydEZpZWxkc10gPSB1c2VTdGF0ZSgoKSA9PlxuICAgIGNvbGxlY3Rpb24uZmllbGRzLnJlZHVjZSgoZmllbGRzLCBmaWVsZCkgPT4ge1xuICAgICAgaWYgKGZpZWxkQWZmZWN0c0RhdGEoZmllbGQpICYmIHNvcnRhYmxlRmllbGRUeXBlcy5pbmRleE9mKGZpZWxkLnR5cGUpID4gLTEpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAuLi5maWVsZHMsXG4gICAgICAgICAgeyBsYWJlbDogZ2V0VHJhbnNsYXRpb24oZmllbGQubGFiZWwgfHwgZmllbGQubmFtZSwgaTE4biksIHZhbHVlOiBmaWVsZC5uYW1lIH0sXG4gICAgICAgIF1cbiAgICAgIH1cbiAgICAgIHJldHVybiBmaWVsZHNcbiAgICB9LCBbXSksXG4gIClcblxuICBjb25zdCBbc29ydEZpZWxkLCBzZXRTb3J0RmllbGRdID0gdXNlU3RhdGUoc29ydEZpZWxkc1swXSlcbiAgY29uc3QgW2luaXRpYWxTb3J0XSA9IHVzZVN0YXRlKCgpID0+ICh7IGxhYmVsOiB0KCdnZW5lcmFsOmRlc2NlbmRpbmcnKSwgdmFsdWU6ICctJyB9KSlcbiAgY29uc3QgW3NvcnRPcmRlciwgc2V0U29ydE9yZGVyXSA9IHVzZVN0YXRlKGluaXRpYWxTb3J0KVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHNvcnRGaWVsZD8udmFsdWUpIHtcbiAgICAgIGNvbnN0IG5ld1NvcnRWYWx1ZSA9IGAke3NvcnRPcmRlci52YWx1ZX0ke3NvcnRGaWVsZC52YWx1ZX1gXG5cbiAgICAgIGlmIChoYW5kbGVDaGFuZ2UpIGhhbmRsZUNoYW5nZShuZXdTb3J0VmFsdWUpXG5cbiAgICAgIGlmIChzZWFyY2hQYXJhbXMuc29ydCAhPT0gbmV3U29ydFZhbHVlICYmIG1vZGlmeVNlYXJjaFF1ZXJ5KSB7XG4gICAgICAgIGNvbnN0IHNlYXJjaCA9IHF1ZXJ5U3RyaW5nLnN0cmluZ2lmeShcbiAgICAgICAgICB7XG4gICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICBzb3J0OiBuZXdTb3J0VmFsdWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICAgICAgIClcblxuICAgICAgICByb3V0ZXIucmVwbGFjZShgJHtwYXRobmFtZX0ke3NlYXJjaH1gKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW3BhdGhuYW1lLCByb3V0ZXIsIHNlYXJjaFBhcmFtcywgc29ydEZpZWxkLCBzb3J0T3JkZXIsIG1vZGlmeVNlYXJjaFF1ZXJ5LCBoYW5kbGVDaGFuZ2VdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0U29ydE9wdGlvbnMoW1xuICAgICAgeyBsYWJlbDogdCgnZ2VuZXJhbDphc2NlbmRpbmcnKSwgdmFsdWU6ICcnIH0sXG4gICAgICB7IGxhYmVsOiB0KCdnZW5lcmFsOmRlc2NlbmRpbmcnKSwgdmFsdWU6ICctJyB9LFxuICAgIF0pXG4gIH0sIFtpMThuLCB0XSlcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcGB9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zZWxlY3RgfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sYWJlbGB9Pnt0KCdnZW5lcmFsOmNvbHVtblRvU29ydCcpfTwvZGl2PlxuICAgICAgICAgICAgPFJlYWN0U2VsZWN0IG9uQ2hhbmdlPXtzZXRTb3J0RmllbGR9IG9wdGlvbnM9e3NvcnRGaWVsZHN9IHZhbHVlPXtzb3J0RmllbGR9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3NlbGVjdGB9PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e3QoJ2dlbmVyYWw6b3JkZXInKX08L2Rpdj5cbiAgICAgICAgICAgIDxSZWFjdFNlbGVjdFxuICAgICAgICAgICAgICBvbkNoYW5nZT17KGluY29taW5nU29ydCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldFNvcnRPcmRlcihpbmNvbWluZ1NvcnQgfHwgaW5pdGlhbFNvcnQpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9wdGlvbnM9e3NvcnRPcHRpb25zfVxuICAgICAgICAgICAgICB2YWx1ZT17c29ydE9yZGVyfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvcnRDb21wbGV4XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiU29ydENvbXBsZXgiLCJwcm9wcyIsImNvbGxlY3Rpb24iLCJoYW5kbGVDaGFuZ2UiLCJtb2RpZnlTZWFyY2hRdWVyeSIsInJvdXRlciIsInVzZVJvdXRlciIsInBhdGhuYW1lIiwidXNlUGF0aG5hbWUiLCJzZWFyY2hQYXJhbXMiLCJ1c2VTZWFyY2hQYXJhbXMiLCJpMThuIiwidCIsInVzZVRyYW5zbGF0aW9uIiwic29ydE9wdGlvbnMiLCJzZXRTb3J0T3B0aW9ucyIsInVzZVN0YXRlIiwic29ydEZpZWxkcyIsImZpZWxkcyIsInJlZHVjZSIsImZpZWxkIiwiZmllbGRBZmZlY3RzRGF0YSIsInNvcnRhYmxlRmllbGRUeXBlcyIsImluZGV4T2YiLCJ0eXBlIiwibGFiZWwiLCJnZXRUcmFuc2xhdGlvbiIsIm5hbWUiLCJ2YWx1ZSIsInNvcnRGaWVsZCIsInNldFNvcnRGaWVsZCIsImluaXRpYWxTb3J0Iiwic29ydE9yZGVyIiwic2V0U29ydE9yZGVyIiwidXNlRWZmZWN0IiwibmV3U29ydFZhbHVlIiwic29ydCIsInNlYXJjaCIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwiYWRkUXVlcnlQcmVmaXgiLCJyZXBsYWNlIiwiZGl2IiwiY2xhc3NOYW1lIiwiUmVhY3QiLCJGcmFnbWVudCIsIlJlYWN0U2VsZWN0Iiwib25DaGFuZ2UiLCJvcHRpb25zIiwiaW5jb21pbmdTb3J0Il0sIm1hcHBpbmdzIjoiOzs7OytCQStGQTs7O2VBQUE7Ozs4QkE3RitCOzRCQUVRO3VCQUNKO3VCQUNGOzJEQUNUOytEQUNtQjs4QkFJWDs2QkFDRDtvRUFDUDtRQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGNBQStCLENBQUNDO0lBQ3BDLE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxZQUFZLEVBQUVDLG9CQUFvQixJQUFJLEVBQUUsR0FBR0g7SUFFL0QsTUFBTUksU0FBU0MsSUFBQUEscUJBQVM7SUFDeEIsTUFBTUMsV0FBV0MsSUFBQUEsdUJBQVc7SUFDNUIsTUFBTSxFQUFFQyxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFDeEMsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUNsQyxNQUFNLENBQUNDLGFBQWFDLGVBQWUsR0FBR0MsSUFBQUEsZUFBUTtJQUU5QyxNQUFNLENBQUNDLFdBQVcsR0FBR0QsSUFBQUEsZUFBUSxFQUFDLElBQzVCZCxXQUFXZ0IsTUFBTSxDQUFDQyxNQUFNLENBQUMsQ0FBQ0QsUUFBUUU7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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["import type { OptionObject } from 'payload/types'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload/fields/index'\nimport { fieldAffectsData } from 'payload/types'\nimport queryString from 'qs'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const { searchParams } = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) handleChange(newSortValue)\n\n      if (searchParams.sort !== newSortValue && modifySearchQuery) {\n        const search = queryString.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","sortableFieldTypes","fieldAffectsData","queryString","React","useEffect","useState","useSearchParams","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","sort","search","stringify","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/Status/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import './index.scss';
-declare const Status: React.FC;
-export default Status;
+export declare const Status: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Status/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAiMnB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiM1B,CAAA"}