@contentful/field-editor-number 1.2.6 → 1.3.0

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

@@ -1,251 +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 f36Icons = require('@contentful/f36-icons');
-var fieldEditorShared = require('@contentful/field-editor-shared');
-var tokens = _interopDefault(require('@contentful/f36-tokens'));
-var emotion = require('emotion');
-
-const styles = {
-  container: /*#__PURE__*/emotion.css({
-    position: 'relative'
-  }),
-  controlsWrapper: /*#__PURE__*/emotion.css({
-    position: 'absolute',
-    top: '1px',
-    right: '1px',
-    width: tokens.spacingL,
-    height: 'calc(100% - 2px)',
-    display: 'flex',
-    flexDirection: 'column'
-  }),
-  control: /*#__PURE__*/emotion.css({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minHeight: 0,
-    cursor: 'pointer',
-    padding: 0,
-    margin: 0,
-    outline: 'none',
-    border: `0 solid ${tokens.gray300}`,
-    background: 'none',
-    borderLeftWidth: '1px',
-    '&:first-of-type': {
-      borderTopRightRadius: tokens.borderRadiusMedium
-    },
-    '&:last-of-type': {
-      borderTopWidth: '1px',
-      borderBottomRightRadius: tokens.borderRadiusMedium
-    },
-    svg: {
-      fill: tokens.gray600
-    },
-    '&:hover': {
-      backgroundColor: tokens.gray200
-    },
-    '&:active': {
-      backgroundColor: tokens.gray300
-    }
-  }),
-  input: /*#__PURE__*/emotion.css({
-    paddingRight: tokens.spacingXl
-  })
-};
-
-function parseNumber(value, type) {
-  if (Number.isNaN(+value)) {
-    return;
-  }
-
-  return type === 'Integer' ? parseInt(value, 10) : parseFloat(value);
-}
-const FLOAT_REGEX = /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/;
-const INT_REGEX = /^[+-]?([0-9]*)$/;
-function isNumberInputValueValid(value, type) {
-  const regex = type === 'Integer' ? INT_REGEX : FLOAT_REGEX;
-  return regex.test(value);
-}
-
-const getRangeFromField = field => {
-  const validations = field.validations || [];
-  const result = validations.find(validation => validation.range);
-  return result ? result.range : {};
-};
-const valueToString = value => {
-  return value === undefined ? '' : String(value);
-};
-const countDecimals = number => {
-  var _number$toString$spli;
-
-  return ((_number$toString$spli = number.toString().split('.')[1]) == null ? void 0 : _number$toString$spli.length) ?? 0;
-};
-
-var StepChangeType;
-
-(function (StepChangeType) {
-  StepChangeType["Increment"] = "increment";
-  StepChangeType["Decrement"] = "decrement";
-})(StepChangeType || (StepChangeType = {}));
-
-const NUMBER_STEP = 1;
-
-function InnerNumberEditor({
-  disabled,
-  errors,
-  field,
-  setValue,
-  value: sdkValue
-}) {
-  const [inputValue, setInputValue] = React.useState(valueToString(sdkValue));
-  const range = getRangeFromField(field);
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
-    const stringSdkValue = valueToString(sdkValue); // Update the input value if the SDK value (numeric) changes
-
-    if (stringSdkValue !== inputValue) {
-      setInputValue(stringSdkValue);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to trigger it only when sdkValue has changed
-
-  }, [sdkValue]);
-
-  const updateExternalValue = value => {
-    if (sdkValue !== value) {
-      setValue(value);
-    }
-  };
-
-  const changeValueByStep = type => {
-    const currentValue = Number.isNaN(+inputValue) ? 0 : +inputValue;
-    let nextValue = type === StepChangeType.Increment ? currentValue + NUMBER_STEP : currentValue - NUMBER_STEP; // Floating point numbers cannot represent all decimals precisely in binary.
-    // This can lead to unexpected results, such as 0.1 + 0.2 = 0.30000000000000004.
-    // See more details: https://floating-point-gui.de/
-
-    nextValue = +nextValue.toFixed(countDecimals(currentValue));
-    setInputValue(valueToString(nextValue));
-    setValue(nextValue);
-  }; // Keeps focus on the input
-
-
-  const handleControlPointerDown = event => {
-    var _inputRef$current;
-
-    event.preventDefault();
-    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
-  };
-
-  const handleKeyDown = event => {
-    const keyToFnMap = {
-      ArrowUp: () => changeValueByStep(StepChangeType.Increment),
-      ArrowDown: () => changeValueByStep(StepChangeType.Decrement)
-    };
-    const fn = keyToFnMap[event.key];
-
-    if (fn) {
-      event.preventDefault();
-      fn();
-    }
-  };
-
-  const handleInputChange = e => {
-    const value = e.target.value;
-
-    if (!value) {
-      setInputValue(value);
-      updateExternalValue(undefined);
-      return;
-    }
-
-    if (!isNumberInputValueValid(value, field.type)) {
-      return;
-    }
-
-    setInputValue(value);
-    const parsedNumber = parseNumber(value, field.type);
-    field.setInvalid(parsedNumber === undefined);
-
-    if (parsedNumber !== undefined) {
-      updateExternalValue(parsedNumber);
-    }
-  };
-
-  return React.createElement("div", {
-    "data-test-id": "number-editor",
-    className: styles.container
-  }, React.createElement(f36Components.TextInput // With type="number" react doesn't call onChange for certain inputs, for example if you type `e`
-  // so we use "text" instead and fully rely on our own validation.
-  // See more details: https://github.com/facebook/react/issues/6556
-  , {
-    // With type="number" react doesn't call onChange for certain inputs, for example if you type `e`
-    // so we use "text" instead and fully rely on our own validation.
-    // See more details: https://github.com/facebook/react/issues/6556
-    type: "text",
-    testId: "number-editor-input",
-    className: styles.input,
-    min: range.min,
-    max: range.max,
-    isRequired: field.required,
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    value: inputValue,
-    ref: inputRef,
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    // The same role that input type="number" has
-    // See more details: https://www.digitala11y.com/spinbutton-role/
-    role: "spinbutton",
-    "aria-valuenow": sdkValue ?? 0,
-    "aria-valuetext": inputValue,
-    "aria-valuemin": range.min,
-    "aria-valuemax": range.max
-  }), !disabled && React.createElement("div", {
-    className: styles.controlsWrapper,
-    "aria-hidden": "true"
-  }, React.createElement("button", {
-    tabIndex: -1,
-    className: styles.control,
-    onClick: () => changeValueByStep(StepChangeType.Increment),
-    onPointerDown: handleControlPointerDown
-  }, React.createElement(f36Icons.ArrowUpTrimmedIcon, {
-    size: "medium"
-  })), React.createElement("button", {
-    tabIndex: -1,
-    className: styles.control,
-    onClick: () => changeValueByStep(StepChangeType.Decrement),
-    onPointerDown: handleControlPointerDown
-  }, React.createElement(f36Icons.ArrowDownTrimmedIcon, {
-    size: "medium"
-  }))));
-}
-
-function NumberEditor(props) {
-  const {
-    field
-  } = props;
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => React.createElement(InnerNumberEditor, {
-    disabled: disabled,
-    errors: errors,
-    field: field,
-    setValue: setValue,
-    value: value
-  }));
-}
-NumberEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-exports.NumberEditor = NumberEditor;
-//# sourceMappingURL=field-editor-number.cjs.development.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-number.cjs.development.js","sources":["../src/NumberEditor.styles.ts","../src/parseNumber.ts","../src/utils.ts","../src/NumberEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  container: css({\n    position: 'relative',\n  }),\n  controlsWrapper: css({\n    position: 'absolute',\n    top: '1px',\n    right: '1px',\n    width: tokens.spacingL,\n    height: 'calc(100% - 2px)',\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  control: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 0,\n    cursor: 'pointer',\n    padding: 0,\n    margin: 0,\n    outline: 'none',\n    border: `0 solid ${tokens.gray300}`,\n    background: 'none',\n    borderLeftWidth: '1px',\n\n    '&:first-of-type': {\n      borderTopRightRadius: tokens.borderRadiusMedium,\n    },\n\n    '&:last-of-type': {\n      borderTopWidth: '1px',\n      borderBottomRightRadius: tokens.borderRadiusMedium,\n    },\n\n    svg: {\n      fill: tokens.gray600,\n    },\n\n    '&:hover': {\n      backgroundColor: tokens.gray200,\n    },\n\n    '&:active': {\n      backgroundColor: tokens.gray300,\n    },\n  }),\n  input: css({\n    paddingRight: tokens.spacingXl,\n  }),\n};\n","export function parseNumber(value: string, type: string) {\n  if (Number.isNaN(+value)) {\n    return;\n  }\n\n  return type === 'Integer' ? parseInt(value, 10) : parseFloat(value);\n}\n\nconst FLOAT_REGEX = /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/;\nconst INT_REGEX = /^[+-]?([0-9]*)$/;\n\nexport function isNumberInputValueValid(value: string, type: string) {\n  const regex = type === 'Integer' ? INT_REGEX : FLOAT_REGEX;\n\n  return regex.test(value);\n}\n","import { FieldAPI } from '@contentful/field-editor-shared';\n\ntype RangeValidation = { min?: number; max?: number };\n\nexport const getRangeFromField = (field: FieldAPI): RangeValidation => {\n  const validations = field.validations || [];\n  const result = validations.find((validation) => (validation as any).range) as\n    | { range: RangeValidation }\n    | undefined;\n  return result ? result.range : {};\n};\n\nexport const valueToString = (value: number | null | undefined) => {\n  return value === undefined ? '' : String(value);\n};\n\nexport const countDecimals = (number: number) => {\n  return number.toString().split('.')[1]?.length ?? 0;\n};\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { ArrowUpTrimmedIcon, ArrowDownTrimmedIcon } from '@contentful/f36-icons';\nimport {\n  FieldAPI,\n  FieldConnector,\n  FieldConnectorChildProps,\n} from '@contentful/field-editor-shared';\n\nimport { styles } from './NumberEditor.styles';\nimport { isNumberInputValueValid, parseNumber } from './parseNumber';\nimport { getRangeFromField, valueToString, countDecimals } from './utils';\n\nexport interface NumberEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n}\n\ntype InnerNumberEditorProps = Pick<\n  FieldConnectorChildProps<number>,\n  'disabled' | 'errors' | 'setValue' | 'value'\n> & {\n  field: NumberEditorProps['field'];\n};\n\nenum StepChangeType {\n  Increment = 'increment',\n  Decrement = 'decrement',\n}\n\nconst NUMBER_STEP = 1;\n\nfunction InnerNumberEditor({\n  disabled,\n  errors,\n  field,\n  setValue,\n  value: sdkValue,\n}: InnerNumberEditorProps) {\n  const [inputValue, setInputValue] = React.useState(valueToString(sdkValue));\n  const range = getRangeFromField(field);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    const stringSdkValue = valueToString(sdkValue);\n    // Update the input value if the SDK value (numeric) changes\n    if (stringSdkValue !== inputValue) {\n      setInputValue(stringSdkValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to trigger it only when sdkValue has changed\n  }, [sdkValue]);\n\n  const updateExternalValue = (value: number | undefined) => {\n    if (sdkValue !== value) {\n      setValue(value);\n    }\n  };\n\n  const changeValueByStep = (type: StepChangeType) => {\n    const currentValue = Number.isNaN(+inputValue) ? 0 : +inputValue;\n    let nextValue =\n      type === StepChangeType.Increment ? currentValue + NUMBER_STEP : currentValue - NUMBER_STEP;\n    // Floating point numbers cannot represent all decimals precisely in binary.\n    // This can lead to unexpected results, such as 0.1 + 0.2 = 0.30000000000000004.\n    // See more details: https://floating-point-gui.de/\n    nextValue = +nextValue.toFixed(countDecimals(currentValue));\n\n    setInputValue(valueToString(nextValue));\n    setValue(nextValue);\n  };\n\n  // Keeps focus on the input\n  const handleControlPointerDown: React.PointerEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<any>) => {\n    const keyToFnMap: {\n      [key: string]: () => void;\n    } = {\n      ArrowUp: () => changeValueByStep(StepChangeType.Increment),\n      ArrowDown: () => changeValueByStep(StepChangeType.Decrement),\n    };\n\n    const fn = keyToFnMap[event.key];\n    if (fn) {\n      event.preventDefault();\n      fn();\n    }\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const value = e.target.value;\n    if (!value) {\n      setInputValue(value);\n      updateExternalValue(undefined);\n      return;\n    }\n\n    if (!isNumberInputValueValid(value, field.type)) {\n      return;\n    }\n\n    setInputValue(value);\n\n    const parsedNumber = parseNumber(value, field.type);\n    field.setInvalid(parsedNumber === undefined);\n    if (parsedNumber !== undefined) {\n      updateExternalValue(parsedNumber);\n    }\n  };\n\n  return (\n    <div data-test-id=\"number-editor\" className={styles.container}>\n      <TextInput\n        // With type=\"number\" react doesn't call onChange for certain inputs, for example if you type `e`\n        // so we use \"text\" instead and fully rely on our own validation.\n        // See more details: https://github.com/facebook/react/issues/6556\n        type=\"text\"\n        testId=\"number-editor-input\"\n        className={styles.input}\n        min={range.min}\n        max={range.max}\n        isRequired={field.required}\n        isInvalid={errors.length > 0}\n        isDisabled={disabled}\n        value={inputValue}\n        ref={inputRef}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        // The same role that input type=\"number\" has\n        // See more details: https://www.digitala11y.com/spinbutton-role/\n        role=\"spinbutton\"\n        aria-valuenow={sdkValue ?? 0}\n        aria-valuetext={inputValue}\n        aria-valuemin={range.min}\n        aria-valuemax={range.max}\n      />\n      {/**\n       * We hide this controls from screen readers and keyboard focus.\n       * For those purposes we have a keyboard handler. The same way native input number works.\n       */}\n      {!disabled && (\n        <div className={styles.controlsWrapper} aria-hidden=\"true\">\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Increment)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowUpTrimmedIcon size=\"medium\" />\n          </button>\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Decrement)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowDownTrimmedIcon size=\"medium\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function NumberEditor(props: NumberEditorProps) {\n  const { field } = props;\n\n  return (\n    <FieldConnector<number> field={field} isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({\n        value,\n        errors,\n        disabled,\n        setValue,\n      }: Pick<FieldConnectorChildProps<number>, 'disabled' | 'errors' | 'setValue' | 'value'>) => (\n        <InnerNumberEditor\n          disabled={disabled}\n          errors={errors}\n          field={field}\n          setValue={setValue}\n          value={value}\n        />\n      )}\n    </FieldConnector>\n  );\n}\n\nNumberEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["styles","container","css","position","controlsWrapper","top","right","width","tokens","spacingL","height","display","flexDirection","control","alignItems","justifyContent","minHeight","cursor","padding","margin","outline","border","gray300","background","borderLeftWidth","borderTopRightRadius","borderRadiusMedium","borderTopWidth","borderBottomRightRadius","svg","fill","gray600","backgroundColor","gray200","input","paddingRight","spacingXl","parseNumber","value","type","Number","isNaN","parseInt","parseFloat","FLOAT_REGEX","INT_REGEX","isNumberInputValueValid","regex","test","getRangeFromField","field","validations","result","find","validation","range","valueToString","undefined","String","countDecimals","number","toString","split","length","StepChangeType","NUMBER_STEP","InnerNumberEditor","disabled","errors","setValue","sdkValue","inputValue","setInputValue","React","inputRef","stringSdkValue","updateExternalValue","changeValueByStep","currentValue","nextValue","Increment","toFixed","handleControlPointerDown","event","preventDefault","current","focus","handleKeyDown","keyToFnMap","ArrowUp","ArrowDown","Decrement","fn","key","handleInputChange","e","target","parsedNumber","setInvalid","className","TextInput","testId","min","max","isRequired","required","isInvalid","isDisabled","ref","onChange","onKeyDown","role","tabIndex","onClick","onPointerDown","ArrowUpTrimmedIcon","size","ArrowDownTrimmedIcon","NumberEditor","props","FieldConnector","isInitiallyDisabled","defaultProps"],"mappings":"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"}

