payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,103 @@
+"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 core_1 = require("@dnd-kit/core");
+const react_select_1 = __importDefault(require("react-select"));
+const react_i18next_1 = require("react-i18next");
+const sortable_1 = require("@dnd-kit/sortable");
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const SingleValue_1 = require("./SingleValue");
+const MultiValueLabel_1 = require("./MultiValueLabel");
+const MultiValue_1 = require("./MultiValue");
+const ValueContainer_1 = require("./ValueContainer");
+const ClearIndicator_1 = require("./ClearIndicator");
+const MultiValueRemove_1 = require("./MultiValueRemove");
+const Control_1 = require("./Control");
+require("./index.scss");
+const SelectAdapter = (props) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const { className, showError, options, onChange, value, disabled = false, placeholder = t('general:selectValue'), isSearchable = true, isClearable = true, filterOption = undefined, isLoading, onMenuOpen, components, droppableRef, selectProps, } = props;
+    const classes = [
+        className,
+        'react-select',
+        showError && 'react-select--error',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement(react_select_1.default, { isLoading: isLoading, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), captureMenuScroll: true, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, className: classes, classNamePrefix: "rs", options: options, isSearchable: isSearchable, isClearable: isClearable, filterOption: filterOption, onMenuOpen: onMenuOpen, selectProps: {
+            ...selectProps,
+            droppableRef,
+        }, components: {
+            ValueContainer: ValueContainer_1.ValueContainer,
+            SingleValue: SingleValue_1.SingleValue,
+            MultiValue: MultiValue_1.MultiValue,
+            MultiValueLabel: MultiValueLabel_1.MultiValueLabel,
+            MultiValueRemove: MultiValueRemove_1.MultiValueRemove,
+            DropdownIndicator: Chevron_1.default,
+            ClearIndicator: ClearIndicator_1.ClearIndicator,
+            Control: Control_1.Control,
+            ...components,
+        } }));
+};
+const SortableSelect = (props) => {
+    const { onChange, value, } = props;
+    const uuid = (0, react_1.useId)();
+    const { setNodeRef } = (0, core_1.useDroppable)({
+        id: uuid,
+    });
+    const onDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (!active || !over)
+            return;
+        let sorted = value;
+        if (value && Array.isArray(value)) {
+            const oldIndex = value.findIndex((item) => item.value === active.id);
+            const newIndex = value.findIndex((item) => item.value === over.id);
+            sorted = (0, sortable_1.arrayMove)(value, oldIndex, newIndex);
+        }
+        onChange(sorted);
+    }, [onChange, value]);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    let ids = [];
+    if (value)
+        ids = Array.isArray(value) ? value.map((item) => item === null || item === void 0 ? void 0 : item.value) : [value === null || value === void 0 ? void 0 : value.value]; // TODO: fix these types
+    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: onDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
+        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
+            react_1.default.createElement(SelectAdapter, { ...props, droppableRef: setNodeRef }))));
+};
+const ReactSelect = (props) => {
+    const { isMulti, isSortable, } = props;
+    if (isMulti && isSortable) {
+        return (react_1.default.createElement(SortableSelect, { ...props }));
+    }
+    return (react_1.default.createElement(SelectAdapter, { ...props }));
+};
+exports.default = ReactSelect;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,67 @@
+@import '../../../scss/styles';
+
+.react-select {
+  .rs__control {
+    @include formInput;
+    height: auto;
+    padding-top: base(.25);
+    padding-bottom: base(.25);
+    flex-wrap: nowrap;
+  }
+
+  .rs__indicator {
+    padding: 0px 4px;
+    cursor: pointer;
+  }
+
+  .rs__indicator-separator {
+    display: none;
+  }
+
+  .rs__input {
+    color: var(--theme-elevation-1000);
+
+    input {
+      font-family: var(--font-body);
+      width: 10px;
+    }
+  }
+
+  .rs__menu {
+    z-index: 2;
+    border-radius: 0;
+    @include shadow-lg;
+    background: var(--theme-input-bg);
+  }
+
+  .rs__group-heading {
+    color: var(--theme-elevation-800);
+    padding-left: base(.5);
+    margin-bottom: base(.25);
+  }
+
+  .rs__option {
+    font-family: var(--font-body);
+    font-size: $baseline-body-size;
+    padding: base(.375) base(.75);
+    color: var(--theme-elevation-800);
+
+    &--is-focused {
+      background-color: var(--theme-elevation-100);
+    }
+
+    &--is-selected {
+      background-color: var(--theme-elevation-300);
+    }
+  }
+
+  &--error {
+    div.rs__control {
+      background-color: var(--theme-error-200);
+    }
+  }
+
+  &.rs--is-disabled .rs__control {
+    background: var(--theme-elevation-200);
+  }
+}

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

