@bbl-digital/snorre 3.0.56 → 3.0.57

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 (6) hide show
  1. package/dist/bundle.js +7 -6
  2. package/esm/core/Timepicker/index.js +7 -6
  3. package/lib/core/Timepicker/index.d.ts +2 -2
  4. package/lib/core/Timepicker/index.d.ts.map +1 -1
  5. package/lib/core/Timepicker/index.js +7 -6
  6. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -30785,7 +30785,7 @@
30785
30785
  height = '36px',
30786
30786
  width,
30787
30787
  disabled = false,
30788
- nullable = false,
30788
+ isNull = false,
30789
30789
  css,
30790
30790
  validation,
30791
30791
  invalidMessage,
@@ -30798,7 +30798,7 @@
30798
30798
 
30799
30799
  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30800
30800
 
30801
- const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
30801
+ const _defaultValue = _defaultFilledValue;
30802
30802
 
30803
30803
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
30804
30804
 
@@ -30806,8 +30806,8 @@
30806
30806
 
30807
30807
  const _isDate = type === 'date';
30808
30808
 
30809
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
30810
- const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultFilledValue, _divider);
30809
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
30810
+ const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
30811
30811
  const [inputStateValue, setInputStateValue] = React.useState(validatedTime); // Loads of logic to handle string input with divider
30812
30812
 
30813
30813
  const onInputChange = async (event, callback) => {
@@ -30889,10 +30889,11 @@
30889
30889
  children: label
30890
30890
  }), jsxRuntime$1.jsx("input", {
30891
30891
  type: "text",
30892
- value: inputStateValue,
30892
+ value: isNull ? _defaultNullableValue : inputStateValue,
30893
+ defaultValue: inputStateValue,
30893
30894
  disabled: disabled,
30894
30895
  autoFocus: autoFocus,
30895
- css: theme => [css && css, disabled && styles$7.disabled(theme), nullable && value === null && styles$7.nullable],
30896
+ css: theme => [css && css, disabled && styles$7.disabled(theme), isNull && styles$7.nullable],
30896
30897
  onChange: event => onInputChange(event, v => onChange?.(v)),
30897
30898
  onBlur: onBlur,
30898
30899
  onFocus: handleFocus
package/esm/core/Timepicker/index.js CHANGED
@@ -15,7 +15,7 @@ const TimePicker = ({
15
15
  height = '36px',
16
16
  width,
17
17
  disabled = false,
18
- nullable = false,
18
+ isNull = false,
19
19
  css,
20
20
  validation,
21
21
  invalidMessage,
@@ -28,7 +28,7 @@ const TimePicker = ({
28
28
 
29
29
  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30
30
 
31
- const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
31
+ const _defaultValue = _defaultFilledValue;
32
32
 
33
33
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
34
34
 
@@ -36,8 +36,8 @@ const TimePicker = ({
36
36
 
37
37
  const _isDate = type === 'date';
38
38
 
39
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
40
- const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultFilledValue, _divider);
39
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
40
+ const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
41
41
  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
42
42
 
43
43
  const onInputChange = async (event, callback) => {
@@ -119,10 +119,11 @@ const TimePicker = ({
119
119
  children: label
120
120
  }), _jsx("input", {
121
121
  type: "text",
122
- value: inputStateValue,
122
+ value: isNull ? _defaultNullableValue : inputStateValue,
123
+ defaultValue: inputStateValue,
123
124
  disabled: disabled,
124
125
  autoFocus: autoFocus,
125
- css: theme => [css && css, disabled && styles.disabled(theme), nullable && value === null && styles.nullable],
126
+ css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],
126
127
  onChange: event => onInputChange(event, v => onChange?.(v)),
127
128
  onBlur: onBlur,
128
129
  onFocus: handleFocus
package/lib/core/Timepicker/index.d.ts CHANGED
@@ -23,8 +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
+ /** Sets the defaultValue to --:-- */
27
+ isNull?: boolean;
28
28
  /** Override with custom CSS */
29
29
  css?: SerializedStyles;
30
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,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"}
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,CAyMhC,CAAA;AAED,eAAe,UAAU,CAAA"}
package/lib/core/Timepicker/index.js CHANGED
@@ -15,7 +15,7 @@ const TimePicker = ({
15
15
  height = '36px',
16
16
  width,
17
17
  disabled = false,
18
- nullable = false,
18
+ isNull = false,
19
19
  css,
20
20
  validation,
21
21
  invalidMessage,
@@ -28,7 +28,7 @@ const TimePicker = ({
28
28
 
29
29
  const _defaultFilledValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
30
30
 
31
- const _defaultValue = nullable ? _defaultNullableValue : _defaultFilledValue;
31
+ const _defaultValue = _defaultFilledValue;
32
32
 
33
33
  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
34
34
 
@@ -36,8 +36,8 @@ const TimePicker = ({
36
36
 
37
37
  const _isDate = type === 'date';
38
38
 
39
- let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : _defaultValue;
40
- const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultFilledValue, _divider);
39
+ let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value === _defaultNullableValue ? _defaultValue : value;
40
+ const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
41
41
  const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
42
42
 
43
43
  const onInputChange = async (event, callback) => {
@@ -119,10 +119,11 @@ const TimePicker = ({
119
119
  children: label
120
120
  }), _jsx("input", {
121
121
  type: "text",
122
- value: inputStateValue,
122
+ value: isNull ? _defaultNullableValue : inputStateValue,
123
+ defaultValue: inputStateValue,
123
124
  disabled: disabled,
124
125
  autoFocus: autoFocus,
125
- css: theme => [css && css, disabled && styles.disabled(theme), nullable && value === null && styles.nullable],
126
+ css: theme => [css && css, disabled && styles.disabled(theme), isNull && styles.nullable],
126
127
  onChange: event => onInputChange(event, v => onChange?.(v)),
127
128
  onBlur: onBlur,
128
129
  onFocus: handleFocus
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.0.56",
3
+ "version": "3.0.57",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",