@contentful/field-editor-rating 1.2.0 → 1.3.1

package/dist/cjs/RatingEditor.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingEditor", {
+    enumerable: true,
+    get: function() {
+        return RatingEditor;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _get = _interop_require_default(require("lodash/get"));
+const _RatingRibbon = require("./RatingRibbon");
+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 isValidCount(count) {
+    return typeof count === 'number' && !isNaN(count) && count > 0;
+}
+function getStarCount(count) {
+    const defaultValue = 5;
+    if (isValidCount(count)) {
+        return Math.round(count);
+    } else if (typeof count === 'string') {
+        const parsed = parseInt(count, 10);
+        return isValidCount(parsed) ? Math.round(parsed) : defaultValue;
+    } else {
+        return defaultValue;
+    }
+}
+function RatingEditor(props) {
+    const { field  } = props;
+    const starsCount = getStarCount((0, _get.default)(props.parameters, [
+        'instance',
+        'stars'
+    ]));
+    return _react.createElement(_fieldeditorshared.FieldConnector, {
+        throttle: 0,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, ({ disabled , value , setValue  })=>{
+        const clearOption = ()=>{
+            setValue(null);
+        };
+        return _react.createElement(_f36components.Flex, {
+            testId: "rating-editor",
+            flexDirection: "row",
+            marginTop: "spacingS"
+        }, _react.createElement(_RatingRibbon.RatingRibbon, {
+            disabled: disabled,
+            value: value,
+            stars: starsCount,
+            onSelect: (num)=>{
+                setValue(num);
+            }
+        }), value !== undefined && !disabled && _react.createElement(_f36components.Flex, {
+            marginLeft: "spacingM"
+        }, _react.createElement(_f36components.TextLink, {
+            as: "button",
+            testId: "rating-editor-clear",
+            onClick: clearOption
+        }, "Clear")));
+    });
+}
+RatingEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/cjs/RatingEditor.spec.js

@@ -0,0 +1,136 @@
+"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 _RatingEditor = require("./RatingEditor");
+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('RatingEditor', ()=>{
+    afterEach(_react1.cleanup);
+    it('renders 5 stars by default', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)();
+        const { getAllByTestId  } = (0, _react1.render)(_react.createElement(_RatingEditor.RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        expect(getAllByTestId('rating-editor-star')).toHaveLength(5);
+    });
+    it('renders custom number of stars', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)();
+        const { getAllByTestId  } = (0, _react1.render)(_react.createElement(_RatingEditor.RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            parameters: {
+                installation: {},
+                instance: {
+                    stars: 20
+                }
+            }
+        }));
+        expect(getAllByTestId('rating-editor-star')).toHaveLength(20);
+    });
+    it('should should setValue by clicking on a item and removeValue by clicking on clear', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field
+            };
+        });
+        const { container , getAllByTestId , getByTestId , queryByTestId  } = (0, _react1.render)(_react.createElement(_RatingEditor.RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        const $stars = getAllByTestId('rating-editor-star');
+        expect(queryByTestId('rating-editor-clean')).not.toBeInTheDocument();
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(0);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(5);
+        _react1.fireEvent.click($stars[4]);
+        expect(field.setValue).toHaveBeenCalledWith(5);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(5);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(0);
+        _react1.fireEvent.click($stars[0]);
+        expect(field.setValue).toHaveBeenCalledWith(1);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(1);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(4);
+        _react1.fireEvent.click(getByTestId('rating-editor-clear'));
+        expect(field.removeValue).toHaveBeenCalled();
+    });
+    it('should should setValue by focusing and using Enter', ()=>{
+        const [field] = (0, _fieldeditortestutils.createFakeFieldAPI)((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field
+            };
+        });
+        const { container , getAllByTestId , queryByTestId  } = (0, _react1.render)(_react.createElement(_RatingEditor.RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        const $stars = getAllByTestId('rating-editor-star');
+        expect(queryByTestId('rating-editor-clean')).not.toBeInTheDocument();
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(0);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(5);
+        _react1.fireEvent.focus($stars[2]);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(3);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(2);
+        _react1.fireEvent.keyDown($stars[2], {
+            keyCode: 13
+        });
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+        expect(field.setValue).toHaveBeenCalledWith(3);
+        _react1.fireEvent.focus($stars[4]);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(5);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(0);
+        _react1.fireEvent.keyDown($stars[4], {
+            keyCode: 13
+        });
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+        expect(field.setValue).toHaveBeenCalledWith(5);
+    });
+});

