@contentful/field-editor-single-line 1.2.0 → 1.3.1

package/dist/cjs/SingleLineEditor.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SingleLineEditor", {
+    enumerable: true,
+    get: function() {
+        return SingleLineEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _styles = _interop_require_wildcard(require("./styles"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function isSupportedFieldTypes(val) {
+    return val === 'Symbol' || val === 'Text';
+}
+function SingleLineEditor(props) {
+    const { field , locales  } = props;
+    if (!isSupportedFieldTypes(field.type)) {
+        throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
+    }
+    const constraints = _fieldeditorshared.ConstraintsUtils.fromFieldValidations(field.validations, field.type);
+    const checkConstraint = _fieldeditorshared.ConstraintsUtils.makeChecker(constraints);
+    const direction = locales.direction[field.locale] || 'ltr';
+    return _react.createElement(_fieldeditorshared.FieldConnector, {
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled,
+        isDisabled: props.isDisabled
+    }, ({ value , errors , disabled , setValue  })=>{
+        return _react.createElement("div", {
+            "data-test-id": "single-line-editor"
+        }, _react.createElement(_f36components.TextInput, {
+            className: direction === 'rtl' ? _styles.rightToLeft : '',
+            isRequired: field.required,
+            isInvalid: errors.length > 0,
+            isDisabled: disabled,
+            value: value || '',
+            onChange: (e)=>{
+                setValue(e.target.value);
+            }
+        }), props.withCharValidation && _react.createElement("div", {
+            className: _styles.validationRow
+        }, _react.createElement(_fieldeditorshared.CharCounter, {
+            value: value || '',
+            checkConstraint: checkConstraint
+        }), _react.createElement(_fieldeditorshared.CharValidation, {
+            constraints: constraints
+        })), props.withCharValidation === false && _react.createElement("div", {
+            className: _styles.validationRow
+        }, _react.createElement(_fieldeditorshared.CharCounter, {
+            value: value || '',
+            checkConstraint: ()=>true
+        })));
+    });
+}
+SingleLineEditor.defaultProps = {
+    isInitiallyDisabled: true,
+    withCharValidation: true
+};

package/dist/cjs/SingleLineEditor.test.js

@@ -0,0 +1,230 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditortestutils = require("@contentful/field-editor-test-utils");
+const _react1 = require("@testing-library/react");
+require("@testing-library/jest-dom/extend-expect");
+const _SingleLineEditor = require("./SingleLineEditor");
+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('SingleLineEditor', ()=>{
+    afterEach(_react1.cleanup);
+    it('renders without crashing', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Symbol'
+            };
+        });
+        (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+    });
+    it('reads initial value from field.getValue', ()=>{
+        const initialValue = 'initial-value';
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                id: 'field-id',
+                type: 'Symbol',
+                getValue: ()=>{
+                    return initialValue;
+                }
+            };
+        });
+        const { getByTestId , getByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByTestId('cf-ui-text-input')).toHaveValue(initialValue);
+        expect(getByText(`${initialValue.length} characters`)).toBeInTheDocument();
+        expect(getByText('Maximum 256 characters')).toBeInTheDocument();
+    });
+    it('calls field.setValue when user types and calls field.removeValue when user clears the input', async ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                id: 'field-id',
+                type: 'Symbol'
+            };
+        });
+        const { getByTestId  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        const $input = getByTestId('cf-ui-text-input');
+        expect($input).toHaveValue('');
+        _react1.fireEvent.change($input, {
+            target: {
+                value: 'new-value'
+            }
+        });
+        await (0, _react1.waitFor)(()=>{
+            expect($input).toHaveValue('new-value');
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            expect(field.setValue).toHaveBeenLastCalledWith('new-value');
+        });
+        _react1.fireEvent.change($input, {
+            target: {
+                value: ''
+            }
+        });
+        await (0, _react1.waitFor)(()=>{
+            expect($input).toHaveValue('');
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+            expect(field.removeValue).toHaveBeenLastCalledWith();
+        });
+    });
+    it('shows proper validation message (Symbol)', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Maximum 256 characters')).toBeInTheDocument();
+    });
+    it('shows proper validation message (Text)', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Text',
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Maximum 50000 characters')).toBeInTheDocument();
+    });
+    it('shows proper min-max validation message', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 100,
+                            max: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Requires between 100 and 1000 characters')).toBeInTheDocument();
+    });
+    it('shows proper min validation message', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Requires at least 1000 characters')).toBeInTheDocument();
+    });
+    it('renders no validation message if withCharValidation is falsy', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 100,
+                            max: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText , queryByText  } = (0, _react1.render)(_react.createElement(_SingleLineEditor.SingleLineEditor, {
+            field: field,
+            withCharValidation: false,
+            isInitiallyDisabled: false,
+            locales: (0, _fieldeditortestutils.createFakeLocalesAPI)()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(queryByText('Requires between 100 and 1000 characters')).not.toBeInTheDocument();
+    });
+});

