@bbl-digital/snorre 3.0.55 → 3.0.57

package/dist/bundle.js

@@ -30785,7 +30785,7 @@
     height = '36px',
     width,
     disabled = false,
-    nullable = false,
+    isNull = false,
     css,
     validation,
     invalidMessage,
@@ -30798,7 +30798,7 @@
 
     const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
-    const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
+    const _defaultValue = _defaultFilledValue;
 
     const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -30806,7 +30806,7 @@
 
     const _isDate = type === 'date';
 
-    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
+    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
     const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
     const [inputStateValue, setInputStateValue] = React.useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -30889,10 +30889,11 @@
         children: label
       }), jsxRuntime$1.jsx("input", {
         type: "text",
-        value: inputStateValue,
+        value: isNull ? _defaultNullableValue : inputStateValue,
+        defaultValue: inputStateValue,
         disabled: disabled,
         autoFocus: autoFocus,
-        css: theme => [css && css, disabled && styles$7.disabled(theme), nullable && value === null && styles$7.nullable],
+        css: theme => [css && css, disabled && styles$7.disabled(theme), isNull && styles$7.nullable],
         onChange: event => onInputChange(event, v => onChange?.(v)),
         onBlur: onBlur,
         onFocus: handleFocus

package/esm/core/Timepicker/index.js

@@ -15,7 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
-  nullable = false,
+  isNull = false,
   css,
   validation,
   invalidMessage,
@@ -28,7 +28,7 @@ const TimePicker = ({
 
   const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
-  const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
+  const _defaultValue = _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -36,7 +36,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
+  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -119,10 +119,11 @@ const TimePicker = ({
       children: label
     }), _jsx("input", {
       type: "text",
-      value: inputStateValue,
+      value: isNull ? _defaultNullableValue : inputStateValue,
+      defaultValue: inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
-      css: theme => [css && css, disabled && styles.disabled(theme), nullable && value === null && styles.nullable],
+      css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],
       onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus

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

@@ -23,8 +23,8 @@ interface IProps {
     width?: string;
     /** Disabled. */
     disabled?: boolean;
-    /** Nullable, will show --:-- instead of 00:00 */
-    nullable?: boolean;
+    /** Sets the defaultValue to --:-- */
+    isNull?: boolean;
     /** Override with custom CSS */
     css?: SerializedStyles;
     /** Validation on input */

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,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+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,CAwMhC,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

@@ -15,7 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
-  nullable = false,
+  isNull = false,
   css,
   validation,
   invalidMessage,
@@ -28,7 +28,7 @@ const TimePicker = ({
 
   const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
-  const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
+  const _defaultValue = _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -36,7 +36,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
+  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -119,10 +119,11 @@ const TimePicker = ({
       children: label
     }), _jsx("input", {
       type: "text",
-      value: inputStateValue,
+      value: isNull ? _defaultNullableValue : inputStateValue,
+      defaultValue: inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
-      css: theme => [css && css, disabled && styles.disabled(theme), nullable && value === null && styles.nullable],
+      css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],
       onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus

package/package.json

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