payload 0.14.2-beta.0 → 0.14.3-beta.0

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

@@ -1,92 +1,92 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useWindowInfo } from '@faceless-ui/window-info';
-import { useScrollInfo } from '@faceless-ui/scroll-info';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import PopupButton from './PopupButton';
-import './index.scss';
-const baseClass = 'popup';
-const Popup = (props) => {
-    const { className, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign = 'left', initActive = false, onToggleOpen, padding, forceOpen, } = props;
-    const buttonRef = useRef(null);
-    const contentRef = useRef(null);
-    const [active, setActive] = useState(initActive);
-    const [verticalAlign, setVerticalAlign] = useState('top');
-    const [forceHorizontalAlign, setForceHorizontalAlign] = useState(null);
-    const { y: scrollY } = useScrollInfo();
-    const { height: windowHeight } = useWindowInfo();
-    const handleClickOutside = (e) => {
-        if (contentRef.current.contains(e.target)) {
-            return;
-        }
-        setActive(false);
-    };
-    useThrottledEffect(() => {
-        if (contentRef.current && buttonRef.current) {
-            const { height: contentHeight, width: contentWidth, right: contentRightEdge, } = contentRef.current.getBoundingClientRect();
-            const { y: buttonYCoord } = buttonRef.current.getBoundingClientRect();
-            const windowWidth = window.innerWidth;
-            const distanceToRightEdge = windowWidth - contentRightEdge;
-            const distanceToLeftEdge = contentRightEdge - contentWidth;
-            if (horizontalAlign === 'left' && distanceToRightEdge <= 0) {
-                setForceHorizontalAlign('right');
-            }
-            else if (horizontalAlign === 'right' && distanceToLeftEdge <= 0) {
-                setForceHorizontalAlign('left');
-            }
-            else if (horizontalAlign === 'center' && (distanceToLeftEdge <= contentWidth / 2 || distanceToRightEdge <= contentWidth / 2)) {
-                if (distanceToRightEdge > distanceToLeftEdge)
-                    setForceHorizontalAlign('left');
-                else
-                    setForceHorizontalAlign('right');
-            }
-            else {
-                setForceHorizontalAlign(null);
-            }
-            if (buttonYCoord > contentHeight) {
-                setVerticalAlign('top');
-            }
-            else {
-                setVerticalAlign('bottom');
-            }
-        }
-    }, 500, [setVerticalAlign, contentRef, scrollY, windowHeight]);
-    useEffect(() => {
-        if (typeof onToggleOpen === 'function')
-            onToggleOpen(active);
-        if (active) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [active, onToggleOpen]);
-    useEffect(() => {
-        setActive(forceOpen);
-    }, [forceOpen]);
-    const classes = [
-        baseClass,
-        className,
-        `${baseClass}--size-${size}`,
-        `${baseClass}--color-${color}`,
-        `${baseClass}--v-align-${verticalAlign}`,
-        `${baseClass}--h-align-${horizontalAlign}`,
-        forceHorizontalAlign && `${baseClass}--force-h-align-${forceHorizontalAlign}`,
-        active && `${baseClass}--active`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
-            ? (React.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
-                React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active })))
-            : (React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active }))),
-        React.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("div", { className: `${baseClass}__scroll`, style: {
-                        padding,
-                    } },
-                    render && render({ close: () => setActive(false) }),
-                    children && children)))));
-};
-export default Popup;
+import React, { useEffect, useRef, useState } from 'react';
+import { useWindowInfo } from '@faceless-ui/window-info';
+import { useScrollInfo } from '@faceless-ui/scroll-info';
+import useThrottledEffect from '../../../hooks/useThrottledEffect';
+import PopupButton from './PopupButton';
+import './index.scss';
+const baseClass = 'popup';
+const Popup = (props) => {
+    const { className, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign = 'left', initActive = false, onToggleOpen, padding, forceOpen, } = props;
+    const buttonRef = useRef(null);
+    const contentRef = useRef(null);
+    const [active, setActive] = useState(initActive);
+    const [verticalAlign, setVerticalAlign] = useState('top');
+    const [forceHorizontalAlign, setForceHorizontalAlign] = useState(null);
+    const { y: scrollY } = useScrollInfo();
+    const { height: windowHeight } = useWindowInfo();
+    const handleClickOutside = (e) => {
+        if (contentRef.current.contains(e.target)) {
+            return;
+        }
+        setActive(false);
+    };
+    useThrottledEffect(() => {
+        if (contentRef.current && buttonRef.current) {
+            const { height: contentHeight, width: contentWidth, right: contentRightEdge, } = contentRef.current.getBoundingClientRect();
+            const { y: buttonYCoord } = buttonRef.current.getBoundingClientRect();
+            const windowWidth = window.innerWidth;
+            const distanceToRightEdge = windowWidth - contentRightEdge;
+            const distanceToLeftEdge = contentRightEdge - contentWidth;
+            if (horizontalAlign === 'left' && distanceToRightEdge <= 0) {
+                setForceHorizontalAlign('right');
+            }
+            else if (horizontalAlign === 'right' && distanceToLeftEdge <= 0) {
+                setForceHorizontalAlign('left');
+            }
+            else if (horizontalAlign === 'center' && (distanceToLeftEdge <= contentWidth / 2 || distanceToRightEdge <= contentWidth / 2)) {
+                if (distanceToRightEdge > distanceToLeftEdge)
+                    setForceHorizontalAlign('left');
+                else
+                    setForceHorizontalAlign('right');
+            }
+            else {
+                setForceHorizontalAlign(null);
+            }
+            if (buttonYCoord > contentHeight) {
+                setVerticalAlign('top');
+            }
+            else {
+                setVerticalAlign('bottom');
+            }
+        }
+    }, 500, [setVerticalAlign, contentRef, scrollY, windowHeight]);
+    useEffect(() => {
+        if (typeof onToggleOpen === 'function')
+            onToggleOpen(active);
+        if (active) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [active, onToggleOpen]);
+    useEffect(() => {
+        setActive(forceOpen);
+    }, [forceOpen]);
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--size-${size}`,
+        `${baseClass}--color-${color}`,
+        `${baseClass}--v-align-${verticalAlign}`,
+        `${baseClass}--h-align-${horizontalAlign}`,
+        forceHorizontalAlign && `${baseClass}--force-h-align-${forceHorizontalAlign}`,
+        active && `${baseClass}--active`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes },
+        React.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
+            ? (React.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
+                React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active })))
+            : (React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active }))),
+        React.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("div", { className: `${baseClass}__scroll`, style: {
+                        padding,
+                    } },
+                    render && render({ close: () => setActive(false) }),
+                    children && children)))));
+};
+export default Popup;

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

@@ -1,17 +1,17 @@
-import { CSSProperties } from 'react';
-export declare type Props = {
-    className?: string;
-    render?: (any: any) => void;
-    children?: React.ReactNode;
-    horizontalAlign?: 'left' | 'center' | 'right';
-    size?: 'small' | 'large' | 'wide';
-    color?: 'light' | 'dark';
-    buttonType?: 'default' | 'custom' | 'none';
-    button?: React.ReactNode;
-    forceOpen?: boolean;
-    showOnHover?: boolean;
-    initActive?: boolean;
-    onToggleOpen?: (active: boolean) => void;
-    backgroundColor?: CSSProperties['backgroundColor'];
-    padding?: CSSProperties['padding'];
-};
+import { CSSProperties } from 'react';
+export declare type Props = {
+    className?: string;
+    render?: (any: any) => void;
+    children?: React.ReactNode;
+    horizontalAlign?: 'left' | 'center' | 'right';
+    size?: 'small' | 'large' | 'wide';
+    color?: 'light' | 'dark';
+    buttonType?: 'default' | 'custom' | 'none';
+    button?: React.ReactNode;
+    forceOpen?: boolean;
+    showOnHover?: boolean;
+    initActive?: boolean;
+    onToggleOpen?: (active: boolean) => void;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    padding?: CSSProperties['padding'];
+};

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

@@ -1 +1 @@
-export {};
+export {};

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

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

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

@@ -1,30 +1,30 @@
-import React, { useEffect, useState } from 'react';
-import { useAuth } from '@payloadcms/config-provider';
-import Button from '../Button';
-import { useLocale } from '../../utilities/Locale';
-const baseClass = 'preview-btn';
-const PreviewButton = (props) => {
-    const { generatePreviewURL, data } = props;
-    const [url, setUrl] = useState(undefined);
-    const locale = useLocale();
-    const { token } = useAuth();
-    useEffect(() => {
-        if (generatePreviewURL && typeof generatePreviewURL === 'function') {
-            const makeRequest = async () => {
-                const previewURL = await generatePreviewURL(data, { locale, token });
-                setUrl(previewURL);
-            };
-            makeRequest();
-        }
-    }, [
-        generatePreviewURL,
-        locale,
-        token,
-        data
-    ]);
-    if (url) {
-        return (React.createElement(Button, { el: "anchor", className: baseClass, buttonStyle: "secondary", url: url, newTab: true }, "Preview"));
-    }
-    return null;
-};
-export default PreviewButton;
+import React, { useEffect, useState } from 'react';
+import { useAuth } from '@payloadcms/config-provider';
+import Button from '../Button';
+import { useLocale } from '../../utilities/Locale';
+const baseClass = 'preview-btn';
+const PreviewButton = (props) => {
+    const { generatePreviewURL, data } = props;
+    const [url, setUrl] = useState(undefined);
+    const locale = useLocale();
+    const { token } = useAuth();
+    useEffect(() => {
+        if (generatePreviewURL && typeof generatePreviewURL === 'function') {
+            const makeRequest = async () => {
+                const previewURL = await generatePreviewURL(data, { locale, token });
+                setUrl(previewURL);
+            };
+            makeRequest();
+        }
+    }, [
+        generatePreviewURL,
+        locale,
+        token,
+        data
+    ]);
+    if (url) {
+        return (React.createElement(Button, { el: "anchor", className: baseClass, buttonStyle: "secondary", url: url, newTab: true }, "Preview"));
+    }
+    return null;
+};
+export default PreviewButton;

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

@@ -1,6 +1,6 @@
-import { Data } from '../../forms/Form/types';
-import { GeneratePreviewURL } from '../../../../config/types';
-export declare type Props = {
-    generatePreviewURL?: GeneratePreviewURL;
-    data?: Data;
-};
+import { Data } from '../../forms/Form/types';
+import { GeneratePreviewURL } from '../../../../config/types';
+export declare type Props = {
+    generatePreviewURL?: GeneratePreviewURL;
+    data?: Data;
+};

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

@@ -1 +1 @@
-export {};
+export {};

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

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

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import Select from 'react-select';
-import Chevron from '../../icons/Chevron';
-import './index.scss';
-const ReactSelect = (props) => {
-    const { className, showError = false, options, onChange, value, disabled = false, placeholder, } = props;
-    const classes = [
-        className,
-        'react-select',
-        showError && 'react-select--error',
-    ].filter(Boolean).join(' ');
-    return (React.createElement(Select, { placeholder: placeholder, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, components: { DropdownIndicator: Chevron }, className: classes, classNamePrefix: "rs", options: options }));
-};
-export default ReactSelect;
+import React from 'react';
+import Select from 'react-select';
+import Chevron from '../../icons/Chevron';
+import './index.scss';
+const ReactSelect = (props) => {
+    const { className, showError = false, options, onChange, value, disabled = false, placeholder, } = props;
+    const classes = [
+        className,
+        'react-select',
+        showError && 'react-select--error',
+    ].filter(Boolean).join(' ');
+    return (React.createElement(Select, { placeholder: placeholder, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, components: { DropdownIndicator: Chevron }, className: classes, classNamePrefix: "rs", options: options }));
+};
+export default ReactSelect;

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

@@ -1,20 +1,20 @@
-import { OptionsType, GroupedOptionsType } from 'react-select';
-export declare type Options = OptionsType<Value> | GroupedOptionsType<Value>;
-export declare type Value = {
-    label: string;
-    value: string;
-    options?: Options;
-};
-export declare type Props = {
-    className?: string;
-    value?: Value | Value[];
-    onChange?: (value: any) => void;
-    disabled?: boolean;
-    showError?: boolean;
-    options: Options;
-    isMulti?: boolean;
-    isDisabled?: boolean;
-    onInputChange?: (val: string) => void;
-    onMenuScrollToBottom?: () => void;
-    placeholder?: string;
-};
+import { OptionsType, GroupedOptionsType } from 'react-select';
+export declare type Options = OptionsType<Value> | GroupedOptionsType<Value>;
+export declare type Value = {
+    label: string;
+    value: string;
+    options?: Options;
+};
+export declare type Props = {
+    className?: string;
+    value?: Value | Value[];
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+    showError?: boolean;
+    options: Options;
+    isMulti?: boolean;
+    isDisabled?: boolean;
+    onInputChange?: (val: string) => void;
+    onMenuScrollToBottom?: () => void;
+    placeholder?: string;
+};

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

@@ -1 +1 @@
-export {};
+export {};

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

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

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

@@ -1,26 +1,26 @@
-import React, { Fragment } from 'react';
-import useTitle from '../../../hooks/useTitle';
-import './index.scss';
-const baseClass = 'render-title';
-const RenderTitle = (props) => {
-    const { useAsTitle, title: titleFromProps, data, fallback = '[untitled]', } = props;
-    const titleFromForm = useTitle(useAsTitle);
-    const titleFromData = data && data[useAsTitle];
-    let title = titleFromData;
-    if (!title)
-        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);
-    const classes = [
-        baseClass,
-        idAsTitle && `${baseClass}--id-as-title`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("span", { className: classes },
-        idAsTitle && (React.createElement(Fragment, null, "ID:\u00A0\u00A0")),
-        title));
-};
-export default RenderTitle;
+import React, { Fragment } from 'react';
+import useTitle from '../../../hooks/useTitle';
+import './index.scss';
+const baseClass = 'render-title';
+const RenderTitle = (props) => {
+    const { useAsTitle, title: titleFromProps, data, fallback = '[untitled]', } = props;
+    const titleFromForm = useTitle(useAsTitle);
+    const titleFromData = data && data[useAsTitle];
+    let title = titleFromData;
+    if (!title)
+        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);
+    const classes = [
+        baseClass,
+        idAsTitle && `${baseClass}--id-as-title`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("span", { className: classes },
+        idAsTitle && (React.createElement(Fragment, null, "ID:\u00A0\u00A0")),
+        title));
+};
+export default RenderTitle;

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

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

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

@@ -1 +1 @@
-export {};
+export {};

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

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

@@ -1,44 +1,44 @@
-import React, { useEffect, useState } from 'react';
-import { useHistory } from 'react-router-dom';
-import queryString from 'qs';
-import Search from '../../icons/Search';
-import useDebounce from '../../../hooks/useDebounce';
-import { useSearchParams } from '../../utilities/SearchParams';
-import './index.scss';
-const baseClass = 'search-filter';
-const SearchFilter = (props) => {
-    const { fieldName = 'id', fieldLabel = 'ID', modifySearchQuery = true, handleChange, } = props;
-    const params = useSearchParams();
-    const history = useHistory();
-    const [search, setSearch] = useState(() => { var _a, _b; return ((_b = (_a = params === null || params === void 0 ? void 0 : params.where) === null || _a === void 0 ? void 0 : _a[fieldName]) === null || _b === void 0 ? void 0 : _b.like) || ''; });
-    const debouncedSearch = useDebounce(search, 300);
-    useEffect(() => {
-        var _a, _b, _c, _d, _e;
-        if (debouncedSearch !== ((_b = (_a = params === null || params === void 0 ? void 0 : params.where) === null || _a === void 0 ? void 0 : _a[fieldName]) === null || _b === void 0 ? void 0 : _b.like)) {
-            const newWhere = {
-                ...(typeof (params === null || params === void 0 ? void 0 : params.where) === 'object' ? params.where : {}),
-                [fieldName]: {
-                    like: debouncedSearch,
-                },
-            };
-            if (!debouncedSearch) {
-                delete newWhere[fieldName];
-            }
-            if (handleChange)
-                handleChange(newWhere);
-            if (modifySearchQuery && ((_d = (_c = params === null || params === void 0 ? void 0 : params.where) === null || _c === void 0 ? void 0 : _c[fieldName]) === null || _d === void 0 ? void 0 : _d.like) !== ((_e = newWhere === null || newWhere === void 0 ? void 0 : newWhere[fieldName]) === null || _e === void 0 ? void 0 : _e.like)) {
-                history.replace({
-                    search: queryString.stringify({
-                        ...params,
-                        page: 1,
-                        where: newWhere,
-                    }),
-                });
-            }
-        }
-    }, [debouncedSearch, history, fieldName, params, handleChange, modifySearchQuery]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("input", { className: `${baseClass}__input`, placeholder: `Search by ${fieldLabel}`, type: "text", value: search || '', onChange: (e) => setSearch(e.target.value) }),
-        React.createElement(Search, null)));
-};
-export default SearchFilter;
+import React, { useEffect, useState } from 'react';
+import { useHistory } from 'react-router-dom';
+import queryString from 'qs';
+import Search from '../../icons/Search';
+import useDebounce from '../../../hooks/useDebounce';
+import { useSearchParams } from '../../utilities/SearchParams';
+import './index.scss';
+const baseClass = 'search-filter';
+const SearchFilter = (props) => {
+    const { fieldName = 'id', fieldLabel = 'ID', modifySearchQuery = true, handleChange, } = props;
+    const params = useSearchParams();
+    const history = useHistory();
+    const [search, setSearch] = useState(() => { var _a, _b; return ((_b = (_a = params === null || params === void 0 ? void 0 : params.where) === null || _a === void 0 ? void 0 : _a[fieldName]) === null || _b === void 0 ? void 0 : _b.like) || ''; });
+    const debouncedSearch = useDebounce(search, 300);
+    useEffect(() => {
+        var _a, _b, _c, _d, _e;
+        if (debouncedSearch !== ((_b = (_a = params === null || params === void 0 ? void 0 : params.where) === null || _a === void 0 ? void 0 : _a[fieldName]) === null || _b === void 0 ? void 0 : _b.like)) {
+            const newWhere = {
+                ...(typeof (params === null || params === void 0 ? void 0 : params.where) === 'object' ? params.where : {}),
+                [fieldName]: {
+                    like: debouncedSearch,
+                },
+            };
+            if (!debouncedSearch) {
+                delete newWhere[fieldName];
+            }
+            if (handleChange)
+                handleChange(newWhere);
+            if (modifySearchQuery && ((_d = (_c = params === null || params === void 0 ? void 0 : params.where) === null || _c === void 0 ? void 0 : _c[fieldName]) === null || _d === void 0 ? void 0 : _d.like) !== ((_e = newWhere === null || newWhere === void 0 ? void 0 : newWhere[fieldName]) === null || _e === void 0 ? void 0 : _e.like)) {
+                history.replace({
+                    search: queryString.stringify({
+                        ...params,
+                        page: 1,
+                        where: newWhere,
+                    }),
+                });
+            }
+        }
+    }, [debouncedSearch, history, fieldName, params, handleChange, modifySearchQuery]);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("input", { className: `${baseClass}__input`, placeholder: `Search by ${fieldLabel}`, type: "text", value: search || '', onChange: (e) => setSearch(e.target.value) }),
+        React.createElement(Search, null)));
+};
+export default SearchFilter;

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

@@ -1,7 +1,7 @@
-import { Where } from '../../../../types';
-export declare type Props = {
-    fieldName?: string;
-    fieldLabel?: string;
-    modifySearchQuery?: boolean;
-    handleChange?: (where: Where) => void;
-};
+import { Where } from '../../../../types';
+export declare type Props = {
+    fieldName?: string;
+    fieldLabel?: string;
+    modifySearchQuery?: boolean;
+    handleChange?: (where: Where) => void;
+};

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

@@ -1 +1 @@
-export {};
+export {};

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

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