@contentful/field-editor-dropdown 1.2.0 → 1.3.0

package/dist/cjs/DropdownEditor.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DropdownEditor", {
+    enumerable: true,
+    get: function() {
+        return DropdownEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _dropdownUtils = require("./dropdownUtils");
+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 DropdownEditor(props) {
+    const { field , locales  } = props;
+    const options = (0, _dropdownUtils.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
+    }, ({ value , errors , disabled , setValue  })=>_react.createElement(_f36components.Select, {
+            testId: "dropdown-editor",
+            isInvalid: errors.length > 0,
+            isDisabled: disabled,
+            className: direction === 'rtl' ? _styles.rightToLeft : '',
+            isRequired: field.required,
+            value: value === undefined ? '' : String(value),
+            onChange: (e)=>{
+                const value = e.target.value;
+                setValue((0, _dropdownUtils.parseValue)(value, field.type));
+            }
+        }, _react.createElement(_f36components.Select.Option, {
+            value: ""
+        }, "Choose a value"), options.map((option)=>_react.createElement(_f36components.Select.Option, {
+                key: option.value,
+                value: String(option.value)
+            }, option.label))));
+}
+DropdownEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/cjs/DropdownEditor.spec.js

@@ -0,0 +1,232 @@
+"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 _DropdownEditor = require("./DropdownEditor");
+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('DropdownEditor', ()=>{
+    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(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expect(getByTestId('predefined-values-warning')).toBeInTheDocument();
+        expect(queryByTestId('dropdown-editor')).not.toBeInTheDocument();
+    });
+    it('renders option tags for predefined values', ()=>{
+        const predefined = [
+            'banana',
+            'orange',
+            'strawberry'
+        ];
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((mock)=>{
+            return {
+                ...mock,
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { container , getByText  } = (0, _react1.render)(_react.createElement(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expect(container.querySelectorAll('option')).toHaveLength(4);
+        expect(getByText('Choose a value')).toHaveValue('');
+        predefined.forEach((item)=>{
+            expect(getByText(item)).toHaveValue(item);
+        });
+    });
+    it('calls setValue if user select on default option', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: [
+                    {
+                        in: [
+                            'initial'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = (0, _react1.render)(_react.createElement(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        const changeDropdownValue = (value)=>_react1.fireEvent.change(getByTestId('dropdown-editor'), {
+                target: {
+                    value
+                }
+            });
+        expect(getByTestId('dropdown-editor')).toHaveValue('');
+        changeDropdownValue('initial');
+        expect(field.setValue).toHaveBeenCalledWith('initial');
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls removeValue if user selects default option', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                getValue: ()=>'initial',
+                validations: [
+                    {
+                        in: [
+                            'initial'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = (0, _react1.render)(_react.createElement(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        const changeDropdownValue = (value)=>_react1.fireEvent.change(getByTestId('dropdown-editor'), {
+                target: {
+                    value
+                }
+            });
+        expect(getByTestId('dropdown-editor')).toHaveValue('initial');
+        changeDropdownValue('');
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls #setValue with number for Number fields', function() {
+        const predefined = [
+            1,
+            '2.71',
+            3
+        ];
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                type: 'Number',
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = (0, _react1.render)(_react.createElement(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        const $editorInput = getByTestId('dropdown-editor');
+        const changeDropdownValue = (value)=>_react1.fireEvent.change($editorInput, {
+                target: {
+                    value
+                }
+            });
+        expect($editorInput).toHaveValue('');
+        changeDropdownValue('2.71');
+        expect($editorInput).toHaveValue('2.71');
+        expect(field.setValue).toHaveBeenCalledWith(2.71);
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls #setValue with number for Integer fields', function() {
+        const predefined = [
+            0,
+            1,
+            '2',
+            3
+        ];
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                type: 'Number',
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = (0, _react1.render)(_react.createElement(_DropdownEditor.DropdownEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        const $editorInput = getByTestId('dropdown-editor');
+        const changeDropdownValue = (value)=>_react1.fireEvent.change($editorInput, {
+                target: {
+                    value
+                }
+            });
+        expect($editorInput).toHaveValue('');
+        changeDropdownValue('1');
+        expect(field.setValue).toHaveBeenCalledWith(1);
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+        expect($editorInput).toHaveValue('1');
+        changeDropdownValue('0');
+        expect(field.setValue).toHaveBeenCalledWith(0);
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+        expect($editorInput).toHaveValue('0');
+    });
+});

package/dist/cjs/dropdownUtils.js

@@ -0,0 +1,41 @@
+"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, {
+    parseValue: function() {
+        return parseValue;
+    },
+    getOptions: function() {
+        return getOptions;
+    }
+});
+const _nanoid = require("nanoid");
+function parseValue(value, fieldType) {
+    if (value === '') {
+        return undefined;
+    }
+    if (fieldType === 'Integer' || fieldType === 'Number') {
+        const asNumber = Number(value);
+        return isNaN(asNumber) ? undefined : asNumber;
+    }
+    return value;
+}
+function getOptions(field) {
+    const validations = field.validations || [];
+    const predefinedValues = validations.filter((validation)=>validation.in).map((validation)=>validation.in);
+    const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];
+    return firstPredefinedValues.map((value)=>({
+            id: (0, _nanoid.nanoid)(6),
+            value: parseValue(value, field.type),
+            label: String(value)
+        })).filter((item)=>{
+        return item.value !== undefined;
+    });
+}

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+"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, {
+    DropdownEditor: function() {
+        return _DropdownEditor.DropdownEditor;
+    },
+    getOptions: function() {
+        return _dropdownUtils.getOptions;
+    },
+    parseValue: function() {
+        return _dropdownUtils.parseValue;
+    }
+});
+const _DropdownEditor = require("./DropdownEditor");
+const _dropdownUtils = require("./dropdownUtils");

package/dist/cjs/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "rightToLeft", {
+    enumerable: true,
+    get: function() {
+        return rightToLeft;
+    }
+});
+const _emotion = require("emotion");
+const rightToLeft = (0, _emotion.css)({
+    direction: 'rtl'
+});

package/dist/esm/DropdownEditor.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Select } from '@contentful/f36-components';
+import { FieldConnector, PredefinedValuesError } from '@contentful/field-editor-shared';
+import { getOptions, parseValue } from './dropdownUtils';
+import * as styles from './styles';
+export function DropdownEditor(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
+    }, ({ value , errors , disabled , setValue  })=>React.createElement(Select, {
+            testId: "dropdown-editor",
+            isInvalid: errors.length > 0,
+            isDisabled: disabled,
+            className: direction === 'rtl' ? styles.rightToLeft : '',
+            isRequired: field.required,
+            value: value === undefined ? '' : String(value),
+            onChange: (e)=>{
+                const value = e.target.value;
+                setValue(parseValue(value, field.type));
+            }
+        }, React.createElement(Select.Option, {
+            value: ""
+        }, "Choose a value"), options.map((option)=>React.createElement(Select.Option, {
+                key: option.value,
+                value: String(option.value)
+            }, option.label))));
+}
+DropdownEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/esm/DropdownEditor.spec.js

@@ -0,0 +1,189 @@
+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 { DropdownEditor } from './DropdownEditor';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('DropdownEditor', ()=>{
+    afterEach(cleanup);
+    it('renders a warning if no options are present', ()=>{
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        });
+        const { getByTestId , queryByTestId  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expect(getByTestId('predefined-values-warning')).toBeInTheDocument();
+        expect(queryByTestId('dropdown-editor')).not.toBeInTheDocument();
+    });
+    it('renders option tags for predefined values', ()=>{
+        const predefined = [
+            'banana',
+            'orange',
+            'strawberry'
+        ];
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { container , getByText  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expect(container.querySelectorAll('option')).toHaveLength(4);
+        expect(getByText('Choose a value')).toHaveValue('');
+        predefined.forEach((item)=>{
+            expect(getByText(item)).toHaveValue(item);
+        });
+    });
+    it('calls setValue if user select on default option', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: [
+                    {
+                        in: [
+                            'initial'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        const changeDropdownValue = (value)=>fireEvent.change(getByTestId('dropdown-editor'), {
+                target: {
+                    value
+                }
+            });
+        expect(getByTestId('dropdown-editor')).toHaveValue('');
+        changeDropdownValue('initial');
+        expect(field.setValue).toHaveBeenCalledWith('initial');
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls removeValue if user selects default option', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                getValue: ()=>'initial',
+                validations: [
+                    {
+                        in: [
+                            'initial'
+                        ]
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        const changeDropdownValue = (value)=>fireEvent.change(getByTestId('dropdown-editor'), {
+                target: {
+                    value
+                }
+            });
+        expect(getByTestId('dropdown-editor')).toHaveValue('initial');
+        changeDropdownValue('');
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls #setValue with number for Number fields', function() {
+        const predefined = [
+            1,
+            '2.71',
+            3
+        ];
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                type: 'Number',
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        const $editorInput = getByTestId('dropdown-editor');
+        const changeDropdownValue = (value)=>fireEvent.change($editorInput, {
+                target: {
+                    value
+                }
+            });
+        expect($editorInput).toHaveValue('');
+        changeDropdownValue('2.71');
+        expect($editorInput).toHaveValue('2.71');
+        expect(field.setValue).toHaveBeenCalledWith(2.71);
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+    });
+    it('calls #setValue with number for Integer fields', function() {
+        const predefined = [
+            0,
+            1,
+            '2',
+            3
+        ];
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                type: 'Number',
+                validations: [
+                    {
+                        in: predefined
+                    }
+                ]
+            };
+        });
+        const { getByTestId  } = render(React.createElement(DropdownEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        const $editorInput = getByTestId('dropdown-editor');
+        const changeDropdownValue = (value)=>fireEvent.change($editorInput, {
+                target: {
+                    value
+                }
+            });
+        expect($editorInput).toHaveValue('');
+        changeDropdownValue('1');
+        expect(field.setValue).toHaveBeenCalledWith(1);
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+        expect($editorInput).toHaveValue('1');
+        changeDropdownValue('0');
+        expect(field.setValue).toHaveBeenCalledWith(0);
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+        expect($editorInput).toHaveValue('0');
+    });
+});

package/dist/esm/dropdownUtils.js

@@ -0,0 +1,23 @@
+import { nanoid } from 'nanoid';
+export function parseValue(value, fieldType) {
+    if (value === '') {
+        return undefined;
+    }
+    if (fieldType === 'Integer' || fieldType === 'Number') {
+        const asNumber = Number(value);
+        return isNaN(asNumber) ? undefined : asNumber;
+    }
+    return value;
+}
+export function getOptions(field) {
+    const validations = field.validations || [];
+    const predefinedValues = validations.filter((validation)=>validation.in).map((validation)=>validation.in);
+    const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];
+    return firstPredefinedValues.map((value)=>({
+            id: nanoid(6),
+            value: parseValue(value, field.type),
+            label: String(value)
+        })).filter((item)=>{
+        return item.value !== undefined;
+    });
+}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { DropdownEditor } from './DropdownEditor';
+export { getOptions, parseValue } from './dropdownUtils';

package/dist/esm/styles.js

@@ -0,0 +1,4 @@
+import { css } from 'emotion';
+export const rightToLeft = css({
+    direction: 'rtl'
+});

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { FieldAPI } from '@contentful/field-editor-shared';
-declare type DropdownOption = {
-    id: string;
-    value: string | number | undefined;
-    label: string;
-};
-export declare function parseValue(value: string, fieldType: string): string | number | undefined;
-export declare function getOptions(field: FieldAPI): DropdownOption[];
-export {};
+import { FieldAPI } from '@contentful/field-editor-shared';
+type DropdownOption = {
+    id: string;
+    value: string | number | undefined;
+    label: string;
+};
+export declare function parseValue(value: string, fieldType: string): string | number | undefined;
+export declare function getOptions(field: FieldAPI): DropdownOption[];
+export {};

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

@@ -1,2 +1,2 @@
-export { DropdownEditor } from './DropdownEditor';
-export { getOptions, parseValue } from './dropdownUtils';
+export { DropdownEditor } from './DropdownEditor';
+export { getOptions, parseValue } from './dropdownUtils';

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

@@ -1 +1 @@
-export declare const rightToLeft: string;
+export declare const rightToLeft: string;

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@contentful/field-editor-dropdown",
-  "version": "1.2.0",
-  "main": "dist/index.js",
-  "module": "dist/field-editor-dropdown.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,27 +22,33 @@
     "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 --passWithNoTests",
+    "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 --passWithNoTests",
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
     "@contentful/f36-components": "^4.0.27",
     "@contentful/f36-tokens": "^4.0.0",
-    "@contentful/field-editor-shared": "^1.2.0",
+    "@contentful/field-editor-shared": "^1.3.0",
     "emotion": "^10.0.0",
     "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,194 +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-dropdown@1.1.11...@contentful/field-editor-dropdown@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.11](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.10...@contentful/field-editor-dropdown@1.1.11) (2023-03-14)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.9...@contentful/field-editor-dropdown@1.1.10) (2023-03-10)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.8...@contentful/field-editor-dropdown@1.1.9) (2023-02-21)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.7...@contentful/field-editor-dropdown@1.1.8) (2023-02-07)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.6...@contentful/field-editor-dropdown@1.1.7) (2022-12-08)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.5...@contentful/field-editor-dropdown@1.1.6) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.4...@contentful/field-editor-dropdown@1.1.5) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.3...@contentful/field-editor-dropdown@1.1.4) (2022-07-11)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.2...@contentful/field-editor-dropdown@1.1.3) (2022-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.1.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.1.1...@contentful/field-editor-dropdown@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-dropdown@1.1.0...@contentful/field-editor-dropdown@1.1.1) (2022-02-14)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [1.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.0.3...@contentful/field-editor-dropdown@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-dropdown@1.0.2...@contentful/field-editor-dropdown@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-dropdown@1.0.1...@contentful/field-editor-dropdown@1.0.2) (2021-12-20)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [1.0.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@1.0.0...@contentful/field-editor-dropdown@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-dropdown@0.16.0...@contentful/field-editor-dropdown@1.0.0) (2021-11-04)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [0.16.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.15.1...@contentful/field-editor-dropdown@0.16.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.15.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.15.0...@contentful/field-editor-dropdown@0.15.1) (2021-10-14)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [0.15.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.14.4...@contentful/field-editor-dropdown@0.15.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.14.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.14.3...@contentful/field-editor-dropdown@0.14.4) (2021-09-17)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.14.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.14.2...@contentful/field-editor-dropdown@0.14.3) (2021-09-16)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.14.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.14.1...@contentful/field-editor-dropdown@0.14.2) (2021-08-19)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.14.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.14.0...@contentful/field-editor-dropdown@0.14.1) (2021-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [0.14.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.6...@contentful/field-editor-dropdown@0.14.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.13.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.3...@contentful/field-editor-dropdown@0.13.6) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.13.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.3...@contentful/field-editor-dropdown@0.13.5) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.13.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.3...@contentful/field-editor-dropdown@0.13.4) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.13.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.2...@contentful/field-editor-dropdown@0.13.3) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.13.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.1...@contentful/field-editor-dropdown@0.13.2) (2021-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.13.0...@contentful/field-editor-dropdown@0.13.1) (2021-03-05)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.12.2...@contentful/field-editor-dropdown@0.13.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.12.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.12.1...@contentful/field-editor-dropdown@0.12.2) (2021-02-09)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.12.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.12.0...@contentful/field-editor-dropdown@0.12.1) (2021-02-01)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-# [0.12.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.11.0...@contentful/field-editor-dropdown@0.12.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.11.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.5...@contentful/field-editor-dropdown@0.11.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.10.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.4...@contentful/field-editor-dropdown@0.10.5) (2020-12-16)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.10.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.3...@contentful/field-editor-dropdown@0.10.4) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.10.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.2...@contentful/field-editor-dropdown@0.10.3) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.10.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.1...@contentful/field-editor-dropdown@0.10.2) (2020-10-28)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown
-
-## [0.10.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-dropdown@0.10.0...@contentful/field-editor-dropdown@0.10.1) (2020-08-24)
-
-**Note:** Version bump only for package @contentful/field-editor-dropdown

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

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var f36Components = require('@contentful/f36-components');
-var fieldEditorShared = require('@contentful/field-editor-shared');
-var nanoid = require('nanoid');
-var emotion = require('emotion');
-
-function parseValue(value, fieldType) {
-  if (value === '') {
-    return undefined;
-  }
-
-  if (fieldType === 'Integer' || fieldType === 'Number') {
-    const asNumber = Number(value);
-    return isNaN(asNumber) ? undefined : asNumber;
-  }
-
-  return value;
-}
-function getOptions(field) {
-  // Get first object that has a 'in' property
-  const validations = field.validations || [];
-  const predefinedValues = validations.filter(validation => validation.in).map(validation => validation.in);
-  const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];
-  return firstPredefinedValues.map(value => ({
-    id: nanoid.nanoid(6),
-    value: parseValue(value, field.type),
-    label: String(value)
-  })).filter(item => {
-    return item.value !== undefined;
-  });
-}
-
-const rightToLeft = /*#__PURE__*/emotion.css({
-  direction: 'rtl'
-});
-
-function DropdownEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-  const options = 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
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => React.createElement(f36Components.Select, {
-    testId: "dropdown-editor",
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    className: direction === 'rtl' ? rightToLeft : '',
-    isRequired: field.required,
-    value: value === undefined ? '' : String(value),
-    onChange: e => {
-      const value = e.target.value;
-      setValue(parseValue(value, field.type));
-    }
-  }, React.createElement(f36Components.Select.Option, {
-    value: ""
-  }, "Choose a value"), options.map(option => React.createElement(f36Components.Select.Option, {
-    key: option.value,
-    value: String(option.value)
-  }, option.label))));
-}
-DropdownEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-exports.DropdownEditor = DropdownEditor;
-exports.getOptions = getOptions;
-exports.parseValue = parseValue;
-//# sourceMappingURL=field-editor-dropdown.cjs.development.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-dropdown.cjs.development.js","sources":["../src/dropdownUtils.ts","../src/styles.ts","../src/DropdownEditor.tsx"],"sourcesContent":["import { FieldAPI } from '@contentful/field-editor-shared';\nimport { nanoid } from 'nanoid';\n\ntype DropdownOption = {\n  id: string;\n  value: string | number | undefined;\n  label: string;\n};\n\nexport function parseValue(value: string, fieldType: string): string | number | undefined {\n  if (value === '') {\n    return undefined;\n  }\n  if (fieldType === 'Integer' || fieldType === 'Number') {\n    const asNumber = Number(value);\n    return isNaN(asNumber) ? undefined : asNumber;\n  }\n  return value;\n}\n\nexport function getOptions(field: FieldAPI): DropdownOption[] {\n  // Get first object that has a 'in' property\n  const validations = field.validations || [];\n  const predefinedValues = validations\n    .filter((validation) => (validation as any).in)\n    .map((validation) => (validation as any).in);\n\n  const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];\n\n  return firstPredefinedValues\n    .map((value: string) => ({\n      id: nanoid(6),\n      value: parseValue(value, field.type),\n      label: String(value),\n    }))\n    .filter((item: { value: string | number | undefined; label: string }) => {\n      return item.value !== undefined;\n    });\n}\n","import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { Select } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport { getOptions, parseValue } from './dropdownUtils';\nimport * as styles from './styles';\n\n\nexport interface DropdownEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function DropdownEditor(props: DropdownEditorProps) {\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      {({ value, errors, disabled, setValue }) => (\n        <Select\n          testId=\"dropdown-editor\"\n          isInvalid={errors.length > 0}\n          isDisabled={disabled}\n          className={direction === 'rtl' ? styles.rightToLeft : ''}\n          isRequired={field.required}\n          value={value === undefined ? '' : String(value)}\n          onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {\n            const value = e.target.value;\n            setValue(parseValue(value, field.type));\n          }}>\n          <Select.Option value=\"\">Choose a value</Select.Option>\n          {options.map((option) => (\n            <Select.Option key={option.value} value={String(option.value)}>\n              {option.label}\n            </Select.Option>\n          ))}\n        </Select>\n      )}\n    </FieldConnector>\n  );\n}\n\nDropdownEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["parseValue","value","fieldType","undefined","asNumber","Number","isNaN","getOptions","field","validations","predefinedValues","filter","validation","in","map","firstPredefinedValues","length","id","nanoid","type","label","String","item","rightToLeft","css","direction","DropdownEditor","props","locales","options","misconfigured","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","errors","disabled","setValue","Select","testId","isInvalid","isDisabled","className","styles","isRequired","required","onChange","e","target","Option","option","key","defaultProps"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@contentful/f36-components"),r=require("@contentful/field-editor-shared"),i=require("nanoid");function l(e,t){if(""!==e){if("Integer"===t||"Number"===t){const t=Number(e);return isNaN(t)?void 0:t}return e}}function n(e){const t=(e.validations||[]).filter(e=>e.in).map(e=>e.in);return(t.length>0?t[0]:[]).map(t=>({id:i.nanoid(6),value:l(t,e.type),label:String(t)})).filter(e=>void 0!==e.value)}const a=require("emotion").css({direction:"rtl"});function o(i){const{field:o,locales:s}=i,u=n(o);if(0===u.length)return e.createElement(r.PredefinedValuesError,null);const d=s.direction[o.locale]||"ltr";return e.createElement(r.FieldConnector,{throttle:0,field:o,isInitiallyDisabled:i.isInitiallyDisabled},({value:r,errors:i,disabled:n,setValue:s})=>e.createElement(t.Select,{testId:"dropdown-editor",isInvalid:i.length>0,isDisabled:n,className:"rtl"===d?a:"",isRequired:o.required,value:void 0===r?"":String(r),onChange:e=>{s(l(e.target.value,o.type))}},e.createElement(t.Select.Option,{value:""},"Choose a value"),u.map(r=>e.createElement(t.Select.Option,{key:r.value,value:String(r.value)},r.label))))}o.defaultProps={isInitiallyDisabled:!0},exports.DropdownEditor=o,exports.getOptions=n,exports.parseValue=l;
-//# sourceMappingURL=field-editor-dropdown.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-dropdown.cjs.production.min.js","sources":["../src/dropdownUtils.ts","../src/styles.ts","../src/DropdownEditor.tsx"],"sourcesContent":["import { FieldAPI } from '@contentful/field-editor-shared';\nimport { nanoid } from 'nanoid';\n\ntype DropdownOption = {\n  id: string;\n  value: string | number | undefined;\n  label: string;\n};\n\nexport function parseValue(value: string, fieldType: string): string | number | undefined {\n  if (value === '') {\n    return undefined;\n  }\n  if (fieldType === 'Integer' || fieldType === 'Number') {\n    const asNumber = Number(value);\n    return isNaN(asNumber) ? undefined : asNumber;\n  }\n  return value;\n}\n\nexport function getOptions(field: FieldAPI): DropdownOption[] {\n  // Get first object that has a 'in' property\n  const validations = field.validations || [];\n  const predefinedValues = validations\n    .filter((validation) => (validation as any).in)\n    .map((validation) => (validation as any).in);\n\n  const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];\n\n  return firstPredefinedValues\n    .map((value: string) => ({\n      id: nanoid(6),\n      value: parseValue(value, field.type),\n      label: String(value),\n    }))\n    .filter((item: { value: string | number | undefined; label: string }) => {\n      return item.value !== undefined;\n    });\n}\n","import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { Select } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport { getOptions, parseValue } from './dropdownUtils';\nimport * as styles from './styles';\n\n\nexport interface DropdownEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function DropdownEditor(props: DropdownEditorProps) {\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      {({ value, errors, disabled, setValue }) => (\n        <Select\n          testId=\"dropdown-editor\"\n          isInvalid={errors.length > 0}\n          isDisabled={disabled}\n          className={direction === 'rtl' ? styles.rightToLeft : ''}\n          isRequired={field.required}\n          value={value === undefined ? '' : String(value)}\n          onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {\n            const value = e.target.value;\n            setValue(parseValue(value, field.type));\n          }}>\n          <Select.Option value=\"\">Choose a value</Select.Option>\n          {options.map((option) => (\n            <Select.Option key={option.value} value={String(option.value)}>\n              {option.label}\n            </Select.Option>\n          ))}\n        </Select>\n      )}\n    </FieldConnector>\n  );\n}\n\nDropdownEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["parseValue","value","fieldType","asNumber","Number","isNaN","undefined","getOptions","field","predefinedValues","validations","filter","validation","in","map","length","id","nanoid","type","label","String","item","rightToLeft","direction","DropdownEditor","props","locales","options","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","errors","disabled","setValue","Select","testId","isInvalid","isDisabled","className","styles","isRequired","required","onChange","e","target","Option","option","key","defaultProps"],"mappings":"6MASgBA,EAAWC,EAAeC,MAC1B,KAAVD,MAGc,YAAdC,GAAyC,WAAdA,EAAwB,OAC/CC,EAAWC,OAAOH,UACjBI,MAAMF,QAAYG,EAAYH,SAEhCF,YAGOM,EAAWC,SAGnBC,GADcD,EAAME,aAAe,IAEtCC,OAAQC,GAAgBA,EAAmBC,IAC3CC,IAAKF,GAAgBA,EAAmBC,WAEbJ,EAAiBM,OAAS,EAAIN,EAAiB,GAAK,IAG/EK,IAAKb,KACJe,GAAIC,SAAO,GACXhB,MAAOD,EAAWC,EAAOO,EAAMU,MAC/BC,MAAOC,OAAOnB,MAEfU,OAAQU,QACef,IAAfe,EAAKpB,OClCX,MAAMqB,yBAAkB,CAC7BC,UAAW,iBC2BGC,EAAeC,SACvBjB,MAAEA,EAAFkB,QAASA,GAAYD,EAErBE,EAAUpB,EAAWC,MACc,IAAnBmB,EAAQZ,cAGrBa,gBAACC,oCAGJN,EAAYG,EAAQH,UAAUf,EAAMsB,SAAW,aAGnDF,gBAACG,kBACCC,SAAU,EACVxB,MAAOA,EACPyB,oBAAqBR,EAAMQ,qBAC1B,EAAGhC,MAAAA,EAAOiC,OAAAA,EAAQC,SAAAA,EAAUC,SAAAA,KAC3BR,gBAACS,UACCC,OAAO,kBACPC,UAAWL,EAAOnB,OAAS,EAC3ByB,WAAYL,EACZM,UAAyB,QAAdlB,EAAsBmB,EAAqB,GACtDC,WAAYnC,EAAMoC,SAClB3C,WAAiBK,IAAVL,EAAsB,GAAKmB,OAAOnB,GACzC4C,SAAWC,IAETV,EAASpC,EADK8C,EAAEC,OAAO9C,MACIO,EAAMU,SAEnCU,gBAACS,SAAOW,QAAO/C,MAAM,sBACpB0B,EAAQb,IAAKmC,GACZrB,gBAACS,SAAOW,QAAOE,IAAKD,EAAOhD,MAAOA,MAAOmB,OAAO6B,EAAOhD,QACpDgD,EAAO9B,UAStBK,EAAe2B,aAAe,CAC5BlB,qBAAqB"}

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

@@ -1,82 +0,0 @@
-import { createElement } from 'react';
-import { Select } from '@contentful/f36-components';
-import { PredefinedValuesError, FieldConnector } from '@contentful/field-editor-shared';
-import { nanoid } from 'nanoid';
-import { css } from 'emotion';
-
-function parseValue(value, fieldType) {
-  if (value === '') {
-    return undefined;
-  }
-
-  if (fieldType === 'Integer' || fieldType === 'Number') {
-    const asNumber = Number(value);
-    return isNaN(asNumber) ? undefined : asNumber;
-  }
-
-  return value;
-}
-function getOptions(field) {
-  // Get first object that has a 'in' property
-  const validations = field.validations || [];
-  const predefinedValues = validations.filter(validation => validation.in).map(validation => validation.in);
-  const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];
-  return firstPredefinedValues.map(value => ({
-    id: nanoid(6),
-    value: parseValue(value, field.type),
-    label: String(value)
-  })).filter(item => {
-    return item.value !== undefined;
-  });
-}
-
-const rightToLeft = /*#__PURE__*/css({
-  direction: 'rtl'
-});
-
-function DropdownEditor(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
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => createElement(Select, {
-    testId: "dropdown-editor",
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    className: direction === 'rtl' ? rightToLeft : '',
-    isRequired: field.required,
-    value: value === undefined ? '' : String(value),
-    onChange: e => {
-      const value = e.target.value;
-      setValue(parseValue(value, field.type));
-    }
-  }, createElement(Select.Option, {
-    value: ""
-  }, "Choose a value"), options.map(option => createElement(Select.Option, {
-    key: option.value,
-    value: String(option.value)
-  }, option.label))));
-}
-DropdownEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-export { DropdownEditor, getOptions, parseValue };
-//# sourceMappingURL=field-editor-dropdown.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-dropdown.esm.js","sources":["../src/dropdownUtils.ts","../src/styles.ts","../src/DropdownEditor.tsx"],"sourcesContent":["import { FieldAPI } from '@contentful/field-editor-shared';\nimport { nanoid } from 'nanoid';\n\ntype DropdownOption = {\n  id: string;\n  value: string | number | undefined;\n  label: string;\n};\n\nexport function parseValue(value: string, fieldType: string): string | number | undefined {\n  if (value === '') {\n    return undefined;\n  }\n  if (fieldType === 'Integer' || fieldType === 'Number') {\n    const asNumber = Number(value);\n    return isNaN(asNumber) ? undefined : asNumber;\n  }\n  return value;\n}\n\nexport function getOptions(field: FieldAPI): DropdownOption[] {\n  // Get first object that has a 'in' property\n  const validations = field.validations || [];\n  const predefinedValues = validations\n    .filter((validation) => (validation as any).in)\n    .map((validation) => (validation as any).in);\n\n  const firstPredefinedValues = predefinedValues.length > 0 ? predefinedValues[0] : [];\n\n  return firstPredefinedValues\n    .map((value: string) => ({\n      id: nanoid(6),\n      value: parseValue(value, field.type),\n      label: String(value),\n    }))\n    .filter((item: { value: string | number | undefined; label: string }) => {\n      return item.value !== undefined;\n    });\n}\n","import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { Select } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  PredefinedValuesError,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport { getOptions, parseValue } from './dropdownUtils';\nimport * as styles from './styles';\n\n\nexport interface DropdownEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nexport function DropdownEditor(props: DropdownEditorProps) {\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      {({ value, errors, disabled, setValue }) => (\n        <Select\n          testId=\"dropdown-editor\"\n          isInvalid={errors.length > 0}\n          isDisabled={disabled}\n          className={direction === 'rtl' ? styles.rightToLeft : ''}\n          isRequired={field.required}\n          value={value === undefined ? '' : String(value)}\n          onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {\n            const value = e.target.value;\n            setValue(parseValue(value, field.type));\n          }}>\n          <Select.Option value=\"\">Choose a value</Select.Option>\n          {options.map((option) => (\n            <Select.Option key={option.value} value={String(option.value)}>\n              {option.label}\n            </Select.Option>\n          ))}\n        </Select>\n      )}\n    </FieldConnector>\n  );\n}\n\nDropdownEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["parseValue","value","fieldType","undefined","asNumber","Number","isNaN","getOptions","field","validations","predefinedValues","filter","validation","in","map","firstPredefinedValues","length","id","nanoid","type","label","String","item","rightToLeft","css","direction","DropdownEditor","props","locales","options","misconfigured","React","PredefinedValuesError","locale","FieldConnector","throttle","isInitiallyDisabled","errors","disabled","setValue","Select","testId","isInvalid","isDisabled","className","styles","isRequired","required","onChange","e","target","Option","option","key","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-dropdown.cjs.production.min.js')
-} else {
-  module.exports = require('./field-editor-dropdown.cjs.development.js')
-}