package/dist/cjs/index.js

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

package/dist/cjs/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    validationRow: function() {
+        return validationRow;
+    },
+    rightToLeft: function() {
+        return rightToLeft;
+    }
+});
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const validationRow = (0, _emotion.css)({
+    display: 'flex',
+    justifyContent: 'space-between',
+    fontSize: _f36tokens.default.fontSizeM,
+    marginTop: _f36tokens.default.spacingXs,
+    color: _f36tokens.default.gray700
+});
+const rightToLeft = (0, _emotion.css)({
+    direction: 'rtl'
+});

package/dist/esm/SingleLineEditor.js

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { TextInput } from '@contentful/f36-components';
+import { FieldConnector, ConstraintsUtils, CharCounter, CharValidation } from '@contentful/field-editor-shared';
+import * as styles from './styles';
+function isSupportedFieldTypes(val) {
+    return val === 'Symbol' || val === 'Text';
+}
+export function SingleLineEditor(props) {
+    const { field , locales  } = props;
+    if (!isSupportedFieldTypes(field.type)) {
+        throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
+    }
+    const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);
+    const checkConstraint = ConstraintsUtils.makeChecker(constraints);
+    const direction = locales.direction[field.locale] || 'ltr';
+    return React.createElement(FieldConnector, {
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled,
+        isDisabled: props.isDisabled
+    }, ({ value , errors , disabled , setValue  })=>{
+        return React.createElement("div", {
+            "data-test-id": "single-line-editor"
+        }, React.createElement(TextInput, {
+            className: direction === 'rtl' ? styles.rightToLeft : '',
+            isRequired: field.required,
+            isInvalid: errors.length > 0,
+            isDisabled: disabled,
+            value: value || '',
+            onChange: (e)=>{
+                setValue(e.target.value);
+            }
+        }), props.withCharValidation && React.createElement("div", {
+            className: styles.validationRow
+        }, React.createElement(CharCounter, {
+            value: value || '',
+            checkConstraint: checkConstraint
+        }), React.createElement(CharValidation, {
+            constraints: constraints
+        })), props.withCharValidation === false && React.createElement("div", {
+            className: styles.validationRow
+        }, React.createElement(CharCounter, {
+            value: value || '',
+            checkConstraint: ()=>true
+        })));
+    });
+}
+SingleLineEditor.defaultProps = {
+    isInitiallyDisabled: true,
+    withCharValidation: true
+};

package/dist/esm/SingleLineEditor.test.js

