@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.
@@ -1,6 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { useState } from '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); // console.log(isNull)
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
- console.log('vi kommer hit', inputValue.substring(position)); // user removed a number
104
-
99
+ // user removed a number
105
100
  updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
106
101
  }
107
102
  }
108
103
 
109
- console.log('inputStateValue', inputStateValue);
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);
@@ -39,7 +39,6 @@ interface IProps {
39
39
  onClick?: () => any;
40
40
  /** The text to be displayed */
41
41
  children: NonNullable<React.ReactNode>;
42
- test?: boolean;
43
42
  }
44
43
  declare const Text: React.FC<IProps>;
45
44
  export default Text;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,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;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+D1B,CAAA;AAED,eAAe,IAAI,CAAA"}
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"}
@@ -1,6 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { useState } from '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,CA0NhC,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,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); // console.log(isNull)
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
- console.log('vi kommer hit', inputValue.substring(position)); // user removed a number
104
-
99
+ // user removed a number
105
100
  updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
106
101
  }
107
102
  }
108
103
 
109
- console.log('inputStateValue', inputStateValue);
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;
@@ -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,CA2CjB,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,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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.1.1",
3
+ "version": "3.1.2",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",