payload 1.15.6 → 2.0.0-beta.0

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

@@ -1,14 +1,28 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'id-label';
-const IDLabel = ({ id, prefix = 'ID:' }) => (react_1.default.createElement("div", { className: baseClass },
-    prefix,
-    "\u00A0\u00A0",
-    id));
-exports.default = IDLabel;
-//# sourceMappingURL=index.js.map
+const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        title: id
+    }, prefix, "\xa0\xa0", id);
+const _default = IDLabel;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0lETGFiZWwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdpZC1sYWJlbCdcblxuY29uc3QgSURMYWJlbDogUmVhY3QuRkM8eyBjbGFzc05hbWU/OiBzdHJpbmc7IGlkOiBzdHJpbmc7IHByZWZpeD86IHN0cmluZyB9PiA9ICh7XG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHByZWZpeCA9ICdJRDonLFxufSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17W2Jhc2VDbGFzcywgY2xhc3NOYW1lXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfSB0aXRsZT17aWR9PlxuICAgIHtwcmVmaXh9XG4gICAgJm5ic3A7Jm5ic3A7XG4gICAge2lkfVxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGRlZmF1bHQgSURMYWJlbFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIklETGFiZWwiLCJpZCIsImNsYXNzTmFtZSIsInByZWZpeCIsImRpdiIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwidGl0bGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBa0JBOzs7ZUFBQTs7OzhEQWxCa0I7UUFFWDs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxVQUF5RSxDQUFDLEVBQzlFQyxFQUFFLEVBQ0ZDLFNBQVMsRUFDVEMsU0FBUyxLQUFLLEVBQ2YsaUJBQ0MsNkJBQUNDO1FBQUlGLFdBQVc7WUFBQ0g7WUFBV0c7U0FBVSxDQUFDRyxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUFNQyxPQUFPUDtPQUN0RUUsUUFBTyxZQUVQRjtNQUlMLFdBQWVEIn0=

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

@@ -1,11 +1,11 @@
 @import '../../../scss/styles';
 
 .id-label {
-  font-size: base(.75);
+  font-size: base(0.75);
   font-weight: normal;
   color: var(--theme-elevation-400);
   background: var(--theme-elevation-100);
-  padding: base(.25) base(.5);
+  padding: base(0.25) base(0.5);
   border-radius: $style-radius-m;
   display: inline-flex;
 }

