@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/core/Timeline/TimelineStep/styles.js

@@ -1,47 +1,46 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const Wrapper = styled.div((props) => css `
+    display: grid;
+    grid-template-columns: 16px 1fr;
+    grid-column-gap: 1em;
+    position: relative;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Wrapper = exports.TextWrapper = exports.Circle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1iuee1r2"
-} : {
-  target: "e1iuee1r2",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:16px 1fr;grid-column-gap:1em;position:relative;&:after{content:'';position:absolute;width:2px;background-color:", props.theme.border, ";top:16px;bottom:-1.5em;left:calc((16px / 2) - 1px);}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const Circle = exports.Circle = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1iuee1r1"
-} : {
-  target: "e1iuee1r1",
-  label: "Circle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tpvfx3",
-  styles: "display:flex;justify-content:center;align-items:center;width:12px;height:12px;border-radius:50%;z-index:1"
-} : {
-  name: "tpvfx3",
-  styles: "display:flex;justify-content:center;align-items:center;width:12px;height:12px;border-radius:50%;z-index:1",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TextWrapper = exports.TextWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1iuee1r0"
-} : {
-  target: "e1iuee1r0",
-  label: "TextWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1io3jmd",
-  styles: "display:grid;grid-row-gap:0.4em;word-break:break-word"
-} : {
-  name: "1io3jmd",
-  styles: "display:grid;grid-row-gap:0.4em;word-break:break-word",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const styles = exports.styles = {
-  defaultCircle: theme => /*#__PURE__*/(0, _react.css)("border:2px solid ", theme.border, ";background-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:defaultCircle;")),
-  active: theme => /*#__PURE__*/(0, _react.css)("border:2px solid ", theme.primary, ";background-color:", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:active;")),
-  complete: theme => /*#__PURE__*/(0, _react.css)("border:2px solid ", theme.border, ";background-color:", theme.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:complete;"))
-};
+    &:after {
+      content: '';
+      position: absolute;
+      width: 2px;
+      background-color: ${props.theme.border};
+      top: 16px;
+      bottom: -1.5em;
+      left: calc((16px / 2) - 1px);
+    }
+  `);
+export const Circle = styled.span `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  z-index: 1;
+`;
+export const TextWrapper = styled.div `
+  display: grid;
+  grid-row-gap: 0.4em;
+  word-break: break-word;
+`;
+export const styles = {
+    defaultCircle: (theme) => css `
+      border: 2px solid ${theme.border};
+      background-color: transparent;
+    `,
+    active: (theme) => css `
+      border: 2px solid ${theme.primary};
+      background-color: ${theme.primary};
+    `,
+    complete: (theme) => css `
+      border: 2px solid ${theme.border};
+      background-color: ${theme.border};
+    `,
+};

package/lib/core/Timeline/index.d.ts

@@ -5,4 +5,3 @@ interface IProps {
 }
 declare const Timeline: React.FC<IProps>;
 export default Timeline;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/Timeline/index.js