@@ -0,0 +1,187 @@
+import * as React from 'react';
+import { createFakeFieldAPI, createFakeLocalesAPI } from '@contentful/field-editor-test-utils';
+import { cleanup, configure, fireEvent, render, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { SingleLineEditor } from './SingleLineEditor';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('SingleLineEditor', ()=>{
+    afterEach(cleanup);
+    it('renders without crashing', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Symbol'
+            };
+        });
+        render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+    });
+    it('reads initial value from field.getValue', ()=>{
+        const initialValue = 'initial-value';
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                id: 'field-id',
+                type: 'Symbol',
+                getValue: ()=>{
+                    return initialValue;
+                }
+            };
+        });
+        const { getByTestId , getByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByTestId('cf-ui-text-input')).toHaveValue(initialValue);
+        expect(getByText(`${initialValue.length} characters`)).toBeInTheDocument();
+        expect(getByText('Maximum 256 characters')).toBeInTheDocument();
+    });
+    it('calls field.setValue when user types and calls field.removeValue when user clears the input', async ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field,
+                id: 'field-id',
+                type: 'Symbol'
+            };
+        });
+        const { getByTestId  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        const $input = getByTestId('cf-ui-text-input');
+        expect($input).toHaveValue('');
+        fireEvent.change($input, {
+            target: {
+                value: 'new-value'
+            }
+        });
+        await waitFor(()=>{
+            expect($input).toHaveValue('new-value');
+            expect(field.setValue).toHaveBeenCalledTimes(1);
+            expect(field.setValue).toHaveBeenLastCalledWith('new-value');
+        });
+        fireEvent.change($input, {
+            target: {
+                value: ''
+            }
+        });
+        await waitFor(()=>{
+            expect($input).toHaveValue('');
+            expect(field.removeValue).toHaveBeenCalledTimes(1);
+            expect(field.removeValue).toHaveBeenLastCalledWith();
+        });
+    });
+    it('shows proper validation message (Symbol)', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Maximum 256 characters')).toBeInTheDocument();
+    });
+    it('shows proper validation message (Text)', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Text',
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Maximum 50000 characters')).toBeInTheDocument();
+    });
+    it('shows proper min-max validation message', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 100,
+                            max: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Requires between 100 and 1000 characters')).toBeInTheDocument();
+    });
+    it('shows proper min validation message', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(getByText('Requires at least 1000 characters')).toBeInTheDocument();
+    });
+    it('renders no validation message if withCharValidation is falsy', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            return {
+                ...field,
+                type: 'Symbol',
+                validations: [
+                    {
+                        size: {
+                            min: 100,
+                            max: 1000
+                        }
+                    }
+                ],
+                id: 'field-id'
+            };
+        });
+        const { getByText , queryByText  } = render(React.createElement(SingleLineEditor, {
+            field: field,
+            withCharValidation: false,
+            isInitiallyDisabled: false,
+            locales: createFakeLocalesAPI()
+        }));
+        expect(getByText('0 characters')).toBeInTheDocument();
+        expect(queryByText('Requires between 100 and 1000 characters')).not.toBeInTheDocument();
+    });
+});

package/dist/esm/index.js

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

package/dist/esm/styles.js

@@ -0,0 +1,12 @@
+import tokens from '@contentful/f36-tokens';
+import { css } from 'emotion';
+export const validationRow = css({
+    display: 'flex',
+    justifyContent: 'space-between',
+    fontSize: tokens.fontSizeM,
+    marginTop: tokens.spacingXs,
+    color: tokens.gray700
+});
+export const rightToLeft = css({
+    direction: 'rtl'
+});

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

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { FieldAPI, LocalesAPI } from '@contentful/field-editor-shared';
-export interface SingleLineEditorProps {
-    /**
-     * is the field disabled initially
-     */
-    isInitiallyDisabled: boolean;
-    /**
-     * is the field manually disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * whether char validation should be shown or not
-     */
-    withCharValidation: boolean;
-    /**
-     * sdk.field
-     */
-    field: FieldAPI;
-    /**
-     * sdk.locales
-     */
-    locales: LocalesAPI;
-}
-export declare function SingleLineEditor(props: SingleLineEditorProps): JSX.Element;
-export declare namespace SingleLineEditor {
-    var defaultProps: {
-        isInitiallyDisabled: boolean;
-        withCharValidation: boolean;
-    };
-}
+import * as React from 'react';
+import { FieldAPI, LocalesAPI } from '@contentful/field-editor-shared';
+export interface SingleLineEditorProps {
+    /**
+     * is the field disabled initially
+     */
+    isInitiallyDisabled: boolean;
+    /**
+     * is the field manually disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * whether char validation should be shown or not
+     */
+    withCharValidation: boolean;
+    /**
+     * sdk.field
+     */
+    field: FieldAPI;
+    /**
+     * sdk.locales
+     */
+    locales: LocalesAPI;
+}
+export declare function SingleLineEditor(props: SingleLineEditorProps): React.JSX.Element;
+export declare namespace SingleLineEditor {
+    var defaultProps: {
+        isInitiallyDisabled: boolean;
+        withCharValidation: boolean;
+    };
+}

package/dist/types/SingleLineEditor.test.d.ts

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

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

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

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