@@ -0,0 +1,43 @@
+import { Ref } from 'react';
+export type Option = {
+    [key: string]: unknown;
+    value: unknown;
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type Props = {
+    droppableRef?: Ref<HTMLElement>;
+    className?: string;
+    value?: Option | Option[];
+    onChange?: (value: any) => void;
+    onMenuOpen?: () => void;
+    disabled?: boolean;
+    showError?: boolean;
+    options: Option[] | OptionGroup[];
+    isMulti?: boolean;
+    isLoading?: boolean;
+    isOptionSelected?: any;
+    isSortable?: boolean;
+    isDisabled?: boolean;
+    onInputChange?: (val: string) => void;
+    onMenuScrollToBottom?: () => void;
+    placeholder?: string;
+    isSearchable?: boolean;
+    isClearable?: boolean;
+    blurInputOnSelect?: boolean;
+    filterOption?: (({ label, value, data }: {
+        label: string;
+        value: string;
+        data: Option;
+    }, search: string) => boolean) | undefined;
+    components?: {
+        [key: string]: React.FC<any>;
+    };
+    selectProps?: {
+        disableMouseDown?: boolean;
+        disableKeyDown?: boolean;
+        [key: string]: unknown;
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+"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"));
+const useTitle_1 = __importDefault(require("../../../hooks/useTitle"));
+const IDLabel_1 = __importDefault(require("../IDLabel"));
+const baseClass = 'render-title';
+const RenderTitle = (props) => {
+    const { useAsTitle, collection, title: titleFromProps, data, fallback = '[untitled]', } = props;
+    const titleFromForm = (0, useTitle_1.default)(useAsTitle, collection);
+    let title = titleFromForm;
+    if (!title)
+        title = data === null || data === void 0 ? void 0 : data.id;
+    if (!title)
+        title = fallback;
+    title = titleFromProps || title;
+    const idAsTitle = title === (data === null || data === void 0 ? void 0 : data.id);
+    if (idAsTitle) {
+        return (react_1.default.createElement(IDLabel_1.default, { id: data === null || data === void 0 ? void 0 : data.id }));
+    }
+    return (react_1.default.createElement("span", { className: baseClass }, title));
+};
+exports.default = RenderTitle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/RenderTitle/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,uEAA+C;AAC/C,yDAAiC;AAEjC,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EAAE,cAAc,EACrB,IAAI,EACJ,QAAQ,GAAG,YAAY,GACxB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAQ,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAEvD,IAAI,KAAK,GAAG,aAAa,CAAC;IAC1B,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC;IAC7B,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,GAAG,cAAc,IAAI,KAAK,CAAC;IAEhC,MAAM,SAAS,GAAG,KAAK,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,8BAAC,iBAAO,IAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,GAAI,CAC1B,CAAC;KACH;IAED,OAAO,CACL,wCAAM,SAAS,EAAE,SAAS,IACvB,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,9 @@
+export type Props = {
+    useAsTitle?: string;
+    data?: {
+        id?: string;
+    };
+    title?: string;
+    fallback?: string;
+    collection?: string;
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const SaveDraft: React.FC;
+export default SaveDraft;

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

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const context_1 = require("../../forms/Form/context");
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const Locale_1 = require("../../utilities/Locale");
+require("./index.scss");
+const baseClass = 'save-draft';
+const SaveDraft = () => {
+    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { submit } = (0, context_1.useForm)();
+    const { collection, global, id } = (0, DocumentInfo_1.useDocumentInfo)();
+    const modified = (0, context_1.useFormModified)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t } = (0, react_i18next_1.useTranslation)('version');
+    const canSaveDraft = modified;
+    const saveDraft = (0, react_1.useCallback)(() => {
+        const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
+        let action;
+        let method = 'POST';
+        if (collection) {
+            action = `${serverURL}${api}/${collection.slug}${id ? `/${id}` : ''}${search}`;
+            if (id)
+                method = 'PATCH';
+        }
+        if (global) {
+            action = `${serverURL}${api}/globals/${global.slug}${search}`;
+        }
+        submit({
+            action,
+            method,
+            skipValidation: true,
+            overrides: {
+                _status: 'draft',
+            },
+        });
+    }, [submit, collection, global, serverURL, api, locale, id]);
+    return (react_1.default.createElement(Submit_1.default, { className: baseClass, type: "button", buttonStyle: "secondary", onClick: saveDraft, disabled: !canSaveDraft }, t('saveDraft')));
+};
+exports.default = SaveDraft;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Search_1 = __importDefault(require("../../icons/Search"));
+const useDebounce_1 = __importDefault(require("../../../hooks/useDebounce"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'search-filter';
+const SearchFilter = (props) => {
+    const { fieldName = 'id', fieldLabel = 'ID', modifySearchQuery = true, listSearchableFields, handleChange, } = props;
+    const params = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [previousSearch, setPreviousSearch] = (0, react_1.useState)('');
+    const placeholder = (0, react_1.useRef)(t('searchBy', { label: (0, getTranslation_1.getTranslation)(fieldLabel, i18n) }));
+    const debouncedSearch = (0, useDebounce_1.default)(search, 300);
+    (0, react_1.useEffect)(() => {
+        const newWhere = { ...typeof (params === null || params === void 0 ? void 0 : params.where) === 'object' ? params.where : {} };
+        const fieldNamesToSearch = [fieldName, ...(listSearchableFields || []).map(({ name }) => name)];
+        fieldNamesToSearch.forEach((fieldNameToSearch) => {
+            const hasOrQuery = Array.isArray(newWhere.or);
+            const existingFieldSearchIndex = hasOrQuery ? newWhere.or.findIndex((condition) => {
+                var _a;
+                return (_a = condition === null || condition === void 0 ? void 0 : condition[fieldNameToSearch]) === null || _a === void 0 ? void 0 : _a.like;
+            }) : -1;
+            if (debouncedSearch) {
+                if (!hasOrQuery)
+                    newWhere.or = [];
+                if (existingFieldSearchIndex > -1) {
+                    newWhere.or[existingFieldSearchIndex][fieldNameToSearch].like = debouncedSearch;
+                }
+                else {
+                    newWhere.or.push({
+                        [fieldNameToSearch]: {
+                            like: debouncedSearch,
+                        },
+                    });
+                }
+            }
+            else if (existingFieldSearchIndex > -1) {
+                newWhere.or.splice(existingFieldSearchIndex, 1);
+            }
+        });
+        if (debouncedSearch !== previousSearch) {
+            if (handleChange)
+                handleChange(newWhere);
+            if (modifySearchQuery) {
+                history.replace({
+                    search: qs_1.default.stringify({
+                        ...params,
+                        page: 1,
+                        where: newWhere,
+                    }),
+                });
+            }
+            setPreviousSearch(debouncedSearch);
+        }
+    }, [debouncedSearch, previousSearch, history, fieldName, params, handleChange, modifySearchQuery, listSearchableFields]);
+    (0, react_1.useEffect)(() => {
+        if ((listSearchableFields === null || listSearchableFields === void 0 ? void 0 : listSearchableFields.length) > 0) {
+            placeholder.current = listSearchableFields.reduce((prev, curr, i) => {
+                if (i === listSearchableFields.length - 1) {
+                    return `${prev} ${t('or')} ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
+                }
+                return `${prev}, ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
+            }, placeholder.current);
+        }
+    }, [t, listSearchableFields, i18n]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("input", { className: `${baseClass}__input`, placeholder: placeholder.current, type: "text", value: search || '', onChange: (e) => setSearch(e.target.value) }),
+        react_1.default.createElement(Search_1.default, null)));
+};
+exports.default = SearchFilter;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaggeredShimmers = exports.ShimmerEffect = void 0;
+const React = __importStar(require("react"));
+const useDelay_1 = require("../../../hooks/useDelay");
+require("./index.scss");
+const ShimmerEffect = ({ animationDelay = '0ms', height = '60px', width = '100%' }) => {
+    return (React.createElement("div", { className: "shimmer-effect", style: {
+            height: typeof height === 'number' ? `${height}px` : height,
+            width: typeof width === 'number' ? `${width}px` : width,
+        } },
+        React.createElement("div", { className: "shimmer-effect__shine", style: {
+                animationDelay,
+            } })));
+};
+exports.ShimmerEffect = ShimmerEffect;
+const StaggeredShimmers = ({ count, className, shimmerItemClassName, width, height, shimmerDelay = 25, renderDelay = 500 }) => {
+    const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay;
+    const [hasDelayed] = (0, useDelay_1.useDelay)(renderDelay, true);
+    if (!hasDelayed)
+        return null;
+    return (React.createElement("div", { className: className }, [...Array(count)].map((_, i) => (React.createElement("div", { key: i, className: shimmerItemClassName },
+        React.createElement(exports.ShimmerEffect, { animationDelay: `calc(${i} * ${shimmerDelayToPass})`, height: height, width: width }))))));
+};
+exports.StaggeredShimmers = StaggeredShimmers;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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