@darajs/components 1.4.0 → 1.4.2

package/dist/common/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,UAAW,SAAQ,kBAAkB;IAC3C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAE/C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAKD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA0D7C;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,UAAW,SAAQ,kBAAkB;IAC3C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAE/C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAQD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA+D7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/input/input.js

@@ -7,6 +7,9 @@ import { Input as UiInput, NumericInput as UiNumericInput } from '@darajs/ui-com
 import { useFormContext } from '../context';
 const StyledInput = injectCss(UiInput);
 const StyledNumericInput = injectCss(UiNumericInput);
+function getNumericValue(value) {
+    return value == null || Number.isNaN(Number(value)) ? null : Number(value);
+}
 /**
  * The input component accepts a value Variable from the backend and allows the user to view and edit that variable.
  *
@@ -24,7 +27,7 @@ function Input(props) {
     function handleChange(val) {
         let newValue = val;
         if (props.type === 'number') {
-            newValue = Number.isNaN(Number(newValue)) ? null : Number(newValue);
+            newValue = getNumericValue(newValue);
         }
         // Immmediately update internal state
         setInternalValue(newValue);
@@ -38,8 +41,13 @@ function Input(props) {
         debouncedAction.cancel();
         debouncedSetValue.cancel();
         debouncedUpdateForm.cancel();
+        // If value has been coerced to string convert it back to number for NumericInput
+        let newValue = value;
+        if (props.type === 'number') {
+            newValue = getNumericValue(newValue);
+        }
         // Sync the internal value with the variable value when the variable value changes
-        setInternalValue(value);
+        setInternalValue(newValue);
     }, [value]);
     if (props.type === 'number') {
         return (_jsx(StyledNumericInput, { "$rawCss": css, className: props.className, onChange: (e) => handleChange(String(e)), placeholder: props.placeholder, stepper: true, style: style, value: internalValue }));

package/dist/common/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"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"}

package/dist/umd/dara.components.umd.js

@@ -43002,6 +43002,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   const StyledInput$2 = core$2.injectCss(Input$3);
   const StyledNumericInput = core$2.injectCss(NumericInput);
+  function getNumericValue(value) {
+    return value == null || Number.isNaN(Number(value)) ? null : Number(value);
+  }
   function Input(props) {
     const formCtx2 = useFormContext(props);
     const [style2, css2] = core$2.useComponentStyles(props);
@@ -43014,7 +43017,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     function handleChange(val) {
       let newValue = val;
       if (props.type === "number") {
-        newValue = Number.isNaN(Number(newValue)) ? null : Number(newValue);
+        newValue = getNumericValue(newValue);
       }
       setInternalValue(newValue);
       debouncedSetValue(newValue);
@@ -43025,7 +43028,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       debouncedAction.cancel();
       debouncedSetValue.cancel();
       debouncedUpdateForm.cancel();
-      setInternalValue(value);
+      let newValue = value;
+      if (props.type === "number") {
+        newValue = getNumericValue(newValue);
+      }
+      setInternalValue(newValue);
     }, [value]);
     if (props.type === "number") {
       return /* @__PURE__ */ React__default.default.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Components for the Dara framework",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@bokeh/bokehjs": "~3.1.1",
-    "@darajs/core": "1.4.0",
+    "@darajs/core": "1.4.2",
     "@darajs/styled-components": "~1.2.1",
     "@darajs/ui-causal-graph-editor": "~1.2.1",
     "@darajs/ui-code-editor": "~1.2.1",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f930bd16d1021734b40832709c15d0719109654d"
+  "gitHead": "baa2724dd01c42a8e042940a166a948c77d0aa82"
 }