@contentful/field-editor-list 1.2.0 → 1.3.1

package/dist/cjs/ListEditor.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ListEditor", {
+    enumerable: true,
+    get: function() {
+        return ListEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _isEqual = _interop_require_default(require("lodash/isEqual"));
+const _styles = _interop_require_wildcard(require("./styles"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 isEmptyListValue(value) {
+    return value === null || value.length === 0;
+}
+function ListEditor(props) {
+    const { field , locales  } = props;
+    const direction = locales.direction[field.locale] || 'ltr';
+    return _react.createElement(_fieldeditorshared.FieldConnector, {
+        throttle: 0,
+        isEmptyValue: isEmptyListValue,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, (childProps)=>_react.createElement(ListEditorInternal, {
+            ...childProps,
+            direction: direction,
+            isRequired: field.required
+        }));
+}
+function ListEditorInternal({ setValue , value , errors , disabled , direction , isRequired  }) {
+    const [valueState, setValueState] = _react.useState(()=>(value || []).join(', '));
+    const onChange = (e)=>{
+        const valueAsArray = e.target.value.split(',').map((item)=>item.trim()).filter((item)=>item);
+        const changed = !(0, _isEqual.default)(valueAsArray, value);
+        setValue(valueAsArray);
+        const valueAsString = valueAsArray.join(', ');
+        setValueState(changed ? valueAsString : e.target.value);
+    };
+    return _react.createElement(_f36components.TextInput, {
+        testId: "list-editor-input",
+        className: direction === 'rtl' ? _styles.rightToLeft : '',
+        isRequired: isRequired,
+        isInvalid: errors.length > 0,
+        isDisabled: disabled,
+        value: valueState,
+        onChange: onChange
+    });
+}
+ListEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/cjs/ListEditor.spec.js

@@ -0,0 +1,149 @@
+"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 _ListEditor = require("./ListEditor");
+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('ListEditor', ()=>{
+    afterEach(_react1.cleanup);
+    function expectInputValue({ getByTestId  }, expected) {
+        const $input = getByTestId('list-editor-input');
+        expect($input).toHaveValue(expected);
+    }
+    function changeInputValue({ getByTestId  }, value) {
+        const $input = getByTestId('list-editor-input');
+        _react1.fireEvent.change($input, {
+            target: {
+                value
+            }
+        });
+    }
+    it('renders empty value properly', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        });
+        const renderResult = (0, _react1.render)(_react.createElement(_ListEditor.ListEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expectInputValue(renderResult, '');
+    });
+    it('renders non-empty value properly', ()=>{
+        const initialValue = [
+            'test1',
+            'test2',
+            'test3'
+        ];
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        }, initialValue);
+        const renderResult = (0, _react1.render)(_react.createElement(_ListEditor.ListEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        expectInputValue(renderResult, 'test1, test2, test3');
+    });
+    it('calls setValue and removeValue when user inputs data', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: []
+            };
+        });
+        const renderResult = (0, _react1.render)(_react.createElement(_ListEditor.ListEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        changeInputValue(renderResult, 'test1');
+        expect(field.setValue).toHaveBeenLastCalledWith([
+            'test1'
+        ]);
+        changeInputValue(renderResult, 'test1, test2 ,     test3');
+        expectInputValue(renderResult, 'test1, test2, test3');
+        expect(field.setValue).toHaveBeenCalledWith([
+            'test1',
+            'test2',
+            'test3'
+        ]);
+        changeInputValue(renderResult, '');
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+    });
+    it('keeps trailing commas', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            return {
+                ...field,
+                validations: []
+            };
+        }, [
+            'test1'
+        ]);
+        const renderResult = (0, _react1.render)(_react.createElement(_ListEditor.ListEditor, {
+            field: field,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)(),
+            isInitiallyDisabled: false
+        }));
+        changeInputValue(renderResult, 'test1,');
+        expect(field.setValue).toHaveBeenLastCalledWith([
+            'test1'
+        ]);
+        expectInputValue(renderResult, 'test1,');
+    });
+});

