payload 1.13.3 → 1.14.0

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

@@ -1,68 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const reducer = (state, action) => {
-    const newState = [
-        ...state,
-    ];
-    const { orIndex, andIndex, } = action;
-    switch (action.type) {
-        case 'add': {
-            const { relation, field } = action;
-            if (relation === 'and') {
-                newState[orIndex].and.splice(andIndex, 0, { [field]: {} });
-                return newState;
-            }
-            return [
-                ...newState,
-                {
-                    and: [{
-                            [field]: {},
-                        }],
-                },
-            ];
-        }
-        case 'remove': {
-            newState[orIndex].and.splice(andIndex, 1);
-            if (newState[orIndex].and.length === 0) {
-                newState.splice(orIndex, 1);
-            }
-            return newState;
-        }
-        case 'update': {
-            const { field, operator, value } = action;
-            if (typeof newState[orIndex].and[andIndex] === 'object') {
-                newState[orIndex].and[andIndex] = {
-                    ...newState[orIndex].and[andIndex],
-                };
-                const [existingFieldName, existingCondition] = Object.entries(newState[orIndex].and[andIndex])[0] || [undefined, undefined];
-                if (operator) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [operator]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (field) {
-                    newState[orIndex].and[andIndex] = {
-                        [field]: {
-                            [Object.keys(existingCondition)[0]]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (value !== undefined) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [Object.keys(existingCondition)[0]]: value,
-                        },
-                    };
-                }
-            }
-            return newState;
-        }
-        default: {
-            return newState;
-        }
-    }
-};
-exports.default = reducer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const reducer = (state, action) => {
+    const newState = [
+        ...state,
+    ];
+    const { orIndex, andIndex, } = action;
+    switch (action.type) {
+        case 'add': {
+            const { relation, field } = action;
+            if (relation === 'and') {
+                newState[orIndex].and.splice(andIndex, 0, { [field]: {} });
+                return newState;
+            }
+            return [
+                ...newState,
+                {
+                    and: [{
+                            [field]: {},
+                        }],
+                },
+            ];
+        }
+        case 'remove': {
+            newState[orIndex].and.splice(andIndex, 1);
+            if (newState[orIndex].and.length === 0) {
+                newState.splice(orIndex, 1);
+            }
+            return newState;
+        }
+        case 'update': {
+            const { field, operator, value } = action;
+            if (typeof newState[orIndex].and[andIndex] === 'object') {
+                newState[orIndex].and[andIndex] = {
+                    ...newState[orIndex].and[andIndex],
+                };
+                const [existingFieldName, existingCondition] = Object.entries(newState[orIndex].and[andIndex])[0] || [undefined, undefined];
+                if (operator) {
+                    newState[orIndex].and[andIndex] = {
+                        [existingFieldName]: {
+                            [operator]: Object.values(existingCondition)[0],
+                        },
+                    };
+                }
+                if (field) {
+                    newState[orIndex].and[andIndex] = {
+                        [field]: {
+                            [Object.keys(existingCondition)[0]]: Object.values(existingCondition)[0],
+                        },
+                    };
+                }
+                if (value !== undefined) {
+                    newState[orIndex].and[andIndex] = {
+                        [existingFieldName]: {
+                            [Object.keys(existingCondition)[0]]: value,
+                        },
+                    };
+                }
+            }
+            return newState;
+        }
+        default: {
+            return newState;
+        }
+    }
+};
+exports.default = reducer;
 //# sourceMappingURL=reducer.js.map

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

