@bbl-digital/snorre 3.0.61 → 3.0.62

package/dist/bundle.js

@@ -30811,9 +30811,8 @@
     const [inputStateValue, setInputStateValue] = React.useState(validatedTime); // Loads of logic to handle string input with divider
 
     const onInputChange = async (event, callback) => {
-      const _maxLength = _defaultValue.length; // Replace --:-- with 00:00 if that gets sent in.
-
-      const inputValue = event.target.value.replace(_defaultNullableValue, _defaultFilledValue);
+      const _maxLength = _defaultValue.length;
+      const inputValue = event.target.value;
       const position = event.target.selectionEnd || 0;
       const isTyped = inputValue.length > inputStateValue.length;
       const cursorCharacter = inputValue[position - 1];
@@ -30889,8 +30888,10 @@
       children: [label && jsxRuntime$1.jsx(Label$1, {
         children: label
       }), jsxRuntime$1.jsx("input", {
+        "data-testid": "snorre-timepicker-input",
         type: "text",
-        value: isNull ? _defaultNullableValue : inputStateValue,
+        value: isNull ? undefined : inputStateValue,
+        placeholder: _defaultNullableValue,
         disabled: disabled,
         autoFocus: autoFocus,
         css: theme => [css && css, disabled && styles$7.disabled(theme), isNull && styles$7.nullable],

package/esm/core/Timepicker/index.js

@@ -41,9 +41,8 @@ const TimePicker = ({
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
   const onInputChange = async (event, callback) => {
-    const _maxLength = _defaultValue.length; // Replace --:-- with 00:00 if that gets sent in.
-
-    const inputValue = event.target.value.replace(_defaultNullableValue, _defaultFilledValue);
+    const _maxLength = _defaultValue.length;
+    const inputValue = event.target.value;
     const position = event.target.selectionEnd || 0;
     const isTyped = inputValue.length > inputStateValue.length;
     const cursorCharacter = inputValue[position - 1];
@@ -119,8 +118,10 @@ const TimePicker = ({
     children: [label && _jsx(Label, {
       children: label
     }), _jsx("input", {
+      "data-testid": "snorre-timepicker-input",
       type: "text",
-      value: isNull ? _defaultNullableValue : inputStateValue,
+      value: isNull ? undefined : inputStateValue,
+      placeholder: _defaultNullableValue,
       disabled: disabled,
       autoFocus: autoFocus,
       css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],

package/lib/core/Timepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAepD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2MhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAepD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyMhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -41,9 +41,8 @@ const TimePicker = ({
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
   const onInputChange = async (event, callback) => {
-    const _maxLength = _defaultValue.length; // Replace --:-- with 00:00 if that gets sent in.
-
-    const inputValue = event.target.value.replace(_defaultNullableValue, _defaultFilledValue);
+    const _maxLength = _defaultValue.length;
+    const inputValue = event.target.value;
     const position = event.target.selectionEnd || 0;
     const isTyped = inputValue.length > inputStateValue.length;
     const cursorCharacter = inputValue[position - 1];
@@ -119,8 +118,10 @@ const TimePicker = ({
     children: [label && _jsx(Label, {
       children: label
     }), _jsx("input", {
+      "data-testid": "snorre-timepicker-input",
       type: "text",
-      value: isNull ? _defaultNullableValue : inputStateValue,
+      value: isNull ? undefined : inputStateValue,
+      placeholder: _defaultNullableValue,
       disabled: disabled,
       autoFocus: autoFocus,
       css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.0.61",
+  "version": "3.0.62",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",