payload 1.13.1 → 1.13.2

package/dist/admin/components/forms/field-types/Select/index.js

@@ -1,85 +1,85 @@
-"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 withCondition_1 = __importDefault(require("../../withCondition"));
-const useField_1 = __importDefault(require("../../useField"));
-const validations_1 = require("../../../../../fields/validations");
-const Input_1 = __importDefault(require("./Input"));
-const formatOptions = (options) => options.map((option) => {
-    if (typeof option === 'object' && (option.value || option.value === '')) {
-        return option;
-    }
-    return {
-        label: option,
-        value: option,
-    };
-});
-const Select = (props) => {
-    const { path: pathFromProps, name, validate = validations_1.select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, isClearable, condition, isSortable = true, } = {}, } = props;
-    const path = pathFromProps || name;
-    const [options, setOptions] = (0, react_1.useState)(formatOptions(optionsFromProps));
-    (0, react_1.useEffect)(() => {
-        setOptions(formatOptions(optionsFromProps));
-    }, [optionsFromProps]);
-    const memoizedValidate = (0, react_1.useCallback)((value, validationOptions) => {
-        return validate(value, { ...validationOptions, options, hasMany, required });
-    }, [validate, required, hasMany, options]);
-    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
-        path,
-        validate: memoizedValidate,
-        condition,
-    });
-    const onChange = (0, react_1.useCallback)((selectedOption) => {
-        if (!readOnly) {
-            let newValue;
-            if (!selectedOption) {
-                newValue = null;
-            }
-            else if (hasMany) {
-                if (Array.isArray(selectedOption)) {
-                    newValue = selectedOption.map((option) => option.value);
-                }
-                else {
-                    newValue = [];
-                }
-            }
-            else {
-                newValue = selectedOption.value;
-            }
-            setValue(newValue);
-        }
-    }, [
-        readOnly,
-        hasMany,
-        setValue,
-    ]);
-    return (react_1.default.createElement(Input_1.default, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, readOnly: readOnly, description: description, style: style, className: className, width: width, hasMany: hasMany, isSortable: isSortable, isClearable: isClearable }));
-};
-exports.default = (0, withCondition_1.default)(Select);
+"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 withCondition_1 = __importDefault(require("../../withCondition"));
+const useField_1 = __importDefault(require("../../useField"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
+const formatOptions = (options) => options.map((option) => {
+    if (typeof option === 'object' && (option.value || option.value === '')) {
+        return option;
+    }
+    return {
+        label: option,
+        value: option,
+    };
+});
+const Select = (props) => {
+    const { path: pathFromProps, name, validate = validations_1.select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, isClearable, condition, isSortable = true, } = {}, } = props;
+    const path = pathFromProps || name;
+    const [options, setOptions] = (0, react_1.useState)(formatOptions(optionsFromProps));
+    (0, react_1.useEffect)(() => {
+        setOptions(formatOptions(optionsFromProps));
+    }, [optionsFromProps]);
+    const memoizedValidate = (0, react_1.useCallback)((value, validationOptions) => {
+        return validate(value, { ...validationOptions, options, hasMany, required });
+    }, [validate, required, hasMany, options]);
+    const { value, showError, setValue, errorMessage, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const onChange = (0, react_1.useCallback)((selectedOption) => {
+        if (!readOnly) {
+            let newValue;
+            if (!selectedOption) {
+                newValue = null;
+            }
+            else if (hasMany) {
+                if (Array.isArray(selectedOption)) {
+                    newValue = selectedOption.map((option) => option.value);
+                }
+                else {
+                    newValue = [];
+                }
+            }
+            else {
+                newValue = selectedOption.value;
+            }
+            setValue(newValue);
+        }
+    }, [
+        readOnly,
+        hasMany,
+        setValue,
+    ]);
+    return (react_1.default.createElement(Input_1.default, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, readOnly: readOnly, description: description, style: style, className: className, width: width, hasMany: hasMany, isSortable: isSortable, isClearable: isClearable }));
+};
+exports.default = (0, withCondition_1.default)(Select);
 //# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Select/types.d.ts

@@ -1,4 +1,4 @@
-import { SelectField } from '../../../../../fields/config/types';
-export type Props = Omit<SelectField, 'type'> & {
-    path?: string;
-};
+import { SelectField } from '../../../../../fields/config/types';
+export type Props = Omit<SelectField, 'type'> & {
+    path?: string;
+};

package/dist/admin/components/forms/field-types/Select/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/field-types/Tabs/index.d.ts

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

package/dist/admin/components/forms/field-types/Tabs/index.js

@@ -1,141 +1,141 @@
-"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 RenderFields_1 = __importDefault(require("../../RenderFields"));
-const withCondition_1 = __importDefault(require("../../withCondition"));
-const types_1 = require("../../../../../fields/config/types");
-const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
-const toKebabCase_1 = __importDefault(require("../../../../../utilities/toKebabCase"));
-const provider_1 = require("../../../elements/Collapsible/provider");
-const provider_2 = require("./provider");
-const getTranslation_1 = require("../../../../../utilities/getTranslation");
-const Preferences_1 = require("../../../utilities/Preferences");
-const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
-const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
-const WatchChildErrors_1 = require("../../WatchChildErrors");
-const ErrorPill_1 = require("../../../elements/ErrorPill");
-const context_1 = require("../../Form/context");
-require("./index.scss");
-const baseClass = 'tabs-field';
-const Tab = ({ tab, isActive, setIsActive, parentPath }) => {
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const [errorCount, setErrorCount] = (0, react_1.useState)(undefined);
-    const hasName = (0, types_1.tabHasName)(tab);
-    const submitted = (0, context_1.useFormSubmitted)();
-    const pathSegments = [];
-    if (parentPath)
-        pathSegments.push(parentPath);
-    if (hasName)
-        pathSegments.push(tab.name);
-    const path = pathSegments.join('.');
-    const tabHasErrors = submitted && errorCount > 0;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(WatchChildErrors_1.WatchChildErrors, { setErrorCount: setErrorCount, path: path, fieldSchema: hasName ? undefined : tab.fields }),
-        react_1.default.createElement("button", { type: "button", className: [
-                `${baseClass}__tab-button`,
-                tabHasErrors && `${baseClass}__tab-button--has-error`,
-                isActive && `${baseClass}__tab-button--active`,
-            ].filter(Boolean).join(' '), onClick: setIsActive },
-            tab.label ? (0, getTranslation_1.getTranslation)(tab.label, i18n) : (hasName && tab.name),
-            tabHasErrors && (react_1.default.createElement(ErrorPill_1.ErrorPill, { count: errorCount })))));
-};
-const TabsField = (props) => {
-    const { tabs, fieldTypes, path, permissions, indexPath, admin: { readOnly, className, }, } = props;
-    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
-    const { preferencesKey } = (0, DocumentInfo_1.useDocumentInfo)();
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const isWithinCollapsible = (0, provider_1.useCollapsible)();
-    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)(0);
-    const tabsPrefKey = `tabs-${indexPath}`;
-    (0, react_1.useEffect)(() => {
-        const getInitialPref = async () => {
-            var _a, _b, _c, _d;
-            const existingPreferences = await getPreference(preferencesKey);
-            const initialIndex = path ? (_b = (_a = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.tabIndex : (_d = (_c = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _c === void 0 ? void 0 : _c[tabsPrefKey]) === null || _d === void 0 ? void 0 : _d.tabIndex;
-            setActiveTabIndex(initialIndex || 0);
-        };
-        getInitialPref();
-    }, [path, indexPath, getPreference, preferencesKey, tabsPrefKey]);
-    const handleTabChange = (0, react_1.useCallback)(async (incomingTabIndex) => {
-        var _a, _b;
-        setActiveTabIndex(incomingTabIndex);
-        const existingPreferences = await getPreference(preferencesKey);
-        setPreference(preferencesKey, {
-            ...existingPreferences,
-            ...path ? {
-                fields: {
-                    ...(existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) || {},
-                    [path]: {
-                        ...(_a = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _a === void 0 ? void 0 : _a[path],
-                        tabIndex: incomingTabIndex,
-                    },
-                },
-            } : {
-                fields: {
-                    ...existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields,
-                    [tabsPrefKey]: {
-                        ...(_b = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _b === void 0 ? void 0 : _b[tabsPrefKey],
-                        tabIndex: incomingTabIndex,
-                    },
-                },
-            },
-        });
-    }, [preferencesKey, getPreference, setPreference, path, tabsPrefKey]);
-    const activeTabConfig = tabs[activeTabIndex];
-    return (react_1.default.createElement("div", { className: [
-            className,
-            baseClass,
-            isWithinCollapsible && `${baseClass}--within-collapsible`,
-        ].filter(Boolean).join(' ') },
-        react_1.default.createElement(provider_2.TabsProvider, null,
-            react_1.default.createElement("div", { className: `${baseClass}__tabs-wrap` },
-                react_1.default.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, tabIndex) => {
-                    return (react_1.default.createElement(Tab, { key: tabIndex, setIsActive: () => handleTabChange(tabIndex), isActive: activeTabIndex === tabIndex, parentPath: path, tab: tab }));
-                }))),
-            react_1.default.createElement("div", { className: `${baseClass}__content-wrap` }, activeTabConfig && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: [
-                        `${baseClass}__tab`,
-                        activeTabConfig.label && `${baseClass}__tab-${(0, toKebabCase_1.default)((0, getTranslation_1.getTranslation)(activeTabConfig.label, i18n))}`,
-                    ].filter(Boolean).join(' ') },
-                    react_1.default.createElement(FieldDescription_1.default, { className: `${baseClass}__description`, description: activeTabConfig.description }),
-                    react_1.default.createElement(RenderFields_1.default, { key: String(activeTabConfig.label), forceRender: true, readOnly: readOnly, permissions: (0, types_1.tabHasName)(activeTabConfig) ? permissions[activeTabConfig.name].fields : permissions, fieldTypes: fieldTypes, fieldSchema: activeTabConfig.fields.map((field) => {
-                            const pathSegments = [];
-                            if (path)
-                                pathSegments.push(path);
-                            if ((0, types_1.tabHasName)(activeTabConfig))
-                                pathSegments.push(activeTabConfig.name);
-                            return {
-                                ...field,
-                                path: (0, createNestedFieldPath_1.createNestedFieldPath)(pathSegments.join('.'), field),
-                            };
-                        }), indexPath: indexPath }))))))));
-};
-exports.default = (0, withCondition_1.default)(TabsField);
+"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 RenderFields_1 = __importDefault(require("../../RenderFields"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const types_1 = require("../../../../../fields/config/types");
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const toKebabCase_1 = __importDefault(require("../../../../../utilities/toKebabCase"));
+const provider_1 = require("../../../elements/Collapsible/provider");
+const provider_2 = require("./provider");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const Preferences_1 = require("../../../utilities/Preferences");
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
+const WatchChildErrors_1 = require("../../WatchChildErrors");
+const ErrorPill_1 = require("../../../elements/ErrorPill");
+const context_1 = require("../../Form/context");
+require("./index.scss");
+const baseClass = 'tabs-field';
+const Tab = ({ tab, isActive, setIsActive, parentPath }) => {
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const [errorCount, setErrorCount] = (0, react_1.useState)(undefined);
+    const hasName = (0, types_1.tabHasName)(tab);
+    const submitted = (0, context_1.useFormSubmitted)();
+    const pathSegments = [];
+    if (parentPath)
+        pathSegments.push(parentPath);
+    if (hasName)
+        pathSegments.push(tab.name);
+    const path = pathSegments.join('.');
+    const tabHasErrors = submitted && errorCount > 0;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(WatchChildErrors_1.WatchChildErrors, { setErrorCount: setErrorCount, path: path, fieldSchema: hasName ? undefined : tab.fields }),
+        react_1.default.createElement("button", { type: "button", className: [
+                `${baseClass}__tab-button`,
+                tabHasErrors && `${baseClass}__tab-button--has-error`,
+                isActive && `${baseClass}__tab-button--active`,
+            ].filter(Boolean).join(' '), onClick: setIsActive },
+            tab.label ? (0, getTranslation_1.getTranslation)(tab.label, i18n) : (hasName && tab.name),
+            tabHasErrors && (react_1.default.createElement(ErrorPill_1.ErrorPill, { count: errorCount })))));
+};
+const TabsField = (props) => {
+    const { tabs, fieldTypes, path, permissions, indexPath, admin: { readOnly, className, }, } = props;
+    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
+    const { preferencesKey } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const isWithinCollapsible = (0, provider_1.useCollapsible)();
+    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)(0);
+    const tabsPrefKey = `tabs-${indexPath}`;
+    (0, react_1.useEffect)(() => {
+        const getInitialPref = async () => {
+            var _a, _b, _c, _d;
+            const existingPreferences = await getPreference(preferencesKey);
+            const initialIndex = path ? (_b = (_a = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.tabIndex : (_d = (_c = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _c === void 0 ? void 0 : _c[tabsPrefKey]) === null || _d === void 0 ? void 0 : _d.tabIndex;
+            setActiveTabIndex(initialIndex || 0);
+        };
+        getInitialPref();
+    }, [path, indexPath, getPreference, preferencesKey, tabsPrefKey]);
+    const handleTabChange = (0, react_1.useCallback)(async (incomingTabIndex) => {
+        var _a, _b;
+        setActiveTabIndex(incomingTabIndex);
+        const existingPreferences = await getPreference(preferencesKey);
+        setPreference(preferencesKey, {
+            ...existingPreferences,
+            ...path ? {
+                fields: {
+                    ...(existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) || {},
+                    [path]: {
+                        ...(_a = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _a === void 0 ? void 0 : _a[path],
+                        tabIndex: incomingTabIndex,
+                    },
+                },
+            } : {
+                fields: {
+                    ...existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields,
+                    [tabsPrefKey]: {
+                        ...(_b = existingPreferences === null || existingPreferences === void 0 ? void 0 : existingPreferences.fields) === null || _b === void 0 ? void 0 : _b[tabsPrefKey],
+                        tabIndex: incomingTabIndex,
+                    },
+                },
+            },
+        });
+    }, [preferencesKey, getPreference, setPreference, path, tabsPrefKey]);
+    const activeTabConfig = tabs[activeTabIndex];
+    return (react_1.default.createElement("div", { className: [
+            className,
+            baseClass,
+            isWithinCollapsible && `${baseClass}--within-collapsible`,
+        ].filter(Boolean).join(' ') },
+        react_1.default.createElement(provider_2.TabsProvider, null,
+            react_1.default.createElement("div", { className: `${baseClass}__tabs-wrap` },
+                react_1.default.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, tabIndex) => {
+                    return (react_1.default.createElement(Tab, { key: tabIndex, setIsActive: () => handleTabChange(tabIndex), isActive: activeTabIndex === tabIndex, parentPath: path, tab: tab }));
+                }))),
+            react_1.default.createElement("div", { className: `${baseClass}__content-wrap` }, activeTabConfig && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: [
+                        `${baseClass}__tab`,
+                        activeTabConfig.label && `${baseClass}__tab-${(0, toKebabCase_1.default)((0, getTranslation_1.getTranslation)(activeTabConfig.label, i18n))}`,
+                    ].filter(Boolean).join(' ') },
+                    react_1.default.createElement(FieldDescription_1.default, { className: `${baseClass}__description`, description: activeTabConfig.description }),
+                    react_1.default.createElement(RenderFields_1.default, { key: String(activeTabConfig.label), forceRender: true, readOnly: readOnly, permissions: (0, types_1.tabHasName)(activeTabConfig) ? permissions[activeTabConfig.name].fields : permissions, fieldTypes: fieldTypes, fieldSchema: activeTabConfig.fields.map((field) => {
+                            const pathSegments = [];
+                            if (path)
+                                pathSegments.push(path);
+                            if ((0, types_1.tabHasName)(activeTabConfig))
+                                pathSegments.push(activeTabConfig.name);
+                            return {
+                                ...field,
+                                path: (0, createNestedFieldPath_1.createNestedFieldPath)(pathSegments.join('.'), field),
+                            };
+                        }), indexPath: indexPath }))))))));
+};
+exports.default = (0, withCondition_1.default)(TabsField);
 //# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/Tabs/provider.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const Context: React.Context<boolean>;