@@ -0,0 +1,7 @@
+import type { Where } from '../../../../types';
+/**
+ * Something like [or][0][and][0][text][equals]=example%20post will work and pass through the validateWhereQuery check.
+ * However, something like [text][equals]=example%20post will not work and will fail the validateWhereQuery check,
+ * even though it is a valid Where query. This needs to be transformed here.
+ */
+export declare const transformWhereQuery: (whereQuery: any) => Where;

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformWhereQuery = void 0;
+/**
+ * Something like [or][0][and][0][text][equals]=example%20post will work and pass through the validateWhereQuery check.
+ * However, something like [text][equals]=example%20post will not work and will fail the validateWhereQuery check,
+ * even though it is a valid Where query. This needs to be transformed here.
+ */
+const transformWhereQuery = (whereQuery) => {
+    if (!whereQuery) {
+        return {};
+    }
+    // Check if 'whereQuery' has 'or' field but no 'and'. This is the case for "correct" queries
+    if (whereQuery.or && !whereQuery.and) {
+        return {
+            or: whereQuery.or.map((query) => {
+                // ...but if the or query does not have an and, we need to add it
+                if (!query.and) {
+                    return {
+                        and: [query]
+                    };
+                }
+                return query;
+            }),
+        };
+    }
+    // Check if 'whereQuery' has 'and' field but no 'or'.
+    if (whereQuery.and && !whereQuery.or) {
+        return {
+            or: [
+                {
+                    and: whereQuery.and,
+                },
+            ],
+        };
+    }
+    // Check if 'whereQuery' has neither 'or' nor 'and'.
+    if (!whereQuery.or && !whereQuery.and) {
+        return {
+            or: [
+                {
+                    and: [whereQuery], // top-level siblings are considered 'and'
+                },
+            ],
+        };
+    }
+    // If 'whereQuery' has 'or' and 'and', just return it as it is.
+    return whereQuery;
+};
+exports.transformWhereQuery = transformWhereQuery;
+//# sourceMappingURL=transformWhereQuery.js.map

package/dist/admin/components/elements/WhereBuilder/transformWhereQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformWhereQuery.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/WhereBuilder/transformWhereQuery.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAS,EAAE;IACvD,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IACD,4FAA4F;IAC5F,IAAI,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;QACpC,OAAO;YACL,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC9B,iEAAiE;gBACjE,IAAG,CAAC,KAAK,CAAC,GAAG,EAAE;oBACb,OAAO;wBACL,GAAG,EAAE,CAAC,KAAK,CAAC;qBACb,CAAA;iBACF;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC;SACH,CAAC;KACH;IAED,qDAAqD;IACrD,IAAI,UAAU,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE;QACpC,OAAO;YACL,EAAE,EAAE;gBACF;oBACE,GAAG,EAAE,UAAU,CAAC,GAAG;iBACpB;aACF;SACF,CAAC;KACH;IAED,oDAAoD;IACpD,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;QACrC,OAAO;YACL,EAAE,EAAE;gBACF;oBACE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,0CAA0C;iBAC9D;aACF;SACF,CAAC;KACH;IAED,+DAA+D;IAC/D,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AA3CW,QAAA,mBAAmB,uBA2C9B"}

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { Where } from '../../../../types';
-declare const validateWhereQuery: (whereQuery: any) => whereQuery is Where;
-export default validateWhereQuery;
+import type { Where } from '../../../../types';
+declare const validateWhereQuery: (whereQuery: any) => whereQuery is Where;
+export default validateWhereQuery;

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

@@ -1,11 +1,38 @@
-"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) {
-        return true;
-    }
-    return false;
-};
-exports.default = validateWhereQuery;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("../../../../types/constants");
+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) {
+        // At this point we know that the whereQuery has 'or' and 'and' fields,
+        // now let's check the structure and content of these fields.
+        const isValid = whereQuery.or.every((orQuery) => {
+            if (orQuery.and && Array.isArray(orQuery.and)) {
+                return orQuery.and.every((andQuery) => {
+                    if (typeof andQuery !== 'object') {
+                        return false;
+                    }
+                    const andKeys = Object.keys(andQuery);
+                    // If there are no keys, it's not a valid WhereField.
+                    if (andKeys.length === 0) {
+                        return false;
+                    }
+                    // eslint-disable-next-line no-restricted-syntax
+                    for (const key of andKeys) {
+                        const operator = Object.keys(andQuery[key])[0];
+                        // Check if the key is a valid Operator.
+                        if (!operator || !constants_1.validOperators.includes(operator)) {
+                            return false;
+                        }
+                    }
+                    return true;
+                });
+            }
+            return false;
+        });
+        return isValid;
+    }
+    return false;
+};
+exports.default = validateWhereQuery;
 //# sourceMappingURL=validateWhereQuery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"validateWhereQuery.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/WhereBuilder/validateWhereQuery.ts"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,GAAG,CAAC,UAAU,EAAuB,EAAE;;IAC7D,IAAI,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAE,MAAM,IAAG,CAAC,KAAI,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA,IAAI,CAAA,MAAA,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAG,CAAC,CAAC,0CAAE,GAAG,0CAAE,MAAM,IAAG,CAAC,EAAE;QAClG,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"validateWhereQuery.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/WhereBuilder/validateWhereQuery.ts"],"names":[],"mappings":";;AACA,2DAA6D;AAE7D,MAAM,kBAAkB,GAAG,CAAC,UAAU,EAAuB,EAAE;;IAC7D,IAAI,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAE,MAAM,IAAG,CAAC,KAAI,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAG,CAAC,CAAC,0CAAE,GAAG,CAAA,IAAI,CAAA,MAAA,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,0CAAG,CAAC,CAAC,0CAAE,GAAG,0CAAE,MAAM,IAAG,CAAC,EAAE;QAClG,uEAAuE;QACvE,6DAA6D;QAE7D,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,IAAI,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAC7C,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACpC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;wBAChC,OAAO,KAAK,CAAC;qBACd;oBACD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACtC,qDAAqD;oBACrD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;wBACxB,OAAO,KAAK,CAAC;qBACd;oBACD,gDAAgD;oBAChD,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;wBACzB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/C,wCAAwC;wBACxC,IAAI,CAAC,QAAQ,IAAI,CAAC,0BAAc,CAAC,QAAQ,CAAC,QAAoB,CAAC,EAAE;4BAC/D,OAAO,KAAK,CAAC;yBACd;qBACF;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;aACJ;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/admin/components/elements/elements.spec.d.ts

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

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

