payload 1.6.4-beta.0 → 1.6.4

package/dist/admin/components/forms/field-types/Number/index.scss

@@ -0,0 +1,16 @@
+@import '../../../../scss/styles.scss';
+
+.field-type.number {
+  position: relative;
+  margin-bottom: $baseline;
+
+  input {
+    @include formInput;
+  }
+
+  &.error {
+    input {
+      background-color: var(--theme-error-200);
+    }
+  }
+}

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

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

package/dist/admin/components/forms/field-types/Number/types.js

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

package/dist/admin/components/forms/field-types/Number/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Number/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+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/Password/index.js

@@ -0,0 +1,62 @@
+"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 useField_1 = __importDefault(require("../../useField"));
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+require("./index.scss");
+const Password = (props) => {
+    const { path: pathFromProps, name, required, validate = validations_1.password, style, className, width, autoComplete, label, } = props;
+    const path = pathFromProps || name;
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
+        const validationResult = validate(value, { ...options, required });
+        return validationResult;
+    }, [validate, required]);
+    const { value, showError, formProcessing, setValue, errorMessage, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+    });
+    const classes = [
+        'field-type',
+        'password',
+        className,
+        showError && 'error',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
+        react_1.default.createElement("input", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: setValue, disabled: formProcessing, type: "password", autoComplete: autoComplete, name: path })));
+};
+exports.default = (0, withCondition_1.default)(Password);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,8DAAsC;AACtC,wDAAgC;AAChC,wDAAgC;AAChC,wEAAgD;AAChD,mEAA6D;AAG7D,wBAAsB;AAEtB,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,sBAAQ,EACnB,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACtD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnE,OAAO,gBAAgB,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,kBAAQ,EAAC;QACX,IAAI;QACJ,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,UAAU;QACV,SAAS;QACT,SAAS,IAAI,OAAO;KACrB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB;QACF,8BAAC,eAAK,IACJ,OAAO,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAC9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,yCACE,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,KAAK,EAAE,KAAe,IAAI,EAAE,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC"}

package/dist/admin/components/forms/field-types/Password/index.scss