package/dist/cjs/index.js

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

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/ListEditor.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { TextInput } from '@contentful/f36-components';
+import { FieldConnector } from '@contentful/field-editor-shared';
+import isEqual from 'lodash/isEqual';
+import * as styles from './styles';
+function isEmptyListValue(value) {
+    return value === null || value.length === 0;
+}
+export function ListEditor(props) {
+    const { field , locales  } = props;
+    const direction = locales.direction[field.locale] || 'ltr';
+    return React.createElement(FieldConnector, {
+        throttle: 0,
+        isEmptyValue: isEmptyListValue,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, (childProps)=>React.createElement(ListEditorInternal, {
+            ...childProps,
+            direction: direction,
+            isRequired: field.required
+        }));
+}
+function ListEditorInternal({ setValue , value , errors , disabled , direction , isRequired  }) {
+    const [valueState, setValueState] = React.useState(()=>(value || []).join(', '));
+    const onChange = (e)=>{
+        const valueAsArray = e.target.value.split(',').map((item)=>item.trim()).filter((item)=>item);
+        const changed = !isEqual(valueAsArray, value);
+        setValue(valueAsArray);
+        const valueAsString = valueAsArray.join(', ');
+        setValueState(changed ? valueAsString : e.target.value);
+    };
+    return React.createElement(TextInput, {
+        testId: "list-editor-input",
+        className: direction === 'rtl' ? styles.rightToLeft : '',
+        isRequired: isRequired,
+        isInvalid: errors.length > 0,
+        isDisabled: disabled,
+        value: valueState,
+        onChange: onChange
+    });
+}
+ListEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/esm/ListEditor.spec.js

@@ -0,0 +1,106 @@
+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 { ListEditor } from './ListEditor';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('ListEditor', ()=>{
+    afterEach(cleanup);
+    function expectInputValue({ getByTestId  }, expected) {
+        const $input = getByTestId('list-editor-input');
+        expect($input).toHaveValue(expected);
+    }
+    function changeInputValue({ getByTestId  }, value) {
+        const $input = getByTestId('list-editor-input');
+        fireEvent.change($input, {
+            target: {
+                value
+            }
+        });
+    }
+    it('renders empty value properly', ()=>{
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        });
+        const renderResult = render(React.createElement(ListEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expectInputValue(renderResult, '');
+    });
+    it('renders non-empty value properly', ()=>{
+        const initialValue = [
+            'test1',
+            'test2',
+            'test3'
+        ];
+        const [field] = createFakeFieldAPI((mock)=>{
+            return {
+                ...mock,
+                validations: []
+            };
+        }, initialValue);
+        const renderResult = render(React.createElement(ListEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        expectInputValue(renderResult, 'test1, test2, test3');
+    });
+    it('calls setValue and removeValue when user inputs data', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                validations: []
+            };
+        });
+        const renderResult = render(React.createElement(ListEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        changeInputValue(renderResult, 'test1');
+        expect(field.setValue).toHaveBeenLastCalledWith([
+            'test1'
+        ]);
+        changeInputValue(renderResult, 'test1, test2 ,     test3');
+        expectInputValue(renderResult, 'test1, test2, test3');
+        expect(field.setValue).toHaveBeenCalledWith([
+            'test1',
+            'test2',
+            'test3'
+        ]);
+        changeInputValue(renderResult, '');
+        expect(field.removeValue).toHaveBeenCalledTimes(1);
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+    });
+    it('keeps trailing commas', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            return {
+                ...field,
+                validations: []
+            };
+        }, [
+            'test1'
+        ]);
+        const renderResult = render(React.createElement(ListEditor, {
+            field: field,
+            locales: createFakeLocalesAPI(),
+            isInitiallyDisabled: false
+        }));
+        changeInputValue(renderResult, 'test1,');
+        expect(field.setValue).toHaveBeenLastCalledWith([
+            'test1'
+        ]);
+        expectInputValue(renderResult, 'test1,');
+    });
+});

package/dist/esm/index.js

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

package/dist/esm/styles.js

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

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

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

