@payloadcms/ui 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/elements/SearchFilter/index.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _translations = require("@payloadcms/translations");
+const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactrouterdom = require("react-router-dom");
+const _useDebounce = /*#__PURE__*/ _interop_require_default(require("../../hooks/useDebounce"));
+const _Search = require("../../icons/Search");
+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;
+}
+const baseClass = 'search-filter';
+const SearchFilter = (props)=>{
+    const { fieldLabel = 'ID', fieldName = 'id', handleChange, listSearchableFields, modifySearchQuery = true } = props;
+    const { searchParams } = (0, _SearchParams.useSearchParams)();
+    const history = (0, _reactrouterdom.useHistory)();
+    const { i18n, t } = (0, _Translation.useTranslation)();
+    const [search, setSearch] = (0, _react.useState)(typeof searchParams?.search === 'string' ? searchParams?.search : '');
+    const [previousSearch, setPreviousSearch] = (0, _react.useState)('');
+    const placeholder = (0, _react.useRef)(t('general:searchBy', {
+        label: (0, _translations.getTranslation)(fieldLabel, i18n)
+    }));
+    const debouncedSearch = (0, _useDebounce.default)(search, 300);
+    (0, _react.useEffect)(()=>{
+        if (debouncedSearch !== previousSearch) {
+            if (handleChange) handleChange(debouncedSearch);
+            if (modifySearchQuery) {
+                history.replace({
+                    search: _qs.default.stringify({
+                        ...searchParams,
+                        page: 1,
+                        search: debouncedSearch || undefined
+                    })
+                });
+            }
+            setPreviousSearch(debouncedSearch);
+        }
+    }, [
+        debouncedSearch,
+        previousSearch,
+        history,
+        fieldName,
+        searchParams,
+        handleChange,
+        modifySearchQuery,
+        listSearchableFields
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (listSearchableFields?.length > 0) {
+            placeholder.current = listSearchableFields.reduce((prev, curr, i)=>{
+                if (i === 0) {
+                    return `${t('general:searchBy', {
+                        label: (0, _translations.getTranslation)(curr.label || curr.name, i18n)
+                    })}`;
+                }
+                if (i === listSearchableFields.length - 1) {
+                    return `${prev} ${t('general:or')} ${(0, _translations.getTranslation)(curr.label || curr.name, i18n)}`;
+                }
+                return `${prev}, ${(0, _translations.getTranslation)(curr.label || curr.name, i18n)}`;
+            }, '');
+        } else {
+            placeholder.current = t('general:searchBy', {
+                label: (0, _translations.getTranslation)(fieldLabel, i18n)
+            });
+        }
+    }, [
+        t,
+        listSearchableFields,
+        i18n,
+        fieldLabel
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("input", {
+        className: `${baseClass}__input`,
+        onChange: (e)=>setSearch(e.target.value),
+        placeholder: placeholder.current,
+        type: "text",
+        value: search || ''
+    }), /*#__PURE__*/ _react.default.createElement(_Search.Search, null));
+};
+const _default = SearchFilter;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TZWFyY2hGaWx0ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IHF1ZXJ5U3RyaW5nIGZyb20gJ3FzJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlSGlzdG9yeSB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgdXNlRGVib3VuY2UgZnJvbSAnLi4vLi4vaG9va3MvdXNlRGVib3VuY2UnXG5pbXBvcnQgeyBTZWFyY2ggfSBmcm9tICcuLi8uLi9pY29ucy9TZWFyY2gnXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvU2VhcmNoUGFyYW1zJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3NlYXJjaC1maWx0ZXInXG5cbmNvbnN0IFNlYXJjaEZpbHRlcjogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBmaWVsZExhYmVsID0gJ0lEJyxcbiAgICBmaWVsZE5hbWUgPSAnaWQnLFxuICAgIGhhbmRsZUNoYW5nZSxcbiAgICBsaXN0U2VhcmNoYWJsZUZpZWxkcyxcbiAgICBtb2RpZnlTZWFyY2hRdWVyeSA9IHRydWUsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgc2VhcmNoUGFyYW1zIH0gPSB1c2VTZWFyY2hQYXJhbXMoKVxuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIGNvbnN0IFtzZWFyY2gsIHNldFNlYXJjaF0gPSB1c2VTdGF0ZShcbiAgICB0eXBlb2Ygc2VhcmNoUGFyYW1zPy5zZWFyY2ggPT09ICdzdHJpbmcnID8gc2VhcmNoUGFyYW1zPy5zZWFyY2ggOiAnJyxcbiAgKVxuICBjb25zdCBbcHJldmlvdXNTZWFyY2gsIHNldFByZXZpb3VzU2VhcmNoXSA9IHVzZVN0YXRlKCcnKVxuXG4gIGNvbnN0IHBsYWNlaG9sZGVyID0gdXNlUmVmKHQoJ2dlbmVyYWw6c2VhcmNoQnknLCB7IGxhYmVsOiBnZXRUcmFuc2xhdGlvbihmaWVsZExhYmVsLCBpMThuKSB9KSlcblxuICBjb25zdCBkZWJvdW5jZWRTZWFyY2ggPSB1c2VEZWJvdW5jZShzZWFyY2gsIDMwMClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWJvdW5jZWRTZWFyY2ggIT09IHByZXZpb3VzU2VhcmNoKSB7XG4gICAgICBpZiAoaGFuZGxlQ2hhbmdlKSBoYW5kbGVDaGFuZ2UoZGVib3VuY2VkU2VhcmNoKVxuXG4gICAgICBpZiAobW9kaWZ5U2VhcmNoUXVlcnkpIHtcbiAgICAgICAgaGlzdG9yeS5yZXBsYWNlKHtcbiAgICAgICAgICBzZWFyY2g6IHF1ZXJ5U3RyaW5nLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICBwYWdlOiAxLFxuICAgICAgICAgICAgc2VhcmNoOiBkZWJvdW5jZWRTZWFyY2ggfHwgdW5kZWZpbmVkLFxuICAgICAgICAgIH0pLFxuICAgICAgICB9KVxuICAgICAgfVxuXG4gICAgICBzZXRQcmV2aW91c1NlYXJjaChkZWJvdW5jZWRTZWFyY2gpXG4gICAgfVxuICB9LCBbXG4gICAgZGVib3VuY2VkU2VhcmNoLFxuICAgIHByZXZpb3VzU2VhcmNoLFxuICAgIGhpc3RvcnksXG4gICAgZmllbGROYW1lLFxuICAgIHNlYXJjaFBhcmFtcyxcbiAgICBoYW5kbGVDaGFuZ2UsXG4gICAgbW9kaWZ5U2VhcmNoUXVlcnksXG4gICAgbGlzdFNlYXJjaGFibGVGaWVsZHMsXG4gIF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobGlzdFNlYXJjaGFibGVGaWVsZHM/Lmxlbmd0aCA+IDApIHtcbiAgICAgIHBsYWNlaG9sZGVyLmN1cnJlbnQgPSBsaXN0U2VhcmNoYWJsZUZpZWxkcy5yZWR1Y2U8c3RyaW5nPigocHJldiwgY3VyciwgaSkgPT4ge1xuICAgICAgICBpZiAoaSA9PT0gMCkge1xuICAgICAgICAgIHJldHVybiBgJHt0KCdnZW5lcmFsOnNlYXJjaEJ5Jywge1xuICAgICAgICAgICAgbGFiZWw6IGdldFRyYW5zbGF0aW9uKGN1cnIubGFiZWwgfHwgY3Vyci5uYW1lLCBpMThuKSxcbiAgICAgICAgICB9KX1gXG4gICAgICAgIH1cbiAgICAgICAgaWYgKGkgPT09IGxpc3RTZWFyY2hhYmxlRmllbGRzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICByZXR1cm4gYCR7cHJldn0gJHt0KCdnZW5lcmFsOm9yJyl9ICR7Z2V0VHJhbnNsYXRpb24oY3Vyci5sYWJlbCB8fCBjdXJyLm5hbWUsIGkxOG4pfWBcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gYCR7cHJldn0sICR7Z2V0VHJhbnNsYXRpb24oY3Vyci5sYWJlbCB8fCBjdXJyLm5hbWUsIGkxOG4pfWBcbiAgICAgIH0sICcnKVxuICAgIH0gZWxzZSB7XG4gICAgICBwbGFjZWhvbGRlci5jdXJyZW50ID0gdCgnZ2VuZXJhbDpzZWFyY2hCeScsIHsgbGFiZWw6IGdldFRyYW5zbGF0aW9uKGZpZWxkTGFiZWwsIGkxOG4pIH0pXG4gICAgfVxuICB9LCBbdCwgbGlzdFNlYXJjaGFibGVGaWVsZHMsIGkxOG4sIGZpZWxkTGFiZWxdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pbnB1dGB9XG4gICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4gc2V0U2VhcmNoKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyLmN1cnJlbnR9XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgdmFsdWU9e3NlYXJjaCB8fCAnJ31cbiAgICAgIC8+XG4gICAgICA8U2VhcmNoIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoRmlsdGVyXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiU2VhcmNoRmlsdGVyIiwicHJvcHMiLCJmaWVsZExhYmVsIiwiZmllbGROYW1lIiwiaGFuZGxlQ2hhbmdlIiwibGlzdFNlYXJjaGFibGVGaWVsZHMiLCJtb2RpZnlTZWFyY2hRdWVyeSIsInNlYXJjaFBhcmFtcyIsInVzZVNlYXJjaFBhcmFtcyIsImhpc3RvcnkiLCJ1c2VIaXN0b3J5IiwiaTE4biIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsInNlYXJjaCIsInNldFNlYXJjaCIsInVzZVN0YXRlIiwicHJldmlvdXNTZWFyY2giLCJzZXRQcmV2aW91c1NlYXJjaCIsInBsYWNlaG9sZGVyIiwidXNlUmVmIiwibGFiZWwiLCJnZXRUcmFuc2xhdGlvbiIsImRlYm91bmNlZFNlYXJjaCIsInVzZURlYm91bmNlIiwidXNlRWZmZWN0IiwicmVwbGFjZSIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwicGFnZSIsInVuZGVmaW5lZCIsImxlbmd0aCIsImN1cnJlbnQiLCJyZWR1Y2UiLCJwcmV2IiwiY3VyciIsImkiLCJuYW1lIiwiZGl2IiwiY2xhc3NOYW1lIiwiaW5wdXQiLCJvbkNoYW5nZSIsImUiLCJ0YXJnZXQiLCJ2YWx1ZSIsInR5cGUiLCJTZWFyY2giXSwibWFwcGluZ3MiOiI7Ozs7K0JBZ0dBOzs7ZUFBQTs7OzhCQWhHK0I7MkRBQ1A7K0RBQzJCO2dDQUN4QjtvRUFJSDt3QkFDRDs4QkFDUzs2QkFDRDtRQUN4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/dist/elements/SearchFilter/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/SelectAll/index.js

@@ -0,0 +1,35 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SelectAll", {
+    enumerable: true,
+    get: function() {
+        return SelectAll;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = require("../..");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'select-all';
+const SelectAll = ()=>{
+    const { selectAll, toggleAll } = (0, _.useSelection)();
+    const { i18n } = (0, _.useTranslation)();
+    return /*#__PURE__*/ _react.default.createElement(_.CheckboxInput, {
+        "aria-label": selectAll === _.SelectAllStatus.None ? i18n.t('general:selectAllRows') : i18n.t('general:deselectAllRows'),
+        checked: selectAll === _.SelectAllStatus.AllInPage || selectAll === _.SelectAllStatus.AllAvailable,
+        className: `${baseClass}__checkbox`,
+        id: "select-all",
+        name: "select-all",
+        onToggle: ()=>toggleAll(),
+        partialChecked: selectAll === _.SelectAllStatus.Some
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TZWxlY3RBbGwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENoZWNrYm94SW5wdXQsIFNlbGVjdEFsbFN0YXR1cywgdXNlU2VsZWN0aW9uLCB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzZWxlY3QtYWxsJ1xuXG5leHBvcnQgY29uc3QgU2VsZWN0QWxsOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3QgeyBzZWxlY3RBbGwsIHRvZ2dsZUFsbCB9ID0gdXNlU2VsZWN0aW9uKClcbiAgY29uc3QgeyBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8Q2hlY2tib3hJbnB1dFxuICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgIHNlbGVjdEFsbCA9PT0gU2VsZWN0QWxsU3RhdHVzLk5vbmVcbiAgICAgICAgICA/IGkxOG4udCgnZ2VuZXJhbDpzZWxlY3RBbGxSb3dzJylcbiAgICAgICAgICA6IGkxOG4udCgnZ2VuZXJhbDpkZXNlbGVjdEFsbFJvd3MnKVxuICAgICAgfVxuICAgICAgY2hlY2tlZD17XG4gICAgICAgIHNlbGVjdEFsbCA9PT0gU2VsZWN0QWxsU3RhdHVzLkFsbEluUGFnZSB8fCBzZWxlY3RBbGwgPT09IFNlbGVjdEFsbFN0YXR1cy5BbGxBdmFpbGFibGVcbiAgICAgIH1cbiAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY2hlY2tib3hgfVxuICAgICAgaWQ9XCJzZWxlY3QtYWxsXCJcbiAgICAgIG5hbWU9XCJzZWxlY3QtYWxsXCJcbiAgICAgIG9uVG9nZ2xlPXsoKSA9PiB0b2dnbGVBbGwoKX1cbiAgICAgIHBhcnRpYWxDaGVja2VkPXtzZWxlY3RBbGwgPT09IFNlbGVjdEFsbFN0YXR1cy5Tb21lfVxuICAgIC8+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJTZWxlY3RBbGwiLCJiYXNlQ2xhc3MiLCJzZWxlY3RBbGwiLCJ0b2dnbGVBbGwiLCJ1c2VTZWxlY3Rpb24iLCJpMThuIiwidXNlVHJhbnNsYXRpb24iLCJDaGVja2JveElucHV0IiwiYXJpYS1sYWJlbCIsIlNlbGVjdEFsbFN0YXR1cyIsIk5vbmUiLCJ0IiwiY2hlY2tlZCIsIkFsbEluUGFnZSIsIkFsbEF2YWlsYWJsZSIsImNsYXNzTmFtZSIsImlkIiwibmFtZSIsIm9uVG9nZ2xlIiwicGFydGlhbENoZWNrZWQiLCJTb21lIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBU2FBOzs7ZUFBQUE7Ozs4REFQSztrQkFFMkQ7UUFDdEU7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxZQUFzQjtJQUNqQyxNQUFNLEVBQUVFLFNBQVMsRUFBRUMsU0FBUyxFQUFFLEdBQUdDLElBQUFBLGNBQVk7SUFDN0MsTUFBTSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsZ0JBQWM7SUFFL0IscUJBQ0UsNkJBQUNDLGVBQWE7UUFDWkMsY0FDRU4sY0FBY08saUJBQWUsQ0FBQ0MsSUFBSSxHQUM5QkwsS0FBS00sQ0FBQyxDQUFDLDJCQUNQTixLQUFLTSxDQUFDLENBQUM7UUFFYkMsU0FDRVYsY0FBY08saUJBQWUsQ0FBQ0ksU0FBUyxJQUFJWCxjQUFjTyxpQkFBZSxDQUFDSyxZQUFZO1FBRXZGQyxXQUFXLENBQUMsRUFBRWQsVUFBVSxVQUFVLENBQUM7UUFDbkNlLElBQUc7UUFDSEMsTUFBSztRQUNMQyxVQUFVLElBQU1mO1FBQ2hCZ0IsZ0JBQWdCakIsY0FBY08saUJBQWUsQ0FBQ1csSUFBSTs7QUFHeEQifQ==

package/dist/elements/SelectRow/index.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SelectRow", {
+    enumerable: true,
+    get: function() {
+        return SelectRow;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = require("../..");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'select-row';
+const SelectRow = ()=>{
+    const { selected, setSelection } = (0, _.useSelection)();
+    const { rowData } = (0, _.useTableCell)();
+    return /*#__PURE__*/ _react.default.createElement(_.CheckboxInput, {
+        checked: selected?.[rowData?.id],
+        className: `${baseClass}__checkbox`,
+        onToggle: ()=>setSelection(rowData.id)
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TZWxlY3RSb3cvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBDaGVja2JveElucHV0LCB1c2VTZWxlY3Rpb24sIHVzZVRhYmxlQ2VsbCB9IGZyb20gJy4uLy4uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzZWxlY3Qtcm93J1xuXG5leHBvcnQgY29uc3QgU2VsZWN0Um93OiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3QgeyBzZWxlY3RlZCwgc2V0U2VsZWN0aW9uIH0gPSB1c2VTZWxlY3Rpb24oKVxuICBjb25zdCB7IHJvd0RhdGEgfSA9IHVzZVRhYmxlQ2VsbCgpXG5cbiAgcmV0dXJuIChcbiAgICA8Q2hlY2tib3hJbnB1dFxuICAgICAgY2hlY2tlZD17c2VsZWN0ZWQ/Lltyb3dEYXRhPy5pZF19XG4gICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZWNrYm94YH1cbiAgICAgIG9uVG9nZ2xlPXsoKSA9PiBzZXRTZWxlY3Rpb24ocm93RGF0YS5pZCl9XG4gICAgLz5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlNlbGVjdFJvdyIsImJhc2VDbGFzcyIsInNlbGVjdGVkIiwic2V0U2VsZWN0aW9uIiwidXNlU2VsZWN0aW9uIiwicm93RGF0YSIsInVzZVRhYmxlQ2VsbCIsIkNoZWNrYm94SW5wdXQiLCJjaGVja2VkIiwiaWQiLCJjbGFzc05hbWUiLCJvblRvZ2dsZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQVFhQTs7O2VBQUFBOzs7OERBUEs7a0JBRXdDO1FBQ25EOzs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsWUFBc0I7SUFDakMsTUFBTSxFQUFFRSxRQUFRLEVBQUVDLFlBQVksRUFBRSxHQUFHQyxJQUFBQSxjQUFZO0lBQy9DLE1BQU0sRUFBRUMsT0FBTyxFQUFFLEdBQUdDLElBQUFBLGNBQVk7SUFFaEMscUJBQ0UsNkJBQUNDLGVBQWE7UUFDWkMsU0FBU04sVUFBVSxDQUFDRyxTQUFTSSxHQUFHO1FBQ2hDQyxXQUFXLENBQUMsRUFBRVQsVUFBVSxVQUFVLENBQUM7UUFDbkNVLFVBQVUsSUFBTVIsYUFBYUUsUUFBUUksRUFBRTs7QUFHN0MifQ==

package/dist/elements/ShimmerEffect/index.js

@@ -0,0 +1,96 @@
+'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, {
+    ShimmerEffect: function() {
+        return ShimmerEffect;
+    },
+    StaggeredShimmers: function() {
+        return StaggeredShimmers;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useDelay = require("../../hooks/useDelay");
+require("./index.scss");
+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;
+}
+const ShimmerEffect = ({ animationDelay = '0ms', height = '60px', width = '100%' })=>{
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: "shimmer-effect",
+        style: {
+            height: typeof height === 'number' ? `${height}px` : height,
+            width: typeof width === 'number' ? `${width}px` : width
+        }
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: "shimmer-effect__shine",
+        style: {
+            animationDelay
+        }
+    }));
+};
+const StaggeredShimmers = ({ className, count, height, renderDelay = 500, shimmerDelay = 25, shimmerItemClassName, width })=>{
+    const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay;
+    const [hasDelayed] = (0, _useDelay.useDelay)(renderDelay, true);
+    if (!hasDelayed) return null;
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: className
+    }, [
+        ...Array(count)
+    ].map((_, i)=>/*#__PURE__*/ _react.createElement("div", {
+            className: shimmerItemClassName,
+            key: i
+        }, /*#__PURE__*/ _react.createElement(ShimmerEffect, {
+            animationDelay: `calc(${i} * ${shimmerDelayToPass})`,
+            height: height,
+            width: width
+        }))));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TaGltbWVyRWZmZWN0L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VEZWxheSB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZURlbGF5J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgU2hpbW1lckVmZmVjdFQgPSB7XG4gIGFuaW1hdGlvbkRlbGF5Pzogc3RyaW5nXG4gIGhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuICB3aWR0aD86IG51bWJlciB8IHN0cmluZ1xufVxuZXhwb3J0IGNvbnN0IFNoaW1tZXJFZmZlY3Q6IFJlYWN0LkZDPFNoaW1tZXJFZmZlY3RUPiA9ICh7XG4gIGFuaW1hdGlvbkRlbGF5ID0gJzBtcycsXG4gIGhlaWdodCA9ICc2MHB4JyxcbiAgd2lkdGggPSAnMTAwJScsXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPVwic2hpbW1lci1lZmZlY3RcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OiB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHQsXG4gICAgICAgIHdpZHRoOiB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPVwic2hpbW1lci1lZmZlY3RfX3NoaW5lXCJcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBhbmltYXRpb25EZWxheSxcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxudHlwZSBTdGFnZ2VyZWRTaGltbWVyc1QgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjb3VudDogbnVtYmVyXG4gIGhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuICByZW5kZXJEZWxheT86IG51bWJlclxuICBzaGltbWVyRGVsYXk/OiBudW1iZXIgfCBzdHJpbmdcbiAgc2hpbW1lckl0ZW1DbGFzc05hbWU/OiBzdHJpbmdcbiAgd2lkdGg/OiBudW1iZXIgfCBzdHJpbmdcbn1cbmV4cG9ydCBjb25zdCBTdGFnZ2VyZWRTaGltbWVyczogUmVhY3QuRkM8U3RhZ2dlcmVkU2hpbW1lcnNUPiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY291bnQsXG4gIGhlaWdodCxcbiAgcmVuZGVyRGVsYXkgPSA1MDAsXG4gIHNoaW1tZXJEZWxheSA9IDI1LFxuICBzaGltbWVySXRlbUNsYXNzTmFtZSxcbiAgd2lkdGgsXG59KSA9PiB7XG4gIGNvbnN0IHNoaW1tZXJEZWxheVRvUGFzcyA9IHR5cGVvZiBzaGltbWVyRGVsYXkgPT09ICdudW1iZXInID8gYCR7c2hpbW1lckRlbGF5fW1zYCA6IHNoaW1tZXJEZWxheVxuICBjb25zdCBbaGFzRGVsYXllZF0gPSB1c2VEZWxheShyZW5kZXJEZWxheSwgdHJ1ZSlcblxuICBpZiAoIWhhc0RlbGF5ZWQpIHJldHVybiBudWxsXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHtbLi4uQXJyYXkoY291bnQpXS5tYXAoKF8sIGkpID0+IChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e3NoaW1tZXJJdGVtQ2xhc3NOYW1lfSBrZXk9e2l9PlxuICAgICAgICAgIDxTaGltbWVyRWZmZWN0XG4gICAgICAgICAgICBhbmltYXRpb25EZWxheT17YGNhbGMoJHtpfSAqICR7c2hpbW1lckRlbGF5VG9QYXNzfSlgfVxuICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlNoaW1tZXJFZmZlY3QiLCJTdGFnZ2VyZWRTaGltbWVycyIsImFuaW1hdGlvbkRlbGF5IiwiaGVpZ2h0Iiwid2lkdGgiLCJkaXYiLCJjbGFzc05hbWUiLCJzdHlsZSIsImNvdW50IiwicmVuZGVyRGVsYXkiLCJzaGltbWVyRGVsYXkiLCJzaGltbWVySXRlbUNsYXNzTmFtZSIsInNoaW1tZXJEZWxheVRvUGFzcyIsImhhc0RlbGF5ZWQiLCJ1c2VEZWxheSIsIkFycmF5IiwibWFwIiwiXyIsImkiLCJrZXkiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFXYUEsYUFBYTtlQUFiQTs7SUFnQ0FDLGlCQUFpQjtlQUFqQkE7OzsrREExQ1U7MEJBRUU7UUFDbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQU9BLE1BQU1ELGdCQUEwQyxDQUFDLEVBQ3RERSxpQkFBaUIsS0FBSyxFQUN0QkMsU0FBUyxNQUFNLEVBQ2ZDLFFBQVEsTUFBTSxFQUNmO0lBQ0MscUJBQ0UscUJBQUNDO1FBQ0NDLFdBQVU7UUFDVkMsT0FBTztZQUNMSixRQUFRLE9BQU9BLFdBQVcsV0FBVyxDQUFDLEVBQUVBLE9BQU8sRUFBRSxDQUFDLEdBQUdBO1lBQ3JEQyxPQUFPLE9BQU9BLFVBQVUsV0FBVyxDQUFDLEVBQUVBLE1BQU0sRUFBRSxDQUFDLEdBQUdBO1FBQ3BEO3FCQUVBLHFCQUFDQztRQUNDQyxXQUFVO1FBQ1ZDLE9BQU87WUFDTEw7UUFDRjs7QUFJUjtBQVdPLE1BQU1ELG9CQUFrRCxDQUFDLEVBQzlESyxTQUFTLEVBQ1RFLEtBQUssRUFDTEwsTUFBTSxFQUNOTSxjQUFjLEdBQUcsRUFDakJDLGVBQWUsRUFBRSxFQUNqQkMsb0JBQW9CLEVBQ3BCUCxLQUFLLEVBQ047SUFDQyxNQUFNUSxxQkFBcUIsT0FBT0YsaUJBQWlCLFdBQVcsQ0FBQyxFQUFFQSxhQUFhLEVBQUUsQ0FBQyxHQUFHQTtJQUNwRixNQUFNLENBQUNHLFdBQVcsR0FBR0MsSUFBQUEsa0JBQVEsRUFBQ0wsYUFBYTtJQUUzQyxJQUFJLENBQUNJLFlBQVksT0FBTztJQUV4QixxQkFDRSxxQkFBQ1I7UUFBSUMsV0FBV0E7T0FDYjtXQUFJUyxNQUFNUDtLQUFPLENBQUNRLEdBQUcsQ0FBQyxDQUFDQyxHQUFHQyxrQkFDekIscUJBQUNiO1lBQUlDLFdBQVdLO1lBQXNCUSxLQUFLRDt5QkFDekMscUJBQUNsQjtZQUNDRSxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUVnQixFQUFFLEdBQUcsRUFBRU4sbUJBQW1CLENBQUMsQ0FBQztZQUNwRFQsUUFBUUE7WUFDUkMsT0FBT0E7O0FBTW5CIn0=

package/dist/elements/SortColumn/index.js

@@ -0,0 +1,138 @@
+'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 _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactrouterdom = require("react-router-dom");
+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;
+}
+const baseClass = 'sort-column';
+const SortColumn = (props)=>{
+    const { name, disable = false, label } = props;
+    const { searchParams } = (0, _SearchParams.useSearchParams)();
+    const history = (0, _reactrouterdom.useHistory)();
+    const { i18n, t } = (0, _Translation.useTranslation)();
+    const { sort } = searchParams;
+    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.useCallback)((newSort)=>{
+        history.push({
+            search: _qs.default.stringify({
+                ...searchParams,
+                sort: newSort
+            }, {
+                addQueryPrefix: true
+            })
+        });
+    }, [
+        searchParams,
+        history
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__label`
+    }, (0, _translations.getTranslation)(label, i18n)), !disable && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__buttons`
+    }, /*#__PURE__*/ _react.default.createElement("button", {
+        "aria-label": t('general:sortByLabelDirection', {
+            direction: t('general:ascending'),
+            label: (0, _translations.getTranslation)(label, i18n)
+        }),
+        className: [
+            ...ascClasses,
+            `${baseClass}__button`
+        ].filter(Boolean).join(' '),
+        onClick: ()=>setSort(asc),
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+        direction: "up"
+    })), /*#__PURE__*/ _react.default.createElement("button", {
+        "aria-label": t('general:sortByLabelDirection', {
+            direction: t('general:descending'),
+            label: (0, _translations.getTranslation)(label, i18n)
+        }),
+        className: [
+            ...descClasses,
+            `${baseClass}__button`
+        ].filter(Boolean).join(' '),
+        onClick: ()=>setSort(desc),
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, null))));
+};
+const _default = SortColumn;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Tb3J0Q29sdW1uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IHF1ZXJ5U3RyaW5nIGZyb20gJ3FzJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VIaXN0b3J5IH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW1zIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1NlYXJjaFBhcmFtcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzb3J0LWNvbHVtbidcblxuZXhwb3J0IGNvbnN0IFNvcnRDb2x1bW46IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IG5hbWUsIGRpc2FibGUgPSBmYWxzZSwgbGFiZWwgfSA9IHByb3BzXG4gIGNvbnN0IHsgc2VhcmNoUGFyYW1zIH0gPSB1c2VTZWFyY2hQYXJhbXMoKVxuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIGNvbnN0IHsgc29ydCB9ID0gc2VhcmNoUGFyYW1zXG5cbiAgY29uc3QgZGVzYyA9IGAtJHtuYW1lfWBcbiAgY29uc3QgYXNjID0gbmFtZVxuXG4gIGNvbnN0IGFzY0NsYXNzZXMgPSBbYCR7YmFzZUNsYXNzfV9fYXNjYF1cbiAgaWYgKHNvcnQgPT09IGFzYykgYXNjQ2xhc3Nlcy5wdXNoKGAke2Jhc2VDbGFzc30tLWFjdGl2ZWApXG5cbiAgY29uc3QgZGVzY0NsYXNzZXMgPSBbYCR7YmFzZUNsYXNzfV9fZGVzY2BdXG4gIGlmIChzb3J0ID09PSBkZXNjKSBkZXNjQ2xhc3Nlcy5wdXNoKGAke2Jhc2VDbGFzc30tLWFjdGl2ZWApXG5cbiAgY29uc3Qgc2V0U29ydCA9IHVzZUNhbGxiYWNrKFxuICAgIChuZXdTb3J0KSA9PiB7XG4gICAgICBoaXN0b3J5LnB1c2goe1xuICAgICAgICBzZWFyY2g6IHF1ZXJ5U3RyaW5nLnN0cmluZ2lmeShcbiAgICAgICAgICB7XG4gICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICBzb3J0OiBuZXdTb3J0LFxuICAgICAgICAgIH0sXG4gICAgICAgICAgeyBhZGRRdWVyeVByZWZpeDogdHJ1ZSB9LFxuICAgICAgICApLFxuICAgICAgfSlcbiAgICB9LFxuICAgIFtzZWFyY2hQYXJhbXMsIGhpc3RvcnldLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT57Z2V0VHJhbnNsYXRpb24obGFiZWwsIGkxOG4pfTwvc3Bhbj5cbiAgICAgIHshZGlzYWJsZSAmJiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19idXR0b25zYH0+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnZ2VuZXJhbDpzb3J0QnlMYWJlbERpcmVjdGlvbicsIHtcbiAgICAgICAgICAgICAgZGlyZWN0aW9uOiB0KCdnZW5lcmFsOmFzY2VuZGluZycpLFxuICAgICAgICAgICAgICBsYWJlbDogZ2V0VHJhbnNsYXRpb24obGFiZWwsIGkxOG4pLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICBjbGFzc05hbWU9e1suLi5hc2NDbGFzc2VzLCBgJHtiYXNlQ2xhc3N9X19idXR0b25gXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U29ydChhc2MpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPVwidXBcIiAvPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2dlbmVyYWw6c29ydEJ5TGFiZWxEaXJlY3Rpb24nLCB7XG4gICAgICAgICAgICAgIGRpcmVjdGlvbjogdCgnZ2VuZXJhbDpkZXNjZW5kaW5nJyksXG4gICAgICAgICAgICAgIGxhYmVsOiBnZXRUcmFuc2xhdGlvbihsYWJlbCwgaTE4biksXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Wy4uLmRlc2NDbGFzc2VzLCBgJHtiYXNlQ2xhc3N9X19idXR0b25gXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U29ydChkZXNjKX1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDaGV2cm9uIC8+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTb3J0Q29sdW1uXG4iXSwibmFtZXMiOlsiU29ydENvbHVtbiIsImJhc2VDbGFzcyIsInByb3BzIiwibmFtZSIsImRpc2FibGUiLCJsYWJlbCIsInNlYXJjaFBhcmFtcyIsInVzZVNlYXJjaFBhcmFtcyIsImhpc3RvcnkiLCJ1c2VIaXN0b3J5IiwiaTE4biIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsInNvcnQiLCJkZXNjIiwiYXNjIiwiYXNjQ2xhc3NlcyIsInB1c2giLCJkZXNjQ2xhc3NlcyIsInNldFNvcnQiLCJ1c2VDYWxsYmFjayIsIm5ld1NvcnQiLCJzZWFyY2giLCJxdWVyeVN0cmluZyIsInN0cmluZ2lmeSIsImFkZFF1ZXJ5UHJlZml4IiwiZGl2IiwiY2xhc3NOYW1lIiwic3BhbiIsImdldFRyYW5zbGF0aW9uIiwiYnV0dG9uIiwiYXJpYS1sYWJlbCIsImRpcmVjdGlvbiIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwib25DbGljayIsInR5cGUiLCJDaGV2cm9uIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7O0lBZWFBLFVBQVU7ZUFBVkE7O0lBaUViLE9BQXlCO2VBQXpCOzs7OEJBL0UrQjsyREFDUDsrREFDVztnQ0FDUjt5QkFJSDs4QkFDUTs2QkFDRDtRQUN4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsYUFBOEIsQ0FBQ0U7SUFDMUMsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLFVBQVUsS0FBSyxFQUFFQyxLQUFLLEVBQUUsR0FBR0g7SUFDekMsTUFBTSxFQUFFSSxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFDeEMsTUFBTUMsVUFBVUMsSUFBQUEsMEJBQVU7SUFDMUIsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUVsQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHUDtJQUVqQixNQUFNUSxPQUFPLENBQUMsQ0FBQyxFQUFFWCxLQUFLLENBQUM7SUFDdkIsTUFBTVksTUFBTVo7SUFFWixNQUFNYSxhQUFhO1FBQUMsQ0FBQyxFQUFFZixVQUFVLEtBQUssQ0FBQztLQUFDO0lBQ3hDLElBQUlZLFNBQVNFLEtBQUtDLFdBQVdDLElBQUksQ0FBQyxDQUFDLEVBQUVoQixVQUFVLFFBQVEsQ0FBQztJQUV4RCxNQUFNaUIsY0FBYztRQUFDLENBQUMsRUFBRWpCLFVBQVUsTUFBTSxDQUFDO0tBQUM7SUFDMUMsSUFBSVksU0FBU0MsTUFBTUksWUFBWUQsSUFBSSxDQUFDLENBQUMsRUFBRWhCLFVBQVUsUUFBUSxDQUFDO0lBRTFELE1BQU1rQixVQUFVQyxJQUFBQSxrQkFBVyxFQUN6QixDQUFDQztRQUNDYixRQUFRUyxJQUFJLENBQUM7WUFDWEssUUFBUUMsV0FBVyxDQUFDQyxTQUFTLENBQzNCO2dCQUNFLEdBQUdsQixZQUFZO2dCQUNmTyxNQUFNUTtZQUNSLEdBQ0E7Z0JBQUVJLGdCQUFnQjtZQUFLO1FBRTNCO0lBQ0YsR0FDQTtRQUFDbkI7UUFBY0U7S0FBUTtJQUd6QixxQkFDRSw2QkFBQ2tCO1FBQUlDLFdBQVcxQjtxQkFDZCw2QkFBQzJCO1FBQUtELFdBQVcsQ0FBQyxFQUFFMUIsVUFBVSxPQUFPLENBQUM7T0FBRzRCLElBQUFBLDRCQUFjLEVBQUN4QixPQUFPSyxRQUM5RCxDQUFDTix5QkFDQSw2QkFBQ3NCO1FBQUlDLFdBQVcsQ0FBQyxFQUFFMUIsVUFBVSxTQUFTLENBQUM7cUJBQ3JDLDZCQUFDNkI7UUFDQ0MsY0FBWXBCLEVBQUUsZ0NBQWdDO1lBQzVDcUIsV0FBV3JCLEVBQUU7WUFDYk4sT0FBT3dCLElBQUFBLDRCQUFjLEVBQUN4QixPQUFPSztRQUMvQjtRQUNBaUIsV0FBVztlQUFJWDtZQUFZLENBQUMsRUFBRWYsVUFBVSxRQUFRLENBQUM7U0FBQyxDQUFDZ0MsTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7UUFDeEVDLFNBQVMsSUFBTWpCLFFBQVFKO1FBQ3ZCc0IsTUFBSztxQkFFTCw2QkFBQ0MsZ0JBQU87UUFBQ04sV0FBVTt1QkFFckIsNkJBQUNGO1FBQ0NDLGNBQVlwQixFQUFFLGdDQUFnQztZQUM1Q3FCLFdBQVdyQixFQUFFO1lBQ2JOLE9BQU93QixJQUFBQSw0QkFBYyxFQUFDeEIsT0FBT0s7UUFDL0I7UUFDQWlCLFdBQVc7ZUFBSVQ7WUFBYSxDQUFDLEVBQUVqQixVQUFVLFFBQVEsQ0FBQztTQUFDLENBQUNnQyxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN6RUMsU0FBUyxJQUFNakIsUUFBUUw7UUFDdkJ1QixNQUFLO3FCQUVMLDZCQUFDQyxnQkFBTztBQU1wQjtNQUVBLFdBQWV0QyJ9

package/dist/elements/SortColumn/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/SortComplex/index.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _translations = require("@payloadcms/translations");
+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 _reactrouterdom = require("react-router-dom");
+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;
+}
+const baseClass = 'sort-complex';
+const SortComplex = (props)=>{
+    const { collection, handleChange, modifySearchQuery = true } = props;
+    const history = (0, _reactrouterdom.useHistory)();
+    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) {
+                return [
+                    ...fields,
+                    {
+                        label: (0, _translations.getTranslation)(field.label || field.name, i18n),
+                        value: field.name
+                    }
+                ];
+            }
+            return fields;
+        }, []));
+    const [sortField, setSortField] = (0, _react.useState)(sortFields[0]);
+    const [initialSort] = (0, _react.useState)(()=>({
+            label: t('general:descending'),
+            value: '-'
+        }));
+    const [sortOrder, setSortOrder] = (0, _react.useState)(initialSort);
+    (0, _react.useEffect)(()=>{
+        if (sortField?.value) {
+            const newSortValue = `${sortOrder.value}${sortField.value}`;
+            if (handleChange) handleChange(newSortValue);
+            if (searchParams.sort !== newSortValue && modifySearchQuery) {
+                history.replace({
+                    search: _qs.default.stringify({
+                        ...searchParams,
+                        sort: newSortValue
+                    }, {
+                        addQueryPrefix: true
+                    })
+                });
+            }
+        }
+    }, [
+        history,
+        searchParams,
+        sortField,
+        sortOrder,
+        modifySearchQuery,
+        handleChange
+    ]);
+    (0, _react.useEffect)(()=>{
+        setSortOptions([
+            {
+                label: t('general:ascending'),
+                value: ''
+            },
+            {
+                label: t('general:descending'),
+                value: '-'
+            }
+        ]);
+    }, [
+        i18n,
+        t
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__select`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__label`
+    }, t('general:columnToSort')), /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+        onChange: setSortField,
+        options: sortFields,
+        value: sortField
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__select`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__label`
+    }, t('general:order')), /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+        onChange: (incomingSort)=>{
+            setSortOrder(incomingSort || initialSort);
+        },
+        options: sortOptions,
+        value: sortOrder
+    })))));
+};
+const _default = SortComplex;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Tb3J0Q29tcGxleC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25PYmplY3QgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcbmltcG9ydCB7IHNvcnRhYmxlRmllbGRUeXBlcyB9IGZyb20gJ3BheWxvYWQvZmllbGRzL2luZGV4J1xuaW1wb3J0IHsgZmllbGRBZmZlY3RzRGF0YSB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5pbXBvcnQgcXVlcnlTdHJpbmcgZnJvbSAncXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlSGlzdG9yeSB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvU2VhcmNoUGFyYW1zJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgUmVhY3RTZWxlY3QgZnJvbSAnLi4vUmVhY3RTZWxlY3QnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3NvcnQtY29tcGxleCdcblxuY29uc3QgU29ydENvbXBsZXg6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGNvbGxlY3Rpb24sIGhhbmRsZUNoYW5nZSwgbW9kaWZ5U2VhcmNoUXVlcnkgPSB0cnVlIH0gPSBwcm9wc1xuXG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KClcbiAgY29uc3QgeyBzZWFyY2hQYXJhbXMgfSA9IHVzZVNlYXJjaFBhcmFtcygpXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbc29ydE9wdGlvbnMsIHNldFNvcnRPcHRpb25zXSA9IHVzZVN0YXRlPE9wdGlvbk9iamVjdFtdPigpXG5cbiAgY29uc3QgW3NvcnRGaWVsZHNdID0gdXNlU3RhdGUoKCkgPT5cbiAgICBjb2xsZWN0aW9uLmZpZWxkcy5yZWR1Y2UoKGZpZWxkcywgZmllbGQpID0+IHtcbiAgICAgIGlmIChmaWVsZEFmZmVjdHNEYXRhKGZpZWxkKSAmJiBzb3J0YWJsZUZpZWxkVHlwZXMuaW5kZXhPZihmaWVsZC50eXBlKSA+IC0xKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgLi4uZmllbGRzLFxuICAgICAgICAgIHsgbGFiZWw6IGdldFRyYW5zbGF0aW9uKGZpZWxkLmxhYmVsIHx8IGZpZWxkLm5hbWUsIGkxOG4pLCB2YWx1ZTogZmllbGQubmFtZSB9LFxuICAgICAgICBdXG4gICAgICB9XG4gICAgICByZXR1cm4gZmllbGRzXG4gICAgfSwgW10pLFxuICApXG5cbiAgY29uc3QgW3NvcnRGaWVsZCwgc2V0U29ydEZpZWxkXSA9IHVzZVN0YXRlKHNvcnRGaWVsZHNbMF0pXG4gIGNvbnN0IFtpbml0aWFsU29ydF0gPSB1c2VTdGF0ZSgoKSA9PiAoeyBsYWJlbDogdCgnZ2VuZXJhbDpkZXNjZW5kaW5nJyksIHZhbHVlOiAnLScgfSkpXG4gIGNvbnN0IFtzb3J0T3JkZXIsIHNldFNvcnRPcmRlcl0gPSB1c2VTdGF0ZShpbml0aWFsU29ydClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzb3J0RmllbGQ/LnZhbHVlKSB7XG4gICAgICBjb25zdCBuZXdTb3J0VmFsdWUgPSBgJHtzb3J0T3JkZXIudmFsdWV9JHtzb3J0RmllbGQudmFsdWV9YFxuXG4gICAgICBpZiAoaGFuZGxlQ2hhbmdlKSBoYW5kbGVDaGFuZ2UobmV3U29ydFZhbHVlKVxuXG4gICAgICBpZiAoc2VhcmNoUGFyYW1zLnNvcnQgIT09IG5ld1NvcnRWYWx1ZSAmJiBtb2RpZnlTZWFyY2hRdWVyeSkge1xuICAgICAgICBoaXN0b3J5LnJlcGxhY2Uoe1xuICAgICAgICAgIHNlYXJjaDogcXVlcnlTdHJpbmcuc3RyaW5naWZ5KFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICAgIHNvcnQ6IG5ld1NvcnRWYWx1ZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICAgICAgICAgKSxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtoaXN0b3J5LCBzZWFyY2hQYXJhbXMsIHNvcnRGaWVsZCwgc29ydE9yZGVyLCBtb2RpZnlTZWFyY2hRdWVyeSwgaGFuZGxlQ2hhbmdlXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFNvcnRPcHRpb25zKFtcbiAgICAgIHsgbGFiZWw6IHQoJ2dlbmVyYWw6YXNjZW5kaW5nJyksIHZhbHVlOiAnJyB9LFxuICAgICAgeyBsYWJlbDogdCgnZ2VuZXJhbDpkZXNjZW5kaW5nJyksIHZhbHVlOiAnLScgfSxcbiAgICBdKVxuICB9LCBbaTE4biwgdF0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3dyYXBgfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fc2VsZWN0YH0+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT57dCgnZ2VuZXJhbDpjb2x1bW5Ub1NvcnQnKX08L2Rpdj5cbiAgICAgICAgICAgIDxSZWFjdFNlbGVjdCBvbkNoYW5nZT17c2V0U29ydEZpZWxkfSBvcHRpb25zPXtzb3J0RmllbGRzfSB2YWx1ZT17c29ydEZpZWxkfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zZWxlY3RgfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sYWJlbGB9Pnt0KCdnZW5lcmFsOm9yZGVyJyl9PC9kaXY+XG4gICAgICAgICAgICA8UmVhY3RTZWxlY3RcbiAgICAgICAgICAgICAgb25DaGFuZ2U9eyhpbmNvbWluZ1NvcnQpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTb3J0T3JkZXIoaW5jb21pbmdTb3J0IHx8IGluaXRpYWxTb3J0KVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBvcHRpb25zPXtzb3J0T3B0aW9uc31cbiAgICAgICAgICAgICAgdmFsdWU9e3NvcnRPcmRlcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTb3J0Q29tcGxleFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIlNvcnRDb21wbGV4IiwicHJvcHMiLCJjb2xsZWN0aW9uIiwiaGFuZGxlQ2hhbmdlIiwibW9kaWZ5U2VhcmNoUXVlcnkiLCJoaXN0b3J5IiwidXNlSGlzdG9yeSIsInNlYXJjaFBhcmFtcyIsInVzZVNlYXJjaFBhcmFtcyIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJzb3J0T3B0aW9ucyIsInNldFNvcnRPcHRpb25zIiwidXNlU3RhdGUiLCJzb3J0RmllbGRzIiwiZmllbGRzIiwicmVkdWNlIiwiZmllbGQiLCJmaWVsZEFmZmVjdHNEYXRhIiwic29ydGFibGVGaWVsZFR5cGVzIiwiaW5kZXhPZiIsInR5cGUiLCJsYWJlbCIsImdldFRyYW5zbGF0aW9uIiwibmFtZSIsInZhbHVlIiwic29ydEZpZWxkIiwic2V0U29ydEZpZWxkIiwiaW5pdGlhbFNvcnQiLCJzb3J0T3JkZXIiLCJzZXRTb3J0T3JkZXIiLCJ1c2VFZmZlY3QiLCJuZXdTb3J0VmFsdWUiLCJzb3J0IiwicmVwbGFjZSIsInNlYXJjaCIsInF1ZXJ5U3RyaW5nIiwic3RyaW5naWZ5IiwiYWRkUXVlcnlQcmVmaXgiLCJkaXYiLCJjbGFzc05hbWUiLCJSZWFjdCIsIkZyYWdtZW50IiwiUmVhY3RTZWxlY3QiLCJvbkNoYW5nZSIsIm9wdGlvbnMiLCJpbmNvbWluZ1NvcnQiXSwibWFwcGluZ3MiOiI7Ozs7K0JBNkZBOzs7ZUFBQTs7OzhCQTNGK0I7dUJBQ0k7dUJBQ0Y7MkRBQ1Q7K0RBQ21CO2dDQUNoQjs4QkFJSzs2QkFDRDtvRUFDUDtRQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGNBQStCLENBQUNDO0lBQ3BDLE1BQU0sRUFBRUMsVUFBVSxFQUFFQyxZQUFZLEVBQUVDLG9CQUFvQixJQUFJLEVBQUUsR0FBR0g7SUFFL0QsTUFBTUksVUFBVUMsSUFBQUEsMEJBQVU7SUFDMUIsTUFBTSxFQUFFQyxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFDeEMsTUFBTSxFQUFFQyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUNsQyxNQUFNLENBQUNDLGFBQWFDLGVBQWUsR0FBR0MsSUFBQUEsZUFBUTtJQUU5QyxNQUFNLENBQUNDLFdBQVcsR0FBR0QsSUFBQUEsZUFBUSxFQUFDLElBQzVCWixXQUFXYyxNQUFNLENBQUNDLE1BQU0sQ0FBQyxDQUFDRCxRQUFRRTtZQUNoQyxJQUFJQyxJQUFBQSx1QkFBZ0IsRUFBQ0QsVUFBVUUseUJBQWtCLENBQUNDLE9BQU8sQ0FBQ0gsTUFBTUksSUFBSSxJQUFJLENBQUMsR0FBRztnQkFDMUUsT0FBTzt1QkFDRk47b0JBQ0g7d0JBQUVPLE9BQU9DLElBQUFBLDRCQUFjLEVBQUNOLE1BQU1LLEtBQUssSUFBSUwsTUFBTU8sSUFBSSxFQUFFaEI7d0JBQU9pQixPQUFPUixNQUFNTyxJQUFJO29CQUFDO2lCQUM3RTtZQUNIO1lBQ0EsT0FBT1Q7UUFDVCxHQUFHLEVBQUU7SUFHUCxNQUFNLENBQUNXLFdBQVdDLGFBQWEsR0FBR2QsSUFBQUEsZUFBUSxFQUFDQyxVQUFVLENBQUMsRUFBRTtJQUN4RCxNQUFNLENBQUNjLFlBQVksR0FBR2YsSUFBQUEsZUFBUSxFQUFDLElBQU8sQ0FBQTtZQUFFUyxPQUFPYixFQUFFO1lBQXVCZ0IsT0FBTztRQUFJLENBQUE7SUFDbkYsTUFBTSxDQUFDSSxXQUFXQyxhQUFhLEdBQUdqQixJQUFBQSxlQUFRLEVBQUNlO0lBRTNDRyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSUwsV0FBV0QsT0FBTztZQUNwQixNQUFNTyxlQUFlLENBQUMsRUFBRUgsVUFBVUosS0FBSyxDQUFDLEVBQUVDLFVBQVVELEtBQUssQ0FBQyxDQUFDO1lBRTNELElBQUl2QixjQUFjQSxhQUFhOEI7WUFFL0IsSUFBSTFCLGFBQWEyQixJQUFJLEtBQUtELGdCQUFnQjdCLG1CQUFtQjtnQkFDM0RDLFFBQVE4QixPQUFPLENBQUM7b0JBQ2RDLFFBQVFDLFdBQVcsQ0FBQ0MsU0FBUyxDQUMzQjt3QkFDRSxHQUFHL0IsWUFBWTt3QkFDZjJCLE1BQU1EO29CQUNSLEdBQ0E7d0JBQUVNLGdCQUFnQjtvQkFBSztnQkFFM0I7WUFDRjtRQUNGO0lBQ0YsR0FBRztRQUFDbEM7UUFBU0U7UUFBY29CO1FBQVdHO1FBQVcxQjtRQUFtQkQ7S0FBYTtJQUVqRjZCLElBQUFBLGdCQUFTLEVBQUM7UUFDUm5CLGVBQWU7WUFDYjtnQkFBRVUsT0FBT2IsRUFBRTtnQkFBc0JnQixPQUFPO1lBQUc7WUFDM0M7Z0JBQUVILE9BQU9iLEVBQUU7Z0JBQXVCZ0IsT0FBTztZQUFJO1NBQzlDO0lBQ0gsR0FBRztRQUFDakI7UUFBTUM7S0FBRTtJQUVaLHFCQUNFLDZCQUFDOEI7UUFBSUMsV0FBVzFDO3FCQUNkLDZCQUFDMkMsY0FBSyxDQUFDQyxRQUFRLHNCQUNiLDZCQUFDSDtRQUFJQyxXQUFXLENBQUMsRUFBRTFDLFVBQVUsTUFBTSxDQUFDO3FCQUNsQyw2QkFBQ3lDO1FBQUlDLFdBQVcsQ0FBQyxFQUFFMUMsVUFBVSxRQUFRLENBQUM7cUJBQ3BDLDZCQUFDeUM7UUFBSUMsV0FBVyxDQUFDLEVBQUUxQyxVQUFVLE9BQU8sQ0FBQztPQUFHVyxFQUFFLHdDQUMxQyw2QkFBQ2tDLG9CQUFXO1FBQUNDLFVBQVVqQjtRQUFja0IsU0FBUy9CO1FBQVlXLE9BQU9DO3VCQUVuRSw2QkFBQ2E7UUFBSUMsV0FBVyxDQUFDLEVBQUUxQyxVQUFVLFFBQVEsQ0FBQztxQkFDcEMsNkJBQUN5QztRQUFJQyxXQUFXLENBQUMsRUFBRTFDLFVBQVUsT0FBTyxDQUFDO09BQUdXLEVBQUUsaUNBQzFDLDZCQUFDa0Msb0JBQVc7UUFDVkMsVUFBVSxDQUFDRTtZQUNUaEIsYUFBYWdCLGdCQUFnQmxCO1FBQy9CO1FBQ0FpQixTQUFTbEM7UUFDVGMsT0FBT0k7O0FBT3JCO01BRUEsV0FBZTlCIn0=