package/dist/field-editor-number.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=require("@contentful/f36-components"),r=require("@contentful/f36-icons"),i=require("@contentful/field-editor-shared"),o=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e,a=require("emotion");const l={container:a.css({position:"relative"}),controlsWrapper:a.css({position:"absolute",top:"1px",right:"1px",width:o.spacingL,height:"calc(100% - 2px)",display:"flex",flexDirection:"column"}),control:a.css({display:"flex",alignItems:"center",justifyContent:"center",minHeight:0,cursor:"pointer",padding:0,margin:0,outline:"none",border:"0 solid "+o.gray300,background:"none",borderLeftWidth:"1px","&:first-of-type":{borderTopRightRadius:o.borderRadiusMedium},"&:last-of-type":{borderTopWidth:"1px",borderBottomRightRadius:o.borderRadiusMedium},svg:{fill:o.gray600},"&:hover":{backgroundColor:o.gray200},"&:active":{backgroundColor:o.gray300}}),input:a.css({paddingRight:o.spacingXl})},s=/^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/,u=/^[+-]?([0-9]*)$/,c=e=>void 0===e?"":String(e);var d;function m({disabled:e,errors:i,field:o,setValue:a,value:m}){const[p,f]=t.useState(c(m)),v=(e=>{const t=(e.validations||[]).find(e=>e.range);return t?t.range:{}})(o),b=t.useRef(null);t.useEffect(()=>{const e=c(m);e!==p&&f(e)},[m]);const g=e=>{m!==e&&a(e)},x=e=>{const t=Number.isNaN(+p)?0:+p;let n=e===d.Increment?t+1:t-1;var r,i;n=+n.toFixed((r=t,(null==(i=r.toString().split(".")[1])?void 0:i.length)??0)),f(c(n)),a(n)},y=e=>{var t;e.preventDefault(),null==(t=b.current)||t.focus()};return t.createElement("div",{"data-test-id":"number-editor",className:l.container},t.createElement(n.TextInput,{type:"text",testId:"number-editor-input",className:l.input,min:v.min,max:v.max,isRequired:o.required,isInvalid:i.length>0,isDisabled:e,value:p,ref:b,onChange:e=>{const t=e.target.value;if(!t)return f(t),void g(void 0);if(!function(e,t){return("Integer"===t?u:s).test(e)}(t,o.type))return;f(t);const n=function(e,t){if(!Number.isNaN(+e))return"Integer"===t?parseInt(e,10):parseFloat(e)}(t,o.type);o.setInvalid(void 0===n),void 0!==n&&g(n)},onKeyDown:e=>{const t={ArrowUp:()=>x(d.Increment),ArrowDown:()=>x(d.Decrement)}[e.key];t&&(e.preventDefault(),t())},role:"spinbutton","aria-valuenow":m??0,"aria-valuetext":p,"aria-valuemin":v.min,"aria-valuemax":v.max}),!e&&t.createElement("div",{className:l.controlsWrapper,"aria-hidden":"true"},t.createElement("button",{tabIndex:-1,className:l.control,onClick:()=>x(d.Increment),onPointerDown:y},t.createElement(r.ArrowUpTrimmedIcon,{size:"medium"})),t.createElement("button",{tabIndex:-1,className:l.control,onClick:()=>x(d.Decrement),onPointerDown:y},t.createElement(r.ArrowDownTrimmedIcon,{size:"medium"}))))}function p(e){const{field:n}=e;return t.createElement(i.FieldConnector,{field:n,isInitiallyDisabled:e.isInitiallyDisabled},({value:e,errors:r,disabled:i,setValue:o})=>t.createElement(m,{disabled:i,errors:r,field:n,setValue:o,value:e}))}!function(e){e.Increment="increment",e.Decrement="decrement"}(d||(d={})),p.defaultProps={isInitiallyDisabled:!0},exports.NumberEditor=p;
-//# sourceMappingURL=field-editor-number.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-number.cjs.production.min.js","sources":["../src/NumberEditor.styles.ts","../src/parseNumber.ts","../src/utils.ts","../src/NumberEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  container: css({\n    position: 'relative',\n  }),\n  controlsWrapper: css({\n    position: 'absolute',\n    top: '1px',\n    right: '1px',\n    width: tokens.spacingL,\n    height: 'calc(100% - 2px)',\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  control: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 0,\n    cursor: 'pointer',\n    padding: 0,\n    margin: 0,\n    outline: 'none',\n    border: `0 solid ${tokens.gray300}`,\n    background: 'none',\n    borderLeftWidth: '1px',\n\n    '&:first-of-type': {\n      borderTopRightRadius: tokens.borderRadiusMedium,\n    },\n\n    '&:last-of-type': {\n      borderTopWidth: '1px',\n      borderBottomRightRadius: tokens.borderRadiusMedium,\n    },\n\n    svg: {\n      fill: tokens.gray600,\n    },\n\n    '&:hover': {\n      backgroundColor: tokens.gray200,\n    },\n\n    '&:active': {\n      backgroundColor: tokens.gray300,\n    },\n  }),\n  input: css({\n    paddingRight: tokens.spacingXl,\n  }),\n};\n","export function parseNumber(value: string, type: string) {\n  if (Number.isNaN(+value)) {\n    return;\n  }\n\n  return type === 'Integer' ? parseInt(value, 10) : parseFloat(value);\n}\n\nconst FLOAT_REGEX = /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/;\nconst INT_REGEX = /^[+-]?([0-9]*)$/;\n\nexport function isNumberInputValueValid(value: string, type: string) {\n  const regex = type === 'Integer' ? INT_REGEX : FLOAT_REGEX;\n\n  return regex.test(value);\n}\n","import { FieldAPI } from '@contentful/field-editor-shared';\n\ntype RangeValidation = { min?: number; max?: number };\n\nexport const getRangeFromField = (field: FieldAPI): RangeValidation => {\n  const validations = field.validations || [];\n  const result = validations.find((validation) => (validation as any).range) as\n    | { range: RangeValidation }\n    | undefined;\n  return result ? result.range : {};\n};\n\nexport const valueToString = (value: number | null | undefined) => {\n  return value === undefined ? '' : String(value);\n};\n\nexport const countDecimals = (number: number) => {\n  return number.toString().split('.')[1]?.length ?? 0;\n};\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { ArrowUpTrimmedIcon, ArrowDownTrimmedIcon } from '@contentful/f36-icons';\nimport {\n  FieldAPI,\n  FieldConnector,\n  FieldConnectorChildProps,\n} from '@contentful/field-editor-shared';\n\nimport { styles } from './NumberEditor.styles';\nimport { isNumberInputValueValid, parseNumber } from './parseNumber';\nimport { getRangeFromField, valueToString, countDecimals } from './utils';\n\nexport interface NumberEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n}\n\ntype InnerNumberEditorProps = Pick<\n  FieldConnectorChildProps<number>,\n  'disabled' | 'errors' | 'setValue' | 'value'\n> & {\n  field: NumberEditorProps['field'];\n};\n\nenum StepChangeType {\n  Increment = 'increment',\n  Decrement = 'decrement',\n}\n\nconst NUMBER_STEP = 1;\n\nfunction InnerNumberEditor({\n  disabled,\n  errors,\n  field,\n  setValue,\n  value: sdkValue,\n}: InnerNumberEditorProps) {\n  const [inputValue, setInputValue] = React.useState(valueToString(sdkValue));\n  const range = getRangeFromField(field);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    const stringSdkValue = valueToString(sdkValue);\n    // Update the input value if the SDK value (numeric) changes\n    if (stringSdkValue !== inputValue) {\n      setInputValue(stringSdkValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to trigger it only when sdkValue has changed\n  }, [sdkValue]);\n\n  const updateExternalValue = (value: number | undefined) => {\n    if (sdkValue !== value) {\n      setValue(value);\n    }\n  };\n\n  const changeValueByStep = (type: StepChangeType) => {\n    const currentValue = Number.isNaN(+inputValue) ? 0 : +inputValue;\n    let nextValue =\n      type === StepChangeType.Increment ? currentValue + NUMBER_STEP : currentValue - NUMBER_STEP;\n    // Floating point numbers cannot represent all decimals precisely in binary.\n    // This can lead to unexpected results, such as 0.1 + 0.2 = 0.30000000000000004.\n    // See more details: https://floating-point-gui.de/\n    nextValue = +nextValue.toFixed(countDecimals(currentValue));\n\n    setInputValue(valueToString(nextValue));\n    setValue(nextValue);\n  };\n\n  // Keeps focus on the input\n  const handleControlPointerDown: React.PointerEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<any>) => {\n    const keyToFnMap: {\n      [key: string]: () => void;\n    } = {\n      ArrowUp: () => changeValueByStep(StepChangeType.Increment),\n      ArrowDown: () => changeValueByStep(StepChangeType.Decrement),\n    };\n\n    const fn = keyToFnMap[event.key];\n    if (fn) {\n      event.preventDefault();\n      fn();\n    }\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const value = e.target.value;\n    if (!value) {\n      setInputValue(value);\n      updateExternalValue(undefined);\n      return;\n    }\n\n    if (!isNumberInputValueValid(value, field.type)) {\n      return;\n    }\n\n    setInputValue(value);\n\n    const parsedNumber = parseNumber(value, field.type);\n    field.setInvalid(parsedNumber === undefined);\n    if (parsedNumber !== undefined) {\n      updateExternalValue(parsedNumber);\n    }\n  };\n\n  return (\n    <div data-test-id=\"number-editor\" className={styles.container}>\n      <TextInput\n        // With type=\"number\" react doesn't call onChange for certain inputs, for example if you type `e`\n        // so we use \"text\" instead and fully rely on our own validation.\n        // See more details: https://github.com/facebook/react/issues/6556\n        type=\"text\"\n        testId=\"number-editor-input\"\n        className={styles.input}\n        min={range.min}\n        max={range.max}\n        isRequired={field.required}\n        isInvalid={errors.length > 0}\n        isDisabled={disabled}\n        value={inputValue}\n        ref={inputRef}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        // The same role that input type=\"number\" has\n        // See more details: https://www.digitala11y.com/spinbutton-role/\n        role=\"spinbutton\"\n        aria-valuenow={sdkValue ?? 0}\n        aria-valuetext={inputValue}\n        aria-valuemin={range.min}\n        aria-valuemax={range.max}\n      />\n      {/**\n       * We hide this controls from screen readers and keyboard focus.\n       * For those purposes we have a keyboard handler. The same way native input number works.\n       */}\n      {!disabled && (\n        <div className={styles.controlsWrapper} aria-hidden=\"true\">\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Increment)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowUpTrimmedIcon size=\"medium\" />\n          </button>\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Decrement)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowDownTrimmedIcon size=\"medium\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function NumberEditor(props: NumberEditorProps) {\n  const { field } = props;\n\n  return (\n    <FieldConnector<number> field={field} isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({\n        value,\n        errors,\n        disabled,\n        setValue,\n      }: Pick<FieldConnectorChildProps<number>, 'disabled' | 'errors' | 'setValue' | 'value'>) => (\n        <InnerNumberEditor\n          disabled={disabled}\n          errors={errors}\n          field={field}\n          setValue={setValue}\n          value={value}\n        />\n      )}\n    </FieldConnector>\n  );\n}\n\nNumberEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["styles","container","css","position","controlsWrapper","top","right","width","tokens","spacingL","height","display","flexDirection","control","alignItems","justifyContent","minHeight","cursor","padding","margin","outline","border","gray300","background","borderLeftWidth","borderTopRightRadius","borderRadiusMedium","borderTopWidth","borderBottomRightRadius","svg","fill","gray600","backgroundColor","gray200","input","paddingRight","spacingXl","FLOAT_REGEX","INT_REGEX","valueToString","value","undefined","String","StepChangeType","InnerNumberEditor","disabled","errors","field","setValue","sdkValue","inputValue","setInputValue","React","range","result","validations","find","validation","getRangeFromField","inputRef","stringSdkValue","updateExternalValue","changeValueByStep","type","currentValue","Number","isNaN","nextValue","Increment","number","toFixed","toString","split","length","handleControlPointerDown","event","preventDefault","current","focus","className","TextInput","testId","min","max","isRequired","required","isInvalid","isDisabled","ref","onChange","e","target","test","isNumberInputValueValid","parsedNumber","parseInt","parseFloat","parseNumber","setInvalid","onKeyDown","fn","ArrowUp","ArrowDown","Decrement","key","role","tabIndex","onClick","onPointerDown","ArrowUpTrimmedIcon","size","ArrowDownTrimmedIcon","NumberEditor","props","FieldConnector","isInitiallyDisabled","defaultProps"],"mappings":"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"}

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

