payload 1.4.2 → 1.5.0

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

@@ -1,9 +1,16 @@
-import React from 'react';
-import { components as SelectComponents } from 'react-select';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleValue = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
 const baseClass = 'react-select--single-value';
-export const SingleValue = (props) => {
+const SingleValue = (props) => {
     const { children, } = props;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(SelectComponents.SingleValue, { ...props }, children)));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_select_1.components.SingleValue, { ...props }, children)));
 };
+exports.SingleValue = SingleValue;

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

@@ -1,9 +1,16 @@
-import React from 'react';
-import { components as SelectComponents } from 'react-select';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
 const baseClass = 'value-container';
-export const ValueContainer = (props) => {
+const ValueContainer = (props) => {
     const { selectProps, } = props;
-    return (React.createElement("div", { ref: selectProps.selectProps.droppableRef, className: baseClass },
-        React.createElement(SelectComponents.ValueContainer, { ...props })));
+    return (react_1.default.createElement("div", { ref: selectProps.selectProps.droppableRef, className: baseClass },
+        react_1.default.createElement(react_select_1.components.ValueContainer, { ...props })));
 };
+exports.ValueContainer = ValueContainer;

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

@@ -1,48 +1,76 @@
-import React, { useCallback, useId } from 'react';
-import { useDroppable, DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
-import Select from 'react-select';
-import { useTranslation } from 'react-i18next';
-import { arrayMove, SortableContext, sortableKeyboardCoordinates, } from '@dnd-kit/sortable';
-import Chevron from '../../icons/Chevron';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import { SingleValue } from './SingleValue';
-import { MultiValueLabel } from './MultiValueLabel';
-import { MultiValue } from './MultiValue';
-import { ValueContainer } from './ValueContainer';
-import { ClearIndicator } from './ClearIndicator';
-import { MultiValueRemove } from './MultiValueRemove';
-import { Control } from './Control';
-import './index.scss';
+"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 } = useTranslation();
+    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.createElement(Select, { isLoading: isLoading, placeholder: 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: {
+    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,
-            SingleValue,
-            MultiValue,
-            MultiValueLabel,
-            MultiValueRemove,
-            DropdownIndicator: Chevron,
-            ClearIndicator,
-            Control,
+            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 = useId();
-    const { setNodeRef } = useDroppable({
+    const uuid = (0, react_1.useId)();
+    const { setNodeRef } = (0, core_1.useDroppable)({
         id: uuid,
     });
-    const onDragEnd = useCallback((event) => {
+    const onDragEnd = (0, react_1.useCallback)((event) => {
         const { active, over } = event;
         if (!active || !over)
             return;
@@ -50,25 +78,25 @@ const SortableSelect = (props) => {
         if (value && Array.isArray(value)) {
             const oldIndex = value.findIndex((item) => item.value === active.id);
             const newIndex = value.findIndex((item) => item.value === over.id);
-            sorted = arrayMove(value, oldIndex, newIndex);
+            sorted = (0, sortable_1.arrayMove)(value, oldIndex, newIndex);
         }
         onChange(sorted);
     }, [onChange, value]);
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
+    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.createElement(DndContext, { onDragEnd: onDragEnd, sensors: sensors, collisionDetection: closestCenter },
-        React.createElement(SortableContext, { items: ids },
-            React.createElement(SelectAdapter, { ...props, droppableRef: setNodeRef }))));
+    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.createElement(SortableSelect, { ...props }));
+        return (react_1.default.createElement(SortableSelect, { ...props }));
     }
-    return (React.createElement(SelectAdapter, { ...props }));
+    return (react_1.default.createElement(SelectAdapter, { ...props }));
 };
-export default ReactSelect;
+exports.default = ReactSelect;

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

@@ -1,13 +1,13 @@
 import { Ref } from 'react';
-export declare type Option = {
+export type Option = {
     [key: string]: unknown;
     value: unknown;
 };
-export declare type OptionGroup = {
+export type OptionGroup = {
     label: string;
     options: Option[];
 };
-export declare type Props = {
+export type Props = {
     droppableRef?: Ref<HTMLElement>;
     className?: string;
     value?: Option | Option[];

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +1,15 @@
-import React from 'react';
-import useTitle from '../../../hooks/useTitle';
-import IDLabel from '../IDLabel';
+"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, title: titleFromProps, data, fallback = '[untitled]', } = props;
-    const titleFromForm = useTitle(useAsTitle);
+    const titleFromForm = (0, useTitle_1.default)(useAsTitle);
     let title = titleFromForm;
     if (!title)
         title = data === null || data === void 0 ? void 0 : data.id;
@@ -13,8 +18,8 @@ const RenderTitle = (props) => {
     title = titleFromProps || title;
     const idAsTitle = title === (data === null || data === void 0 ? void 0 : data.id);
     if (idAsTitle) {
-        return (React.createElement(IDLabel, { id: data === null || data === void 0 ? void 0 : data.id }));
+        return (react_1.default.createElement(IDLabel_1.default, { id: data === null || data === void 0 ? void 0 : data.id }));
     }
-    return (React.createElement("span", { className: baseClass }, title));
+    return (react_1.default.createElement("span", { className: baseClass }, title));
 };
-export default RenderTitle;
+exports.default = RenderTitle;

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

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     useAsTitle?: string;
     data?: {
         id?: string;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,21 +1,49 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import FormSubmit from '../../forms/Submit';
-import { useForm, useFormModified } from '../../forms/Form/context';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { useLocale } from '../../utilities/Locale';
-import './index.scss';
+"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 } } = useConfig();
-    const { submit } = useForm();
-    const { collection, global, id } = useDocumentInfo();
-    const modified = useFormModified();
-    const locale = useLocale();
-    const { t } = useTranslation('version');
+    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 = useCallback(() => {
+    const saveDraft = (0, react_1.useCallback)(() => {
         const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
         let action;
         let method = 'POST';
@@ -36,6 +64,6 @@ const SaveDraft = () => {
             },
         });
     }, [submit, collection, global, serverURL, api, locale, id]);
-    return (React.createElement(FormSubmit, { className: baseClass, type: "button", buttonStyle: "secondary", onClick: saveDraft, disabled: !canSaveDraft }, t('saveDraft')));
+    return (react_1.default.createElement(Submit_1.default, { className: baseClass, type: "button", buttonStyle: "secondary", onClick: saveDraft, disabled: !canSaveDraft }, t('saveDraft')));
 };
-export default SaveDraft;
+exports.default = SaveDraft;

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

@@ -1,23 +1,51 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useHistory } from 'react-router-dom';
-import queryString from 'qs';
-import { useTranslation } from 'react-i18next';
-import Search from '../../icons/Search';
-import useDebounce from '../../../hooks/useDebounce';
-import { useSearchParams } from '../../utilities/SearchParams';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"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 = useSearchParams();
-    const history = useHistory();
-    const { t, i18n } = useTranslation('general');
-    const [search, setSearch] = useState('');
-    const [previousSearch, setPreviousSearch] = useState('');
-    const placeholder = useRef(t('searchBy', { label: getTranslation(fieldLabel, i18n) }));
-    const debouncedSearch = useDebounce(search, 300);
-    useEffect(() => {
+    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) => {
@@ -49,7 +77,7 @@ const SearchFilter = (props) => {
                 handleChange(newWhere);
             if (modifySearchQuery) {
                 history.replace({
-                    search: queryString.stringify({
+                    search: qs_1.default.stringify({
                         ...params,
                         page: 1,
                         where: newWhere,
@@ -59,18 +87,18 @@ const SearchFilter = (props) => {
             setPreviousSearch(debouncedSearch);
         }
     }, [debouncedSearch, previousSearch, history, fieldName, params, handleChange, modifySearchQuery, listSearchableFields]);
-    useEffect(() => {
+    (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')} ${getTranslation(curr.label || curr.name, i18n)}`;
+                    return `${prev} ${t('or')} ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
                 }
-                return `${prev}, ${getTranslation(curr.label || curr.name, i18n)}`;
+                return `${prev}, ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
             }, placeholder.current);
         }
     }, [t, listSearchableFields, i18n]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("input", { className: `${baseClass}__input`, placeholder: placeholder.current, type: "text", value: search || '', onChange: (e) => setSearch(e.target.value) }),
-        React.createElement(Search, null)));
+    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)));
 };
-export default SearchFilter;
+exports.default = SearchFilter;

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

@@ -1,6 +1,6 @@
 import { FieldAffectingData } from '../../../../fields/config/types';
 import { Where } from '../../../../types';
-export declare type Props = {
+export type Props = {
     fieldName?: string;
     fieldLabel?: string;
     modifySearchQuery?: boolean;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,18 +1,46 @@
-import React, { useCallback } from 'react';
-import { useHistory } from 'react-router-dom';
-import queryString from 'qs';
-import { useTranslation } from 'react-i18next';
-import Chevron from '../../icons/Chevron';
-import Button from '../Button';
-import { useSearchParams } from '../../utilities/SearchParams';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"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 Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Button_1 = __importDefault(require("../Button"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'sort-column';
 const SortColumn = (props) => {
     const { label, name, disable = false, } = props;
-    const params = useSearchParams();
-    const history = useHistory();
-    const { i18n } = useTranslation();
+    const params = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const { sort } = params;
     const desc = `-${name}`;
     const asc = name;
@@ -22,20 +50,20 @@ const SortColumn = (props) => {
     const descClasses = [`${baseClass}__desc`];
     if (sort === desc)
         descClasses.push(`${baseClass}--active`);
-    const setSort = useCallback((newSort) => {
+    const setSort = (0, react_1.useCallback)((newSort) => {
         history.push({
-            search: queryString.stringify({
+            search: qs_1.default.stringify({
                 ...params,
                 sort: newSort,
             }, { addQueryPrefix: true }),
         });
     }, [params, history]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("span", { className: `${baseClass}__label` }, getTranslation(label, i18n)),
-        !disable && (React.createElement("span", { className: `${baseClass}__buttons` },
-            React.createElement(Button, { round: true, buttonStyle: "none", className: ascClasses.join(' '), onClick: () => setSort(asc) },
-                React.createElement(Chevron, null)),
-            React.createElement(Button, { round: true, buttonStyle: "none", className: descClasses.join(' '), onClick: () => setSort(desc) },
-                React.createElement(Chevron, null))))));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("span", { className: `${baseClass}__label` }, (0, getTranslation_1.getTranslation)(label, i18n)),
+        !disable && (react_1.default.createElement("span", { className: `${baseClass}__buttons` },
+            react_1.default.createElement(Button_1.default, { round: true, buttonStyle: "none", className: ascClasses.join(' '), onClick: () => setSort(asc) },
+                react_1.default.createElement(Chevron_1.default, null)),
+            react_1.default.createElement(Button_1.default, { round: true, buttonStyle: "none", className: descClasses.join(' '), onClick: () => setSort(desc) },
+                react_1.default.createElement(Chevron_1.default, null))))));
 };
-export default SortColumn;
+exports.default = SortColumn;

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

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     label: Record<string, string> | string;
     name: string;
     disable?: boolean;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });