@bbl-digital/snorre 3.1.1 → 3.1.2
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.
- 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);
|