payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,17 @@
+@import '../../../scss/styles.scss';
+
+.generate-confirmation {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  height: 100%;
+
+  &__template {
+    position: relative;
+    z-index: 1;
+  }
+
+  .btn {
+    margin-right: $baseline;
+  }
+}

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

@@ -0,0 +1,4 @@
+export type Props = {
+    setKey: () => void;
+    highlightField: (Boolean: any) => void;
+};

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React, { Ref } from 'react';
+import './index.scss';
+type Props = {
+    left?: boolean;
+    right?: boolean;
+    negativeLeft?: boolean;
+    negativeRight?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Gutter: React.FC<Props>;
+export {};

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gutter = void 0;
+const react_1 = __importStar(require("react"));
+require("./index.scss");
+const baseClass = 'gutter';
+exports.Gutter = (0, react_1.forwardRef)((props, ref) => {
+    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
+    const shouldPadLeft = left && !negativeLeft;
+    const shouldPadRight = right && !negativeRight;
+    return (react_1.default.createElement("div", { ref: ref, className: [
+            shouldPadLeft && `${baseClass}--left`,
+            shouldPadRight && `${baseClass}--right`,
+            negativeLeft && `${baseClass}--negative-left`,
+            negativeRight && `${baseClass}--negative-right`,
+            className,
+        ].filter(Boolean).join(' ') }, children));
+});
+exports.Gutter.displayName = 'Gutter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Gutter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,wBAAsB;AAYtB,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEd,QAAA,MAAM,GAAoB,IAAA,kBAAU,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,IAAI,EACZ,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC;IAC5C,MAAM,cAAc,GAAG,KAAK,IAAI,CAAC,aAAa,CAAC;IAE/C,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,aAAa,IAAI,GAAG,SAAS,QAAQ;YACrC,cAAc,IAAI,GAAG,SAAS,SAAS;YACvC,YAAY,IAAI,GAAG,SAAS,iBAAiB;YAC7C,aAAa,IAAI,GAAG,SAAS,kBAAkB;YAC/C,SAAS;SACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAE1B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

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

@@ -0,0 +1,19 @@
+@import '../../../scss/styles.scss';
+
+.gutter {
+  &--left {
+    padding-left: var(--gutter-h);
+  }
+
+  &--right {
+    padding-right: var(--gutter-h);
+  }
+
+  &--negative-left {
+    margin-left: calc(-1 * var(--gutter-h));
+  }
+
+  &--negative-right {
+    margin-right: calc(-1 * var(--gutter-h));
+  }
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+declare const IDLabel: React.FC<{
+    id: string;
+    prefix?: string;
+}>;
+export default IDLabel;

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("./index.scss");
+const baseClass = '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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/IDLabel/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,wBAAsB;AAEtB,MAAM,SAAS,GAAG,UAAU,CAAC;AAE7B,MAAM,OAAO,GAA8C,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,uCAAK,SAAS,EAAE,SAAS;IACtB,MAAM;;IAEN,EAAE,CACC,CACP,CAAC;AAEF,kBAAe,OAAO,CAAC"}

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

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

package/dist/admin/components/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -0,0 +1,2 @@
+import { Field, FieldAffectingData } from '../../../../fields/config/types';
+export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: Field[]) => () => FieldAffectingData[];

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

@@ -0,0 +1,17 @@
+"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));
+    }
+    return null;
+};
+exports.getTextFieldsToBeSearched = getTextFieldsToBeSearched;
+//# sourceMappingURL=getTextFieldsToBeSearched.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTextFieldsToBeSearched.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":";;;;;;AAAA,2DAA8F;AAC9F,wGAAwE;AAEjE,MAAM,yBAAyB,GAAG,CAAC,oBAA8B,EAAE,MAAe,EAAE,EAAE,CAAC,GAAyB,EAAE;IACvH,IAAI,oBAAoB,EAAE;QACxB,MAAM,eAAe,GAAG,IAAA,+BAAa,EAAC,MAAM,CAAC,CAAC;QAC9C,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,wBAAgB,EAAC,KAAK,CAAC,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAyB,CAAC;KACxI;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAPW,QAAA,yBAAyB,6BAOpC"}

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

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

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

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_animate_height_1 = __importDefault(require("react-animate-height"));
+const react_i18next_1 = require("react-i18next");
+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 getTextFieldsToBeSearched_1 = require("./getTextFieldsToBeSearched");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'list-controls';
+const ListControls = (props) => {
+    var _a;
+    const { collection, enableColumns = true, enableSort = false, columns, setColumns, handleSortChange, handleWhereChange, modifySearchQuery = true, collection: { fields, admin: { useAsTitle, 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] = (0, react_1.useState)(() => fields.find((field) => (0, types_1.fieldAffectsData)(field) && field.name === useAsTitle));
+    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');
+    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` },
+                    enableColumns && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-columns`, buttonStyle: visibleDrawer === 'columns' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: "chevron", iconStyle: "none" }, t('columns'))),
+                    react_1.default.createElement(Button_1.default, { className: `${baseClass}__toggle-where`, buttonStyle: visibleDrawer === 'where' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: "chevron", iconStyle: "none" }, 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), icon: "chevron", iconStyle: "none" }, t('sort')))))),
+        enableColumns && (react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
+            react_1.default.createElement(ColumnSelector_1.default, { collection: collection, columns: columns, setColumns: setColumns }))),
+        react_1.default.createElement(react_animate_height_1.default, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
+            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 },
+            react_1.default.createElement(SortComplex_1.default, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
+};
+exports.default = ListControls;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListControls/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,gFAAiD;AACjD,iDAA+C;AAC/C,2DAAmE;AACnE,mEAA2C;AAC3C,uEAA+C;AAC/C,mEAA2C;AAC3C,iEAAyC;AACzC,uDAA+B;AAE/B,+DAA+D;AAC/D,4FAAoE;AACpE,2EAAwE;AACxE,yEAAsE;AAEtE,wBAAsB;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;AAElC,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;;IAC9C,MAAM,EACJ,UAAU,EACV,aAAa,GAAG,IAAI,EACpB,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAAG,IAAI,EACxB,UAAU,EAAE,EACV,MAAM,EACN,KAAK,EAAE,EACL,UAAU,EACV,oBAAoB,GACrB,GACF,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,8BAAe,GAAE,CAAC;IACjC,MAAM,2BAA2B,GAAG,IAAA,4BAAkB,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC;IAEtE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,wBAAgB,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC;IAClH,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,qDAAyB,EAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IACnG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAA+B,2BAA2B,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACpI,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,uCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ;YAClC,8BAAC,sBAAY,IACX,SAAS,EAAE,UAAU,IAAI,IAAA,wBAAgB,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnF,YAAY,EAAE,iBAAiB,EAC/B,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,MAAA,CAAC,UAAU,IAAI,IAAA,wBAAgB,EAAC,UAAU,CAAC,IAAI,IAAA,+BAAc,EAAC,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,mCAAI,SAAS,EAClI,oBAAoB,EAAE,sBAAsB,GAC5C;YACF,uCAAK,SAAS,EAAE,GAAG,SAAS,WAAW;gBACrC,uCAAK,SAAS,EAAE,GAAG,SAAS,gBAAgB;oBACzC,aAAa,IAAI,CAChB,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,kBAAkB,EACzC,WAAW,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EACpF,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,MAAM,IAEf,CAAC,CAAC,SAAS,CAAC,CACN,CACV;oBACD,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,gBAAgB,EACvC,WAAW,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,EAChF,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,MAAM,IAEf,CAAC,CAAC,SAAS,CAAC,CACN;oBACR,UAAU,IAAI,CACb,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,eAAe,EACtC,WAAW,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAC9E,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,MAAM,IAEf,CAAC,CAAC,MAAM,CAAC,CACH,CACV,CACG,CACF,CACF;QACL,aAAa,IAAI,CAChB,8BAAC,8BAAa,IACZ,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,MAAM,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAEhD,8BAAC,wBAAc,IACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACY,CACjB;QACD,8BAAC,8BAAa,IACZ,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAE9C,8BAAC,sBAAY,IACX,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,iBAAiB,GAC/B,CACY;QACf,UAAU,IAAI,CACb,8BAAC,8BAAa,IACZ,SAAS,EAAE,GAAG,SAAS,QAAQ,EAC/B,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAE7C,8BAAC,qBAAW,IACV,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,GAC9B,CACY,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,91 @@
+@import '../../../scss/styles';
+
+.list-controls {
+  margin-bottom: $baseline;
+
+  &__wrap {
+    display: flex;
+  }
+
+  .search-filter {
+    flex-grow: 1;
+
+    input {
+      margin: 0;
+    }
+  }
+
+  &__buttons {
+    margin-left: $baseline;
+  }
+
+  &__buttons-wrap {
+    display: flex;
+    margin-left: - base(.5);
+    margin-right: - base(.5);
+    width: calc(100% + #{base(1)});
+
+    .btn {
+      margin: 0 base(.5);
+    }
+  }
+
+  &__toggle-columns,
+  &__toggle-where,
+  &__toggle-sort {
+    min-width: 140px;
+
+    &.btn--style-primary {
+      svg {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .column-selector,
+  .where-builder,
+  .sort-complex {
+    margin-top: base(1);
+  }
+
+  @include mid-break {
+    &__buttons {
+      margin-left: base(.5);
+    }
+
+    &__buttons-wrap {
+      margin-left: - base(.25);
+      margin-right: - base(.25);
+      width: calc(100% + #{base(0.5)});
+
+      .btn {
+        margin: 0 base(.25);
+      }
+    }
+  }
+
+  @include small-break {
+    &__wrap {
+      flex-wrap: wrap;
+    }
+
+    .search-filter {
+      margin-bottom: base(.5);
+      width: 100%;
+    }
+
+    &__buttons {
+      margin: 0;
+    }
+
+    &__buttons {
+      width: 100%;
+    }
+
+    &__toggle-columns,
+    &__toggle-where,
+    &__toggle-sort {
+      flex-grow: 1;
+    }
+  }
+}

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

@@ -0,0 +1,16 @@
+import { Where } from '../../../../types';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export type Props = {
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    modifySearchQuery?: boolean;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+    columns?: string[];
+    setColumns?: (columns: string[]) => void;
+    collection: SanitizedCollectionConfig;
+};
+export type ListControls = {
+    where?: unknown;
+    columns?: string[];
+};

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

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

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

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

package/dist/admin/components/elements/ListDrawer/DrawerContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ListDrawerProps } from './types';
+export declare const ListDrawerContent: React.FC<ListDrawerProps>;