@contentful/field-editor-list 1.1.11 → 1.3.0

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.1.11",
-  "main": "dist/index.js",
-  "module": "dist/field-editor-list.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,25 +22,31 @@
     "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.1.8",
+    "@contentful/field-editor-shared": "^1.3.0",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^1.2.7"
+    "@contentful/field-editor-test-utils": "^1.4.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "gitHead": "4fff7b9534374dcc44cb477240d369fc34f46415"
+  "gitHead": "543e02672a8dd4edc810f9f3568d6b69c454e1f9"
 }

package/CHANGELOG.md

@@ -1,192 +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.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,98 +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 fieldEditorShared = require('@contentful/field-editor-shared');
-var emotion = require('emotion');
-var isEqual = _interopDefault(require('lodash/isEqual'));
-var f36Components = require('@contentful/f36-components');
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var rightToLeft = /*#__PURE__*/emotion.css({
-  direction: 'rtl'
-});
-
-function isEmptyListValue(value) {
-  return value === null || value.length === 0;
-}
-
-function ListEditor(props) {
-  var field = props.field,
-      locales = props.locales;
-  var direction = locales.direction[field.locale] || 'ltr';
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    throttle: 0,
-    isEmptyValue: isEmptyListValue,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, function (childProps) {
-    return React.createElement(ListEditorInternal, _extends({}, childProps, {
-      direction: direction,
-      isRequired: field.required
-    }));
-  });
-}
-
-function ListEditorInternal(_ref) {
-  var setValue = _ref.setValue,
-      value = _ref.value,
-      errors = _ref.errors,
-      disabled = _ref.disabled,
-      direction = _ref.direction,
-      isRequired = _ref.isRequired;
-
-  var _React$useState = React.useState(function () {
-    return (value || []).join(', ');
-  }),
-      valueState = _React$useState[0],
-      setValueState = _React$useState[1];
-
-  var onChange = function onChange(e) {
-    var valueAsArray = e.target.value.split(',').map(function (item) {
-      return item.trim();
-    }).filter(function (item) {
-      return item;
-    });
-    var changed = !isEqual(valueAsArray, value);
-    setValue(valueAsArray);
-    var 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';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport * as styles from './styles';\nimport isEqual from 'lodash/isEqual';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\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","join","valueState","setValueState","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","TextInput","testId","className","styles","isInvalid","isDisabled","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,WAAW,gBAAGC,WAAG,CAAC;AAC7BC,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;ACyBP,SAASC,gBAAT,CAA0BC,KAA1B;AACE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,MAAN,KAAiB,CAA1C;AACD;;AAED,SAAgBC,WAAWC;AACzB,MAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR;AAAA,MAAeC,OAAf,GAA2BF,KAA3B,CAAeE,OAAf;AAEA,MAAMP,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,EAKG,UAACC,UAAD;AAAA,WACCL,mBAAA,CAACM,kBAAD,eAAwBD,UAAxB;AAAoCd,MAAAA,SAAS,EAAEA,SAA/C;AAA0DgB,MAAAA,UAAU,EAAEV,KAAK,CAACW;AAA5E,OADD;AAAA,GALH,CADF;AAWD;;AAED,SAASF,kBAAT;MACEG,gBAAAA;MACAhB,aAAAA;MACAiB,cAAAA;MACAC,gBAAAA;MACApB,iBAAAA;MACAgB,kBAAAA;;AAEA,wBAAoCP,cAAA,CAAe;AAAA,WAAM,CAACP,KAAK,IAAI,EAAV,EAAcmB,IAAd,CAAmB,IAAnB,CAAN;AAAA,GAAf,CAApC;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,CAAD;AACf,QAAMC,YAAY,GAAGD,CAAC,CAACE,MAAF,CAASzB,KAAT,CAClB0B,KADkB,CACZ,GADY,EAElBC,GAFkB,CAEd,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,IAAL,EAAV;AAAA,KAFc,EAGlBC,MAHkB,CAGX,UAACF,IAAD;AAAA,aAAUA,IAAV;AAAA,KAHW,CAArB;AAIA,QAAMG,OAAO,GAAG,CAACC,OAAO,CAACR,YAAD,EAAexB,KAAf,CAAxB;AACAgB,IAAAA,QAAQ,CAACQ,YAAD,CAAR;AAEA,QAAMS,aAAa,GAAGT,YAAY,CAACL,IAAb,CAAkB,IAAlB,CAAtB;AACAE,IAAAA,aAAa,CAACU,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,EAAEoB;AACPE,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"),r=require("@contentful/field-editor-shared"),i=require("emotion"),n=(e=require("lodash/isEqual"))&&"object"==typeof e&&"default"in e?e.default:e,l=require("@contentful/f36-components");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}var u=i.css({direction:"rtl"});function o(e){return null===e||0===e.length}function s(e){var i=e.field,n=e.locales.direction[i.locale]||"ltr";return t.createElement(r.FieldConnector,{throttle:0,isEmptyValue:o,field:i,isInitiallyDisabled:e.isInitiallyDisabled},(function(e){return t.createElement(c,a({},e,{direction:n,isRequired:i.required}))}))}function c(e){var r=e.setValue,i=e.value,a=e.errors,o=e.disabled,s=e.direction,c=e.isRequired,d=t.useState((function(){return(i||[]).join(", ")})),f=d[1];return t.createElement(l.TextInput,{testId:"list-editor-input",className:"rtl"===s?u:"",isRequired:c,isInvalid:a.length>0,isDisabled:o,value:d[0],onChange:function(e){var t=e.target.value.split(",").map((function(e){return e.trim()})).filter((function(e){return e})),l=!n(t,i);r(t);var a=t.join(", ");f(l?a:e.target.value)}})}s.defaultProps={isInitiallyDisabled:!0},exports.ListEditor=s;
-//# 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';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport * as styles from './styles';\nimport isEqual from 'lodash/isEqual';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\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","join","setValueState","TextInput","testId","className","styles","isInvalid","isDisabled","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","defaultProps"],"mappings":"qeAEO,IAAMA,EAAcC,MAAI,CAC7BC,UAAW,QCwBb,SAASC,EAAiBC,UACP,OAAVA,GAAmC,IAAjBA,EAAMC,gBAGjBC,EAAWC,OACjBC,EAAmBD,EAAnBC,MAEFN,EAFqBK,EAAZE,QAEWP,UAAUM,EAAME,SAAW,aAGnDC,gBAACC,kBACCC,SAAU,EACVC,aAAcX,EACdK,MAAOA,EACPO,oBAAqBR,EAAMQ,sBAC1B,SAACC,UACAL,gBAACM,OAAuBD,GAAYd,UAAWA,EAAWgB,WAAYV,EAAMW,eAMpF,SAASF,SACPG,IAAAA,SACAhB,IAAAA,MACAiB,IAAAA,OACAC,IAAAA,SACApB,IAAAA,UACAgB,IAAAA,aAEoCP,YAAe,kBAAOP,GAAS,IAAImB,KAAK,SAAzDC,cAejBb,gBAACc,aACCC,OAAO,oBACPC,UAAyB,QAAdzB,EAAsB0B,EAAqB,GACtDV,WAAYA,EACZW,UAAWR,EAAOhB,OAAS,EAC3ByB,WAAYR,EACZlB,WACA2B,SApBa,SAACC,OACVC,EAAeD,EAAEE,OAAO9B,MAC3B+B,MAAM,KACNC,KAAI,SAACC,UAASA,EAAKC,UACnBC,QAAO,SAACF,UAASA,KACdG,GAAWC,EAAQR,EAAc7B,GACvCgB,EAASa,OAEHS,EAAgBT,EAAaV,KAAK,MACxCC,EAAcgB,EAAUE,EAAgBV,EAAEE,OAAO9B,UAgBrDE,EAAWqC,aAAe,CACxB5B,qBAAqB"}

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

@@ -1,92 +0,0 @@
-import { createElement, useState } from 'react';
-import { FieldConnector } from '@contentful/field-editor-shared';
-import { css } from 'emotion';
-import isEqual from 'lodash-es/isEqual';
-import { TextInput } from '@contentful/f36-components';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var rightToLeft = /*#__PURE__*/css({
-  direction: 'rtl'
-});
-
-function isEmptyListValue(value) {
-  return value === null || value.length === 0;
-}
-
-function ListEditor(props) {
-  var field = props.field,
-      locales = props.locales;
-  var direction = locales.direction[field.locale] || 'ltr';
-  return createElement(FieldConnector, {
-    throttle: 0,
-    isEmptyValue: isEmptyListValue,
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, function (childProps) {
-    return createElement(ListEditorInternal, _extends({}, childProps, {
-      direction: direction,
-      isRequired: field.required
-    }));
-  });
-}
-
-function ListEditorInternal(_ref) {
-  var setValue = _ref.setValue,
-      value = _ref.value,
-      errors = _ref.errors,
-      disabled = _ref.disabled,
-      direction = _ref.direction,
-      isRequired = _ref.isRequired;
-
-  var _React$useState = useState(function () {
-    return (value || []).join(', ');
-  }),
-      valueState = _React$useState[0],
-      setValueState = _React$useState[1];
-
-  var onChange = function onChange(e) {
-    var valueAsArray = e.target.value.split(',').map(function (item) {
-      return item.trim();
-    }).filter(function (item) {
-      return item;
-    });
-    var changed = !isEqual(valueAsArray, value);
-    setValue(valueAsArray);
-    var 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';\nimport { FieldAPI, FieldConnector, LocalesAPI } from '@contentful/field-editor-shared';\nimport * as styles from './styles';\nimport isEqual from 'lodash/isEqual';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { FieldConnectorChildProps } from '@contentful/field-editor-shared/dist/FieldConnector';\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","join","valueState","setValueState","onChange","e","valueAsArray","target","split","map","item","trim","filter","changed","isEqual","valueAsString","TextInput","testId","className","styles","isInvalid","isDisabled","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,WAAW,gBAAGC,GAAG,CAAC;AAC7BC,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;ACyBP,SAASC,gBAAT,CAA0BC,KAA1B;AACE,SAAOA,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,MAAN,KAAiB,CAA1C;AACD;;AAED,SAAgBC,WAAWC;AACzB,MAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR;AAAA,MAAeC,OAAf,GAA2BF,KAA3B,CAAeE,OAAf;AAEA,MAAMP,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,EAKG,UAACC,UAAD;AAAA,WACCL,aAAA,CAACM,kBAAD,eAAwBD,UAAxB;AAAoCd,MAAAA,SAAS,EAAEA,SAA/C;AAA0DgB,MAAAA,UAAU,EAAEV,KAAK,CAACW;AAA5E,OADD;AAAA,GALH,CADF;AAWD;;AAED,SAASF,kBAAT;MACEG,gBAAAA;MACAhB,aAAAA;MACAiB,cAAAA;MACAC,gBAAAA;MACApB,iBAAAA;MACAgB,kBAAAA;;AAEA,wBAAoCP,QAAA,CAAe;AAAA,WAAM,CAACP,KAAK,IAAI,EAAV,EAAcmB,IAAd,CAAmB,IAAnB,CAAN;AAAA,GAAf,CAApC;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,CAAD;AACf,QAAMC,YAAY,GAAGD,CAAC,CAACE,MAAF,CAASzB,KAAT,CAClB0B,KADkB,CACZ,GADY,EAElBC,GAFkB,CAEd,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,IAAL,EAAV;AAAA,KAFc,EAGlBC,MAHkB,CAGX,UAACF,IAAD;AAAA,aAAUA,IAAV;AAAA,KAHW,CAArB;AAIA,QAAMG,OAAO,GAAG,CAACC,OAAO,CAACR,YAAD,EAAexB,KAAf,CAAxB;AACAgB,IAAAA,QAAQ,CAACQ,YAAD,CAAR;AAEA,QAAMS,aAAa,GAAGT,YAAY,CAACL,IAAb,CAAkB,IAAlB,CAAtB;AACAE,IAAAA,aAAa,CAACU,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,EAAEoB;AACPE,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')
-}