package/dist/cjs/RatingRibbon.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingRibbon", {
+    enumerable: true,
+    get: function() {
+        return RatingRibbon;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36icons = require("@contentful/f36-icons");
+const _emotion = require("emotion");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return 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;
+}
+class RatingRibbon extends _react.Component {
+    render() {
+        const items = [];
+        for(let i = 1; i <= this.props.stars; i++){
+            items.push(i);
+        }
+        return _react.createElement(_react.Fragment, null, items.map((num)=>_react.createElement(_f36components.IconButton, {
+                variant: "transparent",
+                size: "small",
+                icon: _react.createElement(_f36icons.StarIcon, {
+                    variant: this.isSelected(num) ? 'primary' : 'muted',
+                    className: (0, _emotion.css)({
+                        width: '22px',
+                        height: '22px'
+                    })
+                }),
+                "data-selected": this.isSelected(num) ? 'true' : 'false',
+                testId: "rating-editor-star",
+                isDisabled: this.props.disabled,
+                key: num,
+                onClick: ()=>{
+                    this.props.onSelect(num);
+                },
+                onKeyDown: (e)=>{
+                    if (e.keyCode === 13) {
+                        this.props.onSelect(num);
+                    }
+                },
+                onMouseOver: this.onFocus(num),
+                onMouseLeave: this.onBlur,
+                onFocus: this.onFocus(num),
+                onBlur: this.onBlur,
+                "aria-label": num.toString()
+            })));
+    }
+    constructor(...args){
+        super(...args);
+        _define_property(this, "state", {
+            hovered: null
+        });
+        _define_property(this, "isSelected", (num)=>{
+            const hovered = this.state.hovered;
+            const value = this.props.value;
+            if (hovered !== null) {
+                return num <= hovered;
+            }
+            if (value) {
+                return num <= value;
+            }
+            return false;
+        });
+        _define_property(this, "onBlur", ()=>{
+            if (!this.props.disabled) {
+                this.setState({
+                    hovered: null
+                });
+            }
+        });
+        _define_property(this, "onFocus", (num)=>()=>{
+                if (!this.props.disabled) {
+                    this.setState({
+                        hovered: num
+                    });
+                }
+            });
+    }
+}

package/dist/cjs/index.js

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

package/dist/esm/RatingEditor.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { TextLink, Flex } from '@contentful/f36-components';
+import { FieldConnector } from '@contentful/field-editor-shared';
+import get from 'lodash/get';
+import { RatingRibbon } from './RatingRibbon';
+function isValidCount(count) {
+    return typeof count === 'number' && !isNaN(count) && count > 0;
+}
+function getStarCount(count) {
+    const defaultValue = 5;
+    if (isValidCount(count)) {
+        return Math.round(count);
+    } else if (typeof count === 'string') {
+        const parsed = parseInt(count, 10);
+        return isValidCount(parsed) ? Math.round(parsed) : defaultValue;
+    } else {
+        return defaultValue;
+    }
+}
+export function RatingEditor(props) {
+    const { field  } = props;
+    const starsCount = getStarCount(get(props.parameters, [
+        'instance',
+        'stars'
+    ]));
+    return React.createElement(FieldConnector, {
+        throttle: 0,
+        field: field,
+        isInitiallyDisabled: props.isInitiallyDisabled
+    }, ({ disabled , value , setValue  })=>{
+        const clearOption = ()=>{
+            setValue(null);
+        };
+        return React.createElement(Flex, {
+            testId: "rating-editor",
+            flexDirection: "row",
+            marginTop: "spacingS"
+        }, React.createElement(RatingRibbon, {
+            disabled: disabled,
+            value: value,
+            stars: starsCount,
+            onSelect: (num)=>{
+                setValue(num);
+            }
+        }), value !== undefined && !disabled && React.createElement(Flex, {
+            marginLeft: "spacingM"
+        }, React.createElement(TextLink, {
+            as: "button",
+            testId: "rating-editor-clear",
+            onClick: clearOption
+        }, "Clear")));
+    });
+}
+RatingEditor.defaultProps = {
+    isInitiallyDisabled: true
+};

package/dist/esm/RatingEditor.spec.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { createFakeFieldAPI } from '@contentful/field-editor-test-utils';
+import '@testing-library/jest-dom/extend-expect';
+import { cleanup, configure, fireEvent, render } from '@testing-library/react';
+import { RatingEditor } from './RatingEditor';
+configure({
+    testIdAttribute: 'data-test-id'
+});
+describe('RatingEditor', ()=>{
+    afterEach(cleanup);
+    it('renders 5 stars by default', ()=>{
+        const [field] = createFakeFieldAPI();
+        const { getAllByTestId  } = render(React.createElement(RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        expect(getAllByTestId('rating-editor-star')).toHaveLength(5);
+    });
+    it('renders custom number of stars', ()=>{
+        const [field] = createFakeFieldAPI();
+        const { getAllByTestId  } = render(React.createElement(RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false,
+            parameters: {
+                installation: {},
+                instance: {
+                    stars: 20
+                }
+            }
+        }));
+        expect(getAllByTestId('rating-editor-star')).toHaveLength(20);
+    });
+    it('should should setValue by clicking on a item and removeValue by clicking on clear', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field
+            };
+        });
+        const { container , getAllByTestId , getByTestId , queryByTestId  } = render(React.createElement(RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        const $stars = getAllByTestId('rating-editor-star');
+        expect(queryByTestId('rating-editor-clean')).not.toBeInTheDocument();
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(0);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(5);
+        fireEvent.click($stars[4]);
+        expect(field.setValue).toHaveBeenCalledWith(5);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(5);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(0);
+        fireEvent.click($stars[0]);
+        expect(field.setValue).toHaveBeenCalledWith(1);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(1);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(4);
+        fireEvent.click(getByTestId('rating-editor-clear'));
+        expect(field.removeValue).toHaveBeenCalled();
+    });
+    it('should should setValue by focusing and using Enter', ()=>{
+        const [field] = createFakeFieldAPI((field)=>{
+            jest.spyOn(field, 'setValue');
+            jest.spyOn(field, 'removeValue');
+            return {
+                ...field
+            };
+        });
+        const { container , getAllByTestId , queryByTestId  } = render(React.createElement(RatingEditor, {
+            field: field,
+            isInitiallyDisabled: false
+        }));
+        const $stars = getAllByTestId('rating-editor-star');
+        expect(queryByTestId('rating-editor-clean')).not.toBeInTheDocument();
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(0);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(5);
+        fireEvent.focus($stars[2]);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(3);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(2);
+        fireEvent.keyDown($stars[2], {
+            keyCode: 13
+        });
+        expect(field.setValue).toHaveBeenCalledTimes(1);
+        expect(field.setValue).toHaveBeenCalledWith(3);
+        fireEvent.focus($stars[4]);
+        expect(container.querySelectorAll('[data-selected="true"]')).toHaveLength(5);
+        expect(container.querySelectorAll('[data-selected="false"]')).toHaveLength(0);
+        fireEvent.keyDown($stars[4], {
+            keyCode: 13
+        });
+        expect(field.setValue).toHaveBeenCalledTimes(2);
+        expect(field.setValue).toHaveBeenCalledWith(5);
+    });
+});

