@contentful/field-editor-radio 1.2.0 → 1.3.0

package/dist/cjs/RadioEditor.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioEditor", {
+    enumerable: true,
+    get: function() {
+        return RadioEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditordropdown = require("@contentful/field-editor-dropdown");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _emotion = require("emotion");
+const _styles = _interop_require_wildcard(require("./styles"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function RadioEditor(props) {
+    const { field , locales  } = props;
+    const options = (0, _fieldeditordropdown.getOptions)(field);
+    const misconfigured = options.length === 0;
+    if (misconfigured) {
+        return _react.createElement(_fieldeditorshared.PredefinedValuesError, null);
+    }
+    const direction = locales.direction[field.locale] || 'ltr';
+    return _react.createElement(_fieldeditorshared.FieldConnector, {
+        throttle: 0,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, ({ disabled , value , setValue  })=>{
+        const setOption = (value)=>{
+            setValue((0, _fieldeditordropdown.parseValue)(value, field.type));
+        };
+        const clearOption = ()=>{
+            setValue(undefined);
+        };
+        return _react.createElement(_f36components.Form, {
+            testId: "radio-editor",
+            className: (0, _emotion.cx)(_styles.form, direction === 'rtl' ? _styles.rightToLeft : '')
+        }, options.map((item, index)=>{
+            const id = [
+                'entity',
+                field.id,
+                field.locale,
+                index,
+                item.id
+            ].join('.');
+            const checked = value === item.value;
+            return _react.createElement(_f36components.Flex, {
+                key: id,
+                alignItems: "center",
+                marginBottom: "spacingS"
+            }, _react.createElement(_f36components.Radio, {
+                id: id,
+                isDisabled: disabled,
+                value: item.value === undefined ? '' : String(item.value),
+                isChecked: checked,
+                onChange: (e)=>{
+                    if (e.target.checked) {
+                        setOption(e.target.value);
+                    }
+                }
+            }, item.label), checked && !disabled && _react.createElement(_f36components.TextLink, {
+                as: "button",
+                className: _styles.clearBtn,
+                onClick: clearOption
+            }, "Clear"));
+        }));
+    });
+}
+RadioEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/cjs/RadioEditor.spec.js

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+require("@testing-library/jest-dom/extend-expect");
+const _react1 = require("@testing-library/react");
+const _RadioEditor = require("./RadioEditor");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+(0, _react1.configure)({
+    testIdAttribute: 'data-test-id'
+});
+describe('RadioEditor', ()=>{
+    afterEach(_react1.cleanup);
+    it('renders a warning if no options are present', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        });
+        const { getByTestId , queryByTestId  } = (0, _react1.render)(_react.createElement(_RadioEditor.RadioEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expect(getByTestId('predefined-values-warning')).toBeInTheDocument();
+        expect(queryByTestId('radio-editor')).not.toBeInTheDocument();
+    });
+    it('renders inputs for predefined values', ()=>{
+        const predefined = [
+            'banana',
+            'orange',
+            'strawberry'
+        ];
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((mock)=>{
+            return {
+                ...mock,
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { container  } = (0, _react1.render)(_react.createElement(_RadioEditor.RadioEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        const $inputs = container.querySelectorAll('input[type="radio"]');
+        expect($inputs).toHaveLength(3);
+        predefined.forEach((item, index)=>{
+            expect($inputs[index].value).toEqual(item);
+        });
+    });
+    it('calls setValue and removeValue properly', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: [
+                    {
+                        in: [
+                            'banana',
+                            'orange',
+                            'strawberry'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { container , queryByText , getByText  } = (0, _react1.render)(_react.createElement(_RadioEditor.RadioEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expect(queryByText('Clear')).not.toBeInTheDocument();
+        const $inputs = container.querySelectorAll('input[type="radio"]');
+        _react1.fireEvent.click($inputs[0]);
+        expect(field.setValue).toHaveBeenCalledWith('banana');
+        _react1.fireEvent.click($inputs[1]);
+        expect(field.setValue).toHaveBeenCalledWith('orange');
+        expect(field.removeValue).toHaveBeenCalledTimes(0);
+        _react1.fireEvent.click(getByText('Clear'));
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+    });
+    describe('Number field', ()=>{
+        it('calls setValue and removeValue properly', function() {
+            const predefined = [
+                1,
+                '2.71',
+                '0'
+            ];
+            const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+                jest.spyOn(field, 'setValue');
+                jest.spyOn(field, 'removeValue');
+                return {
+                    ...field,
+                    type: 'Number',
+                    validations: [
+                        {
+                            in: predefined
+                        }
+                    ]
+                };
+            });
+            const { container , getByText  } = (0, _react1.render)(_react.createElement(_RadioEditor.RadioEditor, {
+                field: field,
+                locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+                isInitiallyDisabled: false
+            }));
+            const $inputs = container.querySelectorAll('input[type="radio"]');
+            _react1.fireEvent.click($inputs[0]);
+            expect(field.setValue).toHaveBeenCalledWith(1);
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            _react1.fireEvent.click($inputs[1]);
+            expect(field.setValue).toHaveBeenCalledWith(2.71);
+            expect(field.setValue).toHaveBeenCalledTimes(2);
+            _react1.fireEvent.click($inputs[2]);
+            expect(field.setValue).toHaveBeenCalledWith(0);
+            expect(field.setValue).toHaveBeenCalledTimes(3);
+            expect(field.removeValue).toHaveBeenCalledTimes(0);
+            _react1.fireEvent.click(getByText('Clear'));
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('Integer field', ()=>{
+        it('calls setValue and removeValue properly', function() {
+            const predefined = [
+                0,
+                '65',
+                '99',
+                100
+            ];
+            const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+                jest.spyOn(field, 'setValue');
+                jest.spyOn(field, 'removeValue');
+                return {
+                    ...field,
+                    type: 'Number',
+                    validations: [
+                        {
+                            in: predefined
+                        }
+                    ]
+                };
+            });
+            const { container , getByText  } = (0, _react1.render)(_react.createElement(_RadioEditor.RadioEditor, {
+                field: field,
+                locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+                isInitiallyDisabled: false
+            }));
+            const $inputs = container.querySelectorAll('input[type="radio"]');
+            _react1.fireEvent.click($inputs[0]);
+            expect(field.setValue).toHaveBeenCalledWith(0);
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            _react1.fireEvent.click($inputs[1]);
+            expect(field.setValue).toHaveBeenCalledWith(65);
+            expect(field.setValue).toHaveBeenCalledTimes(2);
+            _react1.fireEvent.click($inputs[2]);
+            expect(field.setValue).toHaveBeenCalledWith(99);
+            expect(field.setValue).toHaveBeenCalledTimes(3);
+            expect(field.removeValue).toHaveBeenCalledTimes(0);
+            _react1.fireEvent.click(getByText('Clear'));
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+        });
+    });
+});

package/dist/cjs/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioEditor", {
+    enumerable: true,
+    get: function() {
+        return _RadioEditor.RadioEditor;
+    }
+});
+const _RadioEditor = require("./RadioEditor");

package/dist/cjs/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    form: function() {
+        return form;
+    },
+    rightToLeft: function() {
+        return rightToLeft;
+    },
+    clearBtn: function() {
+        return clearBtn;
+    }
+});
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const form = (0, _emotion.css)({
+    marginTop: _f36tokens.default.spacingS
+});
+const rightToLeft = (0, _emotion.css)({
+    direction: 'rtl'
+});
+const clearBtn = (0, _emotion.css)({
+    marginLeft: _f36tokens.default.spacingL
+});

package/dist/esm/RadioEditor.js

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { TextLink, Flex, Radio, Form } from '@contentful/f36-components';
+import { getOptions, parseValue } from '@contentful/field-editor-dropdown';
+import { FieldConnector, PredefinedValuesError } from '@contentful/field-editor-shared';
+import { cx } from 'emotion';
+import * as styles from './styles';
+export function RadioEditor(props) {
+    const { field , locales  } = props;
+    const options = getOptions(field);
+    const misconfigured = options.length === 0;
+    if (misconfigured) {
+        return React.createElement(PredefinedValuesError, null);
+    }
+    const direction = locales.direction[field.locale] || 'ltr';
+    return React.createElement(FieldConnector, {
+        throttle: 0,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, ({ disabled , value , setValue  })=>{
+        const setOption = (value)=>{
+            setValue(parseValue(value, field.type));
+        };
+        const clearOption = ()=>{
+            setValue(undefined);
+        };
+        return React.createElement(Form, {
+            testId: "radio-editor",
+            className: cx(styles.form, direction === 'rtl' ? styles.rightToLeft : '')
+        }, options.map((item, index)=>{
+            const id = [
+                'entity',
+                field.id,
+                field.locale,
+                index,
+                item.id
+            ].join('.');
+            const checked = value === item.value;
+            return React.createElement(Flex, {
+                key: id,
+                alignItems: "center",
+                marginBottom: "spacingS"
+            }, React.createElement(Radio, {
+                id: id,
+                isDisabled: disabled,
+                value: item.value === undefined ? '' : String(item.value),
+                isChecked: checked,
+                onChange: (e)=>{
+                    if (e.target.checked) {
+                        setOption(e.target.value);
+                    }
+                }
+            }, item.label), checked && !disabled && React.createElement(TextLink, {
+                as: "button",
+                className: styles.clearBtn,
+                onClick: clearOption
+            }, "Clear"));
+        }));
+    });
+}
+RadioEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/esm/RadioEditor.spec.js

@@ -0,0 +1,166 @@
+import * as React from 'react';
+import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
+import '@testing-library/jest-dom/extend-expect';
+import { cleanup, configure, fireEvent, render } from '@testing-library/react';
+import { RadioEditor } from './RadioEditor';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('RadioEditor', ()=>{
+    afterEach(cleanup);
+    it('renders a warning if no options are present', ()=>{
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        });
+        const { getByTestId , queryByTestId  } = render(React.createElement(RadioEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expect(getByTestId('predefined-values-warning')).toBeInTheDocument();
+        expect(queryByTestId('radio-editor')).not.toBeInTheDocument();
+    });
+    it('renders inputs for predefined values', ()=>{
+        const predefined = [
+            'banana',
+            'orange',
+            'strawberry'
+        ];
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { container  } = render(React.createElement(RadioEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        const $inputs = container.querySelectorAll('input[type="radio"]');
+        expect($inputs).toHaveLength(3);
+        predefined.forEach((item, index)=>{
+            expect($inputs[index].value).toEqual(item);
+        });
+    });
+    it('calls setValue and removeValue properly', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: [
+                    {
+                        in: [
+                            'banana',
+                            'orange',
+                            'strawberry'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { container , queryByText , getByText  } = render(React.createElement(RadioEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expect(queryByText('Clear')).not.toBeInTheDocument();
+        const $inputs = container.querySelectorAll('input[type="radio"]');
+        fireEvent.click($inputs[0]);
+        expect(field.setValue).toHaveBeenCalledWith('banana');
+        fireEvent.click($inputs[1]);
+        expect(field.setValue).toHaveBeenCalledWith('orange');
+        expect(field.removeValue).toHaveBeenCalledTimes(0);
+        fireEvent.click(getByText('Clear'));
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+    });
+    describe('Number field', ()=>{
+        it('calls setValue and removeValue properly', function() {
+            const predefined = [
+                1,
+                '2.71',
+                '0'
+            ];
+            const [field] = createFakeFieldAPI((field)=>{
+                jest.spyOn(field, 'setValue');
+                jest.spyOn(field, 'removeValue');
+                return {
+                    ...field,
+                    type: 'Number',
+                    validations: [
+                        {
+                            in: predefined
+                        }
+                    ]
+                };
+            });
+            const { container , getByText  } = render(React.createElement(RadioEditor, {
+                field: field,
+                locales: createFakeLocalesAPI(),
+                isInitiallyDisabled: false
+            }));
+            const $inputs = container.querySelectorAll('input[type="radio"]');
+            fireEvent.click($inputs[0]);
+            expect(field.setValue).toHaveBeenCalledWith(1);
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            fireEvent.click($inputs[1]);
+            expect(field.setValue).toHaveBeenCalledWith(2.71);
+            expect(field.setValue).toHaveBeenCalledTimes(2);
+            fireEvent.click($inputs[2]);
+            expect(field.setValue).toHaveBeenCalledWith(0);
+            expect(field.setValue).toHaveBeenCalledTimes(3);
+            expect(field.removeValue).toHaveBeenCalledTimes(0);
+            fireEvent.click(getByText('Clear'));
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('Integer field', ()=>{
+        it('calls setValue and removeValue properly', function() {
+            const predefined = [
+                0,
+                '65',
+                '99',
+                100
+            ];
+            const [field] = createFakeFieldAPI((field)=>{
+                jest.spyOn(field, 'setValue');
+                jest.spyOn(field, 'removeValue');
+                return {
+                    ...field,
+                    type: 'Number',
+                    validations: [
+                        {
+                            in: predefined
+                        }
+                    ]
+                };
+            });
+            const { container , getByText  } = render(React.createElement(RadioEditor, {
+                field: field,
+                locales: createFakeLocalesAPI(),
+                isInitiallyDisabled: false
+            }));
+            const $inputs = container.querySelectorAll('input[type="radio"]');
+            fireEvent.click($inputs[0]);
+            expect(field.setValue).toHaveBeenCalledWith(0);
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            fireEvent.click($inputs[1]);
+            expect(field.setValue).toHaveBeenCalledWith(65);
+            expect(field.setValue).toHaveBeenCalledTimes(2);
+            fireEvent.click($inputs[2]);
+            expect(field.setValue).toHaveBeenCalledWith(99);
+            expect(field.setValue).toHaveBeenCalledTimes(3);
+            expect(field.removeValue).toHaveBeenCalledTimes(0);
+            fireEvent.click(getByText('Clear'));
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+        });
+    });
+});

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { RadioEditor } from './RadioEditor';

package/dist/esm/styles.js

@@ -0,0 +1,11 @@
+import tokens from '@contentful/f36-tokens';
+import { css } from 'emotion';
+export const form = css({
+    marginTop: tokens.spacingS
+});
+export const rightToLeft = css({
+    direction: 'rtl'
+});
+export const clearBtn = css({
+    marginLeft: tokens.spacingL
+});

package/dist/{RadioEditor.d.ts → types/RadioEditor.d.ts}

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { FieldAPI, LocalesAPI } from '@contentful/field-editor-shared';
-export interface RadioEditorProps {
-    /**
-     * is the field disabled initially
-     */
-    isInitiallyDisabled: boolean;
-    /**
-     * sdk.field
-     */
-    field: FieldAPI;
-    /**
-     * sdk.locales
-     */
-    locales: LocalesAPI;
-}
-export declare function RadioEditor(props: RadioEditorProps): JSX.Element;
-export declare namespace RadioEditor {
-    var defaultProps: {
-        isInitiallyDisabled: boolean;
-    };
-}
+import * as React from 'react';
+import { FieldAPI, LocalesAPI } from '@contentful/field-editor-shared';
+export interface RadioEditorProps {
+    /**
+     * is the field disabled initially
+     */
+    isInitiallyDisabled: boolean;
+    /**
+     * sdk.field
+     */
+    field: FieldAPI;
+    /**
+     * sdk.locales
+     */
+    locales: LocalesAPI;
+}
+export declare function RadioEditor(props: RadioEditorProps): React.JSX.Element;
+export declare namespace RadioEditor {
+    var defaultProps: {
+        isInitiallyDisabled: boolean;
+    };
+}

package/dist/types/RadioEditor.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/{index.d.ts → types/index.d.ts}

@@ -1 +1 @@
-export { RadioEditor } from './RadioEditor';
+export { RadioEditor } from './RadioEditor';

package/dist/{styles.d.ts → types/styles.d.ts}

@@ -1,3 +1,3 @@
-export declare const form: string;
-export declare const rightToLeft: string;
-export declare const clearBtn: string;
+export declare const form: string;
+export declare const rightToLeft: string;
+export declare const clearBtn: string;

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@contentful/field-editor-radio",
-  "version": "1.2.0",
-  "main": "dist/index.js",
-  "module": "dist/field-editor-radio.esm.js",
-  "typings": "dist/index.d.ts",
+  "version": "1.3.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],
@@ -14,28 +22,34 @@
     "url": "https://github.com/contentful/field-editors"
   },
   "scripts": {
-    "watch": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom --watch",
-    "test:ci": "tsdx test --env=jsdom --ci",
+    "watch": "yarn concurrently \"yarn:watch:*\"",
+    "watch:cjs": "yarn build:cjs -w",
+    "watch:esm": "yarn build:esm -w",
+    "watch:types": "yarn build:types --watch",
+    "build": "yarn build:types && yarn build:cjs && yarn build:esm",
+    "build:types": "tsc --outDir dist/types --emitDeclarationOnly",
+    "build:cjs": "swc src --config-file ../../.swcrc -d dist/cjs -C module.type=commonjs",
+    "build:esm": "swc src --config-file ../../.swcrc -d dist/esm",
+    "test": "jest --watch",
+    "test:ci": "jest --ci",
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
     "@contentful/f36-components": "^4.0.27",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-dropdown": "^1.2.0",
-    "@contentful/field-editor-shared": "^1.2.0",
+    "@contentful/field-editor-dropdown": "^1.3.0",
+    "@contentful/field-editor-shared": "^1.3.0",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "lodash-es": "^4.17.15",
     "nanoid": "^3.1.3"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^1.3.0",
+    "@contentful/field-editor-test-utils": "^1.4.0",
     "contentful-management": "^10.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "gitHead": "de7e74e3485dd69c240cfe9c545e6e50e41fb295"
+  "gitHead": "543e02672a8dd4edc810f9f3568d6b69c454e1f9"
 }

package/CHANGELOG.md

@@ -1,206 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [1.2.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.12...@contentful/field-editor-radio@1.2.0) (2023-04-19)
-
-### Features
-
-- upgrade cypress [TOL-1036] ([#1391](https://github.com/contentful/field-editors/issues/1391)) ([9c1aec9](https://github.com/contentful/field-editors/commit/9c1aec98aabbe464cdc3f1236c3bb1cc29b8208d))
-
-## [1.1.12](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.11...@contentful/field-editor-radio@1.1.12) (2023-03-14)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.10...@contentful/field-editor-radio@1.1.11) (2023-03-10)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.9...@contentful/field-editor-radio@1.1.10) (2023-02-21)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.8...@contentful/field-editor-radio@1.1.9) (2023-02-07)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.7...@contentful/field-editor-radio@1.1.8) (2022-12-08)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.6...@contentful/field-editor-radio@1.1.7) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.5...@contentful/field-editor-radio@1.1.6) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.4...@contentful/field-editor-radio@1.1.5) (2022-07-11)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.3...@contentful/field-editor-radio@1.1.4) (2022-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.1.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.2...@contentful/field-editor-radio@1.1.3) (2022-05-04)
-
-### Bug Fixes
-
-- reflect disabled state on fields ([#1125](https://github.com/contentful/field-editors/issues/1125)) ([01502b9](https://github.com/contentful/field-editors/commit/01502b9d785c5f782b0e5de782d092c439cb690f))
-
-## [1.1.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.1...@contentful/field-editor-radio@1.1.2) (2022-02-15)
-
-### Bug Fixes
-
-- bump f36 packages ([#1025](https://github.com/contentful/field-editors/issues/1025)) ([ec37a40](https://github.com/contentful/field-editors/commit/ec37a4000db7cd75c66dd9621136b2272c9feeea))
-
-## [1.1.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.1.0...@contentful/field-editor-radio@1.1.1) (2022-02-14)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [1.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.0.3...@contentful/field-editor-radio@1.1.0) (2022-01-11)
-
-### Features
-
-- bump f36 packages to stable v4 [BAU-521] ([#988](https://github.com/contentful/field-editors/issues/988)) ([419cf56](https://github.com/contentful/field-editors/commit/419cf56692179b074fcfa2743469d5265ed98429))
-
-## [1.0.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.0.2...@contentful/field-editor-radio@1.0.3) (2021-12-23)
-
-### Bug Fixes
-
-- markdown buttons ([#968](https://github.com/contentful/field-editors/issues/968)) ([9803b98](https://github.com/contentful/field-editors/commit/9803b98c25d92df6148686ffe2749a77f7efdbb9))
-
-## [1.0.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.0.1...@contentful/field-editor-radio@1.0.2) (2021-12-20)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [1.0.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@1.0.0...@contentful/field-editor-radio@1.0.1) (2021-11-17)
-
-### Bug Fixes
-
-- **card-actions:** update forma 36 to fix card actions click issue ([#927](https://github.com/contentful/field-editors/issues/927)) ([3dfdef2](https://github.com/contentful/field-editors/commit/3dfdef2c2b0045f12ea94ddafca89a8e9f25e7d0))
-
-# [1.0.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.15.0...@contentful/field-editor-radio@1.0.0) (2021-11-04)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [0.15.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.14.1...@contentful/field-editor-radio@0.15.0) (2021-11-04)
-
-### Features
-
-- Forma v4 components adoption ([#805](https://github.com/contentful/field-editors/issues/805)) ([526bde6](https://github.com/contentful/field-editors/commit/526bde6e10e0ee3789705ec10fb31489af7ca59e))
-
-### BREAKING CHANGES
-
-- adopts a new Forma v4 beta
-
-## [0.14.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.14.0...@contentful/field-editor-radio@0.14.1) (2021-10-14)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [0.14.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.13.4...@contentful/field-editor-radio@0.14.0) (2021-10-06)
-
-### Features
-
-- [EXT-3161] bump app sdk to v4 ([#881](https://github.com/contentful/field-editors/issues/881)) ([9c4a2af](https://github.com/contentful/field-editors/commit/9c4a2af07da203d59fb5f15c3a5188ecc64b1d44))
-
-## [0.13.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.13.3...@contentful/field-editor-radio@0.13.4) (2021-09-17)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.13.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.13.2...@contentful/field-editor-radio@0.13.3) (2021-09-16)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.13.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.13.1...@contentful/field-editor-radio@0.13.2) (2021-08-19)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.13.0...@contentful/field-editor-radio@0.13.1) (2021-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.6...@contentful/field-editor-radio@0.13.0) (2021-07-23)
-
-### Features
-
-- 💡 new color tokens ([#778](https://github.com/contentful/field-editors/issues/778)) ([fba548d](https://github.com/contentful/field-editors/commit/fba548de32305016df7f2685634eefb14294828f))
-
-## [0.12.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.3...@contentful/field-editor-radio@0.12.6) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.12.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.3...@contentful/field-editor-radio@0.12.5) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.12.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.3...@contentful/field-editor-radio@0.12.4) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.12.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.2...@contentful/field-editor-radio@0.12.3) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.12.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.1...@contentful/field-editor-radio@0.12.2) (2021-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.12.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.12.0...@contentful/field-editor-radio@0.12.1) (2021-03-05)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [0.12.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.11.1...@contentful/field-editor-radio@0.12.0) (2021-02-19)
-
-### Features
-
-- bump min version of forma-36 ([#606](https://github.com/contentful/field-editors/issues/606)) ([fd57c7a](https://github.com/contentful/field-editors/commit/fd57c7a4312766af38c01507f17706ab22992617))
-
-## [0.11.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.11.1...@contentful/field-editor-radio@0.11.2) (2021-02-09)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.11.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.11.0...@contentful/field-editor-radio@0.11.1) (2021-02-01)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-# [0.11.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.10.1...@contentful/field-editor-radio@0.11.0) (2021-01-20)
-
-### Features
-
-- update minimal forma-36 versions to use updated design ([#565](https://github.com/contentful/field-editors/issues/565)) ([332c734](https://github.com/contentful/field-editors/commit/332c734bfaf54f0e9773fcbb460d743b1f5459ec))
-
-## [0.10.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.10.0...@contentful/field-editor-radio@0.10.1) (2021-01-15)
-
-### Bug Fixes
-
-- 🐛 small layout adjustments ([#555](https://github.com/contentful/field-editors/issues/555)) ([235c594](https://github.com/contentful/field-editors/commit/235c5941db152d2921a9ef134c1a71b0069a4dc2))
-
-# [0.10.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.5...@contentful/field-editor-radio@0.10.0) (2021-01-12)
-
-### Features
-
-- update minimal required Forma version to the 3.73.12 ([#552](https://github.com/contentful/field-editors/issues/552)) ([2816fd9](https://github.com/contentful/field-editors/commit/2816fd960c28815faebf49a9ef8f4c4c0d91fc36))
-
-## [0.9.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.4...@contentful/field-editor-radio@0.9.5) (2020-12-16)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.9.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.3...@contentful/field-editor-radio@0.9.4) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.9.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.2...@contentful/field-editor-radio@0.9.3) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.9.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.1...@contentful/field-editor-radio@0.9.2) (2020-10-28)
-
-**Note:** Version bump only for package @contentful/field-editor-radio
-
-## [0.9.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-radio@0.9.0...@contentful/field-editor-radio@0.9.1) (2020-08-24)
-
-**Note:** Version bump only for package @contentful/field-editor-radio

package/dist/field-editor-radio.cjs.development.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var f36Components = require('@contentful/f36-components');
-var fieldEditorDropdown = require('@contentful/field-editor-dropdown');
-var fieldEditorShared = require('@contentful/field-editor-shared');
-var emotion = require('emotion');
-var tokens = _interopDefault(require('@contentful/f36-tokens'));
-
-const form = /*#__PURE__*/emotion.css({
-  marginTop: tokens.spacingS
-});
-const rightToLeft = /*#__PURE__*/emotion.css({
-  direction: 'rtl'
-});
-const clearBtn = /*#__PURE__*/emotion.css({
-  marginLeft: tokens.spacingL
-});
-
-function RadioEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-  const options = fieldEditorDropdown.getOptions(field);
-  const misconfigured = options.length === 0;
-
-  if (misconfigured) {
-    return React.createElement(fieldEditorShared.PredefinedValuesError, null);
-  }
-
-  const direction = locales.direction[field.locale] || 'ltr';
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    throttle: 0,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, ({
-    disabled,
-    value,
-    setValue
-  }) => {
-    const setOption = value => {
-      setValue(fieldEditorDropdown.parseValue(value, field.type));
-    };
-
-    const clearOption = () => {
-      setValue(undefined);
-    };
-
-    return React.createElement(f36Components.Form, {
-      testId: "radio-editor",
-      className: emotion.cx(form, direction === 'rtl' ? rightToLeft : '')
-    }, options.map((item, index) => {
-      const id = ['entity', field.id, field.locale, index, item.id].join('.');
-      const checked = value === item.value;
-      return React.createElement(f36Components.Flex, {
-        key: id,
-        alignItems: "center",
-        marginBottom: "spacingS"
-      }, React.createElement(f36Components.Radio, {
-        id: id,
-        isDisabled: disabled,
-        value: item.value === undefined ? '' : String(item.value),
-        isChecked: checked,
-        onChange: e => {
-          if (e.target.checked) {
-            setOption(e.target.value);
-          }
-        }
-      }, item.label), checked && !disabled && React.createElement(f36Components.TextLink, {
-        as: "button",
-        className: clearBtn,
-        onClick: clearOption
-      }, "Clear"));
-    }));
-  });
-}
-RadioEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-exports.RadioEditor = RadioEditor;
-//# sourceMappingURL=field-editor-radio.cjs.development.js.map

package/dist/field-editor-radio.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-radio.cjs.development.js","sources":["../src/styles.ts","../src/RadioEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const form = css({\n  marginTop: tokens.spacingS,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n\nexport const clearBtn = css({ marginLeft: tokens.spacingL });\n","import * as React from 'react';\n\nimport { TextLink, Flex, Radio, Form } from '@contentful/f36-components';\nimport { getOptions, parseValue } from '@contentful/field-editor-dropdown';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport { cx } from 'emotion';\n\nimport * as styles from './styles';\n\n\nexport interface RadioEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function RadioEditor(props: RadioEditorProps) {\n  const { field, locales } = props;\n\n  const options = getOptions(field);\n  const misconfigured = options.length === 0;\n\n  if (misconfigured) {\n    return <PredefinedValuesError />;\n  }\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string | number>\n      throttle={0}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({ disabled, value, setValue }) => {\n        const setOption = (value: string) => {\n          setValue(parseValue(value, field.type));\n        };\n        const clearOption = () => {\n          setValue(undefined);\n        };\n\n        return (\n          <Form\n            testId=\"radio-editor\"\n            className={cx(styles.form, direction === 'rtl' ? styles.rightToLeft : '')}>\n            {options.map((item, index) => {\n              const id = ['entity', field.id, field.locale, index, item.id].join('.');\n              const checked = value === item.value;\n              return (\n                <Flex key={id} alignItems=\"center\" marginBottom=\"spacingS\">\n                  <Radio\n                    id={id}\n                    isDisabled={disabled}\n                    value={item.value === undefined ? '' : String(item.value)}\n                    isChecked={checked}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                      if (e.target.checked) {\n                        setOption(e.target.value);\n                      }\n                    }}>\n                    {item.label}\n                  </Radio>\n                  {checked && !disabled && (\n                    <TextLink as=\"button\" className={styles.clearBtn} onClick={clearOption}>\n                      Clear\n                    </TextLink>\n                  )}\n                </Flex>\n              );\n            })}\n          </Form>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nRadioEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["form","css","marginTop","tokens","spacingS","rightToLeft","direction","clearBtn","marginLeft","spacingL","RadioEditor","props","field","locales","options","getOptions","misconfigured","length","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","disabled","value","setValue","setOption","parseValue","type","clearOption","undefined","Form","testId","className","cx","styles","map","item","index","id","join","checked","Flex","key","alignItems","marginBottom","Radio","isDisabled","String","isChecked","onChange","e","target","label","TextLink","as","onClick","defaultProps"],"mappings":"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"}

package/dist/field-editor-radio.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),i=require("@contentful/f36-components"),r=require("@contentful/field-editor-dropdown"),l=require("@contentful/field-editor-shared"),n=require("emotion"),a=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e;const o=n.css({marginTop:a.spacingS}),s=n.css({direction:"rtl"}),c=n.css({marginLeft:a.spacingL});function d(e){const{field:a,locales:d}=e,u=r.getOptions(a);if(0===u.length)return t.createElement(l.PredefinedValuesError,null);const f=d.direction[a.locale]||"ltr";return t.createElement(l.FieldConnector,{throttle:0,field:a,isInitiallyDisabled:e.isInitiallyDisabled},({disabled:e,value:l,setValue:d})=>{const m=()=>{d(void 0)};return t.createElement(i.Form,{testId:"radio-editor",className:n.cx(o,"rtl"===f?s:"")},u.map((n,o)=>{const s=["entity",a.id,a.locale,o,n.id].join("."),u=l===n.value;return t.createElement(i.Flex,{key:s,alignItems:"center",marginBottom:"spacingS"},t.createElement(i.Radio,{id:s,isDisabled:e,value:void 0===n.value?"":String(n.value),isChecked:u,onChange:e=>{e.target.checked&&(e=>{d(r.parseValue(e,a.type))})(e.target.value)}},n.label),u&&!e&&t.createElement(i.TextLink,{as:"button",className:c,onClick:m},"Clear"))}))})}d.defaultProps={isInitiallyDisabled:!0},exports.RadioEditor=d;
-//# sourceMappingURL=field-editor-radio.cjs.production.min.js.map

package/dist/field-editor-radio.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-radio.cjs.production.min.js","sources":["../src/styles.ts","../src/RadioEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const form = css({\n  marginTop: tokens.spacingS,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n\nexport const clearBtn = css({ marginLeft: tokens.spacingL });\n","import * as React from 'react';\n\nimport { TextLink, Flex, Radio, Form } from '@contentful/f36-components';\nimport { getOptions, parseValue } from '@contentful/field-editor-dropdown';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport { cx } from 'emotion';\n\nimport * as styles from './styles';\n\n\nexport interface RadioEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function RadioEditor(props: RadioEditorProps) {\n  const { field, locales } = props;\n\n  const options = getOptions(field);\n  const misconfigured = options.length === 0;\n\n  if (misconfigured) {\n    return <PredefinedValuesError />;\n  }\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string | number>\n      throttle={0}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({ disabled, value, setValue }) => {\n        const setOption = (value: string) => {\n          setValue(parseValue(value, field.type));\n        };\n        const clearOption = () => {\n          setValue(undefined);\n        };\n\n        return (\n          <Form\n            testId=\"radio-editor\"\n            className={cx(styles.form, direction === 'rtl' ? styles.rightToLeft : '')}>\n            {options.map((item, index) => {\n              const id = ['entity', field.id, field.locale, index, item.id].join('.');\n              const checked = value === item.value;\n              return (\n                <Flex key={id} alignItems=\"center\" marginBottom=\"spacingS\">\n                  <Radio\n                    id={id}\n                    isDisabled={disabled}\n                    value={item.value === undefined ? '' : String(item.value)}\n                    isChecked={checked}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                      if (e.target.checked) {\n                        setOption(e.target.value);\n                      }\n                    }}>\n                    {item.label}\n                  </Radio>\n                  {checked && !disabled && (\n                    <TextLink as=\"button\" className={styles.clearBtn} onClick={clearOption}>\n                      Clear\n                    </TextLink>\n                  )}\n                </Flex>\n              );\n            })}\n          </Form>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nRadioEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["form","css","marginTop","tokens","spacingS","rightToLeft","direction","clearBtn","marginLeft","spacingL","RadioEditor","props","field","locales","options","getOptions","length","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","disabled","value","setValue","clearOption","undefined","Form","testId","className","cx","styles","map","item","index","id","join","checked","Flex","key","alignItems","marginBottom","Radio","isDisabled","String","isChecked","onChange","e","target","parseValue","type","setOption","label","TextLink","as","onClick","defaultProps"],"mappings":"6UAGO,MAAMA,EAAOC,MAAI,CACtBC,UAAWC,EAAOC,WAGPC,EAAcJ,MAAI,CAC7BK,UAAW,QAGAC,EAAWN,MAAI,CAAEO,WAAYL,EAAOM,oBCqBjCC,EAAYC,SACpBC,MAAEA,EAAFC,QAASA,GAAYF,EAErBG,EAAUC,aAAWH,MACc,IAAnBE,EAAQE,cAGrBC,gBAACC,oCAGJZ,EAAYO,EAAQP,UAAUM,EAAMO,SAAW,aAGnDF,gBAACG,kBACCC,SAAU,EACVT,MAAOA,EACPU,oBAAqBX,EAAMW,qBAC1B,EAAGC,SAAAA,EAAUC,MAAAA,EAAOC,SAAAA,YAIbC,EAAc,KAClBD,OAASE,WAITV,gBAACW,QACCC,OAAO,eACPC,UAAWC,KAAGC,EAA2B,QAAd1B,EAAsB0B,EAAqB,KACrElB,EAAQmB,IAAI,CAACC,EAAMC,WACZC,EAAK,CAAC,SAAUxB,EAAMwB,GAAIxB,EAAMO,OAAQgB,EAAOD,EAAKE,IAAIC,KAAK,KAC7DC,EAAUd,IAAUU,EAAKV,aAE7BP,gBAACsB,QAAKC,IAAKJ,EAAIK,WAAW,SAASC,aAAa,YAC9CzB,gBAAC0B,SACCP,GAAIA,EACJQ,WAAYrB,EACZC,WAAsBG,IAAfO,EAAKV,MAAsB,GAAKqB,OAAOX,EAAKV,OACnDsB,UAAWR,EACXS,SAAWC,IACLA,EAAEC,OAAOX,SAtBRd,CAAAA,IACjBC,EAASyB,aAAW1B,EAAOZ,EAAMuC,QAsBnBC,CAAUJ,EAAEC,OAAOzB,SAGtBU,EAAKmB,OAEPf,IAAYf,GACXN,gBAACqC,YAASC,GAAG,SAASzB,UAAWE,EAAiBwB,QAAS9B,kBAc/EhB,EAAY+C,aAAe,CACzBnC,qBAAqB"}

package/dist/field-editor-radio.esm.js

@@ -1,81 +0,0 @@
-import { createElement } from 'react';
-import { Form, Flex, Radio, TextLink } from '@contentful/f36-components';
-import { getOptions, parseValue } from '@contentful/field-editor-dropdown';
-import { PredefinedValuesError, FieldConnector } from '@contentful/field-editor-shared';
-import { css, cx } from 'emotion';
-import tokens from '@contentful/f36-tokens';
-
-const form = /*#__PURE__*/css({
-  marginTop: tokens.spacingS
-});
-const rightToLeft = /*#__PURE__*/css({
-  direction: 'rtl'
-});
-const clearBtn = /*#__PURE__*/css({
-  marginLeft: tokens.spacingL
-});
-
-function RadioEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-  const options = getOptions(field);
-  const misconfigured = options.length === 0;
-
-  if (misconfigured) {
-    return createElement(PredefinedValuesError, null);
-  }
-
-  const direction = locales.direction[field.locale] || 'ltr';
-  return createElement(FieldConnector, {
-    throttle: 0,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, ({
-    disabled,
-    value,
-    setValue
-  }) => {
-    const setOption = value => {
-      setValue(parseValue(value, field.type));
-    };
-
-    const clearOption = () => {
-      setValue(undefined);
-    };
-
-    return createElement(Form, {
-      testId: "radio-editor",
-      className: cx(form, direction === 'rtl' ? rightToLeft : '')
-    }, options.map((item, index) => {
-      const id = ['entity', field.id, field.locale, index, item.id].join('.');
-      const checked = value === item.value;
-      return createElement(Flex, {
-        key: id,
-        alignItems: "center",
-        marginBottom: "spacingS"
-      }, createElement(Radio, {
-        id: id,
-        isDisabled: disabled,
-        value: item.value === undefined ? '' : String(item.value),
-        isChecked: checked,
-        onChange: e => {
-          if (e.target.checked) {
-            setOption(e.target.value);
-          }
-        }
-      }, item.label), checked && !disabled && createElement(TextLink, {
-        as: "button",
-        className: clearBtn,
-        onClick: clearOption
-      }, "Clear"));
-    }));
-  });
-}
-RadioEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-export { RadioEditor };
-//# sourceMappingURL=field-editor-radio.esm.js.map

package/dist/field-editor-radio.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-radio.esm.js","sources":["../src/styles.ts","../src/RadioEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const form = css({\n  marginTop: tokens.spacingS,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n\nexport const clearBtn = css({ marginLeft: tokens.spacingL });\n","import * as React from 'react';\n\nimport { TextLink, Flex, Radio, Form } from '@contentful/f36-components';\nimport { getOptions, parseValue } from '@contentful/field-editor-dropdown';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\nimport { cx } from 'emotion';\n\nimport * as styles from './styles';\n\n\nexport interface RadioEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function RadioEditor(props: RadioEditorProps) {\n  const { field, locales } = props;\n\n  const options = getOptions(field);\n  const misconfigured = options.length === 0;\n\n  if (misconfigured) {\n    return <PredefinedValuesError />;\n  }\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string | number>\n      throttle={0}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({ disabled, value, setValue }) => {\n        const setOption = (value: string) => {\n          setValue(parseValue(value, field.type));\n        };\n        const clearOption = () => {\n          setValue(undefined);\n        };\n\n        return (\n          <Form\n            testId=\"radio-editor\"\n            className={cx(styles.form, direction === 'rtl' ? styles.rightToLeft : '')}>\n            {options.map((item, index) => {\n              const id = ['entity', field.id, field.locale, index, item.id].join('.');\n              const checked = value === item.value;\n              return (\n                <Flex key={id} alignItems=\"center\" marginBottom=\"spacingS\">\n                  <Radio\n                    id={id}\n                    isDisabled={disabled}\n                    value={item.value === undefined ? '' : String(item.value)}\n                    isChecked={checked}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                      if (e.target.checked) {\n                        setOption(e.target.value);\n                      }\n                    }}>\n                    {item.label}\n                  </Radio>\n                  {checked && !disabled && (\n                    <TextLink as=\"button\" className={styles.clearBtn} onClick={clearOption}>\n                      Clear\n                    </TextLink>\n                  )}\n                </Flex>\n              );\n            })}\n          </Form>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nRadioEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["form","css","marginTop","tokens","spacingS","rightToLeft","direction","clearBtn","marginLeft","spacingL","RadioEditor","props","field","locales","options","getOptions","misconfigured","length","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","disabled","value","setValue","setOption","parseValue","type","clearOption","undefined","Form","testId","className","cx","styles","map","item","index","id","join","checked","Flex","key","alignItems","marginBottom","Radio","isDisabled","String","isChecked","onChange","e","target","label","TextLink","as","onClick","defaultProps"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./field-editor-radio.cjs.production.min.js')
-} else {
-  module.exports = require('./field-editor-radio.cjs.development.js')
-}