@@ -1,18 +1,18 @@
-"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 } = (0, react_2.render)(react_1.default.createElement(Separator_1.default, null));
-            const linkElement = getByText(/—/i); // —
-            expect(linkElement).toBeInTheDocument();
-        });
-    });
-});
+"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 } = (0, react_2.render)(react_1.default.createElement(Separator_1.default, null));
+            const linkElement = getByText(/—/i); // —
+            expect(linkElement).toBeInTheDocument();
+        });
+    });
+});
 //# sourceMappingURL=elements.spec.js.map

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

@@ -1,4 +1,4 @@
-export { CustomPublishButtonProps } from './Publish';
-export { CustomSaveButtonProps } from './Save';
-export { CustomSaveDraftButtonProps } from './SaveDraft';
-export { CustomPreviewButtonProps } from './PreviewButton';
+export { CustomPublishButtonProps } from './Publish';
+export { CustomSaveButtonProps } from './Save';
+export { CustomSaveDraftButtonProps } from './SaveDraft';
+export { CustomPreviewButtonProps } from './PreviewButton';

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

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

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

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

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

@@ -1,18 +1,18 @@
-"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_1.default.createElement(Tooltip_1.default, { className: baseClass, delay: 0 }, message));
-    }
-    return null;
-};
-exports.default = Error;
+"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_1.default.createElement(Tooltip_1.default, { className: baseClass, delay: 0 }, message));
+    }
+    return null;
+};
+exports.default = Error;
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -1,28 +1,28 @@
-"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 } = (0, react_i18next_1.useTranslation)();
-    if ((0, types_1.isComponent)(description)) {
-        const Description = description;
-        return react_1.default.createElement(Description, { value: value });
-    }
-    if (description) {
-        return (react_1.default.createElement("div", { className: [
-                baseClass,
-                className,
-            ].filter(Boolean).join(' ') }, typeof description === 'function' ? description({ value }) : (0, getTranslation_1.getTranslation)(description, i18n)));
-    }
-    return null;
-};
-exports.default = FieldDescription;
+"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 } = (0, react_i18next_1.useTranslation)();
+    if ((0, types_1.isComponent)(description)) {
+        const Description = description;
+        return react_1.default.createElement(Description, { value: value });
+    }
+    if (description) {
+        return (react_1.default.createElement("div", { className: [
+                baseClass,
+                className,
+            ].filter(Boolean).join(' ') }, typeof description === 'function' ? description({ value }) : (0, getTranslation_1.getTranslation)(description, i18n)));
+    }
+    return null;
+};
+exports.default = FieldDescription;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,12 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isComponent = void 0;
-const react_1 = __importDefault(require("react"));
-function isComponent(description) {
-    return react_1.default.isValidElement(description);
-}
-exports.isComponent = isComponent;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isComponent = void 0;
+const react_1 = __importDefault(require("react"));
+function isComponent(description) {
+    return react_1.default.isValidElement(description);
+}
+exports.isComponent = isComponent;
 //# sourceMappingURL=types.js.map

package/dist/admin/components/forms/Form/WatchFormErrors.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-type Props = {
-    buildRowErrors: () => void;
-};
-export declare const WatchFormErrors: React.FC<Props>;
-export {};
+import * as React from 'react';
+type Props = {
+    buildRowErrors: () => void;
+};
+export declare const WatchFormErrors: React.FC<Props>;
+export {};