@@ -1,2 +1,2 @@
-export declare const validationRow: string;
-export declare const rightToLeft: string;
+export declare const validationRow: string;
+export declare const rightToLeft: string;

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@contentful/field-editor-single-line",
-  "version": "1.2.0",
-  "main": "dist/index.js",
-  "module": "dist/field-editor-single-line.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,200 +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-single-line@1.1.11...@contentful/field-editor-single-line@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-single-line@1.1.10...@contentful/field-editor-single-line@1.1.11) (2023-03-14)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.9...@contentful/field-editor-single-line@1.1.10) (2023-03-10)
-
-### Bug Fixes
-
-- support disabling single line editor ([#1367](https://github.com/contentful/field-editors/issues/1367)) ([f8314ff](https://github.com/contentful/field-editors/commit/f8314fff446a3dcb482835424c7fca66c4f87f20))
-
-## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.8...@contentful/field-editor-single-line@1.1.9) (2023-02-21)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.7...@contentful/field-editor-single-line@1.1.8) (2023-02-07)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.6...@contentful/field-editor-single-line@1.1.7) (2022-12-08)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.5...@contentful/field-editor-single-line@1.1.6) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.4...@contentful/field-editor-single-line@1.1.5) (2022-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.3...@contentful/field-editor-single-line@1.1.4) (2022-07-11)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.2...@contentful/field-editor-single-line@1.1.3) (2022-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.1.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.1.1...@contentful/field-editor-single-line@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-single-line@1.1.0...@contentful/field-editor-single-line@1.1.1) (2022-02-14)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [1.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.0.3...@contentful/field-editor-single-line@1.1.0) (2022-01-11)
-
-### Features
-
-- bump f36 packages to stable v4 [BAU-521] ([#988](https://github.com/contentful/field-editors/issues/988)) ([419cf56](https://github.com/contentful/field-editors/commit/419cf56692179b074fcfa2743469d5265ed98429))
-
-## [1.0.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.0.2...@contentful/field-editor-single-line@1.0.3) (2021-12-23)
-
-### Bug Fixes
-
-- markdown buttons ([#968](https://github.com/contentful/field-editors/issues/968)) ([9803b98](https://github.com/contentful/field-editors/commit/9803b98c25d92df6148686ffe2749a77f7efdbb9))
-
-## [1.0.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.0.1...@contentful/field-editor-single-line@1.0.2) (2021-12-20)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [1.0.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@1.0.0...@contentful/field-editor-single-line@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-single-line@0.16.0...@contentful/field-editor-single-line@1.0.0) (2021-11-04)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [0.16.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.6...@contentful/field-editor-single-line@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-single-line@0.15.5...@contentful/field-editor-single-line@0.15.6) (2021-10-14)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.15.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.4...@contentful/field-editor-single-line@0.15.5) (2021-10-06)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.15.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.3...@contentful/field-editor-single-line@0.15.4) (2021-09-17)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.15.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.2...@contentful/field-editor-single-line@0.15.3) (2021-09-16)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.15.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.1...@contentful/field-editor-single-line@0.15.2) (2021-08-19)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.15.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.15.0...@contentful/field-editor-single-line@0.15.1) (2021-07-29)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [0.15.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.6...@contentful/field-editor-single-line@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-single-line@0.14.3...@contentful/field-editor-single-line@0.14.6) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.14.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.3...@contentful/field-editor-single-line@0.14.5) (2021-07-06)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.14.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.3...@contentful/field-editor-single-line@0.14.4) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.14.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.2...@contentful/field-editor-single-line@0.14.3) (2021-06-23)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.14.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.1...@contentful/field-editor-single-line@0.14.2) (2021-06-22)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.14.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.14.0...@contentful/field-editor-single-line@0.14.1) (2021-03-05)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [0.14.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.13.2...@contentful/field-editor-single-line@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-single-line@0.13.1...@contentful/field-editor-single-line@0.13.2) (2021-02-09)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.13.0...@contentful/field-editor-single-line@0.13.1) (2021-02-01)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.12.0...@contentful/field-editor-single-line@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-single-line@0.11.4...@contentful/field-editor-single-line@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.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.11.3...@contentful/field-editor-single-line@0.11.4) (2020-12-16)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.11.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.11.2...@contentful/field-editor-single-line@0.11.3) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.11.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.11.1...@contentful/field-editor-single-line@0.11.2) (2020-11-06)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-## [0.11.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.11.0...@contentful/field-editor-single-line@0.11.1) (2020-10-28)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line
-
-# [0.11.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.10.1...@contentful/field-editor-single-line@0.11.0) (2020-09-03)
-
-### Features
-
-- 🎸 add withCharValidation property to hide validation ([#390](https://github.com/contentful/field-editors/issues/390)) ([9da6700](https://github.com/contentful/field-editors/commit/9da67005f83c1cebdabb67edfed73f7d1dcbfc04))
-
-## [0.10.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-single-line@0.10.0...@contentful/field-editor-single-line@0.10.1) (2020-08-24)
-
-**Note:** Version bump only for package @contentful/field-editor-single-line

package/dist/field-editor-single-line.cjs.development.js

@@ -1,83 +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 tokens = _interopDefault(require('@contentful/f36-tokens'));
-var emotion = require('emotion');
-
-const validationRow = /*#__PURE__*/emotion.css({
-  display: 'flex',
-  justifyContent: 'space-between',
-  fontSize: tokens.fontSizeM,
-  marginTop: tokens.spacingXs,
-  color: tokens.gray700
-});
-const rightToLeft = /*#__PURE__*/emotion.css({
-  direction: 'rtl'
-});
-
-function isSupportedFieldTypes(val) {
-  return val === 'Symbol' || val === 'Text';
-}
-
-function SingleLineEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-
-  if (!isSupportedFieldTypes(field.type)) {
-    throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
-  }
-
-  const constraints = fieldEditorShared.ConstraintsUtils.fromFieldValidations(field.validations, field.type);
-  const checkConstraint = fieldEditorShared.ConstraintsUtils.makeChecker(constraints);
-  const direction = locales.direction[field.locale] || 'ltr';
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled,
-    isDisabled: props.isDisabled
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => {
-    return React.createElement("div", {
-      "data-test-id": "single-line-editor"
-    }, React.createElement(f36Components.TextInput, {
-      className: direction === 'rtl' ? rightToLeft : '',
-      isRequired: field.required,
-      isInvalid: errors.length > 0,
-      isDisabled: disabled,
-      value: value || '',
-      onChange: e => {
-        setValue(e.target.value);
-      }
-    }), props.withCharValidation && React.createElement("div", {
-      className: validationRow
-    }, React.createElement(fieldEditorShared.CharCounter, {
-      value: value || '',
-      checkConstraint: checkConstraint
-    }), React.createElement(fieldEditorShared.CharValidation, {
-      constraints: constraints
-    })), props.withCharValidation === false && React.createElement("div", {
-      className: validationRow
-    }, React.createElement(fieldEditorShared.CharCounter, {
-      value: value || '',
-      checkConstraint: () => true
-    })));
-  });
-}
-SingleLineEditor.defaultProps = {
-  isInitiallyDisabled: true,
-  withCharValidation: true
-};
-
-exports.SingleLineEditor = SingleLineEditor;
-//# sourceMappingURL=field-editor-single-line.cjs.development.js.map

package/dist/field-editor-single-line.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-single-line.cjs.development.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;;;;;;;AAGO,MAAMA,aAAa,gBAAGC,WAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,MAAMC,WAAW,gBAAGV,WAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC8BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;;AAEA,MAAI,CAACH,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,KAAcH,KAAK,CAACE,uDAApB,CAAN;AACD;;AAED,QAAME,WAAW,GAAGC,kCAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,QAAMM,eAAe,GAAGH,kCAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,QAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,mBAAA,CAACC,gCAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,GAAD;AACC,WACEP,mBAAA,MAAA;sBAAkB;KAAlB,EACEA,mBAAA,CAACQ,uBAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAGC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,mBAAA,CAACoB,gCAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,mBAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,mBAAA,CAACmB,6BAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE,MAAM;KAAxD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}

package/dist/field-editor-single-line.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"),a=require("@contentful/field-editor-shared"),n=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("emotion");const l=r.css({display:"flex",justifyContent:"space-between",fontSize:n.fontSizeM,marginTop:n.spacingXs,color:n.gray700}),s=r.css({direction:"rtl"});function o(e){const{field:n,locales:r}=e;if("Symbol"!==(o=n.type)&&"Text"!==o)throw new Error(`"${n.type}" field type is not supported by SingleLineEditor`);var o;const d=a.ConstraintsUtils.fromFieldValidations(n.validations,n.type),c=a.ConstraintsUtils.makeChecker(d),u=r.direction[n.locale]||"ltr";return t.createElement(a.FieldConnector,{field:n,isInitiallyDisabled:e.isInitiallyDisabled,isDisabled:e.isDisabled},({value:r,errors:o,disabled:f,setValue:m})=>t.createElement("div",{"data-test-id":"single-line-editor"},t.createElement(i.TextInput,{className:"rtl"===u?s:"",isRequired:n.required,isInvalid:o.length>0,isDisabled:f,value:r||"",onChange:e=>{m(e.target.value)}}),e.withCharValidation&&t.createElement("div",{className:l},t.createElement(a.CharCounter,{value:r||"",checkConstraint:c}),t.createElement(a.CharValidation,{constraints:d})),!1===e.withCharValidation&&t.createElement("div",{className:l},t.createElement(a.CharCounter,{value:r||"",checkConstraint:()=>!0}))))}o.defaultProps={isInitiallyDisabled:!0,withCharValidation:!0},exports.SingleLineEditor=o;
-//# sourceMappingURL=field-editor-single-line.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-single-line.cjs.production.min.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","SingleLineEditor","props","field","locales","val","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":"8RAGO,MAAMA,EAAgBC,MAAI,CAC/BC,QAAS,OACTC,eAAgB,gBAChBC,SAAUC,EAAOC,UACjBC,UAAWF,EAAOG,UAClBC,MAAOJ,EAAOK,UAGHC,EAAcV,MAAI,CAC7BW,UAAW,iBCiCGC,EAAiBC,SACzBC,MAAEA,EAAFC,QAASA,GAAYF,KAJZ,YADcG,EAOFF,EAAMG,OANE,SAARD,QAOnB,IAAIE,UAAUJ,EAAMG,yDAR9B,IAA+BD,QAWvBG,EAAcC,mBAAiBC,qBAAqBP,EAAMQ,YAAaR,EAAMG,MAC7EM,EAAkBH,mBAAiBI,YAAYL,GAC/CR,EAAYI,EAAQJ,UAAUG,EAAMW,SAAW,aAGnDC,gBAACC,kBACCb,MAAOA,EACPc,oBAAqBf,EAAMe,oBAC3BC,WAAYhB,EAAMgB,YACjB,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,SAAAA,EAAUC,SAAAA,KAEzBP,sCAAkB,sBAChBA,gBAACQ,aACCC,UAAyB,QAAdxB,EAAsByB,EAAqB,GACtDC,WAAYvB,EAAMwB,SAClBC,UAAWR,EAAOS,OAAS,EAC3BX,WAAYG,EACZF,MAAOA,GAAS,GAChBW,SAAWC,IACTT,EAASS,EAAEC,OAAOb,UAGrBjB,EAAM+B,oBACLlB,uBAAKS,UAAWC,GACdV,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiBA,IAClDG,gBAACoB,kBAAe3B,YAAaA,MAGH,IAA7BN,EAAM+B,oBACLlB,uBAAKS,UAAWC,GACdV,gBAACmB,eAAYf,MAAOA,GAAS,GAAIP,gBAAiB,KAAM,OAUxEX,EAAiBmC,aAAe,CAC9BnB,qBAAqB,EACrBgB,oBAAoB"}

package/dist/field-editor-single-line.esm.js

@@ -1,77 +0,0 @@
-import { createElement } from 'react';
-import { TextInput } from '@contentful/f36-components';
-import { ConstraintsUtils, FieldConnector, CharCounter, CharValidation } from '@contentful/field-editor-shared';
-import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
-
-const validationRow = /*#__PURE__*/css({
-  display: 'flex',
-  justifyContent: 'space-between',
-  fontSize: tokens.fontSizeM,
-  marginTop: tokens.spacingXs,
-  color: tokens.gray700
-});
-const rightToLeft = /*#__PURE__*/css({
-  direction: 'rtl'
-});
-
-function isSupportedFieldTypes(val) {
-  return val === 'Symbol' || val === 'Text';
-}
-
-function SingleLineEditor(props) {
-  const {
-    field,
-    locales
-  } = props;
-
-  if (!isSupportedFieldTypes(field.type)) {
-    throw new Error(`"${field.type}" field type is not supported by SingleLineEditor`);
-  }
-
-  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);
-  const checkConstraint = ConstraintsUtils.makeChecker(constraints);
-  const direction = locales.direction[field.locale] || 'ltr';
-  return createElement(FieldConnector, {
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled,
-    isDisabled: props.isDisabled
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => {
-    return createElement("div", {
-      "data-test-id": "single-line-editor"
-    }, createElement(TextInput, {
-      className: direction === 'rtl' ? rightToLeft : '',
-      isRequired: field.required,
-      isInvalid: errors.length > 0,
-      isDisabled: disabled,
-      value: value || '',
-      onChange: e => {
-        setValue(e.target.value);
-      }
-    }), props.withCharValidation && createElement("div", {
-      className: validationRow
-    }, createElement(CharCounter, {
-      value: value || '',
-      checkConstraint: checkConstraint
-    }), createElement(CharValidation, {
-      constraints: constraints
-    })), props.withCharValidation === false && createElement("div", {
-      className: validationRow
-    }, createElement(CharCounter, {
-      value: value || '',
-      checkConstraint: () => true
-    })));
-  });
-}
-SingleLineEditor.defaultProps = {
-  isInitiallyDisabled: true,
-  withCharValidation: true
-};
-
-export { SingleLineEditor };
-//# sourceMappingURL=field-editor-single-line.esm.js.map

package/dist/field-editor-single-line.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-single-line.esm.js","sources":["../src/styles.ts","../src/SingleLineEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const validationRow = css({\n  display: 'flex',\n  justifyContent: 'space-between',\n  fontSize: tokens.fontSizeM,\n  marginTop: tokens.spacingXs,\n  color: tokens.gray700,\n});\n\nexport const rightToLeft = css({\n  direction: 'rtl',\n});\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport {\n  FieldAPI,\n  FieldConnector,\n  ConstraintsUtils,\n  CharCounter,\n  CharValidation,\n  LocalesAPI,\n} from '@contentful/field-editor-shared';\n\nimport * as styles from './styles';\n\n\nexport interface SingleLineEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * is the field manually disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * whether char validation should be shown or not\n   */\n  withCharValidation: boolean;\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.locales\n   */\n  locales: LocalesAPI;\n}\n\nfunction isSupportedFieldTypes(val: string): val is 'Symbol' | 'Text' {\n  return val === 'Symbol' || val === 'Text';\n}\n\nexport function SingleLineEditor(props: SingleLineEditorProps) {\n  const { field, locales } = props;\n\n  if (!isSupportedFieldTypes(field.type)) {\n    throw new Error(`\"${field.type}\" field type is not supported by SingleLineEditor`);\n  }\n\n  const constraints = ConstraintsUtils.fromFieldValidations(field.validations, field.type);\n  const checkConstraint = ConstraintsUtils.makeChecker(constraints);\n  const direction = locales.direction[field.locale] || 'ltr';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      isDisabled={props.isDisabled}>\n      {({ value, errors, disabled, setValue }) => {\n        return (\n          <div data-test-id=\"single-line-editor\">\n            <TextInput\n              className={direction === 'rtl' ? styles.rightToLeft : ''}\n              isRequired={field.required}\n              isInvalid={errors.length > 0}\n              isDisabled={disabled}\n              value={value || ''}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                setValue(e.target.value);\n              }}\n            />\n            {props.withCharValidation && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={checkConstraint} />\n                <CharValidation constraints={constraints} />\n              </div>\n            )}\n            {props.withCharValidation === false && (\n              <div className={styles.validationRow}>\n                <CharCounter value={value || ''} checkConstraint={() => true} />\n              </div>\n            )}\n          </div>\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nSingleLineEditor.defaultProps = {\n  isInitiallyDisabled: true,\n  withCharValidation: true,\n};\n"],"names":["validationRow","css","display","justifyContent","fontSize","tokens","fontSizeM","marginTop","spacingXs","color","gray700","rightToLeft","direction","isSupportedFieldTypes","val","SingleLineEditor","props","field","locales","type","Error","constraints","ConstraintsUtils","fromFieldValidations","validations","checkConstraint","makeChecker","locale","React","FieldConnector","isInitiallyDisabled","isDisabled","value","errors","disabled","setValue","TextInput","className","styles","isRequired","required","isInvalid","length","onChange","e","target","withCharValidation","CharCounter","CharValidation","defaultProps"],"mappings":";;;;;;AAGO,MAAMA,aAAa,gBAAGC,GAAG,CAAC;AAC/BC,EAAAA,OAAO,EAAE,MADsB;AAE/BC,EAAAA,cAAc,EAAE,eAFe;AAG/BC,EAAAA,QAAQ,EAAEC,MAAM,CAACC,SAHc;AAI/BC,EAAAA,SAAS,EAAEF,MAAM,CAACG,SAJa;AAK/BC,EAAAA,KAAK,EAAEJ,MAAM,CAACK;AALiB,CAAD,CAAzB;AAQA,MAAMC,WAAW,gBAAGV,GAAG,CAAC;AAC7BW,EAAAA,SAAS,EAAE;AADkB,CAAD,CAAvB;;AC8BP,SAASC,qBAAT,CAA+BC,GAA/B;AACE,SAAOA,GAAG,KAAK,QAAR,IAAoBA,GAAG,KAAK,MAAnC;AACD;;AAED,SAAgBC,iBAAiBC;AAC/B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAqBF,KAA3B;;AAEA,MAAI,CAACH,qBAAqB,CAACI,KAAK,CAACE,IAAP,CAA1B,EAAwC;AACtC,UAAM,IAAIC,KAAJ,KAAcH,KAAK,CAACE,uDAApB,CAAN;AACD;;AAED,QAAME,WAAW,GAAGC,gBAAgB,CAACC,oBAAjB,CAAsCN,KAAK,CAACO,WAA5C,EAAyDP,KAAK,CAACE,IAA/D,CAApB;AACA,QAAMM,eAAe,GAAGH,gBAAgB,CAACI,WAAjB,CAA6BL,WAA7B,CAAxB;AACA,QAAMT,SAAS,GAAGM,OAAO,CAACN,SAAR,CAAkBK,KAAK,CAACU,MAAxB,KAAmC,KAArD;AAEA,SACEC,aAAA,CAACC,cAAD;AACEZ,IAAAA,KAAK,EAAEA;AACPa,IAAAA,mBAAmB,EAAEd,KAAK,CAACc;AAC3BC,IAAAA,UAAU,EAAEf,KAAK,CAACe;GAHpB,EAIG,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,GAAD;AACC,WACEP,aAAA,MAAA;sBAAkB;KAAlB,EACEA,aAAA,CAACQ,SAAD;AACEC,MAAAA,SAAS,EAAEzB,SAAS,KAAK,KAAd,GAAsB0B,WAAtB,GAA2C;AACtDC,MAAAA,UAAU,EAAEtB,KAAK,CAACuB;AAClBC,MAAAA,SAAS,EAAER,MAAM,CAACS,MAAP,GAAgB;AAC3BX,MAAAA,UAAU,EAAEG;AACZF,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAChBW,MAAAA,QAAQ,EAAGC,CAAD;AACRT,QAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASb,KAAV,CAAR;AACD;KARH,CADF,EAWGhB,KAAK,CAAC8B,kBAAN,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAEA;KAAlD,CADF,EAEEG,aAAA,CAACoB,cAAD;AAAgB3B,MAAAA,WAAW,EAAEA;KAA7B,CAFF,CAZJ,EAiBGL,KAAK,CAAC8B,kBAAN,KAA6B,KAA7B,IACClB,aAAA,MAAA;AAAKS,MAAAA,SAAS,EAAEC;KAAhB,EACEV,aAAA,CAACmB,WAAD;AAAaf,MAAAA,KAAK,EAAEA,KAAK,IAAI;AAAIP,MAAAA,eAAe,EAAE,MAAM;KAAxD,CADF,CAlBJ,CADF;AAyBD,GA9BH,CADF;AAkCD;AAEDV,gBAAgB,CAACkC,YAAjB,GAAgC;AAC9BnB,EAAAA,mBAAmB,EAAE,IADS;AAE9BgB,EAAAA,kBAAkB,EAAE;AAFU,CAAhC;;;;"}

package/dist/index.js

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