@@ -1,245 +0,0 @@
-import { createElement, useState, useRef, useEffect } from 'react';
-import { TextInput } from '@contentful/f36-components';
-import { ArrowUpTrimmedIcon, ArrowDownTrimmedIcon } from '@contentful/f36-icons';
-import { FieldConnector } from '@contentful/field-editor-shared';
-import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
-
-const styles = {
-  container: /*#__PURE__*/css({
-    position: 'relative'
-  }),
-  controlsWrapper: /*#__PURE__*/css({
-    position: 'absolute',
-    top: '1px',
-    right: '1px',
-    width: tokens.spacingL,
-    height: 'calc(100% - 2px)',
-    display: 'flex',
-    flexDirection: 'column'
-  }),
-  control: /*#__PURE__*/css({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minHeight: 0,
-    cursor: 'pointer',
-    padding: 0,
-    margin: 0,
-    outline: 'none',
-    border: `0 solid ${tokens.gray300}`,
-    background: 'none',
-    borderLeftWidth: '1px',
-    '&:first-of-type': {
-      borderTopRightRadius: tokens.borderRadiusMedium
-    },
-    '&:last-of-type': {
-      borderTopWidth: '1px',
-      borderBottomRightRadius: tokens.borderRadiusMedium
-    },
-    svg: {
-      fill: tokens.gray600
-    },
-    '&:hover': {
-      backgroundColor: tokens.gray200
-    },
-    '&:active': {
-      backgroundColor: tokens.gray300
-    }
-  }),
-  input: /*#__PURE__*/css({
-    paddingRight: tokens.spacingXl
-  })
-};
-
-function parseNumber(value, type) {
-  if (Number.isNaN(+value)) {
-    return;
-  }
-
-  return type === 'Integer' ? parseInt(value, 10) : parseFloat(value);
-}
-const FLOAT_REGEX = /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/;
-const INT_REGEX = /^[+-]?([0-9]*)$/;
-function isNumberInputValueValid(value, type) {
-  const regex = type === 'Integer' ? INT_REGEX : FLOAT_REGEX;
-  return regex.test(value);
-}
-
-const getRangeFromField = field => {
-  const validations = field.validations || [];
-  const result = validations.find(validation => validation.range);
-  return result ? result.range : {};
-};
-const valueToString = value => {
-  return value === undefined ? '' : String(value);
-};
-const countDecimals = number => {
-  var _number$toString$spli;
-
-  return ((_number$toString$spli = number.toString().split('.')[1]) == null ? void 0 : _number$toString$spli.length) ?? 0;
-};
-
-var StepChangeType;
-
-(function (StepChangeType) {
-  StepChangeType["Increment"] = "increment";
-  StepChangeType["Decrement"] = "decrement";
-})(StepChangeType || (StepChangeType = {}));
-
-const NUMBER_STEP = 1;
-
-function InnerNumberEditor({
-  disabled,
-  errors,
-  field,
-  setValue,
-  value: sdkValue
-}) {
-  const [inputValue, setInputValue] = useState(valueToString(sdkValue));
-  const range = getRangeFromField(field);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    const stringSdkValue = valueToString(sdkValue); // Update the input value if the SDK value (numeric) changes
-
-    if (stringSdkValue !== inputValue) {
-      setInputValue(stringSdkValue);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to trigger it only when sdkValue has changed
-
-  }, [sdkValue]);
-
-  const updateExternalValue = value => {
-    if (sdkValue !== value) {
-      setValue(value);
-    }
-  };
-
-  const changeValueByStep = type => {
-    const currentValue = Number.isNaN(+inputValue) ? 0 : +inputValue;
-    let nextValue = type === StepChangeType.Increment ? currentValue + NUMBER_STEP : currentValue - NUMBER_STEP; // Floating point numbers cannot represent all decimals precisely in binary.
-    // This can lead to unexpected results, such as 0.1 + 0.2 = 0.30000000000000004.
-    // See more details: https://floating-point-gui.de/
-
-    nextValue = +nextValue.toFixed(countDecimals(currentValue));
-    setInputValue(valueToString(nextValue));
-    setValue(nextValue);
-  }; // Keeps focus on the input
-
-
-  const handleControlPointerDown = event => {
-    var _inputRef$current;
-
-    event.preventDefault();
-    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
-  };
-
-  const handleKeyDown = event => {
-    const keyToFnMap = {
-      ArrowUp: () => changeValueByStep(StepChangeType.Increment),
-      ArrowDown: () => changeValueByStep(StepChangeType.Decrement)
-    };
-    const fn = keyToFnMap[event.key];
-
-    if (fn) {
-      event.preventDefault();
-      fn();
-    }
-  };
-
-  const handleInputChange = e => {
-    const value = e.target.value;
-
-    if (!value) {
-      setInputValue(value);
-      updateExternalValue(undefined);
-      return;
-    }
-
-    if (!isNumberInputValueValid(value, field.type)) {
-      return;
-    }
-
-    setInputValue(value);
-    const parsedNumber = parseNumber(value, field.type);
-    field.setInvalid(parsedNumber === undefined);
-
-    if (parsedNumber !== undefined) {
-      updateExternalValue(parsedNumber);
-    }
-  };
-
-  return createElement("div", {
-    "data-test-id": "number-editor",
-    className: styles.container
-  }, createElement(TextInput // With type="number" react doesn't call onChange for certain inputs, for example if you type `e`
-  // so we use "text" instead and fully rely on our own validation.
-  // See more details: https://github.com/facebook/react/issues/6556
-  , {
-    // With type="number" react doesn't call onChange for certain inputs, for example if you type `e`
-    // so we use "text" instead and fully rely on our own validation.
-    // See more details: https://github.com/facebook/react/issues/6556
-    type: "text",
-    testId: "number-editor-input",
-    className: styles.input,
-    min: range.min,
-    max: range.max,
-    isRequired: field.required,
-    isInvalid: errors.length > 0,
-    isDisabled: disabled,
-    value: inputValue,
-    ref: inputRef,
-    onChange: handleInputChange,
-    onKeyDown: handleKeyDown,
-    // The same role that input type="number" has
-    // See more details: https://www.digitala11y.com/spinbutton-role/
-    role: "spinbutton",
-    "aria-valuenow": sdkValue ?? 0,
-    "aria-valuetext": inputValue,
-    "aria-valuemin": range.min,
-    "aria-valuemax": range.max
-  }), !disabled && createElement("div", {
-    className: styles.controlsWrapper,
-    "aria-hidden": "true"
-  }, createElement("button", {
-    tabIndex: -1,
-    className: styles.control,
-    onClick: () => changeValueByStep(StepChangeType.Increment),
-    onPointerDown: handleControlPointerDown
-  }, createElement(ArrowUpTrimmedIcon, {
-    size: "medium"
-  })), createElement("button", {
-    tabIndex: -1,
-    className: styles.control,
-    onClick: () => changeValueByStep(StepChangeType.Decrement),
-    onPointerDown: handleControlPointerDown
-  }, createElement(ArrowDownTrimmedIcon, {
-    size: "medium"
-  }))));
-}
-
-function NumberEditor(props) {
-  const {
-    field
-  } = props;
-  return createElement(FieldConnector, {
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, ({
-    value,
-    errors,
-    disabled,
-    setValue
-  }) => createElement(InnerNumberEditor, {
-    disabled: disabled,
-    errors: errors,
-    field: field,
-    setValue: setValue,
-    value: value
-  }));
-}
-NumberEditor.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-export { NumberEditor };
-//# sourceMappingURL=field-editor-number.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-number.esm.js","sources":["../src/NumberEditor.styles.ts","../src/parseNumber.ts","../src/utils.ts","../src/NumberEditor.tsx"],"sourcesContent":["import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  container: css({\n    position: 'relative',\n  }),\n  controlsWrapper: css({\n    position: 'absolute',\n    top: '1px',\n    right: '1px',\n    width: tokens.spacingL,\n    height: 'calc(100% - 2px)',\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  control: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 0,\n    cursor: 'pointer',\n    padding: 0,\n    margin: 0,\n    outline: 'none',\n    border: `0 solid ${tokens.gray300}`,\n    background: 'none',\n    borderLeftWidth: '1px',\n\n    '&:first-of-type': {\n      borderTopRightRadius: tokens.borderRadiusMedium,\n    },\n\n    '&:last-of-type': {\n      borderTopWidth: '1px',\n      borderBottomRightRadius: tokens.borderRadiusMedium,\n    },\n\n    svg: {\n      fill: tokens.gray600,\n    },\n\n    '&:hover': {\n      backgroundColor: tokens.gray200,\n    },\n\n    '&:active': {\n      backgroundColor: tokens.gray300,\n    },\n  }),\n  input: css({\n    paddingRight: tokens.spacingXl,\n  }),\n};\n","export function parseNumber(value: string, type: string) {\n  if (Number.isNaN(+value)) {\n    return;\n  }\n\n  return type === 'Integer' ? parseInt(value, 10) : parseFloat(value);\n}\n\nconst FLOAT_REGEX = /^[+-]?([0-9]+([.][0-9]*)?|[.][0-9]*)?$/;\nconst INT_REGEX = /^[+-]?([0-9]*)$/;\n\nexport function isNumberInputValueValid(value: string, type: string) {\n  const regex = type === 'Integer' ? INT_REGEX : FLOAT_REGEX;\n\n  return regex.test(value);\n}\n","import { FieldAPI } from '@contentful/field-editor-shared';\n\ntype RangeValidation = { min?: number; max?: number };\n\nexport const getRangeFromField = (field: FieldAPI): RangeValidation => {\n  const validations = field.validations || [];\n  const result = validations.find((validation) => (validation as any).range) as\n    | { range: RangeValidation }\n    | undefined;\n  return result ? result.range : {};\n};\n\nexport const valueToString = (value: number | null | undefined) => {\n  return value === undefined ? '' : String(value);\n};\n\nexport const countDecimals = (number: number) => {\n  return number.toString().split('.')[1]?.length ?? 0;\n};\n","import * as React from 'react';\n\nimport { TextInput } from '@contentful/f36-components';\nimport { ArrowUpTrimmedIcon, ArrowDownTrimmedIcon } from '@contentful/f36-icons';\nimport {\n  FieldAPI,\n  FieldConnector,\n  FieldConnectorChildProps,\n} from '@contentful/field-editor-shared';\n\nimport { styles } from './NumberEditor.styles';\nimport { isNumberInputValueValid, parseNumber } from './parseNumber';\nimport { getRangeFromField, valueToString, countDecimals } from './utils';\n\nexport interface NumberEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n}\n\ntype InnerNumberEditorProps = Pick<\n  FieldConnectorChildProps<number>,\n  'disabled' | 'errors' | 'setValue' | 'value'\n> & {\n  field: NumberEditorProps['field'];\n};\n\nenum StepChangeType {\n  Increment = 'increment',\n  Decrement = 'decrement',\n}\n\nconst NUMBER_STEP = 1;\n\nfunction InnerNumberEditor({\n  disabled,\n  errors,\n  field,\n  setValue,\n  value: sdkValue,\n}: InnerNumberEditorProps) {\n  const [inputValue, setInputValue] = React.useState(valueToString(sdkValue));\n  const range = getRangeFromField(field);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    const stringSdkValue = valueToString(sdkValue);\n    // Update the input value if the SDK value (numeric) changes\n    if (stringSdkValue !== inputValue) {\n      setInputValue(stringSdkValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to trigger it only when sdkValue has changed\n  }, [sdkValue]);\n\n  const updateExternalValue = (value: number | undefined) => {\n    if (sdkValue !== value) {\n      setValue(value);\n    }\n  };\n\n  const changeValueByStep = (type: StepChangeType) => {\n    const currentValue = Number.isNaN(+inputValue) ? 0 : +inputValue;\n    let nextValue =\n      type === StepChangeType.Increment ? currentValue + NUMBER_STEP : currentValue - NUMBER_STEP;\n    // Floating point numbers cannot represent all decimals precisely in binary.\n    // This can lead to unexpected results, such as 0.1 + 0.2 = 0.30000000000000004.\n    // See more details: https://floating-point-gui.de/\n    nextValue = +nextValue.toFixed(countDecimals(currentValue));\n\n    setInputValue(valueToString(nextValue));\n    setValue(nextValue);\n  };\n\n  // Keeps focus on the input\n  const handleControlPointerDown: React.PointerEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<any>) => {\n    const keyToFnMap: {\n      [key: string]: () => void;\n    } = {\n      ArrowUp: () => changeValueByStep(StepChangeType.Increment),\n      ArrowDown: () => changeValueByStep(StepChangeType.Decrement),\n    };\n\n    const fn = keyToFnMap[event.key];\n    if (fn) {\n      event.preventDefault();\n      fn();\n    }\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const value = e.target.value;\n    if (!value) {\n      setInputValue(value);\n      updateExternalValue(undefined);\n      return;\n    }\n\n    if (!isNumberInputValueValid(value, field.type)) {\n      return;\n    }\n\n    setInputValue(value);\n\n    const parsedNumber = parseNumber(value, field.type);\n    field.setInvalid(parsedNumber === undefined);\n    if (parsedNumber !== undefined) {\n      updateExternalValue(parsedNumber);\n    }\n  };\n\n  return (\n    <div data-test-id=\"number-editor\" className={styles.container}>\n      <TextInput\n        // With type=\"number\" react doesn't call onChange for certain inputs, for example if you type `e`\n        // so we use \"text\" instead and fully rely on our own validation.\n        // See more details: https://github.com/facebook/react/issues/6556\n        type=\"text\"\n        testId=\"number-editor-input\"\n        className={styles.input}\n        min={range.min}\n        max={range.max}\n        isRequired={field.required}\n        isInvalid={errors.length > 0}\n        isDisabled={disabled}\n        value={inputValue}\n        ref={inputRef}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        // The same role that input type=\"number\" has\n        // See more details: https://www.digitala11y.com/spinbutton-role/\n        role=\"spinbutton\"\n        aria-valuenow={sdkValue ?? 0}\n        aria-valuetext={inputValue}\n        aria-valuemin={range.min}\n        aria-valuemax={range.max}\n      />\n      {/**\n       * We hide this controls from screen readers and keyboard focus.\n       * For those purposes we have a keyboard handler. The same way native input number works.\n       */}\n      {!disabled && (\n        <div className={styles.controlsWrapper} aria-hidden=\"true\">\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Increment)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowUpTrimmedIcon size=\"medium\" />\n          </button>\n          <button\n            tabIndex={-1}\n            className={styles.control}\n            onClick={() => changeValueByStep(StepChangeType.Decrement)}\n            onPointerDown={handleControlPointerDown}>\n            <ArrowDownTrimmedIcon size=\"medium\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function NumberEditor(props: NumberEditorProps) {\n  const { field } = props;\n\n  return (\n    <FieldConnector<number> field={field} isInitiallyDisabled={props.isInitiallyDisabled}>\n      {({\n        value,\n        errors,\n        disabled,\n        setValue,\n      }: Pick<FieldConnectorChildProps<number>, 'disabled' | 'errors' | 'setValue' | 'value'>) => (\n        <InnerNumberEditor\n          disabled={disabled}\n          errors={errors}\n          field={field}\n          setValue={setValue}\n          value={value}\n        />\n      )}\n    </FieldConnector>\n  );\n}\n\nNumberEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["styles","container","css","position","controlsWrapper","top","right","width","tokens","spacingL","height","display","flexDirection","control","alignItems","justifyContent","minHeight","cursor","padding","margin","outline","border","gray300","background","borderLeftWidth","borderTopRightRadius","borderRadiusMedium","borderTopWidth","borderBottomRightRadius","svg","fill","gray600","backgroundColor","gray200","input","paddingRight","spacingXl","parseNumber","value","type","Number","isNaN","parseInt","parseFloat","FLOAT_REGEX","INT_REGEX","isNumberInputValueValid","regex","test","getRangeFromField","field","validations","result","find","validation","range","valueToString","undefined","String","countDecimals","number","toString","split","length","StepChangeType","NUMBER_STEP","InnerNumberEditor","disabled","errors","setValue","sdkValue","inputValue","setInputValue","React","inputRef","stringSdkValue","updateExternalValue","changeValueByStep","currentValue","nextValue","Increment","toFixed","handleControlPointerDown","event","preventDefault","current","focus","handleKeyDown","keyToFnMap","ArrowUp","ArrowDown","Decrement","fn","key","handleInputChange","e","target","parsedNumber","setInvalid","className","TextInput","testId","min","max","isRequired","required","isInvalid","isDisabled","ref","onChange","onKeyDown","role","tabIndex","onClick","onPointerDown","ArrowUpTrimmedIcon","size","ArrowDownTrimmedIcon","NumberEditor","props","FieldConnector","isInitiallyDisabled","defaultProps"],"mappings":"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"}

package/dist/index.js

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