package/dist/types/ListEditor.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 { ListEditor } from './ListEditor';
+export { ListEditor } from './ListEditor';

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-list",
-  "version": "1.2.0",
-  "main": "dist/index.js",
-  "module": "dist/field-editor-list.esm.js",
-  "typings": "dist/index.d.ts",
+  "version": "1.3.1",
+  "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,25 +22,30 @@
     "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-shared": "^1.2.0",
+    "@contentful/field-editor-shared": "^1.3.1",
     "emotion": "^10.0.17",
-    "lodash": "^4.17.15",
-    "lodash-es": "^4.17.15"
+    "lodash": "^4.17.15"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^1.3.0"
+    "@contentful/field-editor-test-utils": "^1.4.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "gitHead": "de7e74e3485dd69c240cfe9c545e6e50e41fb295"
+  "gitHead": "ca904b19ca794a2c40d82e1f7ede9e0be3560f22"
 }

package/CHANGELOG.md

@@ -1,198 +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-list@1.1.11...@contentful/field-editor-list@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-list@1.1.10...@contentful/field-editor-list@1.1.11) (2023-03-14)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.9...@contentful/field-editor-list@1.1.10) (2023-03-10)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.8...@contentful/field-editor-list@1.1.9) (2023-02-21)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.7...@contentful/field-editor-list@1.1.8) (2023-02-07)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.6...@contentful/field-editor-list@1.1.7) (2022-12-08)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.5...@contentful/field-editor-list@1.1.6) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.4...@contentful/field-editor-list@1.1.5) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.3...@contentful/field-editor-list@1.1.4) (2022-07-11)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.2...@contentful/field-editor-list@1.1.3) (2022-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.1.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.1.1...@contentful/field-editor-list@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-list@1.1.0...@contentful/field-editor-list@1.1.1) (2022-02-14)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-# [1.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.0.4...@contentful/field-editor-list@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.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.0.3...@contentful/field-editor-list@1.0.4) (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.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.0.2...@contentful/field-editor-list@1.0.3) (2021-12-20)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [1.0.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.0.1...@contentful/field-editor-list@1.0.2) (2021-11-18)
-
-### Bug Fixes
-
-- fix list field preventing commas after forma36 v4 ([#930](https://github.com/contentful/field-editors/issues/930)) ([01bc621](https://github.com/contentful/field-editors/commit/01bc6217d0e43ed28f8b5c013475697c159dcd73))
-
-## [1.0.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@1.0.0...@contentful/field-editor-list@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-list@0.16.0...@contentful/field-editor-list@1.0.0) (2021-11-04)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-# [0.16.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.6...@contentful/field-editor-list@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.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.5...@contentful/field-editor-list@0.15.6) (2021-10-14)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.15.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.4...@contentful/field-editor-list@0.15.5) (2021-10-06)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.15.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.3...@contentful/field-editor-list@0.15.4) (2021-09-17)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.15.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.2...@contentful/field-editor-list@0.15.3) (2021-09-16)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.15.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.1...@contentful/field-editor-list@0.15.2) (2021-08-19)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.15.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.15.0...@contentful/field-editor-list@0.15.1) (2021-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-# [0.15.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.6...@contentful/field-editor-list@0.15.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.14.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.3...@contentful/field-editor-list@0.14.6) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.14.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.3...@contentful/field-editor-list@0.14.5) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.14.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.3...@contentful/field-editor-list@0.14.4) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.14.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.2...@contentful/field-editor-list@0.14.3) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.14.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.1...@contentful/field-editor-list@0.14.2) (2021-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.14.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.14.0...@contentful/field-editor-list@0.14.1) (2021-03-05)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-# [0.14.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.13.2...@contentful/field-editor-list@0.14.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.13.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.13.1...@contentful/field-editor-list@0.13.2) (2021-02-09)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.13.0...@contentful/field-editor-list@0.13.1) (2021-02-01)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.12.0...@contentful/field-editor-list@0.13.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.12.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.5...@contentful/field-editor-list@0.12.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.11.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.4...@contentful/field-editor-list@0.11.5) (2020-12-16)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.11.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.3...@contentful/field-editor-list@0.11.4) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.11.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.2...@contentful/field-editor-list@0.11.3) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.11.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.1...@contentful/field-editor-list@0.11.2) (2020-10-28)
-
-**Note:** Version bump only for package @contentful/field-editor-list
-
-## [0.11.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-list@0.11.0...@contentful/field-editor-list@0.11.1) (2020-08-24)
-
-**Note:** Version bump only for package @contentful/field-editor-list

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

@@ -1,72 +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 fieldEditorShared = require('@contentful/field-editor-shared');
-var isEqual = _interopDefault(require('lodash/isEqual'));
-var emotion = require('emotion');
-
-const rightToLeft = /*#__PURE__*/emotion.css({
-  direction: 'rtl'
-});
-
-function isEmptyListValue(value) {
-  return value === null || value.length === 0;
-}
-
-function ListEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-  const direction = locales.direction[field.locale] || 'ltr';
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    throttle: 0,
-    isEmptyValue: isEmptyListValue,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, childProps => React.createElement(ListEditorInternal, { ...childProps,
-    direction: direction,
-    isRequired: field.required
-  }));
-}
-
-function ListEditorInternal({
-  setValue,
-  value,
-  errors,
-  disabled,
-  direction,
-  isRequired
-}) {
-  const [valueState, setValueState] = React.useState(() => (value || []).join(', '));
-
-  const onChange = e => {
-    const valueAsArray = e.target.value.split(',').map(item => item.trim()).filter(item => item);
-    const changed = !isEqual(valueAsArray, value);
-    setValue(valueAsArray);
-    const valueAsString = valueAsArray.join(', ');
-    setValueState(changed ? valueAsString : e.target.value);
-  };
-
-  return React.createElement(f36Components.TextInput, {
-    testId: "list-editor-input",
-    className: direction === 'rtl' ? rightToLeft : '',
-    isRequired: isRequired,
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    value: valueState,
-    onChange: onChange
-  });
-}
-
-ListEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-exports.ListEditor = ListEditor;
-//# sourceMappingURL=field-editor-list.cjs.development.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-list.cjs.development.js","sources":["../src/styles.ts","../src/ListEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\nimport isEqual from 'lodash/isEqual';\n\nimport * as styles from './styles';\n\n\nexport interface ListEditorProps {\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\ntype ListValue = string[];\n\nfunction isEmptyListValue(value: ListValue | null) {\n  return value === null || value.length === 0;\n}\n\nexport function ListEditor(props: ListEditorProps) {\n  const { field, locales } = props;\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<ListValue>\n      throttle={0}\n      isEmptyValue={isEmptyListValue}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {(childProps) => (\n        <ListEditorInternal {...childProps} direction={direction} isRequired={field.required} />\n      )}\n    </FieldConnector>\n  );\n}\n\nfunction ListEditorInternal({\n  setValue,\n  value,\n  errors,\n  disabled,\n  direction,\n  isRequired,\n}: FieldConnectorChildProps<ListValue> & { direction: 'rtl' | 'ltr'; isRequired: boolean }) {\n  const [valueState, setValueState] = React.useState(() => (value || []).join(', '));\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const valueAsArray = e.target.value\n      .split(',')\n      .map((item) => item.trim())\n      .filter((item) => item);\n    const changed = !isEqual(valueAsArray, value);\n    setValue(valueAsArray);\n\n    const valueAsString = valueAsArray.join(', ');\n    setValueState(changed ? valueAsString : e.target.value);\n  };\n\n  return (\n    <TextInput\n      testId=\"list-editor-input\"\n      className={direction === 'rtl' ? styles.rightToLeft : ''}\n      isRequired={isRequired}\n      isInvalid={errors.length > 0}\n      isDisabled={disabled}\n      value={valueState}\n      onChange={onChange}\n    />\n  );\n}\n\nListEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["rightToLeft","css","direction","isEmptyListValue","value","length","ListEditor","props","field","locales","locale","React","FieldConnector","throttle","isEmptyValue","isInitiallyDisabled","childProps","ListEditorInternal","isRequired","required","setValue","errors","disabled","valueState","setValueState","join","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","TextInput","testId","className","styles","isInvalid","isDisabled","defaultProps"],"mappings":";;;;;;;;;;;;AAEO,MAAMA,WAAW,gBAAGC,WAAG,CAAC;AAC7BC,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC2BP,SAASC,gBAAT,CAA0BC,KAA1B;AACE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,MAAN,KAAiB,CAA1C;AACD;;AAED,SAAgBC,WAAWC;AACzB,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;AAEA,QAAML,SAAS,GAAGO,OAAO,CAACP,SAAR,CAAkBM,KAAK,CAACE,MAAxB,KAAmC,KAArD;AAEA,SACEC,mBAAA,CAACC,gCAAD;AACEC,IAAAA,QAAQ,EAAE;AACVC,IAAAA,YAAY,EAAEX;AACdK,IAAAA,KAAK,EAAEA;AACPO,IAAAA,mBAAmB,EAAER,KAAK,CAACQ;GAJ7B,EAKIC,UAAD,IACCL,mBAAA,CAACM,kBAAD,OAAwBD;AAAYd,IAAAA,SAAS,EAAEA;AAAWgB,IAAAA,UAAU,EAAEV,KAAK,CAACW;GAA5E,CANJ,CADF;AAWD;;AAED,SAASF,kBAAT,CAA4B;AAC1BG,EAAAA,QAD0B;AAE1BhB,EAAAA,KAF0B;AAG1BiB,EAAAA,MAH0B;AAI1BC,EAAAA,QAJ0B;AAK1BpB,EAAAA,SAL0B;AAM1BgB,EAAAA;AAN0B,CAA5B;AAQE,QAAM,CAACK,UAAD,EAAaC,aAAb,IAA8Bb,cAAA,CAAe,MAAM,CAACP,KAAK,IAAI,EAAV,EAAcqB,IAAd,CAAmB,IAAnB,CAArB,CAApC;;AAEA,QAAMC,QAAQ,GAAIC,CAAD;AACf,UAAMC,YAAY,GAAGD,CAAC,CAACE,MAAF,CAASzB,KAAT,CAClB0B,KADkB,CACZ,GADY,EAElBC,GAFkB,CAEbC,IAAD,IAAUA,IAAI,CAACC,IAAL,EAFI,EAGlBC,MAHkB,CAGVF,IAAD,IAAUA,IAHC,CAArB;AAIA,UAAMG,OAAO,GAAG,CAACC,OAAO,CAACR,YAAD,EAAexB,KAAf,CAAxB;AACAgB,IAAAA,QAAQ,CAACQ,YAAD,CAAR;AAEA,UAAMS,aAAa,GAAGT,YAAY,CAACH,IAAb,CAAkB,IAAlB,CAAtB;AACAD,IAAAA,aAAa,CAACW,OAAO,GAAGE,aAAH,GAAmBV,CAAC,CAACE,MAAF,CAASzB,KAApC,CAAb;AACD,GAVD;;AAYA,SACEO,mBAAA,CAAC2B,uBAAD;AACEC,IAAAA,MAAM,EAAC;AACPC,IAAAA,SAAS,EAAEtC,SAAS,KAAK,KAAd,GAAsBuC,WAAtB,GAA2C;AACtDvB,IAAAA,UAAU,EAAEA;AACZwB,IAAAA,SAAS,EAAErB,MAAM,CAAChB,MAAP,GAAgB;AAC3BsC,IAAAA,UAAU,EAAErB;AACZlB,IAAAA,KAAK,EAAEmB;AACPG,IAAAA,QAAQ,EAAEA;GAPZ,CADF;AAWD;;AAEDpB,UAAU,CAACsC,YAAX,GAA0B;AACxB7B,EAAAA,mBAAmB,EAAE;AADG,CAA1B;;;;"}