package/dist/esm/RatingRibbon.js

@@ -0,0 +1,84 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+import * as React from 'react';
+import { IconButton } from '@contentful/f36-components';
+import { StarIcon } from '@contentful/f36-icons';
+import { css } from 'emotion';
+export class RatingRibbon extends React.Component {
+    render() {
+        const items = [];
+        for(let i = 1; i <= this.props.stars; i++){
+            items.push(i);
+        }
+        return React.createElement(React.Fragment, null, items.map((num)=>React.createElement(IconButton, {
+                variant: "transparent",
+                size: "small",
+                icon: React.createElement(StarIcon, {
+                    variant: this.isSelected(num) ? 'primary' : 'muted',
+                    className: css({
+                        width: '22px',
+                        height: '22px'
+                    })
+                }),
+                "data-selected": this.isSelected(num) ? 'true' : 'false',
+                testId: "rating-editor-star",
+                isDisabled: this.props.disabled,
+                key: num,
+                onClick: ()=>{
+                    this.props.onSelect(num);
+                },
+                onKeyDown: (e)=>{
+                    if (e.keyCode === 13) {
+                        this.props.onSelect(num);
+                    }
+                },
+                onMouseOver: this.onFocus(num),
+                onMouseLeave: this.onBlur,
+                onFocus: this.onFocus(num),
+                onBlur: this.onBlur,
+                "aria-label": num.toString()
+            })));
+    }
+    constructor(...args){
+        super(...args);
+        _define_property(this, "state", {
+            hovered: null
+        });
+        _define_property(this, "isSelected", (num)=>{
+            const hovered = this.state.hovered;
+            const value = this.props.value;
+            if (hovered !== null) {
+                return num <= hovered;
+            }
+            if (value) {
+                return num <= value;
+            }
+            return false;
+        });
+        _define_property(this, "onBlur", ()=>{
+            if (!this.props.disabled) {
+                this.setState({
+                    hovered: null
+                });
+            }
+        });
+        _define_property(this, "onFocus", (num)=>()=>{
+                if (!this.props.disabled) {
+                    this.setState({
+                        hovered: num
+                    });
+                }
+            });
+    }
+}

package/dist/esm/index.js

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

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { FieldAPI, ParametersAPI } from '@contentful/field-editor-shared';
-export interface RatingEditorProps {
-    /**
-     * is the field disabled initially
-     */
-    isInitiallyDisabled: boolean;
-    /**
-     * sdk.field
-     */
-    field: FieldAPI;
-    /**
-     * sdk.parameters
-     */
-    parameters?: ParametersAPI & {
-        instance: {
-            stars?: number;
-        };
-    };
-}
-export declare function RatingEditor(props: RatingEditorProps): JSX.Element;
-export declare namespace RatingEditor {
-    var defaultProps: {
-        isInitiallyDisabled: boolean;
-    };
-}
+import * as React from 'react';
+import { FieldAPI, ParametersAPI } from '@contentful/field-editor-shared';
+export interface RatingEditorProps {
+    /**
+     * is the field disabled initially
+     */
+    isInitiallyDisabled: boolean;
+    /**
+     * sdk.field
+     */
+    field: FieldAPI;
+    /**
+     * sdk.parameters
+     */
+    parameters?: ParametersAPI & {
+        instance: {
+            stars?: number;
+        };
+    };
+}
+export declare function RatingEditor(props: RatingEditorProps): React.JSX.Element;
+export declare namespace RatingEditor {
+    var defaultProps: {
+        isInitiallyDisabled: boolean;
+    };
+}

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

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