@bbl-digital/snorre 3.0.52 → 3.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/bundle.js +6 -3
  2. package/esm/core/Timepicker/index.js +5 -2
  3. package/esm/utils/time.js +1 -1
  4. package/lib/core/Timepicker/index.d.ts +2 -0
  5. package/lib/core/Timepicker/index.d.ts.map +1 -1
  6. package/lib/core/Timepicker/index.js +5 -2
  7. package/lib/utils/time.d.ts.map +1 -1
  8. package/lib/utils/time.js +1 -1
  9. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -30638,7 +30638,7 @@
30638
30638
 
30639
30639
  const DEFAULT_DIVIDER = ':';
30640
30640
  const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
30641
- const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
30641
+ const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
30642
30642
  const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
30643
30643
  const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
30644
30644
 
@@ -30776,6 +30776,7 @@
30776
30776
  height = '36px',
30777
30777
  width,
30778
30778
  disabled = false,
30779
+ nullable = false,
30779
30780
  css,
30780
30781
  validation,
30781
30782
  invalidMessage,
@@ -30786,7 +30787,9 @@
30786
30787
  // Static fields
30787
30788
  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
30788
30789
 
30789
- const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30790
+ const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30791
+
30792
+ const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
30790
30793
 
30791
30794
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
30792
30795
 
@@ -30794,7 +30797,7 @@
30794
30797
 
30795
30798
  const _isDate = type === 'date';
30796
30799
 
30797
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
30800
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
30798
30801
  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
30799
30802
  const [inputStateValue, setInputStateValue] = React.useState(validatedTime); // Loads of logic to handle string input with divider
30800
30803
 
package/esm/core/Timepicker/index.js CHANGED
@@ -15,6 +15,7 @@ const TimePicker = ({
15
15
  height = '36px',
16
16
  width,
17
17
  disabled = false,
18
+ nullable = false,
18
19
  css,
19
20
  validation,
20
21
  invalidMessage,
@@ -25,7 +26,9 @@ const TimePicker = ({
25
26
  // Static fields
26
27
  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
27
28
 
28
- const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
29
+ const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30
+
31
+ const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
29
32
 
30
33
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
31
34
 
@@ -33,7 +36,7 @@ const TimePicker = ({
33
36
 
34
37
  const _isDate = type === 'date';
35
38
 
36
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
39
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
37
40
  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
38
41
  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
39
42
 
package/esm/utils/time.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const DEFAULT_DIVIDER = ':';
2
2
  export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
3
- export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
3
+ export const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
4
4
  export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
5
5
  export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
6
6
 
package/lib/core/Timepicker/index.d.ts CHANGED
@@ -23,6 +23,8 @@ interface IProps {
23
23
  width?: string;
24
24
  /** Disabled. */
25
25
  disabled?: boolean;
26
+ /** Nullable, will show --:-- instead of 00:00 */
27
+ nullable?: boolean;
26
28
  /** Override with custom CSS */
27
29
  css?: SerializedStyles;
28
30
  /** Validation on input */
package/lib/core/Timepicker/index.d.ts.map CHANGED
@@ -1 +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"}
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,CAkMhC,CAAA;AAED,eAAe,UAAU,CAAA"}
package/lib/core/Timepicker/index.js CHANGED
@@ -15,6 +15,7 @@ const TimePicker = ({
15
15
  height = '36px',
16
16
  width,
17
17
  disabled = false,
18
+ nullable = false,
18
19
  css,
19
20
  validation,
20
21
  invalidMessage,
@@ -25,7 +26,9 @@ const TimePicker = ({
25
26
  // Static fields
26
27
  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
27
28
 
28
- const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
29
+ const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30
+
31
+ const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
29
32
 
30
33
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
31
34
 
@@ -33,7 +36,7 @@ const TimePicker = ({
33
36
 
34
37
  const _isDate = type === 'date';
35
38
 
36
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
39
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
37
40
  const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
38
41
  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
39
42
 
package/lib/utils/time.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  export const DEFAULT_DIVIDER = ':';
2
2
  export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
3
- export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
3
+ export const DEFAULT_VALUE_SHORT_NULLABLE = `-- ${DEFAULT_DIVIDER} --`;
4
4
  export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
5
5
  export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.0.52",
3
+ "version": "3.0.53",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",