@bbl-digital/snorre 3.1.1 → 3.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +554 -573
- package/esm/core/Text/index.js +1 -11
- package/esm/core/Timepicker/index.js +3 -10
- package/esm/utils/time.js +0 -3
- package/lib/core/Text/index.d.ts +0 -1
- package/lib/core/Text/index.d.ts.map +1 -1
- package/lib/core/Text/index.js +1 -11
- package/lib/core/Timepicker/index.d.ts.map +1 -1
- package/lib/core/Timepicker/index.js +3 -10
- package/lib/utils/time.d.ts.map +1 -1
- package/lib/utils/time.js +0 -3
- package/package.json +1 -1
package/esm/core/Text/index.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
2
|
-
import React
|
3
|
-
import Timepicker from '../Timepicker';
|
2
|
+
import React from 'react';
|
4
3
|
import { styles } from './styles';
|
5
4
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
6
5
|
|
@@ -16,7 +15,6 @@ const Text = ({
|
|
16
15
|
size,
|
17
16
|
title,
|
18
17
|
onClick,
|
19
|
-
test,
|
20
18
|
children,
|
21
19
|
primary,
|
22
20
|
secondary,
|
@@ -27,14 +25,6 @@ const Text = ({
|
|
27
25
|
whiteSpace
|
28
26
|
}) => {
|
29
27
|
const Tag = paragraph ? 'p' : 'span';
|
30
|
-
const [testvalue, setTestvalue] = useState(null);
|
31
|
-
if (test) return _jsx(Timepicker, {
|
32
|
-
type: "date",
|
33
|
-
isNullable: true,
|
34
|
-
value: testvalue,
|
35
|
-
onChange: e => setTestvalue(new Date(e)),
|
36
|
-
label: "Time"
|
37
|
-
});
|
38
28
|
return _jsx(Tag, {
|
39
29
|
css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace)],
|
40
30
|
onClick: onClick,
|
@@ -39,9 +39,7 @@ const TimePicker = ({
|
|
39
39
|
const removedNumberReplacer = isNullable ? '-' : '0';
|
40
40
|
let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
|
41
41
|
const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
|
42
|
-
const [inputStateValue, setInputStateValue] = useState(validatedTime); //
|
43
|
-
|
44
|
-
console.log(inputStateValue); // Loads of logic to handle string input with divider
|
42
|
+
const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
|
45
43
|
|
46
44
|
const onInputChange = async (event, callback) => {
|
47
45
|
const _maxLength = _defaultValue.length;
|
@@ -94,21 +92,16 @@ const TimePicker = ({
|
|
94
92
|
updatedValue = inputStateValue;
|
95
93
|
currentPosition = position - 1;
|
96
94
|
} else if (removedCharacter !== null) {
|
97
|
-
console.log('on remove', position);
|
98
|
-
|
99
95
|
if ((position === 2 || position === 5) && removedCharacter === _divider) {
|
100
96
|
updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
|
101
97
|
currentPosition = position - 1;
|
102
98
|
} else {
|
103
|
-
|
104
|
-
|
99
|
+
// user removed a number
|
105
100
|
updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
|
106
101
|
}
|
107
102
|
}
|
108
103
|
|
109
|
-
|
110
|
-
const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
|
111
|
-
console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
|
104
|
+
const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable); // Needs to be awaited, for it to work
|
112
105
|
|
113
106
|
await setInputStateValue(validatedTime);
|
114
107
|
event.target.selectionStart = validatedCursorPosition;
|
package/esm/utils/time.js
CHANGED
@@ -24,9 +24,6 @@ export function isNumber(value) {
|
|
24
24
|
*/
|
25
25
|
|
26
26
|
export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
|
27
|
-
console.log('defaultValue', defaultValue);
|
28
|
-
console.log('value', value); // const _default = defaultValue.replaceAll('-', '0')
|
29
|
-
|
30
27
|
const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
|
31
28
|
let newCursorPosition = Number(cursorPosition);
|
32
29
|
let [HH, MM, SS] = String(value).split(divider);
|
package/lib/core/Text/index.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiD1B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
package/lib/core/Text/index.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
2
|
-
import React
|
3
|
-
import Timepicker from '../Timepicker';
|
2
|
+
import React from 'react';
|
4
3
|
import { styles } from './styles';
|
5
4
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
6
5
|
|
@@ -16,7 +15,6 @@ const Text = ({
|
|
16
15
|
size,
|
17
16
|
title,
|
18
17
|
onClick,
|
19
|
-
test,
|
20
18
|
children,
|
21
19
|
primary,
|
22
20
|
secondary,
|
@@ -27,14 +25,6 @@ const Text = ({
|
|
27
25
|
whiteSpace
|
28
26
|
}) => {
|
29
27
|
const Tag = paragraph ? 'p' : 'span';
|
30
|
-
const [testvalue, setTestvalue] = useState(null);
|
31
|
-
if (test) return _jsx(Timepicker, {
|
32
|
-
type: "date",
|
33
|
-
isNullable: true,
|
34
|
-
value: testvalue,
|
35
|
-
onChange: e => setTestvalue(new Date(e)),
|
36
|
-
label: "Time"
|
37
|
-
});
|
38
28
|
return _jsx(Tag, {
|
39
29
|
css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace)],
|
40
30
|
onClick: onClick,
|
@@ -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,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+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,
|
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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+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,CAgNhC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
@@ -39,9 +39,7 @@ const TimePicker = ({
|
|
39
39
|
const removedNumberReplacer = isNullable ? '-' : '0';
|
40
40
|
let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
|
41
41
|
const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
|
42
|
-
const [inputStateValue, setInputStateValue] = useState(validatedTime); //
|
43
|
-
|
44
|
-
console.log(inputStateValue); // Loads of logic to handle string input with divider
|
42
|
+
const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
|
45
43
|
|
46
44
|
const onInputChange = async (event, callback) => {
|
47
45
|
const _maxLength = _defaultValue.length;
|
@@ -94,21 +92,16 @@ const TimePicker = ({
|
|
94
92
|
updatedValue = inputStateValue;
|
95
93
|
currentPosition = position - 1;
|
96
94
|
} else if (removedCharacter !== null) {
|
97
|
-
console.log('on remove', position);
|
98
|
-
|
99
95
|
if ((position === 2 || position === 5) && removedCharacter === _divider) {
|
100
96
|
updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
|
101
97
|
currentPosition = position - 1;
|
102
98
|
} else {
|
103
|
-
|
104
|
-
|
99
|
+
// user removed a number
|
105
100
|
updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
|
106
101
|
}
|
107
102
|
}
|
108
103
|
|
109
|
-
|
110
|
-
const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
|
111
|
-
console.log(validatedTime, validatedCursorPosition); // Needs to be awaited, for it to work
|
104
|
+
const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable); // Needs to be awaited, for it to work
|
112
105
|
|
113
106
|
await setInputStateValue(validatedTime);
|
114
107
|
event.target.selectionStart = validatedCursorPosition;
|
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;AASvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,qIAO/B,CAAC,MAAM,EAAE,MAAM,
|
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;AASvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,qIAO/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
@@ -24,9 +24,6 @@ export function isNumber(value) {
|
|
24
24
|
*/
|
25
25
|
|
26
26
|
export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
|
27
|
-
console.log('defaultValue', defaultValue);
|
28
|
-
console.log('value', value); // const _default = defaultValue.replaceAll('-', '0')
|
29
|
-
|
30
27
|
const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
|
31
28
|
let newCursorPosition = Number(cursorPosition);
|
32
29
|
let [HH, MM, SS] = String(value).split(divider);
|