@contentful/field-editor-number 1.3.35 → 1.4.0

package/dist/cjs/NumberEditor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "NumberEditor", {
         return NumberEditor;
     }
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _fieldeditorshared = require("@contentful/field-editor-shared");
@@ -56,13 +56,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var StepChangeType;
-(function(StepChangeType) {
+var StepChangeType = /*#__PURE__*/ function(StepChangeType) {
     StepChangeType["Increment"] = "increment";
     StepChangeType["Decrement"] = "decrement";
-})(StepChangeType || (StepChangeType = {}));
+    return StepChangeType;
+}(StepChangeType || {});
 const NUMBER_STEP = 1;
-function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue }) {
+function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue, id }) {
     const [inputValue, setInputValue] = _react.useState((0, _utils.valueToString)(sdkValue));
     const range = (0, _utils.getRangeFromField)(field);
     const inputRef = _react.useRef(null);
@@ -123,6 +123,7 @@ function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue
         className: _NumberEditorstyles.styles.container
     }, _react.createElement(_f36components.TextInput, {
         type: "text",
+        id: id,
         testId: "number-editor-input",
         className: _NumberEditorstyles.styles.input,
         min: range.min,
@@ -159,11 +160,12 @@ function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue
     }))));
 }
 function NumberEditor(props) {
-    const { field } = props;
+    const { field, id } = props;
     return _react.createElement(_fieldeditorshared.FieldConnector, {
         field: field,
         isInitiallyDisabled: props.isInitiallyDisabled
     }, ({ value, errors, disabled, setValue })=>_react.createElement(InnerNumberEditor, {
+            id: id,
             disabled: disabled,
             errors: errors,
             field: field,

package/dist/cjs/NumberEditor.spec.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _react = _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _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 _userevent = _interop_require_default(require("@testing-library/user-event"));
+const _userevent = /*#__PURE__*/ _interop_require_default(require("@testing-library/user-event"));
 const _NumberEditor = require("./NumberEditor");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

package/dist/cjs/NumberEditor.styles.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "styles", {
         return styles;
     }
 });
-const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {

package/dist/esm/NumberEditor.js

@@ -5,13 +5,13 @@ import { FieldConnector } from '@contentful/field-editor-shared';
 import { styles } from './NumberEditor.styles';
 import { isNumberInputValueValid, parseNumber } from './parseNumber';
 import { getRangeFromField, valueToString, countDecimals } from './utils';
-var StepChangeType;
-(function(StepChangeType) {
+var StepChangeType = /*#__PURE__*/ function(StepChangeType) {
     StepChangeType["Increment"] = "increment";
     StepChangeType["Decrement"] = "decrement";
-})(StepChangeType || (StepChangeType = {}));
+    return StepChangeType;
+}(StepChangeType || {});
 const NUMBER_STEP = 1;
-function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue }) {
+function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue, id }) {
     const [inputValue, setInputValue] = React.useState(valueToString(sdkValue));
     const range = getRangeFromField(field);
     const inputRef = React.useRef(null);
@@ -72,6 +72,7 @@ function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue
         className: styles.container
     }, React.createElement(TextInput, {
         type: "text",
+        id: id,
         testId: "number-editor-input",
         className: styles.input,
         min: range.min,
@@ -108,11 +109,12 @@ function InnerNumberEditor({ disabled, errors, field, setValue, value: sdkValue
     }))));
 }
 export function NumberEditor(props) {
-    const { field } = props;
+    const { field, id } = props;
     return React.createElement(FieldConnector, {
         field: field,
         isInitiallyDisabled: props.isInitiallyDisabled
     }, ({ value, errors, disabled, setValue })=>React.createElement(InnerNumberEditor, {
+            id: id,
             disabled: disabled,
             errors: errors,
             field: field,

package/dist/types/NumberEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldAPI } from '@contentful/field-editor-shared';
+import { type FieldAPI } from '@contentful/field-editor-shared';
 export interface NumberEditorProps {
     /**
      * is the field disabled initially
@@ -9,6 +9,10 @@ export interface NumberEditorProps {
      * sdk.field
      */
     field: FieldAPI;
+    /**
+     * id used for associating the input field with its label
+     */
+    id?: string;
 }
 export declare function NumberEditor(props: NumberEditorProps): React.JSX.Element;
 export declare namespace NumberEditor {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-number",
-  "version": "1.3.35",
+  "version": "1.4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@contentful/f36-components": "^4.70.0",
     "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.4.0",
+    "@contentful/field-editor-shared": "^2.4.1",
     "emotion": "^10.0.17"
   },
   "devDependencies": {
@@ -52,5 +52,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
+  "gitHead": "7ec565308c8d4da384b8fec6f5d840bdf6d4927d"
 }