payload 1.4.2 → 1.5.0

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

@@ -1,53 +1,81 @@
+"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 });
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-import React, { useReducer, useEffect, useRef, useState, useCallback, } from 'react';
-import isDeepEqual from 'deep-equal';
-import { serialize } from 'object-to-formdata';
-import { useHistory } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import { useTranslation } from 'react-i18next';
-import { useAuth } from '../../utilities/Auth';
-import { useLocale } from '../../utilities/Locale';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { requests } from '../../../api';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import fieldReducer from './fieldReducer';
-import initContextState from './initContextState';
-import reduceFieldsToValues from './reduceFieldsToValues';
-import getSiblingDataFunc from './getSiblingData';
-import getDataByPathFunc from './getDataByPath';
-import wait from '../../../../utilities/wait';
-import buildInitialState from './buildInitialState';
-import errorMessages from './errorMessages';
-import { SubmittedContext, ProcessingContext, ModifiedContext, FormContext, FormFieldsContext, FormWatchContext } from './context';
-import buildStateFromSchema from './buildStateFromSchema';
-import { useOperation } from '../../utilities/OperationProvider';
+const react_1 = __importStar(require("react"));
+const deep_equal_1 = __importDefault(require("deep-equal"));
+const object_to_formdata_1 = require("object-to-formdata");
+const react_router_dom_1 = require("react-router-dom");
+const react_toastify_1 = require("react-toastify");
+const react_i18next_1 = require("react-i18next");
+const Auth_1 = require("../../utilities/Auth");
+const Locale_1 = require("../../utilities/Locale");
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const api_1 = require("../../../api");
+const useThrottledEffect_1 = __importDefault(require("../../../hooks/useThrottledEffect"));
+const fieldReducer_1 = __importDefault(require("./fieldReducer"));
+const initContextState_1 = __importDefault(require("./initContextState"));
+const reduceFieldsToValues_1 = __importDefault(require("./reduceFieldsToValues"));
+const getSiblingData_1 = __importDefault(require("./getSiblingData"));
+const getDataByPath_1 = __importDefault(require("./getDataByPath"));
+const wait_1 = __importDefault(require("../../../../utilities/wait"));
+const buildInitialState_1 = __importDefault(require("./buildInitialState"));
+const errorMessages_1 = __importDefault(require("./errorMessages"));
+const context_1 = require("./context");
+const buildStateFromSchema_1 = __importDefault(require("./buildStateFromSchema"));
+const OperationProvider_1 = require("../../utilities/OperationProvider");
 const baseClass = 'form';
 const Form = (props) => {
     const { disabled, onSubmit, method, action, handleResponse, onSuccess, children, className, redirect, disableSuccessStatus, initialState, // fully formed initial field state
     initialData, // values only, paths are required as key - form should build initial state as convenience
     waitForAutocomplete, } = props;
-    const history = useHistory();
-    const locale = useLocale();
-    const { t, i18n } = useTranslation('general');
-    const { refreshCookie, user } = useAuth();
-    const { id } = useDocumentInfo();
-    const operation = useOperation();
-    const [modified, setModified] = useState(false);
-    const [processing, setProcessing] = useState(false);
-    const [submitted, setSubmitted] = useState(false);
-    const [formattedInitialData, setFormattedInitialData] = useState(buildInitialState(initialData));
-    const formRef = useRef(null);
-    const contextRef = useRef({});
+    const history = (0, react_router_dom_1.useHistory)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const { refreshCookie, user } = (0, Auth_1.useAuth)();
+    const { id } = (0, DocumentInfo_1.useDocumentInfo)();
+    const operation = (0, OperationProvider_1.useOperation)();
+    const [modified, setModified] = (0, react_1.useState)(false);
+    const [processing, setProcessing] = (0, react_1.useState)(false);
+    const [submitted, setSubmitted] = (0, react_1.useState)(false);
+    const [formattedInitialData, setFormattedInitialData] = (0, react_1.useState)((0, buildInitialState_1.default)(initialData));
+    const formRef = (0, react_1.useRef)(null);
+    const contextRef = (0, react_1.useRef)({});
     let initialFieldState = {};
     if (formattedInitialData)
         initialFieldState = formattedInitialData;
     if (initialState)
         initialFieldState = initialState;
-    const fieldsReducer = useReducer(fieldReducer, {}, () => initialFieldState);
+    const fieldsReducer = (0, react_1.useReducer)(fieldReducer_1.default, {}, () => initialFieldState);
     const [fields, dispatchFields] = fieldsReducer;
     contextRef.current.fields = fields;
     contextRef.current.dispatchFields = dispatchFields;
-    const validateForm = useCallback(async () => {
+    const validateForm = (0, react_1.useCallback)(async () => {
         const validatedFieldState = {};
         let isValid = true;
         const data = contextRef.current.getData();
@@ -77,12 +105,12 @@ const Form = (props) => {
             validatedFieldState[path] = validatedField;
         });
         await Promise.all(validationPromises);
-        if (!isDeepEqual(contextRef.current.fields, validatedFieldState)) {
+        if (!(0, deep_equal_1.default)(contextRef.current.fields, validatedFieldState)) {
             dispatchFields({ type: 'REPLACE_STATE', state: validatedFieldState });
         }
         return isValid;
     }, [contextRef, id, user, operation, t, dispatchFields]);
-    const submit = useCallback(async (options = {}, e) => {
+    const submit = (0, react_1.useCallback)(async (options = {}, e) => {
         const { overrides = {}, action: actionToUse = action, method: methodToUse = method, skipValidation, } = options;
         if (disabled) {
             if (e) {
@@ -96,19 +124,19 @@ const Form = (props) => {
         }
         setProcessing(true);
         if (waitForAutocomplete)
-            await wait(100);
+            await (0, wait_1.default)(100);
         const isValid = skipValidation ? true : await contextRef.current.validateForm();
         setSubmitted(true);
         // If not valid, prevent submission
         if (!isValid) {
-            toast.error(t('error:correctInvalidFields'));
+            react_toastify_1.toast.error(t('error:correctInvalidFields'));
             setProcessing(false);
             return;
         }
         // If submit handler comes through via props, run that
         if (onSubmit) {
             const data = {
-                ...reduceFieldsToValues(fields),
+                ...(0, reduceFieldsToValues_1.default)(fields),
                 ...overrides,
             };
             onSubmit(fields, data);
@@ -116,7 +144,7 @@ const Form = (props) => {
         }
         const formData = contextRef.current.createFormData(overrides);
         try {
-            const res = await requests[methodToUse.toLowerCase()](actionToUse, {
+            const res = await api_1.requests[methodToUse.toLowerCase()](actionToUse, {
                 body: formData,
                 headers: {
                     'Accept-Language': i18n.language,
@@ -155,13 +183,13 @@ const Form = (props) => {
                     history.push(destination);
                 }
                 else if (!disableSuccessStatus) {
-                    toast.success(json.message || t('submissionSuccessful'), { autoClose: 3000 });
+                    react_toastify_1.toast.success(json.message || t('submissionSuccessful'), { autoClose: 3000 });
                 }
             }
             else {
                 contextRef.current = { ...contextRef.current }; // triggers rerender of all components that subscribe to form
                 if (json.message) {
-                    toast.error(json.message);
+                    react_toastify_1.toast.error(json.message);
                     return;
                 }
                 if (Array.isArray(json.errors)) {
@@ -203,18 +231,18 @@ const Form = (props) => {
                         });
                     });
                     nonFieldErrors.forEach((err) => {
-                        toast.error(err.message || t('error:unknown'));
+                        react_toastify_1.toast.error(err.message || t('error:unknown'));
                     });
                     return;
                 }
-                const message = errorMessages[res.status] || t('error:unknown');
-                toast.error(message);
+                const message = errorMessages_1.default[res.status] || t('error:unknown');
+                react_toastify_1.toast.error(message);
             }
             return;
         }
         catch (err) {
             setProcessing(false);
-            toast.error(err);
+            react_toastify_1.toast.error(err);
         }
     }, [
         action,
@@ -232,13 +260,13 @@ const Form = (props) => {
         i18n,
         waitForAutocomplete,
     ]);
-    const getFields = useCallback(() => contextRef.current.fields, [contextRef]);
-    const getField = useCallback((path) => contextRef.current.fields[path], [contextRef]);
-    const getData = useCallback(() => reduceFieldsToValues(contextRef.current.fields, true), [contextRef]);
-    const getSiblingData = useCallback((path) => getSiblingDataFunc(contextRef.current.fields, path), [contextRef]);
-    const getDataByPath = useCallback((path) => getDataByPathFunc(contextRef.current.fields, path), [contextRef]);
-    const createFormData = useCallback((overrides = {}) => {
-        const data = reduceFieldsToValues(contextRef.current.fields, true);
+    const getFields = (0, react_1.useCallback)(() => contextRef.current.fields, [contextRef]);
+    const getField = (0, react_1.useCallback)((path) => contextRef.current.fields[path], [contextRef]);
+    const getData = (0, react_1.useCallback)(() => (0, reduceFieldsToValues_1.default)(contextRef.current.fields, true), [contextRef]);
+    const getSiblingData = (0, react_1.useCallback)((path) => (0, getSiblingData_1.default)(contextRef.current.fields, path), [contextRef]);
+    const getDataByPath = (0, react_1.useCallback)((path) => (0, getDataByPath_1.default)(contextRef.current.fields, path), [contextRef]);
+    const createFormData = (0, react_1.useCallback)((overrides = {}) => {
+        const data = (0, reduceFieldsToValues_1.default)(contextRef.current.fields, true);
         const file = data === null || data === void 0 ? void 0 : data.file;
         if (file) {
             delete data.file;
@@ -252,12 +280,12 @@ const Form = (props) => {
             file,
         };
         // nullAsUndefineds is important to allow uploads and relationship fields to clear themselves
-        const formData = serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false });
+        const formData = (0, object_to_formdata_1.serialize)(dataToSerialize, { indices: true, nullsAsUndefineds: false });
         return formData;
     }, [contextRef]);
-    const reset = useCallback(async (fieldSchema, data) => {
-        const state = await buildStateFromSchema({ fieldSchema, data, user, id, operation, locale, t });
-        contextRef.current = { ...initContextState };
+    const reset = (0, react_1.useCallback)(async (fieldSchema, data) => {
+        const state = await (0, buildStateFromSchema_1.default)({ fieldSchema, data, user, id, operation, locale, t });
+        contextRef.current = { ...initContextState_1.default };
         dispatchFields({ type: 'REPLACE_STATE', state });
     }, [id, user, operation, locale, t, dispatchFields]);
     contextRef.current.submit = submit;
@@ -274,24 +302,24 @@ const Form = (props) => {
     contextRef.current.disabled = disabled;
     contextRef.current.formRef = formRef;
     contextRef.current.reset = reset;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (initialState) {
-            contextRef.current = { ...initContextState };
+            contextRef.current = { ...initContextState_1.default };
             dispatchFields({ type: 'REPLACE_STATE', state: initialState });
         }
     }, [initialState, dispatchFields]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (initialData) {
-            contextRef.current = { ...initContextState };
-            const builtState = buildInitialState(initialData);
+            contextRef.current = { ...initContextState_1.default };
+            const builtState = (0, buildInitialState_1.default)(initialData);
             setFormattedInitialData(builtState);
             dispatchFields({ type: 'REPLACE_STATE', state: builtState });
         }
     }, [initialData, dispatchFields]);
-    useThrottledEffect(() => {
+    (0, useThrottledEffect_1.default)(() => {
         refreshCookie();
     }, 15000, [fields]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         contextRef.current = { ...contextRef.current }; // triggers rerender of all components that subscribe to form
         setModified(false);
     }, [locale]);
@@ -299,15 +327,15 @@ const Form = (props) => {
         className,
         baseClass,
     ].filter(Boolean).join(' ');
-    return (React.createElement("form", { noValidate: true, onSubmit: (e) => contextRef.current.submit({}, e), method: method, action: action, className: classes, ref: formRef },
-        React.createElement(FormContext.Provider, { value: contextRef.current },
-            React.createElement(FormWatchContext.Provider, { value: {
+    return (react_1.default.createElement("form", { noValidate: true, onSubmit: (e) => contextRef.current.submit({}, e), method: method, action: action, className: classes, ref: formRef },
+        react_1.default.createElement(context_1.FormContext.Provider, { value: contextRef.current },
+            react_1.default.createElement(context_1.FormWatchContext.Provider, { value: {
                     fields,
                     ...contextRef.current,
                 } },
-                React.createElement(SubmittedContext.Provider, { value: submitted },
-                    React.createElement(ProcessingContext.Provider, { value: processing },
-                        React.createElement(ModifiedContext.Provider, { value: modified },
-                            React.createElement(FormFieldsContext.Provider, { value: fieldsReducer }, children))))))));
+                react_1.default.createElement(context_1.SubmittedContext.Provider, { value: submitted },
+                    react_1.default.createElement(context_1.ProcessingContext.Provider, { value: processing },
+                        react_1.default.createElement(context_1.ModifiedContext.Provider, { value: modified },
+                            react_1.default.createElement(context_1.FormFieldsContext.Provider, { value: fieldsReducer }, children))))))));
 };
-export default Form;
+exports.default = Form;

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

@@ -1,3 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 const submit = () => undefined;
 const getSiblingData = () => undefined;
 const dispatchFields = () => undefined;
@@ -25,4 +27,4 @@ const initialContextState = {
     formRef: null,
     reset,
 };
-export default initialContextState;
+exports.default = initialContextState;

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

@@ -14,4 +14,3 @@ const reduceFieldsToValues = (fields, unflatten) => {
     return data;
 };
 exports.default = reduceFieldsToValues;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlRmllbGRzVG9WYWx1ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWRtaW4vY29tcG9uZW50cy9mb3Jtcy9Gb3JtL3JlZHVjZUZpZWxkc1RvVmFsdWVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEscUNBQXdEO0FBR3hELE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxNQUFjLEVBQUUsU0FBbUIsRUFBUSxFQUFFO0lBQ3pFLE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUVoQixNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1FBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsZUFBZSxFQUFFO1lBQ2hDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQyxDQUFDLENBQUM7SUFFSCxJQUFJLFNBQVMsRUFBRTtRQUNiLE9BQU8sSUFBQSxtQkFBZ0IsRUFBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztLQUMvQztJQUVELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQyxDQUFDO0FBRUYsa0JBQWUsb0JBQW9CLENBQUMifQ==

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

@@ -1,5 +1,5 @@
 import { Fields } from './types';
-declare type Result = {
+type Result = {
     remainingFields: Fields;
     rows: Fields[];
 };

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

@@ -1,4 +1,7 @@
-export const separateRows = (path, fields) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flattenRows = exports.separateRows = void 0;
+const separateRows = (path, fields) => {
     const remainingFields = {};
     const rows = Object.entries(fields).reduce((incomingRows, [fieldPath, field]) => {
         const newRows = incomingRows;
@@ -18,7 +21,8 @@ export const separateRows = (path, fields) => {
         rows,
     };
 };
-export const flattenRows = (path, rows) => {
+exports.separateRows = separateRows;
+const flattenRows = (path, rows) => {
     return rows.reduce((fields, row, i) => ({
         ...fields,
         ...Object.entries(row).reduce((subFields, [subPath, subField]) => {
@@ -29,3 +33,4 @@ export const flattenRows = (path, rows) => {
         }, {}),
     }), {});
 };
+exports.flattenRows = flattenRows;

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

@@ -1,6 +1,6 @@
 import React, { Dispatch } from 'react';
 import { Field as FieldConfig, Condition, Validate } from '../../../../fields/config/types';
-export declare type Field = {
+export type Field = {
     value: unknown;
     initialValue: unknown;
     errorMessage?: string;
@@ -10,16 +10,16 @@ export declare type Field = {
     condition?: Condition;
     passesCondition?: boolean;
 };
-export declare type Fields = {
+export type Fields = {
     [path: string]: Field;
 };
-export declare type Data = {
+export type Data = {
     [key: string]: any;
 };
-export declare type Preferences = {
+export type Preferences = {
     [key: string]: unknown;
 };
-export declare type Props = {
+export type Props = {
     disabled?: boolean;
     onSubmit?: (fields: Fields, data: Data) => void;
     method?: 'get' | 'patch' | 'delete' | 'post';
@@ -36,68 +36,68 @@ export declare type Props = {
     validationOperation?: 'create' | 'update';
     children?: React.ReactNode;
 };
-export declare type SubmitOptions = {
+export type SubmitOptions = {
     action?: string;
     method?: string;
     overrides?: Record<string, unknown>;
     skipValidation?: boolean;
 };
-export declare type DispatchFields = React.Dispatch<any>;
-export declare type Submit = (options?: SubmitOptions, e?: React.FormEvent<HTMLFormElement>) => Promise<void>;
-export declare type ValidateForm = () => Promise<boolean>;
-export declare type CreateFormData = (overrides?: any) => FormData;
-export declare type GetFields = () => Fields;
-export declare type GetField = (path: string) => Field;
-export declare type GetData = () => Data;
-export declare type GetSiblingData = (path: string) => Data;
-export declare type GetDataByPath = <T = unknown>(path: string) => T;
-export declare type SetModified = (modified: boolean) => void;
-export declare type SetSubmitted = (submitted: boolean) => void;
-export declare type SetProcessing = (processing: boolean) => void;
-export declare type Reset = (fieldSchema: FieldConfig[], data: unknown) => Promise<void>;
-export declare type REPLACE_STATE = {
+export type DispatchFields = React.Dispatch<any>;
+export type Submit = (options?: SubmitOptions, e?: React.FormEvent<HTMLFormElement>) => Promise<void>;
+export type ValidateForm = () => Promise<boolean>;
+export type CreateFormData = (overrides?: any) => FormData;
+export type GetFields = () => Fields;
+export type GetField = (path: string) => Field;
+export type GetData = () => Data;
+export type GetSiblingData = (path: string) => Data;
+export type GetDataByPath = <T = unknown>(path: string) => T;
+export type SetModified = (modified: boolean) => void;
+export type SetSubmitted = (submitted: boolean) => void;
+export type SetProcessing = (processing: boolean) => void;
+export type Reset = (fieldSchema: FieldConfig[], data: unknown) => Promise<void>;
+export type REPLACE_STATE = {
     type: 'REPLACE_STATE';
     state: Fields;
 };
-export declare type REMOVE = {
+export type REMOVE = {
     type: 'REMOVE';
     path: string;
 };
-export declare type REMOVE_ROW = {
+export type REMOVE_ROW = {
     type: 'REMOVE_ROW';
     rowIndex: number;
     path: string;
 };
-export declare type ADD_ROW = {
+export type ADD_ROW = {
     type: 'ADD_ROW';
     rowIndex: number;
     path: string;
     subFieldState?: Fields;
     blockType?: string;
 };
-export declare type DUPLICATE_ROW = {
+export type DUPLICATE_ROW = {
     type: 'DUPLICATE_ROW';
     rowIndex: number;
     path: string;
 };
-export declare type MOVE_ROW = {
+export type MOVE_ROW = {
     type: 'MOVE_ROW';
     moveFromIndex: number;
     moveToIndex: number;
     path: string;
 };
-export declare type MODIFY_CONDITION = {
+export type MODIFY_CONDITION = {
     type: 'MODIFY_CONDITION';
     path: string;
     result: boolean;
 };
-export declare type UPDATE = {
+export type UPDATE = {
     type: 'UPDATE';
     path: string;
 } & Partial<Field>;
-export declare type FieldAction = REPLACE_STATE | REMOVE | REMOVE_ROW | ADD_ROW | DUPLICATE_ROW | MOVE_ROW | MODIFY_CONDITION | UPDATE;
-export declare type FormFieldsContext = [Fields, Dispatch<FieldAction>];
-export declare type Context = {
+export type FieldAction = REPLACE_STATE | REMOVE | REMOVE_ROW | ADD_ROW | DUPLICATE_ROW | MOVE_ROW | MODIFY_CONDITION | UPDATE;
+export type FormFieldsContext = [Fields, Dispatch<FieldAction>];
+export type Context = {
     /**
      * @deprecated Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.
      */

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

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWRtaW4vY29tcG9uZW50cy9mb3Jtcy9Gb3JtL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

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

@@ -1,15 +1,20 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-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 getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const Label = (props) => {
     const { label, required = false, htmlFor, } = props;
-    const { i18n } = useTranslation();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     if (label) {
-        return (React.createElement("label", { htmlFor: htmlFor, className: "field-label" },
-            getTranslation(label, i18n),
-            required && React.createElement("span", { className: "required" }, "*")));
+        return (react_1.default.createElement("label", { htmlFor: htmlFor, className: "field-label" },
+            (0, getTranslation_1.getTranslation)(label, i18n),
+            required && react_1.default.createElement("span", { className: "required" }, "*")));
     }
     return null;
 };
-export default Label;
+exports.default = Label;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     label?: Record<string, string> | string | false | JSX.Element;
     required?: boolean;
     htmlFor?: string;

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

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

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

@@ -1,10 +1,38 @@
-import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import useIntersect from '../../../hooks/useIntersect';
-import { fieldAffectsData, fieldIsPresentationalOnly } from '../../../../fields/config/types';
-import { useOperation } from '../../utilities/OperationProvider';
-import { getTranslation } from '../../../../utilities/getTranslation';
+"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 RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const useIntersect_1 = __importDefault(require("../../../hooks/useIntersect"));
+const types_1 = require("../../../../fields/config/types");
+const OperationProvider_1 = require("../../utilities/OperationProvider");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
 const baseClass = 'render-fields';
 const intersectionObserverOptions = {
     rootMargin: '1000px',
@@ -12,14 +40,14 @@ const intersectionObserverOptions = {
 const RenderFields = (props) => {
     var _a;
     const { fieldSchema, fieldTypes, filter, permissions, readOnly: readOnlyOverride, className, forceRender, indexPath: incomingIndexPath, } = props;
-    const { t, i18n } = useTranslation('general');
-    const [hasRendered, setHasRendered] = useState(Boolean(forceRender));
-    const [intersectionRef, entry] = useIntersect(intersectionObserverOptions);
-    const operation = useOperation();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [hasRendered, setHasRendered] = (0, react_1.useState)(Boolean(forceRender));
+    const [intersectionRef, entry] = (0, useIntersect_1.default)(intersectionObserverOptions);
+    const operation = (0, OperationProvider_1.useOperation)();
     const isIntersecting = Boolean(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
     const isAboveViewport = ((_a = entry === null || entry === void 0 ? void 0 : entry.boundingClientRect) === null || _a === void 0 ? void 0 : _a.top) < 0;
     const shouldRender = forceRender || isIntersecting || isAboveViewport;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (shouldRender && !hasRendered) {
             setHasRendered(true);
         }
@@ -29,19 +57,19 @@ const RenderFields = (props) => {
         className,
     ].filter(Boolean).join(' ');
     if (fieldSchema) {
-        return (React.createElement("div", { ref: intersectionRef, className: classes }, hasRendered && (fieldSchema.map((field, fieldIndex) => {
+        return (react_1.default.createElement("div", { ref: intersectionRef, className: classes }, hasRendered && (fieldSchema.map((field, fieldIndex) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
-            const fieldIsPresentational = fieldIsPresentationalOnly(field);
+            const fieldIsPresentational = (0, types_1.fieldIsPresentationalOnly)(field);
             let FieldComponent = fieldTypes[field.type];
             if (fieldIsPresentational || (!(field === null || field === void 0 ? void 0 : field.hidden) && ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.disabled) !== true)) {
                 if ((filter && typeof filter === 'function' && filter(field)) || !filter) {
                     if (fieldIsPresentational) {
-                        return (React.createElement(FieldComponent, { ...field, key: fieldIndex }));
+                        return (react_1.default.createElement(FieldComponent, { ...field, key: fieldIndex }));
                     }
                     if ((_b = field === null || field === void 0 ? void 0 : field.admin) === null || _b === void 0 ? void 0 : _b.hidden) {
                         FieldComponent = fieldTypes.hidden;
                     }
-                    const isFieldAffectingData = fieldAffectsData(field);
+                    const isFieldAffectingData = (0, types_1.fieldAffectsData)(field);
                     const fieldPermissions = isFieldAffectingData ? permissions === null || permissions === void 0 ? void 0 : permissions[field.name] : permissions;
                     let { admin: { readOnly } = {} } = field;
                     if (readOnlyOverride && readOnly !== false)
@@ -51,7 +79,7 @@ const RenderFields = (props) => {
                             readOnly = true;
                         }
                         if (FieldComponent) {
-                            return (React.createElement(RenderCustomComponent, { key: fieldIndex, CustomComponent: (_h = (_g = field === null || field === void 0 ? void 0 : field.admin) === null || _g === void 0 ? void 0 : _g.components) === null || _h === void 0 ? void 0 : _h.Field, DefaultComponent: FieldComponent, componentProps: {
+                            return (react_1.default.createElement(RenderCustomComponent_1.default, { key: fieldIndex, CustomComponent: (_h = (_g = field === null || field === void 0 ? void 0 : field.admin) === null || _g === void 0 ? void 0 : _g.components) === null || _h === void 0 ? void 0 : _h.Field, DefaultComponent: FieldComponent, componentProps: {
                                     ...field,
                                     path: field.path || (isFieldAffectingData ? field.name : ''),
                                     fieldTypes,
@@ -63,7 +91,7 @@ const RenderFields = (props) => {
                                     permissions: fieldPermissions,
                                 } }));
                         }
-                        return (React.createElement("div", { className: "missing-field", key: fieldIndex }, t('error:noMatchedField', { label: fieldAffectsData(field) ? getTranslation(field.label || field.name, i18n) : field.path })));
+                        return (react_1.default.createElement("div", { className: "missing-field", key: fieldIndex }, t('error:noMatchedField', { label: (0, types_1.fieldAffectsData)(field) ? (0, getTranslation_1.getTranslation)(field.label || field.name, i18n) : field.path })));
                     }
                 }
                 return null;
@@ -73,4 +101,4 @@ const RenderFields = (props) => {
     }
     return null;
 };
-export default RenderFields;
+exports.default = RenderFields;