@bbl-digital/snorre 3.0.52 → 3.0.53

package/dist/bundle.js

@@ -30638,7 +30638,7 @@
 
   const DEFAULT_DIVIDER = ':';
   const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
-  const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
+  const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
   const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
   const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 
@@ -30776,6 +30776,7 @@
     height = '36px',
     width,
     disabled = false,
+    nullable = false,
     css,
     validation,
     invalidMessage,
@@ -30786,7 +30787,9 @@
     // Static fields
     const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
 
-    const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+    const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+
+    const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
 
     const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -30794,7 +30797,7 @@
 
     const _isDate = type === 'date';
 
-    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
+    let valueToUse = _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
 

package/esm/core/Timepicker/index.js

@@ -15,6 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
+  nullable = false,
   css,
   validation,
   invalidMessage,
@@ -25,7 +26,9 @@ const TimePicker = ({
   // Static fields
   const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
 
-  const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+
+  const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -33,7 +36,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
+  let valueToUse = _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
 

package/esm/utils/time.js

@@ -1,6 +1,6 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
-export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 

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

@@ -23,6 +23,8 @@ interface IProps {
     width?: string;
     /** Disabled. */
     disabled?: boolean;
+    /** Nullable, will show --:-- instead of 00:00 */
+    nullable?: 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,+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,CA+LhC,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,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,CAkMhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -15,6 +15,7 @@ const TimePicker = ({
   height = '36px',
   width,
   disabled = false,
+  nullable = false,
   css,
   validation,
   invalidMessage,
@@ -25,7 +26,9 @@ const TimePicker = ({
   // Static fields
   const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
 
-  const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
+
+  const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
 
@@ -33,7 +36,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
+  let valueToUse = _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
 

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,QAA6B,CAAA;AACtE,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"}

package/lib/utils/time.js

@@ -1,6 +1,6 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
-export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 

package/package.json

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