@bbl-digital/snorre 3.0.56 → 3.0.57

Sign up to get free protection for your applications and to get access to all the features.
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",