-export declare const TabsProvider: React.FC<{
-    children?: React.ReactNode;
-    withinTab?: boolean;
-}>;
-export declare const useTabs: () => boolean;
-export default Context;
+import React from 'react';
+declare const Context: React.Context<boolean>;
+export declare const TabsProvider: React.FC<{
+    children?: React.ReactNode;
+    withinTab?: boolean;
+}>;
+export declare const useTabs: () => boolean;
+export default Context;

package/dist/admin/components/forms/field-types/Tabs/provider.js

@@ -1,36 +1,36 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTabs = exports.TabsProvider = void 0;
-const react_1 = __importStar(require("react"));
-const Context = (0, react_1.createContext)(false);
-const TabsProvider = ({ children, withinTab = true }) => {
-    return (react_1.default.createElement(Context.Provider, { value: withinTab }, children));
-};
-exports.TabsProvider = TabsProvider;
-const useTabs = () => (0, react_1.useContext)(Context);
-exports.useTabs = useTabs;
-exports.default = Context;
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabs = exports.TabsProvider = void 0;
+const react_1 = __importStar(require("react"));
+const Context = (0, react_1.createContext)(false);
+const TabsProvider = ({ children, withinTab = true }) => {
+    return (react_1.default.createElement(Context.Provider, { value: withinTab }, children));
+};
+exports.TabsProvider = TabsProvider;
+const useTabs = () => (0, react_1.useContext)(Context);
+exports.useTabs = useTabs;
+exports.default = Context;
 //# sourceMappingURL=provider.js.map

package/dist/admin/components/forms/field-types/Tabs/types.d.ts

@@ -1,9 +1,9 @@
-import { TabsField } from '../../../../../fields/config/types';
-import { FieldTypes } from '..';
-import { FieldPermissions } from '../../../../../auth/types';
-export type Props = Omit<TabsField, 'type'> & {
-    path?: string;
-    fieldTypes: FieldTypes;
-    permissions: FieldPermissions;
-    indexPath: string;
-};
+import { TabsField } from '../../../../../fields/config/types';
+import { FieldTypes } from '..';
+import { FieldPermissions } from '../../../../../auth/types';
+export type Props = Omit<TabsField, 'type'> & {
+    path?: string;
+    fieldTypes: FieldTypes;
+    permissions: FieldPermissions;
+    indexPath: string;
+};

package/dist/admin/components/forms/field-types/Tabs/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