@@ -1,18 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Timeline = ({
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    children: children
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wrapper } from './styles';
+const Timeline = ({ children }) => {
+    return _jsx(Wrapper, { children: children });
 };
-var _default = exports.default = Timeline;
+export default Timeline;

package/lib/core/Timeline/styles.d.ts

@@ -2,4 +2,3 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/Timeline/styles.js

@@ -1,22 +1,10 @@
-"use strict";
+import styled from '@emotion/styled';
+export const Wrapper = styled.div `
+  display: grid;
+  grid-row-gap: 1.5em;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eqhi0tv0"
-} : {
-  target: "eqhi0tv0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "k7tw9m",
-  styles: "display:grid;grid-row-gap:1.5em;&>div:last-of-type::after{display:none;width:5px;}"
-} : {
-  name: "k7tw9m",
-  styles: "display:grid;grid-row-gap:1.5em;&>div:last-of-type::after{display:none;width:5px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  & > div:last-of-type::after {
+    display: none;
+    width: 5px;
+  }
+`;

package/lib/core/Timepicker/Timepicker.stories.d.ts

@@ -2,31 +2,30 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const TimepickerDefault: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithSeconds: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Disabled: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Nullable: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithDateAsValue: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithError: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Focus: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=Timepicker.stories.d.ts.map

package/lib/core/Timepicker/Timepicker.stories.js

@@ -1,84 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithSeconds = exports.WithError = exports.WithDateAsValue = exports.TimepickerDefault = exports.Nullable = exports.Focus = exports.Disabled = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Timepicker',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import Timepicker from '.';
+export default {
+    title: 'Core/Timepicker',
+    component: Timepicker,
 };
-const TimepickerDefault = exports.TimepickerDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "00:30",
-    onChange: v => console.log(v),
-    label: "Time",
-    onBlur: () => console.log('blur')
-  }),
-  name: 'Timepicker'
+export const TimepickerDefault = {
+    render: () => (_jsx(Timepicker, { type: "string", value: "00:30", onChange: (v) => console.log(v), label: "Time", onBlur: () => console.log('blur') })),
+    name: 'Timepicker',
 };
-const WithSeconds = exports.WithSeconds = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "12:30:30",
-    showSeconds: true,
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'With seconds'
+export const WithSeconds = {
+    render: () => (_jsx(Timepicker, { type: "string", value: "12:30:30", showSeconds: true, onChange: (v) => console.log(v), label: "Time" })),
+    name: 'With seconds',
 };
-const Disabled = exports.Disabled = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    disabled: true,
-    value: "14:00",
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'Disabled'
+export const Disabled = {
+    render: () => (_jsx(Timepicker, { type: "string", disabled: true, value: "14:00", onChange: (v) => console.log(v), label: "Time" })),
+    name: 'Disabled',
 };
-const Nullable = exports.Nullable = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "date",
-    isNullable: true,
-    value: null,
-    onChange: v => console.log('onchange CB', v),
-    label: "Time"
-  }),
-  name: 'Nullable'
+export const Nullable = {
+    render: () => (_jsx(Timepicker, { type: "date", isNullable: true, value: null, onChange: (v) => console.log('onchange CB', v), label: "Time" })),
+    name: 'Nullable',
 };
-const WithDateAsValue = exports.WithDateAsValue = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "date",
-    value: new Date(2022, 0, 30, 12, 50, 0),
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'With date as value'
+export const WithDateAsValue = {
+    render: () => (_jsx(Timepicker, { type: "date", value: new Date(2022, 0, 30, 12, 50, 0), onChange: (v) => console.log(v), label: "Time" })),
+    name: 'With date as value',
 };
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    value: "00:30",
-    validation: true,
-    invalidMessage: "Something went wrong",
-    onChange: v => console.log(v),
-    label: "Time",
-    width: "200px"
-  }),
-  name: 'With error'
+export const WithError = {
+    render: () => (_jsx(Timepicker, { type: "string", value: "00:30", validation: true, invalidMessage: "Something went wrong", onChange: (v) => console.log(v), label: "Time", width: "200px" })),
+    name: 'With error',
+};
+export const Focus = {
+    render: () => (_jsx(Timepicker, { type: "string", autoFocus: true, value: "14:00", onChange: (v) => console.log(v), label: "Time" })),
+    name: 'Focus',
 };
-const Focus = exports.Focus = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "string",
-    autoFocus: true,
-    value: "14:00",
-    onChange: v => console.log(v),
-    label: "Time"
-  }),
-  name: 'Focus'
-};

package/lib/core/Timepicker/index.d.ts

@@ -36,4 +36,3 @@ interface IProps {
 }
 declare const TimePicker: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
 export default TimePicker;
-//# sourceMappingURL=index.d.ts.map

package/lib/core/Timepicker/index.js

