payload 1.4.1 → 1.5.0

package/dist/admin/components/elements/WhereBuilder/Condition/index.js

@@ -1,18 +1,46 @@
-import React, { useState, useEffect } from 'react';
-import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
-import ReactSelect from '../../ReactSelect';
-import Button from '../../Button';
-import Date from './Date';
-import Number from './Number';
-import Text from './Text';
-import Relationship from './Relationship';
-import useDebounce from '../../../../hooks/useDebounce';
-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 RenderCustomComponent_1 = __importDefault(require("../../../utilities/RenderCustomComponent"));
+const ReactSelect_1 = __importDefault(require("../../ReactSelect"));
+const Button_1 = __importDefault(require("../../Button"));
+const Date_1 = __importDefault(require("./Date"));
+const Number_1 = __importDefault(require("./Number"));
+const Text_1 = __importDefault(require("./Text"));
+const Relationship_1 = __importDefault(require("./Relationship"));
+const useDebounce_1 = __importDefault(require("../../../../hooks/useDebounce"));
+require("./index.scss");
 const valueFields = {
-    Date,
-    Number,
-    Text,
-    Relationship,
+    Date: Date_1.default,
+    Number: Number_1.default,
+    Text: Text_1.default,
+    Relationship: Relationship_1.default,
 };
 const baseClass = 'condition';
 const Condition = (props) => {
@@ -22,16 +50,16 @@ const Condition = (props) => {
     const operatorAndValue = (value === null || value === void 0 ? void 0 : value[fieldValue]) ? Object.entries(value[fieldValue])[0] : undefined;
     const operatorValue = operatorAndValue === null || operatorAndValue === void 0 ? void 0 : operatorAndValue[0];
     const queryValue = operatorAndValue === null || operatorAndValue === void 0 ? void 0 : operatorAndValue[1];
-    const [activeField, setActiveField] = useState(() => fields.find((field) => fieldValue === field.value));
-    const [internalValue, setInternalValue] = useState(queryValue);
-    const debouncedValue = useDebounce(internalValue, 300);
-    useEffect(() => {
+    const [activeField, setActiveField] = (0, react_1.useState)(() => fields.find((field) => fieldValue === field.value));
+    const [internalValue, setInternalValue] = (0, react_1.useState)(queryValue);
+    const debouncedValue = (0, useDebounce_1.default)(internalValue, 300);
+    (0, react_1.useEffect)(() => {
         const newActiveField = fields.find((field) => fieldValue === field.value);
         if (newActiveField) {
             setActiveField(newActiveField);
         }
     }, [fieldValue, fields]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         dispatch({
             type: 'update',
             orIndex,
@@ -40,18 +68,18 @@ const Condition = (props) => {
         });
     }, [debouncedValue, dispatch, orIndex, andIndex]);
     const ValueComponent = valueFields[activeField === null || activeField === void 0 ? void 0 : activeField.component] || valueFields.Text;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement("div", { className: `${baseClass}__inputs` },
-                React.createElement("div", { className: `${baseClass}__field` },
-                    React.createElement(ReactSelect, { value: fields.find((field) => fieldValue === field.value), options: fields, onChange: (field) => dispatch({
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+            react_1.default.createElement("div", { className: `${baseClass}__inputs` },
+                react_1.default.createElement("div", { className: `${baseClass}__field` },
+                    react_1.default.createElement(ReactSelect_1.default, { value: fields.find((field) => fieldValue === field.value), options: fields, onChange: (field) => dispatch({
                             type: 'update',
                             orIndex,
                             andIndex,
                             field: field.value,
                         }) })),
-                React.createElement("div", { className: `${baseClass}__operator` },
-                    React.createElement(ReactSelect, { disabled: !fieldValue, value: activeField.operators.find((operator) => operatorValue === operator.value), options: activeField.operators, onChange: (operator) => {
+                react_1.default.createElement("div", { className: `${baseClass}__operator` },
+                    react_1.default.createElement(ReactSelect_1.default, { disabled: !fieldValue, value: activeField.operators.find((operator) => operatorValue === operator.value), options: activeField.operators, onChange: (operator) => {
                             dispatch({
                                 type: 'update',
                                 orIndex,
@@ -59,20 +87,20 @@ const Condition = (props) => {
                                 operator: operator.value,
                             });
                         } })),
-                React.createElement("div", { className: `${baseClass}__value` },
-                    React.createElement(RenderCustomComponent, { CustomComponent: (_c = (_b = (_a = activeField === null || activeField === void 0 ? void 0 : activeField.props) === null || _a === void 0 ? void 0 : _a.admin) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.Filter, DefaultComponent: ValueComponent, componentProps: {
+                react_1.default.createElement("div", { className: `${baseClass}__value` },
+                    react_1.default.createElement(RenderCustomComponent_1.default, { CustomComponent: (_c = (_b = (_a = activeField === null || activeField === void 0 ? void 0 : activeField.props) === null || _a === void 0 ? void 0 : _a.admin) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.Filter, DefaultComponent: ValueComponent, componentProps: {
                             ...activeField === null || activeField === void 0 ? void 0 : activeField.props,
                             operator: operatorValue,
                             value: internalValue,
                             onChange: setInternalValue,
                         } }))),
-            React.createElement("div", { className: `${baseClass}__actions` },
-                React.createElement(Button, { icon: "x", className: `${baseClass}__actions-remove`, round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => dispatch({
+            react_1.default.createElement("div", { className: `${baseClass}__actions` },
+                react_1.default.createElement(Button_1.default, { icon: "x", className: `${baseClass}__actions-remove`, round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => dispatch({
                         type: 'remove',
                         orIndex,
                         andIndex,
                     }) }),
-                React.createElement(Button, { icon: "plus", className: `${baseClass}__actions-add`, round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => dispatch({
+                react_1.default.createElement(Button_1.default, { icon: "plus", className: `${baseClass}__actions-add`, round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => dispatch({
                         type: 'add',
                         field: fields[0].value,
                         relation: 'and',
@@ -80,4 +108,4 @@ const Condition = (props) => {
                         andIndex: andIndex + 1,
                     }) })))));
 };
-export default Condition;
+exports.default = Condition;

package/dist/admin/components/elements/WhereBuilder/Condition/types.d.ts

@@ -1,6 +1,6 @@
 import { Where } from '../../../../../types';
 import { Action, FieldCondition } from '../types';
-export declare type Props = {
+export type Props = {
     fields: FieldCondition[];
     value: Where;
     dispatch: (action: Action) => void;

package/dist/admin/components/elements/WhereBuilder/Condition/types.js

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

package/dist/admin/components/elements/WhereBuilder/field-types.d.ts

@@ -27,6 +27,13 @@ declare const fieldTypeConditions: {
             value: string;
         }[];
     };
+    json: {
+        component: string;
+        operators: {
+            label: string;
+            value: string;
+        }[];
+    };
     richText: {
         component: string;
         operators: {

package/dist/admin/components/elements/WhereBuilder/field-types.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const boolean = [
     {
         label: 'equals',
@@ -78,6 +80,10 @@ const fieldTypeConditions = {
         component: 'Text',
         operators: [...base, like, contains],
     },
+    json: {
+        component: 'Text',
+        operators: [...base, like, contains],
+    },
     richText: {
         component: 'Text',
         operators: [...base, like, contains],
@@ -111,4 +117,4 @@ const fieldTypeConditions = {
         operators: boolean,
     },
 };
-export default fieldTypeConditions;
+exports.default = fieldTypeConditions;

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

@@ -1,24 +1,52 @@
-import React, { useState, useReducer } from 'react';
-import queryString from 'qs';
-import { useHistory } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import Button from '../Button';
-import reducer from './reducer';
-import Condition from './Condition';
-import fieldTypes from './field-types';
-import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
-import { useSearchParams } from '../../utilities/SearchParams';
-import validateWhereQuery from './validateWhereQuery';
-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 qs_1 = __importDefault(require("qs"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const useThrottledEffect_1 = __importDefault(require("../../../hooks/useThrottledEffect"));
+const Button_1 = __importDefault(require("../Button"));
+const reducer_1 = __importDefault(require("./reducer"));
+const Condition_1 = __importDefault(require("./Condition"));
+const field_types_1 = __importDefault(require("./field-types"));
+const flattenTopLevelFields_1 = __importDefault(require("../../../../utilities/flattenTopLevelFields"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const validateWhereQuery_1 = __importDefault(require("./validateWhereQuery"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'where-builder';
-const reduceFields = (fields, i18n) => flattenTopLevelFields(fields).reduce((reduced, field) => {
-    if (typeof fieldTypes[field.type] === 'object') {
+const reduceFields = (fields, i18n) => (0, flattenTopLevelFields_1.default)(fields).reduce((reduced, field) => {
+    if (typeof field_types_1.default[field.type] === 'object') {
         const formattedField = {
-            label: getTranslation(field.label || field.name, i18n),
+            label: (0, getTranslation_1.getTranslation)(field.label || field.name, i18n),
             value: field.name,
-            ...fieldTypes[field.type],
+            ...field_types_1.default[field.type],
             props: {
                 ...field,
             },
@@ -32,18 +60,18 @@ const reduceFields = (fields, i18n) => flattenTopLevelFields(fields).reduce((red
 }, []);
 const WhereBuilder = (props) => {
     const { collection, modifySearchQuery = true, handleChange, collection: { labels: { plural, } = {}, } = {}, } = props;
-    const history = useHistory();
-    const params = useSearchParams();
-    const { t, i18n } = useTranslation('general');
-    const [conditions, dispatchConditions] = useReducer(reducer, params.where, (whereFromSearch) => {
-        if (modifySearchQuery && validateWhereQuery(whereFromSearch)) {
+    const history = (0, react_router_dom_1.useHistory)();
+    const params = (0, SearchParams_1.useSearchParams)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [conditions, dispatchConditions] = (0, react_1.useReducer)(reducer_1.default, params.where, (whereFromSearch) => {
+        if (modifySearchQuery && (0, validateWhereQuery_1.default)(whereFromSearch)) {
             return whereFromSearch.or;
         }
         return [];
     });
-    const [reducedFields] = useState(() => reduceFields(collection.fields, i18n));
-    useThrottledEffect(() => {
-        const currentParams = queryString.parse(history.location.search, { ignoreQueryPrefix: true, depth: 10 });
+    const [reducedFields] = (0, react_1.useState)(() => reduceFields(collection.fields, i18n));
+    (0, useThrottledEffect_1.default)(() => {
+        const currentParams = qs_1.default.parse(history.location.search, { ignoreQueryPrefix: true, depth: 10 });
         const paramsToKeep = typeof (currentParams === null || currentParams === void 0 ? void 0 : currentParams.where) === 'object' && 'or' in currentParams.where ? currentParams.where.or.reduce((keptParams, param) => {
             const newParam = { ...param };
             if (param.and) {
@@ -67,7 +95,7 @@ const WhereBuilder = (props) => {
         const hasNewWhereConditions = conditions.length > 0;
         if (modifySearchQuery && ((hasExistingConditions && !hasNewWhereConditions) || hasNewWhereConditions)) {
             history.replace({
-                search: queryString.stringify({
+                search: qs_1.default.stringify({
                     ...currentParams,
                     page: 1,
                     where: newWhereQuery,
@@ -75,23 +103,23 @@ const WhereBuilder = (props) => {
             });
         }
     }, 500, [conditions, modifySearchQuery, handleChange]);
-    return (React.createElement("div", { className: baseClass },
-        conditions.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: `${baseClass}__label` }, t('filterWhere', { label: getTranslation(plural, i18n) })),
-            React.createElement("ul", { className: `${baseClass}__or-filters` }, conditions.map((or, orIndex) => (React.createElement("li", { key: orIndex },
-                orIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, t('or'))),
-                React.createElement("ul", { className: `${baseClass}__and-filters` }, Array.isArray(or === null || or === void 0 ? void 0 : or.and) && or.and.map((_, andIndex) => (React.createElement("li", { key: andIndex },
-                    andIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, t('and'))),
-                    React.createElement(Condition, { value: conditions[orIndex].and[andIndex], orIndex: orIndex, andIndex: andIndex, key: andIndex, fields: reducedFields, dispatch: dispatchConditions }))))))))),
-            React.createElement(Button, { className: `${baseClass}__add-or`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => {
+    return (react_1.default.createElement("div", { className: baseClass },
+        conditions.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: `${baseClass}__label` }, t('filterWhere', { label: (0, getTranslation_1.getTranslation)(plural, i18n) })),
+            react_1.default.createElement("ul", { className: `${baseClass}__or-filters` }, conditions.map((or, orIndex) => (react_1.default.createElement("li", { key: orIndex },
+                orIndex !== 0 && (react_1.default.createElement("div", { className: `${baseClass}__label` }, t('or'))),
+                react_1.default.createElement("ul", { className: `${baseClass}__and-filters` }, Array.isArray(or === null || or === void 0 ? void 0 : or.and) && or.and.map((_, andIndex) => (react_1.default.createElement("li", { key: andIndex },
+                    andIndex !== 0 && (react_1.default.createElement("div", { className: `${baseClass}__label` }, t('and'))),
+                    react_1.default.createElement(Condition_1.default, { value: conditions[orIndex].and[andIndex], orIndex: orIndex, andIndex: andIndex, key: andIndex, fields: reducedFields, dispatch: dispatchConditions }))))))))),
+            react_1.default.createElement(Button_1.default, { className: `${baseClass}__add-or`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => {
                     if (reducedFields.length > 0)
                         dispatchConditions({ type: 'add', field: reducedFields[0].value });
                 } }, t('or')))),
-        conditions.length === 0 && (React.createElement("div", { className: `${baseClass}__no-filters` },
-            React.createElement("div", { className: `${baseClass}__label` }, t('noFiltersSet')),
-            React.createElement(Button, { className: `${baseClass}__add-first-filter`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => {
+        conditions.length === 0 && (react_1.default.createElement("div", { className: `${baseClass}__no-filters` },
+            react_1.default.createElement("div", { className: `${baseClass}__label` }, t('noFiltersSet')),
+            react_1.default.createElement(Button_1.default, { className: `${baseClass}__add-first-filter`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => {
                     if (reducedFields.length > 0)
                         dispatchConditions({ type: 'add', field: reducedFields[0].value });
                 } }, t('addFilter'))))));
 };
-export default WhereBuilder;
+exports.default = WhereBuilder;

package/dist/admin/components/elements/WhereBuilder/reducer.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const reducer = (state, action) => {
     const newState = [
         ...state,
@@ -62,4 +64,4 @@ const reducer = (state, action) => {
         }
     }
 };
-export default reducer;
+exports.default = reducer;

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

@@ -1,12 +1,12 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { Field } from '../../../../fields/config/types';
 import { Operator, Where } from '../../../../types';
-export declare type Props = {
+export type Props = {
     collection: SanitizedCollectionConfig;
     handleChange?: (where: Where) => void;
     modifySearchQuery?: boolean;
 };
-export declare type FieldCondition = {
+export type FieldCondition = {
     label: string;
     value: string;
     operators: {
@@ -16,20 +16,20 @@ export declare type FieldCondition = {
     component?: string;
     props: Field;
 };
-export declare type Relation = 'and' | 'or';
-export declare type ADD = {
+export type Relation = 'and' | 'or';
+export type ADD = {
     type: 'add';
     field: string;
     relation?: Relation;
     andIndex?: number;
     orIndex?: number;
 };
-export declare type REMOVE = {
+export type REMOVE = {
     type: 'remove';
     andIndex: number;
     orIndex: number;
 };
-export declare type UPDATE = {
+export type UPDATE = {
     type: 'update';
     andIndex: number;
     orIndex: number;
@@ -37,7 +37,7 @@ export declare type UPDATE = {
     field?: string;
     value?: unknown;
 };
-export declare type Action = ADD | REMOVE | UPDATE;
-export declare type State = {
+export type Action = ADD | REMOVE | UPDATE;
+export type State = {
     or: Where[];
 };

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

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

package/dist/admin/components/elements/WhereBuilder/validateWhereQuery.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const validateWhereQuery = (whereQuery) => {
     var _a, _b, _c, _d, _e, _f;
     if (((_a = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_c = (_b = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.and) && ((_f = (_e = (_d = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.and) === null || _f === void 0 ? void 0 : _f.length) > 0) {
@@ -5,4 +7,4 @@ const validateWhereQuery = (whereQuery) => {
     }
     return false;
 };
-export default validateWhereQuery;
+exports.default = validateWhereQuery;

package/dist/admin/components/elements/elements.spec.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Separator from './Paginator/Separator';
+"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 react_2 = require("@testing-library/react");
+const Separator_1 = __importDefault(require("./Paginator/Separator"));
 describe('Elements', () => {
     describe('Paginator', () => {
         it('separator - renders dash', () => {
-            const { getByText } = render(React.createElement(Separator, null));
+            const { getByText } = (0, react_2.render)(react_1.default.createElement(Separator_1.default, null));
             const linkElement = getByText(/—/i); // —
             expect(linkElement).toBeInTheDocument();
         });

package/dist/admin/components/forms/Error/index.js

@@ -1,12 +1,17 @@
-import React from 'react';
-import Tooltip from '../../elements/Tooltip';
-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 });
+const react_1 = __importDefault(require("react"));
+const Tooltip_1 = __importDefault(require("../../elements/Tooltip"));
+require("./index.scss");
 const baseClass = 'field-error';
 const Error = (props) => {
     const { showError = false, message, } = props;
     if (showError) {
-        return (React.createElement(Tooltip, { className: baseClass, delay: 0 }, message));
+        return (react_1.default.createElement(Tooltip_1.default, { className: baseClass, delay: 0 }, message));
     }
     return null;
 };
-export default Error;
+exports.default = Error;

package/dist/admin/components/forms/Error/index.scss

@@ -9,7 +9,7 @@
   transform: none;
   background-color: var(--theme-error-500);
 
-  span {
+  &::after {
     border-top-color: var(--theme-error-500);
   }
-}
+}

package/dist/admin/components/forms/Error/types.d.ts

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     showError?: boolean;
     message: string;
 };

package/dist/admin/components/forms/Error/types.js

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

package/dist/admin/components/forms/FieldDescription/index.js

@@ -1,22 +1,27 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { isComponent } from './types';
-import { getTranslation } from '../../../../utilities/getTranslation';
-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 });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const types_1 = require("./types");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'field-description';
 const FieldDescription = (props) => {
     const { className, description, value, } = props;
-    const { i18n } = useTranslation();
-    if (isComponent(description)) {
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    if ((0, types_1.isComponent)(description)) {
         const Description = description;
-        return React.createElement(Description, { value: value });
+        return react_1.default.createElement(Description, { value: value });
     }
     if (description) {
-        return (React.createElement("div", { className: [
+        return (react_1.default.createElement("div", { className: [
                 baseClass,
                 className,
-            ].filter(Boolean).join(' ') }, typeof description === 'function' ? description({ value }) : getTranslation(description, i18n)));
+            ].filter(Boolean).join(' ') }, typeof description === 'function' ? description({ value }) : (0, getTranslation_1.getTranslation)(description, i18n)));
     }
     return null;
 };
-export default FieldDescription;
+exports.default = FieldDescription;

package/dist/admin/components/forms/FieldDescription/types.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare type DescriptionFunction = (value?: unknown) => string;
-export declare type DescriptionComponent = React.ComponentType<{
+export type DescriptionFunction = (value?: unknown) => string;
+export type DescriptionComponent = React.ComponentType<{
     value: unknown;
 }>;
-export declare type Description = Record<string, string> | string | DescriptionFunction | DescriptionComponent;
-export declare type Props = {
+export type Description = Record<string, string> | string | DescriptionFunction | DescriptionComponent;
+export type Props = {
     description?: Description;
     value?: unknown;
     className?: string;

package/dist/admin/components/forms/FieldDescription/types.js

@@ -9,4 +9,3 @@ function isComponent(description) {
     return react_1.default.isValidElement(description);
 }
 exports.isComponent = isComponent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWRtaW4vY29tcG9uZW50cy9mb3Jtcy9GaWVsZERlc2NyaXB0aW9uL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGtEQUEwQjtBQWMxQixTQUFnQixXQUFXLENBQUMsV0FBd0I7SUFDbEQsT0FBTyxlQUFLLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBQzNDLENBQUM7QUFGRCxrQ0FFQyJ9

package/dist/admin/components/forms/Form/buildInitialState.js

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const buildInitialState = (data) => {
     if (data) {
         return Object.entries(data).reduce((state, [path, value]) => ({
@@ -11,4 +13,4 @@ const buildInitialState = (data) => {
     }
     return undefined;
 };
-export default buildInitialState;
+exports.default = buildInitialState;

package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.d.ts

@@ -2,7 +2,7 @@ import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { NonPresentationalField } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
-declare type Args = {
+type Args = {
     field: NonPresentationalField;
     locale: string;
     user: User;