@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.
@@ -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",