@bbl-digital/snorre 3.0.61 → 3.0.63

package/dist/bundle.js

@@ -30662,7 +30662,10 @@
    */
 
   const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0) => {
-    const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
+    const _default = defaultValue.replaceAll('-', '0');
+
+    const [oldHH, oldMM, oldSS] = _default.split(divider);
+
     let newCursorPosition = Number(cursorPosition);
     let [HH, MM, SS] = String(value).split(divider);
     HH = formatTimeItem(HH);
@@ -30806,14 +30809,13 @@
 
     const _isDate = type === 'date';
 
-    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+    let valueToUse = isNull ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
     const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
     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];
@@ -30871,7 +30873,8 @@
         }
       }
 
-      const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition); // Needs to be awaited, for it to work
+      const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition);
+      console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
 
       await setInputStateValue(validatedTime);
       event.target.selectionStart = validatedCursorPosition;
@@ -30889,8 +30892,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

@@ -36,14 +36,13 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  let valueToUse = isNull ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   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];
@@ -101,7 +100,8 @@ const TimePicker = ({
       }
     }
 
-    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition); // Needs to be awaited, for it to work
+    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition);
+    console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
 
     await setInputStateValue(validatedTime);
     event.target.selectionStart = validatedCursorPosition;
@@ -119,8 +119,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/esm/utils/time.js

@@ -24,7 +24,10 @@ export function isNumber(value) {
  */
 
 export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0) => {
-  const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
+  const _default = defaultValue.replaceAll('-', '0');
+
+  const [oldHH, oldMM, oldSS] = _default.split(divider);
+
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
   HH = formatTimeItem(HH);

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,CA6MhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -36,14 +36,13 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  let valueToUse = isNull ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   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];
@@ -101,7 +100,8 @@ const TimePicker = ({
       }
     }
 
-    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition); // Needs to be awaited, for it to work
+    const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition);
+    console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
 
     await setInputStateValue(validatedTime);
     event.target.selectionStart = validatedCursorPosition;
@@ -119,8 +119,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/utils/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,4BAA4B,QAA2B,CAAA;AACpE,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAC9E,eAAO,MAAM,2BAA2B,QAA+C,CAAA;AAMvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,+GAM/B,CAAC,MAAM,EAAE,MAAM,CAwCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,4BAA4B,QAA2B,CAAA;AACpE,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAC9E,eAAO,MAAM,2BAA2B,QAA+C,CAAA;AAMvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,+GAM/B,CAAC,MAAM,EAAE,MAAM,CAyCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}

package/lib/utils/time.js

@@ -24,7 +24,10 @@ export function isNumber(value) {
  */
 
 export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0) => {
-  const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
+  const _default = defaultValue.replaceAll('-', '0');
+
+  const [oldHH, oldMM, oldSS] = _default.split(divider);
+
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
   HH = formatTimeItem(HH);

package/package.json

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