package/dist/field-editor-list.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-shared"),l=(e=require("lodash/isEqual"))&&"object"==typeof e&&"default"in e?e.default:e;const n=require("emotion").css({direction:"rtl"});function s(e){return null===e||0===e.length}function o(e){const{field:i,locales:l}=e,n=l.direction[i.locale]||"ltr";return t.createElement(r.FieldConnector,{throttle:0,isEmptyValue:s,field:i,isInitiallyDisabled:e.isInitiallyDisabled},e=>t.createElement(a,{...e,direction:n,isRequired:i.required}))}function a({setValue:e,value:r,errors:s,disabled:o,direction:a,isRequired:u}){const[d,c]=t.useState(()=>(r||[]).join(", "));return t.createElement(i.TextInput,{testId:"list-editor-input",className:"rtl"===a?n:"",isRequired:u,isInvalid:s.length>0,isDisabled:o,value:d,onChange:t=>{const i=t.target.value.split(",").map(e=>e.trim()).filter(e=>e),n=!l(i,r);e(i);const s=i.join(", ");c(n?s:t.target.value)}})}o.defaultProps={isInitiallyDisabled:!0},exports.ListEditor=o;
-//# sourceMappingURL=field-editor-list.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-list.cjs.production.min.js","sources":["../src/styles.ts","../src/ListEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\nimport isEqual from 'lodash/isEqual';\n\nimport * as styles from './styles';\n\n\nexport interface ListEditorProps {\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\ntype ListValue = string[];\n\nfunction isEmptyListValue(value: ListValue | null) {\n  return value === null || value.length === 0;\n}\n\nexport function ListEditor(props: ListEditorProps) {\n  const { field, locales } = props;\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<ListValue>\n      throttle={0}\n      isEmptyValue={isEmptyListValue}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {(childProps) => (\n        <ListEditorInternal {...childProps} direction={direction} isRequired={field.required} />\n      )}\n    </FieldConnector>\n  );\n}\n\nfunction ListEditorInternal({\n  setValue,\n  value,\n  errors,\n  disabled,\n  direction,\n  isRequired,\n}: FieldConnectorChildProps<ListValue> & { direction: 'rtl' | 'ltr'; isRequired: boolean }) {\n  const [valueState, setValueState] = React.useState(() => (value || []).join(', '));\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const valueAsArray = e.target.value\n      .split(',')\n      .map((item) => item.trim())\n      .filter((item) => item);\n    const changed = !isEqual(valueAsArray, value);\n    setValue(valueAsArray);\n\n    const valueAsString = valueAsArray.join(', ');\n    setValueState(changed ? valueAsString : e.target.value);\n  };\n\n  return (\n    <TextInput\n      testId=\"list-editor-input\"\n      className={direction === 'rtl' ? styles.rightToLeft : ''}\n      isRequired={isRequired}\n      isInvalid={errors.length > 0}\n      isDisabled={disabled}\n      value={valueState}\n      onChange={onChange}\n    />\n  );\n}\n\nListEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["rightToLeft","direction","isEmptyListValue","value","length","ListEditor","props","field","locales","locale","React","FieldConnector","throttle","isEmptyValue","isInitiallyDisabled","childProps","ListEditorInternal","isRequired","required","setValue","errors","disabled","valueState","setValueState","join","TextInput","testId","className","styles","isInvalid","isDisabled","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","defaultProps"],"mappings":"iQAEO,MAAMA,yBAAkB,CAC7BC,UAAW,QC0Bb,SAASC,EAAiBC,UACP,OAAVA,GAAmC,IAAjBA,EAAMC,gBAGjBC,EAAWC,SACnBC,MAAEA,EAAFC,QAASA,GAAYF,EAErBL,EAAYO,EAAQP,UAAUM,EAAME,SAAW,aAGnDC,gBAACC,kBACCC,SAAU,EACVC,aAAcX,EACdK,MAAOA,EACPO,oBAAqBR,EAAMQ,qBACzBC,GACAL,gBAACM,MAAuBD,EAAYd,UAAWA,EAAWgB,WAAYV,EAAMW,YAMpF,SAASF,GAAmBG,SAC1BA,EAD0BhB,MAE1BA,EAF0BiB,OAG1BA,EAH0BC,SAI1BA,EAJ0BpB,UAK1BA,EAL0BgB,WAM1BA,UAEOK,EAAYC,GAAiBb,WAAe,KAAOP,GAAS,IAAIqB,KAAK,cAe1Ed,gBAACe,aACCC,OAAO,oBACPC,UAAyB,QAAd1B,EAAsB2B,EAAqB,GACtDX,WAAYA,EACZY,UAAWT,EAAOhB,OAAS,EAC3B0B,WAAYT,EACZlB,MAAOmB,EACPS,SApBcC,UACVC,EAAeD,EAAEE,OAAO/B,MAC3BgC,MAAM,KACNC,IAAKC,GAASA,EAAKC,QACnBC,OAAQF,GAASA,GACdG,GAAWC,EAAQR,EAAc9B,GACvCgB,EAASc,SAEHS,EAAgBT,EAAaT,KAAK,MACxCD,EAAciB,EAAUE,EAAgBV,EAAEE,OAAO/B,UAgBrDE,EAAWsC,aAAe,CACxB7B,qBAAqB"}

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