package/dist/admin/components/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,17 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextFieldsToBeSearched = void 0;
-const types_1 = require("../../../../fields/config/types");
-const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
-const getTextFieldsToBeSearched = (listSearchableFields, fields) => () => {
-    if (listSearchableFields) {
-        const flattenedFields = (0, flattenTopLevelFields_1.default)(fields);
-        return flattenedFields.filter((field) => (0, types_1.fieldAffectsData)(field) && listSearchableFields.includes(field.name));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTextFieldsToBeSearched", {
+    enumerable: true,
+    get: function() {
+        return getTextFieldsToBeSearched;
     }
-    return null;
-};
-exports.getTextFieldsToBeSearched = getTextFieldsToBeSearched;
-//# sourceMappingURL=getTextFieldsToBeSearched.js.map
+});
+const _types = require("../../../../fields/config/types");
+const _flattenTopLevelFields = /*#__PURE__*/ _interop_require_default(require("../../../../utilities/flattenTopLevelFields"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getTextFieldsToBeSearched = (listSearchableFields, fields)=>()=>{
+        if (listSearchableFields) {
+            const flattenedFields = (0, _flattenTopLevelFields.default)(fields);
+            return flattenedFields.filter((field)=>(0, _types.fieldAffectsData)(field) && listSearchableFields.includes(field.name));
+        }
+        return null;
+    };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0xpc3RDb250cm9scy9nZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGQsIEZpZWxkQWZmZWN0aW5nRGF0YSB9IGZyb20gJy4uLy4uLy4uLy4uL2ZpZWxkcy9jb25maWcvdHlwZXMnXG5cbmltcG9ydCB7IGZpZWxkQWZmZWN0c0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi9maWVsZHMvY29uZmlnL3R5cGVzJ1xuaW1wb3J0IGZsYXR0ZW5GaWVsZHMgZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2ZsYXR0ZW5Ub3BMZXZlbEZpZWxkcydcblxuZXhwb3J0IGNvbnN0IGdldFRleHRGaWVsZHNUb0JlU2VhcmNoZWQgPVxuICAobGlzdFNlYXJjaGFibGVGaWVsZHM6IHN0cmluZ1tdLCBmaWVsZHM6IEZpZWxkW10pID0+ICgpOiBGaWVsZEFmZmVjdGluZ0RhdGFbXSA9PiB7XG4gICAgaWYgKGxpc3RTZWFyY2hhYmxlRmllbGRzKSB7XG4gICAgICBjb25zdCBmbGF0dGVuZWRGaWVsZHMgPSBmbGF0dGVuRmllbGRzKGZpZWxkcylcbiAgICAgIHJldHVybiBmbGF0dGVuZWRGaWVsZHMuZmlsdGVyKFxuICAgICAgICAoZmllbGQpID0+IGZpZWxkQWZmZWN0c0RhdGEoZmllbGQpICYmIGxpc3RTZWFyY2hhYmxlRmllbGRzLmluY2x1ZGVzKGZpZWxkLm5hbWUpLFxuICAgICAgKSBhcyBGaWVsZEFmZmVjdGluZ0RhdGFbXVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH1cbiJdLCJuYW1lcyI6WyJnZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkIiwibGlzdFNlYXJjaGFibGVGaWVsZHMiLCJmaWVsZHMiLCJmbGF0dGVuZWRGaWVsZHMiLCJmbGF0dGVuRmllbGRzIiwiZmlsdGVyIiwiZmllbGQiLCJmaWVsZEFmZmVjdHNEYXRhIiwiaW5jbHVkZXMiLCJuYW1lIl0sIm1hcHBpbmdzIjoiOzs7OytCQUthQTs7O2VBQUFBOzs7dUJBSG9COzhFQUNQOzs7Ozs7QUFFbkIsTUFBTUEsNEJBQ1gsQ0FBQ0Msc0JBQWdDQyxTQUFvQjtRQUNuRCxJQUFJRCxzQkFBc0I7WUFDeEIsTUFBTUUsa0JBQWtCQyxJQUFBQSw4QkFBYSxFQUFDRjtZQUN0QyxPQUFPQyxnQkFBZ0JFLE1BQU0sQ0FDM0IsQ0FBQ0MsUUFBVUMsSUFBQUEsdUJBQWdCLEVBQUNELFVBQVVMLHFCQUFxQk8sUUFBUSxDQUFDRixNQUFNRyxJQUFJO1FBRWxGO1FBRUEsT0FBTztJQUNUIn0=

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

@@ -1,96 +1,175 @@
 "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(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    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_animate_height_1 = __importDefault(require("react-animate-height"));
-const react_i18next_1 = require("react-i18next");
-const window_info_1 = require("@faceless-ui/window-info");
-const types_1 = require("../../../../fields/config/types");
-const SearchFilter_1 = __importDefault(require("../SearchFilter"));
-const ColumnSelector_1 = __importDefault(require("../ColumnSelector"));
-const WhereBuilder_1 = __importDefault(require("../WhereBuilder"));
-const SortComplex_1 = __importDefault(require("../SortComplex"));
-const Button_1 = __importDefault(require("../Button"));
-const SearchParams_1 = require("../../utilities/SearchParams");
-const validateWhereQuery_1 = __importDefault(require("../WhereBuilder/validateWhereQuery"));
-const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
-const getTextFieldsToBeSearched_1 = require("./getTextFieldsToBeSearched");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const Pill_1 = __importDefault(require("../Pill"));
-const Chevron_1 = __importDefault(require("../../icons/Chevron"));
-const EditMany_1 = __importDefault(require("../EditMany"));
-const DeleteMany_1 = __importDefault(require("../DeleteMany"));
-const PublishMany_1 = __importDefault(require("../PublishMany"));
-const UnpublishMany_1 = __importDefault(require("../UnpublishMany"));
+const _windowinfo = require("@faceless-ui/window-info");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
+const _reacti18next = require("react-i18next");
+const _types = require("../../../../fields/config/types");
+const _flattenTopLevelFields = /*#__PURE__*/ _interop_require_default(require("../../../../utilities/flattenTopLevelFields"));
+const _getTranslation = require("../../../../utilities/getTranslation");
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _SearchParams = require("../../utilities/SearchParams");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button"));
+const _ColumnSelector = /*#__PURE__*/ _interop_require_default(require("../ColumnSelector"));
+const _DeleteMany = /*#__PURE__*/ _interop_require_default(require("../DeleteMany"));
+const _EditMany = /*#__PURE__*/ _interop_require_default(require("../EditMany"));
+const _Pill = /*#__PURE__*/ _interop_require_default(require("../Pill"));
+const _PublishMany = /*#__PURE__*/ _interop_require_default(require("../PublishMany"));
+const _SearchFilter = /*#__PURE__*/ _interop_require_default(require("../SearchFilter"));
+const _SortComplex = /*#__PURE__*/ _interop_require_default(require("../SortComplex"));
+const _UnpublishMany = /*#__PURE__*/ _interop_require_default(require("../UnpublishMany"));
+const _WhereBuilder = /*#__PURE__*/ _interop_require_default(require("../WhereBuilder"));
+const _validateWhereQuery = /*#__PURE__*/ _interop_require_default(require("../WhereBuilder/validateWhereQuery"));
+const _getTextFieldsToBeSearched = require("./getTextFieldsToBeSearched");
 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 = {};
+    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 = 'list-controls';
-const getUseAsTitle = (collection) => {
-    const { admin: { useAsTitle, }, fields, } = collection;
-    const topLevelFields = (0, flattenTopLevelFields_1.default)(fields);
-    return topLevelFields.find((field) => (0, types_1.fieldAffectsData)(field) && field.name === useAsTitle);
+const getUseAsTitle = (collection)=>{
+    const { admin: { useAsTitle }, fields } = collection;
+    const topLevelFields = (0, _flattenTopLevelFields.default)(fields);
+    return topLevelFields.find((field)=>(0, _types.fieldAffectsData)(field) && field.name === useAsTitle);
 };
 /**
  * The ListControls component is used to render the controls (search, filter, where)
  * for a collection's list view. You can find those directly above the table which lists
  * the collection's documents.
- */
-const ListControls = (props) => {
-    var _a;
-    const { collection, enableColumns = true, enableSort = false, handleSortChange, handleWhereChange, modifySearchQuery = true, resetParams, collection: { fields, admin: { listSearchableFields, }, }, } = props;
-    const params = (0, SearchParams_1.useSearchParams)();
-    const shouldInitializeWhereOpened = (0, validateWhereQuery_1.default)(params === null || params === void 0 ? void 0 : params.where);
-    const [titleField, setTitleField] = (0, react_1.useState)(getUseAsTitle(collection));
-    (0, react_1.useEffect)(() => {
+ */ const ListControls = (props)=>{
+    const { collection: { admin: { listSearchableFields }, fields }, collection, enableColumns = true, enableSort = false, handleSortChange, handleWhereChange, modifySearchQuery = true, resetParams } = props;
+    const params = (0, _SearchParams.useSearchParams)();
+    const shouldInitializeWhereOpened = (0, _validateWhereQuery.default)(params?.where);
+    const [titleField, setTitleField] = (0, _react.useState)(getUseAsTitle(collection));
+    (0, _react.useEffect)(()=>{
         setTitleField(getUseAsTitle(collection));
-    }, [collection]);
-    const [textFieldsToBeSearched] = (0, react_1.useState)((0, getTextFieldsToBeSearched_1.getTextFieldsToBeSearched)(listSearchableFields, fields));
-    const [visibleDrawer, setVisibleDrawer] = (0, react_1.useState)(shouldInitializeWhereOpened ? 'where' : undefined);
-    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
-    const { breakpoints: { s: smallBreak } } = (0, window_info_1.useWindowInfo)();
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement("div", { className: `${baseClass}__wrap` },
-            react_1.default.createElement(SearchFilter_1.default, { fieldName: titleField && (0, types_1.fieldAffectsData)(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: (_a = (titleField && (0, types_1.fieldAffectsData)(titleField) && (0, getTranslation_1.getTranslation)(titleField.label || titleField.name, i18n))) !== null && _a !== void 0 ? _a : undefined, listSearchableFields: textFieldsToBeSearched }),
-            react_1.default.createElement("div", { className: `${baseClass}__buttons` },
-                react_1.default.createElement("div", { className: `${baseClass}__buttons-wrap` },
-                    !smallBreak && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(EditMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(PublishMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(UnpublishMany_1.default, { collection: collection, resetParams: resetParams }),
-                        react_1.default.createElement(DeleteMany_1.default, { collection: collection, resetParams: resetParams }))),
-                    enableColumns && (react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), "aria-expanded": visibleDrawer === 'columns', "aria-controls": `${baseClass}-columns`, icon: react_1.default.createElement(Chevron_1.default, null) }, t('columns'))),
-                    react_1.default.createElement(Pill_1.default, { pillStyle: "light", className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`, onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), "aria-expanded": visibleDrawer === 'where', "aria-controls": `${baseClass}-where`, icon: react_1.default.createElement(Chevron_1.default, null) }, t('filters')),
-                    enableSort && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), "aria-expanded": visibleDrawer === 'sort', "aria-controls": `${baseClass}-sort`, icon: "chevron", iconStyle: "none" }, t('sort')))))),
-        enableColumns && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0, id: `${baseClass}-columns` },
-            react_1.default.createElement(ColumnSelector_1.default, { collection: collection }))),
-        react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0, id: `${baseClass}-where` },
-            react_1.default.createElement(WhereBuilder_1.default, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
-        enableSort && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0, id: `${baseClass}-sort` },
-            react_1.default.createElement(SortComplex_1.default, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
+    }, [
+        collection
+    ]);
+    const [textFieldsToBeSearched] = (0, _react.useState)((0, _getTextFieldsToBeSearched.getTextFieldsToBeSearched)(listSearchableFields, fields));
+    const [visibleDrawer, setVisibleDrawer] = (0, _react.useState)(shouldInitializeWhereOpened ? 'where' : undefined);
+    const { i18n, t } = (0, _reacti18next.useTranslation)('general');
+    const { breakpoints: { s: smallBreak } } = (0, _windowinfo.useWindowInfo)();
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ _react.default.createElement(_SearchFilter.default, {
+        fieldLabel: (titleField && (0, _types.fieldAffectsData)(titleField) && (0, _getTranslation.getTranslation)(titleField.label || titleField.name, i18n)) ?? undefined,
+        fieldName: titleField && (0, _types.fieldAffectsData)(titleField) ? titleField.name : undefined,
+        handleChange: handleWhereChange,
+        listSearchableFields: textFieldsToBeSearched,
+        modifySearchQuery: modifySearchQuery
+    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__buttons`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__buttons-wrap`
+    }, !smallBreak && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_EditMany.default, {
+        collection: collection,
+        resetParams: resetParams
+    }), /*#__PURE__*/ _react.default.createElement(_PublishMany.default, {
+        collection: collection,
+        resetParams: resetParams
+    }), /*#__PURE__*/ _react.default.createElement(_UnpublishMany.default, {
+        collection: collection,
+        resetParams: resetParams
+    }), /*#__PURE__*/ _react.default.createElement(_DeleteMany.default, {
+        collection: collection,
+        resetParams: resetParams
+    })), enableColumns && /*#__PURE__*/ _react.default.createElement(_Pill.default, {
+        "aria-controls": `${baseClass}-columns`,
+        "aria-expanded": visibleDrawer === 'columns',
+        className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`,
+        icon: /*#__PURE__*/ _react.default.createElement(_Chevron.default, null),
+        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
+        pillStyle: "light"
+    }, t('columns')), /*#__PURE__*/ _react.default.createElement(_Pill.default, {
+        "aria-controls": `${baseClass}-where`,
+        "aria-expanded": visibleDrawer === 'where',
+        className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`,
+        icon: /*#__PURE__*/ _react.default.createElement(_Chevron.default, null),
+        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
+        pillStyle: "light"
+    }, t('filters')), enableSort && /*#__PURE__*/ _react.default.createElement(_Button.default, {
+        "aria-controls": `${baseClass}-sort`,
+        "aria-expanded": visibleDrawer === 'sort',
+        buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary',
+        className: `${baseClass}__toggle-sort`,
+        icon: "chevron",
+        iconStyle: "none",
+        onClick: ()=>setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)
+    }, t('sort'))))), enableColumns && /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        className: `${baseClass}__columns`,
+        height: visibleDrawer === 'columns' ? 'auto' : 0,
+        id: `${baseClass}-columns`
+    }, /*#__PURE__*/ _react.default.createElement(_ColumnSelector.default, {
+        collection: collection
+    })), /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        className: `${baseClass}__where`,
+        height: visibleDrawer === 'where' ? 'auto' : 0,
+        id: `${baseClass}-where`
+    }, /*#__PURE__*/ _react.default.createElement(_WhereBuilder.default, {
+        collection: collection,
+        handleChange: handleWhereChange,
+        modifySearchQuery: modifySearchQuery
+    })), enableSort && /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        className: `${baseClass}__sort`,
+        height: visibleDrawer === 'sort' ? 'auto' : 0,
+        id: `${baseClass}-sort`
+    }, /*#__PURE__*/ _react.default.createElement(_SortComplex.default, {
+        collection: collection,
+        handleChange: handleSortChange,
+        modifySearchQuery: modifySearchQuery
+    })));
 };
-exports.default = ListControls;
-//# sourceMappingURL=index.js.map
+const _default = ListControls;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0xpc3RDb250cm9scy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlV2luZG93SW5mbyB9IGZyb20gJ0BmYWNlbGVzcy11aS93aW5kb3ctaW5mbydcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29sbGVjdGlvbnMvY29uZmlnL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IGZpZWxkQWZmZWN0c0RhdGEgfSBmcm9tICcuLi8uLi8uLi8uLi9maWVsZHMvY29uZmlnL3R5cGVzJ1xuaW1wb3J0IGZsYXR0ZW5GaWVsZHMgZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2ZsYXR0ZW5Ub3BMZXZlbEZpZWxkcydcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2dldFRyYW5zbGF0aW9uJ1xuaW1wb3J0IENoZXZyb24gZnJvbSAnLi4vLi4vaWNvbnMvQ2hldnJvbidcbmltcG9ydCB7IHVzZVNlYXJjaFBhcmFtcyB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9TZWFyY2hQYXJhbXMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBDb2x1bW5TZWxlY3RvciBmcm9tICcuLi9Db2x1bW5TZWxlY3RvcidcbmltcG9ydCBEZWxldGVNYW55IGZyb20gJy4uL0RlbGV0ZU1hbnknXG5pbXBvcnQgRWRpdE1hbnkgZnJvbSAnLi4vRWRpdE1hbnknXG5pbXBvcnQgUGlsbCBmcm9tICcuLi9QaWxsJ1xuaW1wb3J0IFB1Ymxpc2hNYW55IGZyb20gJy4uL1B1Ymxpc2hNYW55J1xuaW1wb3J0IFNlYXJjaEZpbHRlciBmcm9tICcuLi9TZWFyY2hGaWx0ZXInXG5pbXBvcnQgU29ydENvbXBsZXggZnJvbSAnLi4vU29ydENvbXBsZXgnXG5pbXBvcnQgVW5wdWJsaXNoTWFueSBmcm9tICcuLi9VbnB1Ymxpc2hNYW55J1xuaW1wb3J0IFdoZXJlQnVpbGRlciBmcm9tICcuLi9XaGVyZUJ1aWxkZXInXG5pbXBvcnQgdmFsaWRhdGVXaGVyZVF1ZXJ5IGZyb20gJy4uL1doZXJlQnVpbGRlci92YWxpZGF0ZVdoZXJlUXVlcnknXG5pbXBvcnQgeyBnZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkIH0gZnJvbSAnLi9nZXRUZXh0RmllbGRzVG9CZVNlYXJjaGVkJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdsaXN0LWNvbnRyb2xzJ1xuXG5jb25zdCBnZXRVc2VBc1RpdGxlID0gKGNvbGxlY3Rpb246IFNhbml0aXplZENvbGxlY3Rpb25Db25maWcpID0+IHtcbiAgY29uc3Qge1xuICAgIGFkbWluOiB7IHVzZUFzVGl0bGUgfSxcbiAgICBmaWVsZHMsXG4gIH0gPSBjb2xsZWN0aW9uXG5cbiAgY29uc3QgdG9wTGV2ZWxGaWVsZHMgPSBmbGF0dGVuRmllbGRzKGZpZWxkcylcbiAgcmV0dXJuIHRvcExldmVsRmllbGRzLmZpbmQoKGZpZWxkKSA9PiBmaWVsZEFmZmVjdHNEYXRhKGZpZWxkKSAmJiBmaWVsZC5uYW1lID09PSB1c2VBc1RpdGxlKVxufVxuXG4vKipcbiAqIFRoZSBMaXN0Q29udHJvbHMgY29tcG9uZW50IGlzIHVzZWQgdG8gcmVuZGVyIHRoZSBjb250cm9scyAoc2VhcmNoLCBmaWx0ZXIsIHdoZXJlKVxuICogZm9yIGEgY29sbGVjdGlvbidzIGxpc3Qgdmlldy4gWW91IGNhbiBmaW5kIHRob3NlIGRpcmVjdGx5IGFib3ZlIHRoZSB0YWJsZSB3aGljaCBsaXN0c1xuICogdGhlIGNvbGxlY3Rpb24ncyBkb2N1bWVudHMuXG4gKi9cbmNvbnN0IExpc3RDb250cm9sczogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjb2xsZWN0aW9uOiB7XG4gICAgICBhZG1pbjogeyBsaXN0U2VhcmNoYWJsZUZpZWxkcyB9LFxuICAgICAgZmllbGRzLFxuICAgIH0sXG4gICAgY29sbGVjdGlvbixcbiAgICBlbmFibGVDb2x1bW5zID0gdHJ1ZSxcbiAgICBlbmFibGVTb3J0ID0gZmFsc2UsXG4gICAgaGFuZGxlU29ydENoYW5nZSxcbiAgICBoYW5kbGVXaGVyZUNoYW5nZSxcbiAgICBtb2RpZnlTZWFyY2hRdWVyeSA9IHRydWUsXG4gICAgcmVzZXRQYXJhbXMsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHBhcmFtcyA9IHVzZVNlYXJjaFBhcmFtcygpXG4gIGNvbnN0IHNob3VsZEluaXRpYWxpemVXaGVyZU9wZW5lZCA9IHZhbGlkYXRlV2hlcmVRdWVyeShwYXJhbXM/LndoZXJlKVxuXG4gIGNvbnN0IFt0aXRsZUZpZWxkLCBzZXRUaXRsZUZpZWxkXSA9IHVzZVN0YXRlKGdldFVzZUFzVGl0bGUoY29sbGVjdGlvbikpXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VGl0bGVGaWVsZChnZXRVc2VBc1RpdGxlKGNvbGxlY3Rpb24pKVxuICB9LCBbY29sbGVjdGlvbl0pXG5cbiAgY29uc3QgW3RleHRGaWVsZHNUb0JlU2VhcmNoZWRdID0gdXNlU3RhdGUoZ2V0VGV4dEZpZWxkc1RvQmVTZWFyY2hlZChsaXN0U2VhcmNoYWJsZUZpZWxkcywgZmllbGRzKSlcbiAgY29uc3QgW3Zpc2libGVEcmF3ZXIsIHNldFZpc2libGVEcmF3ZXJdID0gdXNlU3RhdGU8J2NvbHVtbnMnIHwgJ3NvcnQnIHwgJ3doZXJlJz4oXG4gICAgc2hvdWxkSW5pdGlhbGl6ZVdoZXJlT3BlbmVkID8gJ3doZXJlJyA6IHVuZGVmaW5lZCxcbiAgKVxuICBjb25zdCB7IGkxOG4sIHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdnZW5lcmFsJylcbiAgY29uc3Qge1xuICAgIGJyZWFrcG9pbnRzOiB7IHM6IHNtYWxsQnJlYWsgfSxcbiAgfSA9IHVzZVdpbmRvd0luZm8oKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fd3JhcGB9PlxuICAgICAgICA8U2VhcmNoRmlsdGVyXG4gICAgICAgICAgZmllbGRMYWJlbD17XG4gICAgICAgICAgICAodGl0bGVGaWVsZCAmJlxuICAgICAgICAgICAgICBmaWVsZEFmZmVjdHNEYXRhKHRpdGxlRmllbGQpICYmXG4gICAgICAgICAgICAgIGdldFRyYW5zbGF0aW9uKHRpdGxlRmllbGQubGFiZWwgfHwgdGl0bGVGaWVsZC5uYW1lLCBpMThuKSkgPz9cbiAgICAgICAgICAgIHVuZGVmaW5lZFxuICAgICAgICAgIH1cbiAgICAgICAgICBmaWVsZE5hbWU9e3RpdGxlRmllbGQgJiYgZmllbGRBZmZlY3RzRGF0YSh0aXRsZUZpZWxkKSA/IHRpdGxlRmllbGQubmFtZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBoYW5kbGVDaGFuZ2U9e2hhbmRsZVdoZXJlQ2hhbmdlfVxuICAgICAgICAgIGxpc3RTZWFyY2hhYmxlRmllbGRzPXt0ZXh0RmllbGRzVG9CZVNlYXJjaGVkfVxuICAgICAgICAgIG1vZGlmeVNlYXJjaFF1ZXJ5PXttb2RpZnlTZWFyY2hRdWVyeX1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2J1dHRvbnNgfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYnV0dG9ucy13cmFwYH0+XG4gICAgICAgICAgICB7IXNtYWxsQnJlYWsgJiYgKFxuICAgICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgPEVkaXRNYW55IGNvbGxlY3Rpb249e2NvbGxlY3Rpb259IHJlc2V0UGFyYW1zPXtyZXNldFBhcmFtc30gLz5cbiAgICAgICAgICAgICAgICA8UHVibGlzaE1hbnkgY29sbGVjdGlvbj17Y29sbGVjdGlvbn0gcmVzZXRQYXJhbXM9e3Jlc2V0UGFyYW1zfSAvPlxuICAgICAgICAgICAgICAgIDxVbnB1Ymxpc2hNYW55IGNvbGxlY3Rpb249e2NvbGxlY3Rpb259IHJlc2V0UGFyYW1zPXtyZXNldFBhcmFtc30gLz5cbiAgICAgICAgICAgICAgICA8RGVsZXRlTWFueSBjb2xsZWN0aW9uPXtjb2xsZWN0aW9ufSByZXNldFBhcmFtcz17cmVzZXRQYXJhbXN9IC8+XG4gICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2VuYWJsZUNvbHVtbnMgJiYgKFxuICAgICAgICAgICAgICA8UGlsbFxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2Ake2Jhc2VDbGFzc30tY29sdW1uc2B9XG4gICAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dmlzaWJsZURyYXdlciA9PT0gJ2NvbHVtbnMnfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9nZ2xlLWNvbHVtbnMgJHtcbiAgICAgICAgICAgICAgICAgIHZpc2libGVEcmF3ZXIgPT09ICdjb2x1bW5zJyA/IGAke2Jhc2VDbGFzc31fX2J1dHRvbnMtYWN0aXZlYCA6ICcnXG4gICAgICAgICAgICAgICAgfWB9XG4gICAgICAgICAgICAgICAgaWNvbj17PENoZXZyb24gLz59XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgICAgIHNldFZpc2libGVEcmF3ZXIodmlzaWJsZURyYXdlciAhPT0gJ2NvbHVtbnMnID8gJ2NvbHVtbnMnIDogdW5kZWZpbmVkKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBwaWxsU3R5bGU9XCJsaWdodFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dCgnY29sdW1ucycpfVxuICAgICAgICAgICAgICA8L1BpbGw+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPFBpbGxcbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17YCR7YmFzZUNsYXNzfS13aGVyZWB9XG4gICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e3Zpc2libGVEcmF3ZXIgPT09ICd3aGVyZSd9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9nZ2xlLXdoZXJlICR7XG4gICAgICAgICAgICAgICAgdmlzaWJsZURyYXdlciA9PT0gJ3doZXJlJyA/IGAke2Jhc2VDbGFzc31fX2J1dHRvbnMtYWN0aXZlYCA6ICcnXG4gICAgICAgICAgICAgIH1gfVxuICAgICAgICAgICAgICBpY29uPXs8Q2hldnJvbiAvPn1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZURyYXdlcih2aXNpYmxlRHJhd2VyICE9PSAnd2hlcmUnID8gJ3doZXJlJyA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgICAgIHBpbGxTdHlsZT1cImxpZ2h0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3QoJ2ZpbHRlcnMnKX1cbiAgICAgICAgICAgIDwvUGlsbD5cbiAgICAgICAgICAgIHtlbmFibGVTb3J0ICYmIChcbiAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2Ake2Jhc2VDbGFzc30tc29ydGB9XG4gICAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dmlzaWJsZURyYXdlciA9PT0gJ3NvcnQnfVxuICAgICAgICAgICAgICAgIGJ1dHRvblN0eWxlPXt2aXNpYmxlRHJhd2VyID09PSAnc29ydCcgPyB1bmRlZmluZWQgOiAnc2Vjb25kYXJ5J31cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RvZ2dsZS1zb3J0YH1cbiAgICAgICAgICAgICAgICBpY29uPVwiY2hldnJvblwiXG4gICAgICAgICAgICAgICAgaWNvblN0eWxlPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZURyYXdlcih2aXNpYmxlRHJhd2VyICE9PSAnc29ydCcgPyAnc29ydCcgOiB1bmRlZmluZWQpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3QoJ3NvcnQnKX1cbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2VuYWJsZUNvbHVtbnMgJiYgKFxuICAgICAgICA8QW5pbWF0ZUhlaWdodFxuICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29sdW1uc2B9XG4gICAgICAgICAgaGVpZ2h0PXt2aXNpYmxlRHJhd2VyID09PSAnY29sdW1ucycgPyAnYXV0bycgOiAwfVxuICAgICAgICAgIGlkPXtgJHtiYXNlQ2xhc3N9LWNvbHVtbnNgfVxuICAgICAgICA+XG4gICAgICAgICAgPENvbHVtblNlbGVjdG9yIGNvbGxlY3Rpb249e2NvbGxlY3Rpb259IC8+XG4gICAgICAgIDwvQW5pbWF0ZUhlaWdodD5cbiAgICAgICl9XG4gICAgICA8QW5pbWF0ZUhlaWdodFxuICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3doZXJlYH1cbiAgICAgICAgaGVpZ2h0PXt2aXNpYmxlRHJhd2VyID09PSAnd2hlcmUnID8gJ2F1dG8nIDogMH1cbiAgICAgICAgaWQ9e2Ake2Jhc2VDbGFzc30td2hlcmVgfVxuICAgICAgPlxuICAgICAgICA8V2hlcmVCdWlsZGVyXG4gICAgICAgICAgY29sbGVjdGlvbj17Y29sbGVjdGlvbn1cbiAgICAgICAgICBoYW5kbGVDaGFuZ2U9e2hhbmRsZVdoZXJlQ2hhbmdlfVxuICAgICAgICAgIG1vZGlmeVNlYXJjaFF1ZXJ5PXttb2RpZnlTZWFyY2hRdWVyeX1cbiAgICAgICAgLz5cbiAgICAgIDwvQW5pbWF0ZUhlaWdodD5cbiAgICAgIHtlbmFibGVTb3J0ICYmIChcbiAgICAgICAgPEFuaW1hdGVIZWlnaHRcbiAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3NvcnRgfVxuICAgICAgICAgIGhlaWdodD17dmlzaWJsZURyYXdlciA9PT0gJ3NvcnQnID8gJ2F1dG8nIDogMH1cbiAgICAgICAgICBpZD17YCR7YmFzZUNsYXNzfS1zb3J0YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxTb3J0Q29tcGxleFxuICAgICAgICAgICAgY29sbGVjdGlvbj17Y29sbGVjdGlvbn1cbiAgICAgICAgICAgIGhhbmRsZUNoYW5nZT17aGFuZGxlU29ydENoYW5nZX1cbiAgICAgICAgICAgIG1vZGlmeVNlYXJjaFF1ZXJ5PXttb2RpZnlTZWFyY2hRdWVyeX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuaW1hdGVIZWlnaHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RDb250cm9sc1xuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsImdldFVzZUFzVGl0bGUiLCJjb2xsZWN0aW9uIiwiYWRtaW4iLCJ1c2VBc1RpdGxlIiwiZmllbGRzIiwidG9wTGV2ZWxGaWVsZHMiLCJmbGF0dGVuRmllbGRzIiwiZmluZCIsImZpZWxkIiwiZmllbGRBZmZlY3RzRGF0YSIsIm5hbWUiLCJMaXN0Q29udHJvbHMiLCJwcm9wcyIsImxpc3RTZWFyY2hhYmxlRmllbGRzIiwiZW5hYmxlQ29sdW1ucyIsImVuYWJsZVNvcnQiLCJoYW5kbGVTb3J0Q2hhbmdlIiwiaGFuZGxlV2hlcmVDaGFuZ2UiLCJtb2RpZnlTZWFyY2hRdWVyeSIsInJlc2V0UGFyYW1zIiwicGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwic2hvdWxkSW5pdGlhbGl6ZVdoZXJlT3BlbmVkIiwidmFsaWRhdGVXaGVyZVF1ZXJ5Iiwid2hlcmUiLCJ0aXRsZUZpZWxkIiwic2V0VGl0bGVGaWVsZCIsInVzZVN0YXRlIiwidXNlRWZmZWN0IiwidGV4dEZpZWxkc1RvQmVTZWFyY2hlZCIsImdldFRleHRGaWVsZHNUb0JlU2VhcmNoZWQiLCJ2aXNpYmxlRHJhd2VyIiwic2V0VmlzaWJsZURyYXdlciIsInVuZGVmaW5lZCIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJicmVha3BvaW50cyIsInMiLCJzbWFsbEJyZWFrIiwidXNlV2luZG93SW5mbyIsImRpdiIsImNsYXNzTmFtZSIsIlNlYXJjaEZpbHRlciIsImZpZWxkTGFiZWwiLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVsIiwiZmllbGROYW1lIiwiaGFuZGxlQ2hhbmdlIiwiUmVhY3QiLCJGcmFnbWVudCIsIkVkaXRNYW55IiwiUHVibGlzaE1hbnkiLCJVbnB1Ymxpc2hNYW55IiwiRGVsZXRlTWFueSIsIlBpbGwiLCJhcmlhLWNvbnRyb2xzIiwiYXJpYS1leHBhbmRlZCIsImljb24iLCJDaGV2cm9uIiwib25DbGljayIsInBpbGxTdHlsZSIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwiaWNvblN0eWxlIiwiQW5pbWF0ZUhlaWdodCIsImhlaWdodCIsImlkIiwiQ29sdW1uU2VsZWN0b3IiLCJXaGVyZUJ1aWxkZXIiLCJTb3J0Q29tcGxleCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFzTEE7OztlQUFBOzs7NEJBdEw4QjsrREFDYTsyRUFDakI7OEJBQ0s7dUJBS0U7OEVBQ1A7Z0NBQ0s7Z0VBQ1g7OEJBQ1k7K0RBQ2I7dUVBQ1E7bUVBQ0o7aUVBQ0Y7NkRBQ0o7b0VBQ087cUVBQ0M7b0VBQ0Q7c0VBQ0U7cUVBQ0Q7MkVBQ007MkNBQ1c7UUFDbkM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWdCLENBQUNDO0lBQ3JCLE1BQU0sRUFD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

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

@@ -1,8 +1,6 @@
 @import '../../../scss/styles';
 
 .list-controls {
-  margin-bottom: $baseline;
-
   &__wrap {
     display: flex;
     align-items: center;
@@ -17,23 +15,23 @@
     }
   }
 
-  &__buttons {
-    margin-left: $baseline;
-  }
-
   &__buttons-wrap {
     display: flex;
     align-items: center;
-    margin-right: base(.5);
+    gap: base(0.5);
+
+    [dir='ltr'] & {
+      margin-right: base(0.5);
+    }
 
-    .btn, .pill {
-      margin: 0 0 0 base(.5);
+    [dir='rtl'] & {
+      margin-left: base(0.5);
     }
 
     .btn {
       background-color: var(--theme-elevation-100);
       cursor: pointer;
-      padding: 0 base(.25);
+      padding: 0 base(0.25);
       border-radius: $style-radius-s;
 
       &:hover {
@@ -61,18 +59,21 @@
     }
 
     .search-filter {
-      margin-bottom: base(.5);
+      margin-bottom: base(0.5);
       width: 100%;
     }
 
     &__buttons-wrap {
-      margin-left: - base(.25);
-      margin-right: - base(.25);
-      width: calc(100% + #{base(0.5)});
+      [dir='ltr'] & {
+        margin-right: 0;
+      }
+
+      [dir='rtl'] & {
+        margin-left: 0;
+      }
 
       .pill {
-        margin: 0 base(.25);
-        padding: base(.5) base(1);
+        padding: base(0.5) base(1);
 
         svg {
           margin-left: auto;
@@ -85,10 +86,16 @@
       width: 100%;
     }
 
+    .column-selector,
+    .where-builder,
+    .sort-complex {
+      margin-top: calc(var(--base) / 2);
+    }
+
     &__toggle-columns,
     &__toggle-where,
     &__toggle-sort {
-      flex-grow: 1;
+      flex: 1;
     }
   }
 }

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

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