@@ -0,0 +1,16 @@
+@import '../../../../scss/styles.scss';
+
+.field-type.password {
+  position: relative;
+  margin-bottom: $baseline;
+
+  input {
+    @include formInput;
+  }
+
+  &.error {
+    input {
+      background-color: var(--theme-error-200);
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Validate } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+export type Props = {
+    autoComplete?: string;
+    path?: string;
+    name: string;
+    required?: boolean;
+    validate?: Validate;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+    label?: string;
+    description?: Description;
+};

package/dist/admin/components/forms/field-types/Password/types.js

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

package/dist/admin/components/forms/field-types/Password/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Password/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+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/Point/index.js

@@ -0,0 +1,83 @@
+"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 useField_1 = __importDefault(require("../../useField"));
+const Label_1 = __importDefault(require("../../Label"));
+const Error_1 = __importDefault(require("../../Error"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'point';
+const PointField = (props) => {
+    const { name, path: pathFromProps, required, validate = validations_1.point, label, admin: { readOnly, style, className, width, step, placeholder, description, condition, } = {}, } = props;
+    const path = pathFromProps || name;
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
+        return validate(value, { ...options, required });
+    }, [validate, required]);
+    const { value = [null, null], showError, setValue, errorMessage, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const handleChange = (0, react_1.useCallback)((e, index) => {
+        let val = parseFloat(e.target.value);
+        if (Number.isNaN(val)) {
+            val = e.target.value;
+        }
+        const coordinates = [...value];
+        coordinates[index] = val;
+        setValue(coordinates);
+    }, [setValue, value]);
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        react_1.default.createElement("ul", { className: `${baseClass}__wrap` },
+            react_1.default.createElement("li", null,
+                react_1.default.createElement(Label_1.default, { htmlFor: `field-longitude-${path.replace(/\./gi, '__')}`, label: `${(0, getTranslation_1.getTranslation)(label || name, i18n)} - ${t('longitude')}`, required: required }),
+                react_1.default.createElement("input", { id: `field-longitude-${path.replace(/\./gi, '__')}`, value: (value && typeof value[0] === 'number') ? value[0] : '', onChange: (e) => handleChange(e, 0), disabled: readOnly, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), type: "number", name: `${path}.longitude`, step: step })),
+            react_1.default.createElement("li", null,
+                react_1.default.createElement(Label_1.default, { htmlFor: `field-latitude-${path.replace(/\./gi, '__')}`, label: `${(0, getTranslation_1.getTranslation)(label || name, i18n)} - ${t('latitude')}`, required: required }),
+                react_1.default.createElement("input", { id: `field-latitude-${path.replace(/\./gi, '__')}`, value: (value && typeof value[1] === 'number') ? value[1] : '', onChange: (e) => handleChange(e, 1), disabled: readOnly, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), type: "number", name: `${path}.latitude`, step: step }))),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = (0, withCondition_1.default)(PointField);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Point/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/forms/field-types/Point/index.scss

@@ -0,0 +1,30 @@
+@import '../../../../scss/styles.scss';
+
+.point {
+  position: relative;
+  margin-bottom: $baseline;
+
+  &__wrap {
+    display: flex;
+    width: calc(100% + #{base(1)});
+    margin-left: base(-.5);
+    margin-right: base(-.5);
+    list-style: none;
+    padding: 0;
+
+    li {
+      padding: 0 base(.5);
+      width: 50%;
+    }
+  }
+
+  input {
+    @include formInput;
+  }
+
+  &.error {
+    input {
+      background-color: var(--theme-error-200);
+    }
+  }
+}

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

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

package/dist/admin/components/forms/field-types/Point/types.js

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

package/dist/admin/components/forms/field-types/Point/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Point/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RadioField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import { OnChange } from './types';
+import './index.scss';
+export type RadioGroupInputProps = Omit<RadioField, 'type'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path?: string;
+    required?: boolean;
+    layout?: 'horizontal' | 'vertical';
+    description?: Description;
+    onChange?: OnChange;
+    value?: string;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+};
+declare const RadioGroupInput: React.FC<RadioGroupInputProps>;
+export default RadioGroupInput;

package/dist/admin/components/forms/field-types/RadioGroup/Input.js

@@ -0,0 +1,47 @@
+"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 Error_1 = __importDefault(require("../../Error"));
+const Label_1 = __importDefault(require("../../Label"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const RadioInput_1 = __importDefault(require("./RadioInput"));
+const types_1 = require("../../../../../fields/config/types");
+require("./index.scss");
+const baseClass = 'radio-group';
+const RadioGroupInput = (props) => {
+    const { name, path: pathFromProps, required, label, readOnly, layout = 'horizontal', style, className, width, description, onChange, value, showError, errorMessage, options, } = props;
+    const path = pathFromProps || name;
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        `${baseClass}--layout-${layout}`,
+        showError && 'error',
+        readOnly && `${baseClass}--read-only`,
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement("div", { className: `${baseClass}__error-wrap` },
+            react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage })),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path}`, label: label, required: required }),
+        react_1.default.createElement("ul", { id: `field-${path.replace(/\./gi, '__')}`, className: `${baseClass}--group` }, options.map((option) => {
+            let optionValue = '';
+            if ((0, types_1.optionIsObject)(option)) {
+                optionValue = option.value;
+            }
+            else {
+                optionValue = option;
+            }
+            const isSelected = String(optionValue) === String(value);
+            return (react_1.default.createElement("li", { key: `${path} - ${optionValue}` },
+                react_1.default.createElement(RadioInput_1.default, { path: path, isSelected: isSelected, option: (0, types_1.optionIsObject)(option) ? option : { label: option, value: option }, onChange: readOnly ? undefined : onChange })));
+        })),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = RadioGroupInput;
+//# sourceMappingURL=Input.js.map

package/dist/admin/components/forms/field-types/RadioGroup/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/Input.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,wDAAgC;AAChC,wDAAgC;AAChC,8EAAsD;AACtD,8DAAsC;AACtC,8DAAgF;AAIhF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAkBhC,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,aAAa,EACnB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,SAAS;QACT,SAAS;QACT,GAAG,SAAS,YAAY,MAAM,EAAE;QAChC,SAAS,IAAI,OAAO;QACpB,QAAQ,IAAI,GAAG,SAAS,aAAa;KACtC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,uCAAK,SAAS,EAAE,GAAG,SAAS,cAAc;YACxC,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB,CACE;QACN,8BAAC,eAAK,IACJ,OAAO,EAAE,SAAS,IAAI,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,sCACE,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,SAAS,EAAE,GAAG,SAAS,SAAS,IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,WAAW,GAAG,EAAE,CAAC;YAErB,IAAI,IAAA,sBAAc,EAAC,MAAM,CAAC,EAAE;gBAC1B,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;aAC5B;iBAAM;gBACL,WAAW,GAAG,MAAM,CAAC;aACtB;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;YAEzD,OAAO,CACL,sCAAI,GAAG,EAAE,GAAG,IAAI,MAAM,WAAW,EAAE;gBACjC,8BAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,IAAA,sBAAc,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GACzC,CACC,CACN,CAAC;QACJ,CAAC,CAAC,CACC;QACL,8BAAC,0BAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.d.ts

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

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

@@ -0,0 +1,26 @@
+"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 baseClass = 'radio-input';
+const RadioInput = (props) => {
+    const { isSelected, option, onChange, path } = props;
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const classes = [
+        baseClass,
+        isSelected && `${baseClass}--is-selected`,
+    ].filter(Boolean).join(' ');
+    const id = `field-${path}-${option.value}`;
+    return (react_1.default.createElement("label", { htmlFor: id },
+        react_1.default.createElement("div", { className: classes },
+            react_1.default.createElement("input", { id: id, type: "radio", checked: isSelected, onChange: () => (typeof onChange === 'function' ? onChange(option.value) : null) }),
+            react_1.default.createElement("span", { className: `${baseClass}__styled-radio` }),
+            react_1.default.createElement("span", { className: `${baseClass}__label` }, (0, getTranslation_1.getTranslation)(option.label, i18n)))));
+};
+exports.default = RadioInput;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RadioGroup/RadioInput/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,+EAA4E;AAE5E,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,OAAO,GAAG;QACd,SAAS;QACT,UAAU,IAAI,GAAG,SAAS,eAAe;KAC1C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,EAAE,GAAG,SAAS,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;IAE3C,OAAO,CACL,yCACE,OAAO,EAAE,EAAE;QAEX,uCAAK,SAAS,EAAE,OAAO;YACrB,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAChF;YACF,wCAAM,SAAS,EAAE,GAAG,SAAS,gBAAgB,GAAI;YACjD,wCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,IAAG,IAAA,+BAAc,EAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAQ,CAC/E,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.scss

@@ -0,0 +1,89 @@
+@import '../../../../../scss/styles';
+
+.radio-input {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  margin: base(.10) 0;
+
+  input[type=radio] {
+    display: none;
+  }
+
+  &__styled-radio {
+    @include formInput;
+    width: $baseline;
+    height: $baseline;
+    position: relative;
+    padding: 0;
+    display: inline-block;
+    border-radius: 50%;
+
+    &:before {
+      content: " ";
+      display: block;
+      border-radius: 100%;
+      background-color: var(--theme-elevation-800);
+      width: calc(100% - 10px);
+      height: calc(100% - 10px);
+      border: 5px solid var(--theme-elevation-0);
+      opacity: 0;
+    }
+  }
+
+  &__label {
+    margin-left: base(.5);
+  }
+
+  &--is-selected {
+    .radio-input {
+      &__styled-radio {
+        &:before {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &:not(&--is-selected) {
+    &:hover {
+      .radio-input {
+        &__styled-radio {
+
+          &:before {
+            opacity: .2;
+          }
+        }
+      }
+    }
+  }
+}
+
+.radio-group--read-only {
+  .radio-input {
+    cursor: default;
+
+    &__label {
+      color: var(--theme-elevation-800);
+    }
+
+    &--is-selected {
+      .radio-input__styled-radio {
+        &:before {
+          background-color: var(--theme-elevation-800);
+        }
+      }
+    }
+
+
+    &:not(.radio-input--is-selected) {
+      &:hover {
+        .radio-input__styled-radio {
+          &:before {
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import { OnChange } from '../types';
+export type Props = {
+    isSelected: boolean;
+    option: {
+        label: Record<string, string> | string;
+        value: string;
+    };
+    onChange: OnChange;
+    path: string;
+};

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.js

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

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RadioGroup/RadioInput/types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,48 @@
+"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 useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
+const RadioGroup = (props) => {
+    const { name, path: pathFromProps, required, validate = validations_1.radio, label, admin: { readOnly, layout = 'horizontal', style, className, width, description, condition, } = {}, options, } = props;
+    const path = pathFromProps || name;
+    const memoizedValidate = (0, react_1.useCallback)((value, validationOptions) => {
+        return validate(value, { ...validationOptions, options, required });
+    }, [validate, options, required]);
+    const { value, showError, errorMessage, setValue, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    return (react_1.default.createElement(Input_1.default, { path: path, name: name, onChange: readOnly ? undefined : setValue, value: value, showError: showError, errorMessage: errorMessage, required: required, label: label, layout: layout, style: style, className: className, width: width, description: description, options: options }));
+};
+exports.default = (0, withCondition_1.default)(RadioGroup);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,8DAAsC;AACtC,wEAAgD;AAChD,mEAA0D;AAE1D,oDAAsC;AAEtC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,aAAa,EACnB,QAAQ,EACR,QAAQ,GAAG,mBAAK,EAChB,KAAK,EACL,KAAK,EAAE,EACL,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,GACV,GAAG,EAAE,EACN,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE;QAChE,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,iBAAiB,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,kBAAQ,EAAS;QACnB,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACzC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,UAAU,CAAC,CAAC"}

package/dist/admin/components/forms/field-types/RadioGroup/index.scss

@@ -0,0 +1,27 @@
+@import '../../../../scss/styles.scss';
+
+.radio-group {
+  margin-bottom: $baseline;
+
+  &__error-wrap {
+    position: relative;
+  }
+
+  &--layout-horizontal {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    li {
+      padding-right: $baseline;
+      flex-shrink: 0;
+    }
+  }
+
+  ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+}

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

@@ -0,0 +1,5 @@
+import { RadioField } from '../../../../../fields/config/types';
+export type Props = Omit<RadioField, 'type'> & {
+    path?: string;
+};
+export type OnChange<T = string> = (value: T) => void;

package/dist/admin/components/forms/field-types/RadioGroup/types.js

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

package/dist/admin/components/forms/field-types/RadioGroup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/types.ts"],"names":[],"mappings":""}

package/dist/admin/components/forms/field-types/Relationship/AddNew/index.d.ts

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