@@ -1,144 +1,136 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
-var _time = require("../../utils/time");
-var _styles = _interopRequireWildcard(require("./styles"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsxImportSource @emotion/react */
-
-const TimePicker = /*#__PURE__*/_react.default.forwardRef(({
-  label,
-  value,
-  type = 'date',
-  divider = _time.DEFAULT_DIVIDER,
-  showSeconds = false,
-  height = '36px',
-  width,
-  disabled = false,
-  isNullable = false,
-  css,
-  validation,
-  invalidMessage,
-  autoFocus,
-  onChange,
-  onBlur
-}, ref) => {
-  // Static fields
-  const _defaultNullableValue = showSeconds ? _time.DEFAULT_VALUE_FULL_NULLABLE : _time.DEFAULT_VALUE_SHORT_NULLABLE;
-  const _defaultFilledValue = showSeconds ? _time.DEFAULT_VALUE_FULL : _time.DEFAULT_VALUE_SHORT;
-  const _defaultValue = isNullable ? _defaultNullableValue : _defaultFilledValue;
-  const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
-  const _divider = divider && divider.length === 1 ? divider : _time.DEFAULT_DIVIDER;
-  const _isDate = type === 'date';
-  const removedNumberReplacer = isNullable ? '-' : '0';
-  let valueToUse = isNullable && !value ? _defaultNullableValue : _isDate ? (0, _time.handleDateToStringConvertion)(value, showSeconds) : value;
-  const [validatedTime] = (0, _time.validateTimeAndCursor)(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
-  const [inputStateValue, setInputStateValue] = (0, _react.useState)(validatedTime);
-
-  // Loads of logic to handle string input with divider
-  const onInputChange = async (event, callback) => {
-    const _maxLength = _defaultValue.length;
-    const inputValue = event.target.value;
-    const position = event.target.selectionEnd || 0;
-    const isTyped = inputValue.length > inputStateValue.length;
-    const cursorCharacter = inputValue[position - 1];
-    const addedCharacter = isTyped ? cursorCharacter : null;
-    const removedCharacter = isTyped ? null : inputStateValue[position];
-    const replacedSingleCharacter = inputValue.length === inputStateValue.length ? inputStateValue[position - 1] : null;
-    let updatedValue = inputStateValue;
-    let currentPosition = position;
-    if (addedCharacter !== null) {
-      if (position > _maxLength) {
-        currentPosition = _maxLength;
-      } else if ((position === 3 || position === 6) && addedCharacter === _divider) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position + 1)}`;
-      } else if ((position === 3 || position === 6) && (0, _time.isNumber)(addedCharacter)) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${addedCharacter}${inputValue.substring(position + 2)}`;
-        currentPosition = position + 1;
-      } else if ((0, _time.isNumber)(addedCharacter)) {
-        // user typed a number
-        updatedValue = inputValue.substring(0, position - 1) + addedCharacter + inputValue.substring(position + 1);
-        if (position === 2 || position === 5) {
-          /**
-           * If the number has started out as --:--
-           * On position 2, we want to replace the 2nd -- section with 00.
-           */
-          if (isNullable && updatedValue.endsWith('--') && !updatedValue.startsWith('--')) {
-            updatedValue = updatedValue.replace('--', '00');
-          }
-          currentPosition = position + 1;
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import React, { useState } from 'react';
+import { IconErrorOutline } from '../..';
+import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor, } from '../../utils/time';
+import styles, { ErrorMessage, Label } from './styles';
+const TimePicker = React.forwardRef(({ label, value, type = 'date', divider = DEFAULT_DIVIDER, showSeconds = false, height = '36px', width, disabled = false, isNullable = false, css, validation, invalidMessage, autoFocus, onChange, onBlur, }, ref) => {
+    // Static fields
+    const _defaultNullableValue = showSeconds
+        ? DEFAULT_VALUE_FULL_NULLABLE
+        : DEFAULT_VALUE_SHORT_NULLABLE;
+    const _defaultFilledValue = showSeconds
+        ? DEFAULT_VALUE_FULL
+        : DEFAULT_VALUE_SHORT;
+    const _defaultValue = isNullable
+        ? _defaultNullableValue
+        : _defaultFilledValue;
+    const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
+    const _divider = divider && divider.length === 1 ? divider : DEFAULT_DIVIDER;
+    const _isDate = type === 'date';
+    const removedNumberReplacer = isNullable ? '-' : '0';
+    let valueToUse = isNullable && !value
+        ? _defaultNullableValue
+        : _isDate
+            ? handleDateToStringConvertion(value, showSeconds)
+            : value;
+    const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider, undefined, isNullable);
+    const [inputStateValue, setInputStateValue] = useState(validatedTime);
+    // Loads of logic to handle string input with divider
+    const onInputChange = async (event, callback) => {
+        const _maxLength = _defaultValue.length;
+        const inputValue = event.target.value;
+        const position = event.target.selectionEnd || 0;
+        const isTyped = inputValue.length > inputStateValue.length;
+        const cursorCharacter = inputValue[position - 1];
+        const addedCharacter = isTyped ? cursorCharacter : null;
+        const removedCharacter = isTyped ? null : inputStateValue[position];
+        const replacedSingleCharacter = inputValue.length === inputStateValue.length
+            ? inputStateValue[position - 1]
+            : null;
+        let updatedValue = inputStateValue;
+        let currentPosition = position;
+        if (addedCharacter !== null) {
+            if (position > _maxLength) {
+                currentPosition = _maxLength;
+            }
+            else if ((position === 3 || position === 6) &&
+                addedCharacter === _divider) {
+                updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position + 1)}`;
+            }
+            else if ((position === 3 || position === 6) &&
+                isNumber(addedCharacter)) {
+                updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${addedCharacter}${inputValue.substring(position + 2)}`;
+                currentPosition = position + 1;
+            }
+            else if (isNumber(addedCharacter)) {
+                // user typed a number
+                updatedValue =
+                    inputValue.substring(0, position - 1) +
+                        addedCharacter +
+                        inputValue.substring(position + 1);
+                if (position === 2 || position === 5) {
+                    /**
+                     * If the number has started out as --:--
+                     * On position 2, we want to replace the 2nd -- section with 00.
+                     */
+                    if (isNullable &&
+                        updatedValue.endsWith('--') &&
+                        !updatedValue.startsWith('--')) {
+                        updatedValue = updatedValue.replace('--', '00');
+                    }
+                    currentPosition = position + 1;
+                }
+            }
+            else {
+                // is input not a number, then keep old value & position
+                currentPosition = position - 1;
+            }
+        }
+        if (replacedSingleCharacter !== null) {
+            // user replaced only a single character
+            if (isNumber(cursorCharacter)) {
+                if (position - 1 === 2 || position - 1 === 5) {
+                    updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position)}`;
+                }
+                else {
+                    updatedValue = inputValue;
+                }
+            }
+            else {
+                // user replaced a number on some non-number character
+                updatedValue = inputStateValue;
+                currentPosition = position - 1;
+            }
+        }
+        else if (typeof cursorCharacter !== 'undefined' &&
+            cursorCharacter !== _divider &&
+            !isNumber(cursorCharacter)) {
+            // set of characters replaced by non-number
+            updatedValue = inputStateValue;
+            currentPosition = position - 1;
         }
-      } else {
-        // is input not a number, then keep old value & position
-        currentPosition = position - 1;
-      }
-    }
-    if (replacedSingleCharacter !== null) {
-      // user replaced only a single character
-      if ((0, _time.isNumber)(cursorCharacter)) {
-        if (position - 1 === 2 || position - 1 === 5) {
-          updatedValue = `${inputValue.substring(0, position - 1)}${_divider}${inputValue.substring(position)}`;
-        } else {
-          updatedValue = inputValue;
+        else if (removedCharacter !== null) {
+            if ((position === 2 || position === 5) &&
+                removedCharacter === _divider) {
+                updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
+                currentPosition = position - 1;
+            }
+            else {
+                // user removed a number
+                updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
+            }
         }
-      } else {
-        // user replaced a number on some non-number character
-        updatedValue = inputStateValue;
-        currentPosition = position - 1;
-      }
-    } else if (typeof cursorCharacter !== 'undefined' && cursorCharacter !== _divider && !(0, _time.isNumber)(cursorCharacter)) {
-      // set of characters replaced by non-number
-      updatedValue = inputStateValue;
-      currentPosition = position - 1;
-    } else if (removedCharacter !== null) {
-      if ((position === 2 || position === 5) && removedCharacter === _divider) {
-        updatedValue = `${inputValue.substring(0, position - 1)}${removedNumberReplacer}${_divider}${inputValue.substring(position)}`;
-        currentPosition = position - 1;
-      } else {
-        // user removed a number
-        updatedValue = `${inputValue.substring(0, position)}${removedNumberReplacer}${inputValue.substring(position)}`;
-      }
-    }
-    const [validatedTime, validatedCursorPosition] = (0, _time.validateTimeAndCursor)(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
-
-    // Needs to be awaited, for it to work
-    await setInputStateValue(validatedTime);
-    event.target.selectionStart = validatedCursorPosition;
-    event.target.selectionEnd = validatedCursorPosition;
-    const callbackValue = _isDate ? (0, _time.handleStringToDateConvertion)(validatedTime, value) : validatedTime;
-    callback(callbackValue);
-    event.persist();
-  };
-
-  // Select all on input focus
-  const handleFocus = event => event.target.select();
-  return (0, _jsxRuntime.jsxs)("label", {
-    css: theme => [_styles.default.default(theme, height, _defaultWidth), validation && _styles.default.validation, invalidMessage && _styles.default.invalid(theme)],
-    children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
-      children: label
-    }), (0, _jsxRuntime.jsx)("input", {
-      "data-testid": "snorre-timepicker-input",
-      type: "text",
-      value: inputStateValue,
-      disabled: disabled,
-      autoFocus: autoFocus,
-      ref: ref,
-      css: theme => [css && css, disabled && _styles.default.disabled(theme), _styles.default.nullable],
-      onChange: event => onInputChange(event, v => onChange?.(v)),
-      onBlur: onBlur,
-      onFocus: handleFocus
-    }), invalidMessage && (0, _jsxRuntime.jsx)(_.IconErrorOutline, {
-      size: "16px"
-    }), invalidMessage && (0, _jsxRuntime.jsx)(_styles.ErrorMessage, {
-      children: invalidMessage
-    })]
-  });
+        const [validatedTime, validatedCursorPosition] = validateTimeAndCursor(showSeconds, updatedValue, inputStateValue, _divider, currentPosition, isNullable);
+        // Needs to be awaited, for it to work
+        await setInputStateValue(validatedTime);
+        event.target.selectionStart = validatedCursorPosition;
+        event.target.selectionEnd = validatedCursorPosition;
+        const callbackValue = _isDate
+            ? handleStringToDateConvertion(validatedTime, value)
+            : validatedTime;
+        callback(callbackValue);
+        event.persist();
+    };
+    // Select all on input focus
+    const handleFocus = (event) => event.target.select();
+    return (_jsxs("label", { css: (theme) => [
+            styles.default(theme, height, _defaultWidth),
+            validation && styles.validation,
+            invalidMessage && styles.invalid(theme),
+        ], children: [label && _jsx(Label, { children: label }), _jsx("input", { "data-testid": "snorre-timepicker-input", type: "text", value: inputStateValue, disabled: disabled, autoFocus: autoFocus, ref: ref, css: (theme) => [
+                    css && css,
+                    disabled && styles.disabled(theme),
+                    styles.nullable,
+                ], onChange: (event) => onInputChange(event, (v) => onChange?.(v)), onBlur: onBlur, onFocus: handleFocus }), invalidMessage && _jsx(IconErrorOutline, { size: "16px" }), invalidMessage && _jsx(ErrorMessage, { children: invalidMessage })] }));
 });
-var _default = exports.default = TimePicker;
+export default TimePicker;

package/lib/core/Timepicker/styles.d.ts

@@ -16,4 +16,3 @@ declare const styles: {
 };
 export default styles;
 export { styles };
-//# sourceMappingURL=styles.d.ts.map