@@ -1,66 +0,0 @@
-import { createElement, useState } from 'react';
-import { TextInput } from '@contentful/f36-components';
-import { FieldConnector } from '@contentful/field-editor-shared';
-import isEqual from 'lodash-es/isEqual';
-import { css } from 'emotion';
-
-const rightToLeft = /*#__PURE__*/css({
-  direction: 'rtl'
-});
-
-function isEmptyListValue(value) {
-  return value === null || value.length === 0;
-}
-
-function ListEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-  const direction = locales.direction[field.locale] || 'ltr';
-  return createElement(FieldConnector, {
-    throttle: 0,
-    isEmptyValue: isEmptyListValue,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, childProps => createElement(ListEditorInternal, { ...childProps,
-    direction: direction,
-    isRequired: field.required
-  }));
-}
-
-function ListEditorInternal({
-  setValue,
-  value,
-  errors,
-  disabled,
-  direction,
-  isRequired
-}) {
-  const [valueState, setValueState] = useState(() => (value || []).join(', '));
-
-  const onChange = e => {
-    const valueAsArray = e.target.value.split(',').map(item => item.trim()).filter(item => item);
-    const changed = !isEqual(valueAsArray, value);
-    setValue(valueAsArray);
-    const valueAsString = valueAsArray.join(', ');
-    setValueState(changed ? valueAsString : e.target.value);
-  };
-
-  return createElement(TextInput, {
-    testId: "list-editor-input",
-    className: direction === 'rtl' ? rightToLeft : '',
-    isRequired: isRequired,
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    value: valueState,
-    onChange: onChange
-  });
-}
-
-ListEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-export { ListEditor };
-//# sourceMappingURL=field-editor-list.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-list.esm.js","sources":["../src/styles.ts","../src/ListEditor.tsx"],"sourcesContent":["import { css } from 'emotion';\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\nimport isEqual from 'lodash/isEqual';\n\nimport * as styles from './styles';\n\n\nexport interface ListEditorProps {\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\ntype ListValue = string[];\n\nfunction isEmptyListValue(value: ListValue | null) {\n  return value === null || value.length === 0;\n}\n\nexport function ListEditor(props: ListEditorProps) {\n  const { field, locales } = props;\n\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<ListValue>\n      throttle={0}\n      isEmptyValue={isEmptyListValue}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}>\n      {(childProps) => (\n        <ListEditorInternal {...childProps} direction={direction} isRequired={field.required} />\n      )}\n    </FieldConnector>\n  );\n}\n\nfunction ListEditorInternal({\n  setValue,\n  value,\n  errors,\n  disabled,\n  direction,\n  isRequired,\n}: FieldConnectorChildProps<ListValue> & { direction: 'rtl' | 'ltr'; isRequired: boolean }) {\n  const [valueState, setValueState] = React.useState(() => (value || []).join(', '));\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const valueAsArray = e.target.value\n      .split(',')\n      .map((item) => item.trim())\n      .filter((item) => item);\n    const changed = !isEqual(valueAsArray, value);\n    setValue(valueAsArray);\n\n    const valueAsString = valueAsArray.join(', ');\n    setValueState(changed ? valueAsString : e.target.value);\n  };\n\n  return (\n    <TextInput\n      testId=\"list-editor-input\"\n      className={direction === 'rtl' ? styles.rightToLeft : ''}\n      isRequired={isRequired}\n      isInvalid={errors.length > 0}\n      isDisabled={disabled}\n      value={valueState}\n      onChange={onChange}\n    />\n  );\n}\n\nListEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["rightToLeft","css","direction","isEmptyListValue","value","length","ListEditor","props","field","locales","locale","React","FieldConnector","throttle","isEmptyValue","isInitiallyDisabled","childProps","ListEditorInternal","isRequired","required","setValue","errors","disabled","valueState","setValueState","join","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","TextInput","testId","className","styles","isInvalid","isDisabled","defaultProps"],"mappings":";;;;;;AAEO,MAAMA,WAAW,gBAAGC,GAAG,CAAC;AAC7BC,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC2BP,SAASC,gBAAT,CAA0BC,KAA1B;AACE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,MAAN,KAAiB,CAA1C;AACD;;AAED,SAAgBC,WAAWC;AACzB,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;AAEA,QAAML,SAAS,GAAGO,OAAO,CAACP,SAAR,CAAkBM,KAAK,CAACE,MAAxB,KAAmC,KAArD;AAEA,SACEC,aAAA,CAACC,cAAD;AACEC,IAAAA,QAAQ,EAAE;AACVC,IAAAA,YAAY,EAAEX;AACdK,IAAAA,KAAK,EAAEA;AACPO,IAAAA,mBAAmB,EAAER,KAAK,CAACQ;GAJ7B,EAKIC,UAAD,IACCL,aAAA,CAACM,kBAAD,OAAwBD;AAAYd,IAAAA,SAAS,EAAEA;AAAWgB,IAAAA,UAAU,EAAEV,KAAK,CAACW;GAA5E,CANJ,CADF;AAWD;;AAED,SAASF,kBAAT,CAA4B;AAC1BG,EAAAA,QAD0B;AAE1BhB,EAAAA,KAF0B;AAG1BiB,EAAAA,MAH0B;AAI1BC,EAAAA,QAJ0B;AAK1BpB,EAAAA,SAL0B;AAM1BgB,EAAAA;AAN0B,CAA5B;AAQE,QAAM,CAACK,UAAD,EAAaC,aAAb,IAA8Bb,QAAA,CAAe,MAAM,CAACP,KAAK,IAAI,EAAV,EAAcqB,IAAd,CAAmB,IAAnB,CAArB,CAApC;;AAEA,QAAMC,QAAQ,GAAIC,CAAD;AACf,UAAMC,YAAY,GAAGD,CAAC,CAACE,MAAF,CAASzB,KAAT,CAClB0B,KADkB,CACZ,GADY,EAElBC,GAFkB,CAEbC,IAAD,IAAUA,IAAI,CAACC,IAAL,EAFI,EAGlBC,MAHkB,CAGVF,IAAD,IAAUA,IAHC,CAArB;AAIA,UAAMG,OAAO,GAAG,CAACC,OAAO,CAACR,YAAD,EAAexB,KAAf,CAAxB;AACAgB,IAAAA,QAAQ,CAACQ,YAAD,CAAR;AAEA,UAAMS,aAAa,GAAGT,YAAY,CAACH,IAAb,CAAkB,IAAlB,CAAtB;AACAD,IAAAA,aAAa,CAACW,OAAO,GAAGE,aAAH,GAAmBV,CAAC,CAACE,MAAF,CAASzB,KAApC,CAAb;AACD,GAVD;;AAYA,SACEO,aAAA,CAAC2B,SAAD;AACEC,IAAAA,MAAM,EAAC;AACPC,IAAAA,SAAS,EAAEtC,SAAS,KAAK,KAAd,GAAsBuC,WAAtB,GAA2C;AACtDvB,IAAAA,UAAU,EAAEA;AACZwB,IAAAA,SAAS,EAAErB,MAAM,CAAChB,MAAP,GAAgB;AAC3BsC,IAAAA,UAAU,EAAErB;AACZlB,IAAAA,KAAK,EAAEmB;AACPG,IAAAA,QAAQ,EAAEA;GAPZ,CADF;AAWD;;AAEDpB,UAAU,CAACsC,YAAX,GAA0B;AACxB7B,EAAAA,mBAAmB,EAAE;AADG,CAA1B;;;;"}

package/dist/index.js

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