@bbl-digital/snorre 4.2.82 → 4.2.83

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

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Timepicker from '.';
-export default {
-    title: 'Core/Timepicker',
-    component: 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',
-};
-export const WithSeconds = {
-    render: () => (_jsx(Timepicker, { type: "string", value: "12:30:30", showSeconds: true, onChange: (v) => console.log(v), label: "Time" })),
-    name: 'With seconds',
-};
-export const Disabled = {
-    render: () => (_jsx(Timepicker, { type: "string", disabled: true, value: "14:00", onChange: (v) => console.log(v), label: "Time" })),
-    name: 'Disabled',
-};
-export const Nullable = {
-    render: () => (_jsx(Timepicker, { type: "date", isNullable: true, value: null, onChange: (v) => console.log('onchange CB', v), label: "Time" })),
-    name: 'Nullable',
-};
-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',
-};
-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',
-};

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

@@ -1 +0,0 @@
-{"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,KAAK,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,iFA0Of,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -1,136 +0,0 @@
-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 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] = 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 })] }));
-});
-export default TimePicker;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,KAAK;;SAmBI,MAChB,WAAQ;2GAfb,CAAA;AAED,eAAO,MAAM,YAAY;;SAYH,MAChB,WAAQ;2GANb,CAAA;AAED,QAAA,MAAM,MAAM;qBACO,SAAS,UAAU,MAAM,SAAS,MAAM;sBAsCvC,SAAS;;;qBAiBV,SAAS;CAoB3B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Timepicker/styles.js

@@ -1,92 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Label = styled.span `
-  line-height: 22px;
-  font-size: 1em;
-  font-weight: 600;
-  margin-bottom: 4px;
-`;
-export const ErrorMessage = styled.span `
-  font-size: 14px;
-  padding-left: 25px;
-  line-height: 30px;
-  font-weight: 600;
-  margin-bottom: 0;
-  color: ${(props) => props.theme.alert};
-`;
-const styles = {
-    default: (theme, height, width) => css `
-      position: relative;
-      display: grid;
-      grid-template-rows: min-content;
-
-      &:focus-within span {
-        color: ${theme.primary};
-      }
-
-      input {
-        height: ${height};
-        width: ${width};
-        font-size: 16px;
-        line-height: 20px;
-        outline: none;
-        border-color: ${theme.border};
-        border-width: 1px;
-        border-radius: 5px;
-        border-style: solid;
-        padding: 0 10px;
-
-        &:focus {
-          border-color: ${theme.primary};
-        }
-        &:disabled {
-          background-color: ${theme.disabled};
-        }
-        &::-webkit-outer-spin-button,
-        &::-webkit-inner-spin-button {
-          -webkit-appearance: none;
-          margin: 0;
-        }
-        &[type='number'] {
-          -moz-appearance: textfield;
-        }
-      }
-    `,
-    disabled: (theme) => css({
-        cursor: 'not-allowed',
-        backgroundColor: theme.disabled,
-        borderColor: theme.disabled,
-    }),
-    nullable: css `
-    text-align: center;
-  `,
-    validation: css `
-    & > svg {
-      position: absolute;
-      bottom: 7px;
-      left: 3px;
-    }
-  `,
-    invalid: (theme) => css `
-    &:focus-within span {
-      color: black;
-    }
-    input {
-      border-color: ${theme.alert};
-
-      &:active,
-      &:focus,
-      &:hover {
-        border-color: ${theme.alert};
-      }
-    }
-
-    svg {
-      path {
-        fill: ${theme.alert};
-      }
-    }
-  `,
-};
-export default styles;
-export { styles };

package/lib/core/Tooltip/Tooptip.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const TooltipDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/core/Tooltip/Tooptip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooptip.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tooltip/Tooptip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAMlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,cAAc;;;CAO1B,CAAA"}

package/lib/core/Tooltip/Tooptip.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '.';
-export default {
-    title: 'Core/Tooltip',
-    component: Tooltip,
-};
-export const TooltipDefault = {
-    render: () => (_jsx(Tooltip, { tooltip: "I React", delay: 0, children: "geaugaeuhgaehugaehu" })),
-    name: 'Tooltip',
-};

package/lib/core/Tooltip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EACL,gBAAgB,EAEhB,mBAAmB,EAGpB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,mBAAmB,EAAE,gBAAgB;IAC5D,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAA;CAChB;AAoBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiB7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/core/Tooltip/index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { mergeProps, useTooltip, useTooltipTrigger, } from 'react-aria';
-import React from 'react';
-import { useTooltipTriggerState } from 'react-stately';
-import { styles } from './styles';
-const TooltipChild = ({ state, ...props }) => {
-    let { tooltipProps } = useTooltip(props, state);
-    return (_jsx("span", { css: (theme) => [styles.tooltip(theme)], ...mergeProps(props, tooltipProps), children: props.children }));
-};
-const Tooltip = (props) => {
-    let state = useTooltipTriggerState(props);
-    let ref = React.useRef(null);
-    let { triggerProps, tooltipProps } = useTooltipTrigger(props, state, ref);
-    return (_jsxs("span", { css: () => [styles.default], ref: ref, ...triggerProps, children: [props.children, state.isOpen && (_jsx(TooltipChild, { state: state, ...tooltipProps, children: props.tooltip }))] }));
-};
-export default Tooltip;

package/lib/core/Tooltip/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tooltip/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,MAAM;;qBAIA,SAAS;CAsC3B,CAAA"}

package/lib/core/Tooltip/styles.js

@@ -1,44 +0,0 @@
-import { css } from '@emotion/react';
-export const styles = {
-    default: css `
-    position: relative;
-  `,
-    tooltip: (theme) => css `
-    position: absolute;
-    left: 0;
-    top: 100%;
-    max-width: 150px;
-    margin-top: 0.5em;
-    padding: 0.5em;
-    background: #fff;
-    border: 1px solid ${theme.border};
-    box-shadow: ${theme.shadowSmallDarker};
-    border-radius: 5px;
-
-    &::before {
-      content: '';
-      position: absolute;
-      left: 10px;
-      top: -7px;
-      width: 0;
-      height: 0;
-      border-style: solid;
-      border-width: 0 7px 7px 7px;
-      border-color: transparent transparent ${theme.border} transparent;
-      z-index: 9998;
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      left: 12px;
-      top: -5px; /*suppose to be identical to border-width*/
-      width: 0;
-      height: 0;
-      border-style: solid;
-      border-width: 0 5px 6px 5px;
-      border-color: transparent transparent #fff transparent;
-      z-index: 9999;
-    }
-  `,
-};

package/lib/core/UnitIllustration/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UnitIllustration/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoBtC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/core/UnitIllustration/index.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import IllustrationHighHouseComposition from '../../illustrations/General/IllustrationHighHouseComposition';
-import IllustrationHouseComposition from '../../illustrations/General/IllustrationHouseComposition';
-import IllustrationLowHouseComposition from '../../illustrations/General/IllustrationLowHouseComposition';
-import IllustrationSemiDetachedHouseComposition from '../../illustrations/General/IllustrationSemiDetachedHouseComposition';
-import IllustrationSmallHouseComposition from '../../illustrations/General/IllustrationSmallHouseComposition';
-import IllustrationTerraceBlockComposition from '../../illustrations/General/IllustrationTerraceBlockComposition';
-import IllustrationTownHouseComposition from '../../illustrations/General/IllustrationTownHouseComposition';
-const UnitIllustration = ({ type }) => {
-    switch (type) {
-        case 'Lavblokk':
-            return _jsx(IllustrationLowHouseComposition, { withBackground: true });
-        case 'Rekkehus':
-            return _jsx(IllustrationTownHouseComposition, { withBackground: true });
-        case 'Høyblokk':
-        case 'Blokk':
-            return _jsx(IllustrationHighHouseComposition, { withBackground: true });
-        case 'Terrasseblokk':
-            return _jsx(IllustrationTerraceBlockComposition, { withBackground: true });
-        case 'Hus':
-            return _jsx(IllustrationHouseComposition, { withBackground: true });
-        case 'Småhus':
-            return _jsx(IllustrationSmallHouseComposition, { withBackground: true });
-        case 'Flermannsbolig':
-            return _jsx(IllustrationSemiDetachedHouseComposition, { withBackground: true });
-        default:
-            return _jsx(IllustrationHouseComposition, { withBackground: true });
-    }
-};
-export default UnitIllustration;

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

@@ -1,19 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const TypeMysite: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Avatar: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithoutText: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/core/UserMenu/UserMenu.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UserMenu/UserMenu.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAkBnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAmBtB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAoBlB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAqBvB,CAAA"}

package/lib/core/UserMenu/UserMenu.stories.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import UserMenu from '.';
-import UserMenuOption from './UserMenuOption';
-import Button from '../Button';
-export default {
-    title: 'Core/UserMenu',
-    component: UserMenu,
-};
-export const Default = {
-    render: () => (_jsxs(UserMenu, { name: "Donald Duck", firstname: "Donald", email: "dd@andeby.no", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    name: 'Default',
-};
-export const TypeMysite = {
-    render: () => (_jsxs(UserMenu, { type: "mysite", name: "Donald Duck", firstname: "hello", email: "dd@andeby.no", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    name: 'Type mysite',
-};
-export const Avatar = {
-    render: () => (_jsxs(UserMenu, { type: "mysite", name: "Donald Duck", firstname: "Donald", email: "dd@andeby.no", avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    name: 'Avatar',
-};
-export const WithoutText = {
-    render: () => (_jsxs(UserMenu, { name: "Donald Duck", email: "dd@andeby.no", iconSize: 30, iconType: "thin", hideAvatarOnButton: true, avatarUrl: "https://bblid-api.test.bbl.no/api/user/navneregister/1EC3310EA1174233A3197E6864790030/image?2021-04-16T20:31:19.241Z", logout: _jsx(Button, { outline: true, children: "Logg ut" }), children: [_jsx(UserMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(UserMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    name: 'Without text',
-};

package/lib/core/UserMenu/UserMenuOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UserMenu/UserMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,kBAAkB;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAapC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/core/UserMenu/UserMenuOption.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { userMenuOption } from './styles';
-import Link from '../Link';
-const UserMenuOption = ({ onClick, children }) => {
-    return (_jsx(Link, { trackingName: "Topbar", trackingEvent: 'Usermenu click: ' + (children ? children : ''), css: (theme) => [userMenuOption(theme)], onClick: onClick, removeUnderline: true, small: true, children: children ? children : '' }));
-};
-export default UserMenuOption;

package/lib/core/UserMenu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UserMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAgB7D,UAAU,MAAM;IACd,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,oBAAoB;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/UserMenu/index.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, createRef } from 'react';
-import { UserWrapper, UserMenuContent, UserMenuInformation, LogoutWrapper, ImageWrapper, ImageSmallWrapper, } from './styles';
-import Text from '../Text';
-import Button from '../Button';
-import IconUser from '../../icons/General/IconUser';
-import { useTheme } from '@emotion/react';
-import IconUserThin from '../../icons/General/IconUserThin';
-const UserMenu = ({ name, firstname, email, type = 'default', iconType = 'default', avatarUrl, hideAvatarOnButton, iconSize, logout, children, }) => {
-    const [open, setOpen] = useState(false);
-    const contextMenuRef = createRef();
-    const optionsRef = createRef();
-    const { secondary } = useTheme();
-    const isMySite = type === 'mysite';
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node = contextMenuRef.current;
-            if (node && node.contains(e.target)) {
-                return;
-            }
-            setTimeout(() => {
-                setOpen(false);
-            }, 50);
-        };
-        const handleOptionsClick = (e) => {
-            const node = optionsRef.current;
-            if (node && node.contains(e.target)) {
-                setTimeout(() => {
-                    setOpen(false);
-                }, 100);
-            }
-        };
-        if (open) {
-            document.addEventListener('mouseup', handleClickOutside);
-            document.addEventListener('mouseup', handleOptionsClick);
-        }
-        else {
-            document.removeEventListener('mouseup', handleClickOutside);
-            document.removeEventListener('mouseup', handleOptionsClick);
-        }
-        return () => {
-            document.removeEventListener('mouseup', handleClickOutside);
-            document.removeEventListener('mouseup', handleOptionsClick);
-        };
-    }, [open, contextMenuRef, optionsRef]);
-    const UserIcon = iconType === 'thin' ? (_jsx(IconUserThin, { size: iconSize, color: isMySite ? secondary : 'black' })) : (_jsx(IconUser, { size: iconSize, color: isMySite ? secondary : 'black' }));
-    return (_jsxs(UserWrapper, { hasFirstName: Boolean(firstname), children: [_jsx(Button, { nostyle: true, afterIcon: avatarUrl && !hideAvatarOnButton ? (_jsx(ImageSmallWrapper, { size: iconSize, children: _jsx("img", { src: avatarUrl, alt: "Profil bilde" }) })) : (UserIcon), onClick: () => setOpen(!open), trackingEvent: "Usermenu toggle", trackingName: "Topbar", children: _jsx(Text, { small: true, semibold: true, children: firstname || '' }) }), open && (_jsxs(UserMenuContent, { ref: contextMenuRef, children: [_jsxs(UserMenuInformation, { children: [avatarUrl ? (_jsx(ImageWrapper, { children: _jsx("img", { src: avatarUrl, alt: "Profil bilde" }) })) : (_jsx(IconUser, { size: "30px", color: secondary })), _jsx(Text, { semibold: true, children: name }), _jsx(Text, { wordBreak: "break-word", subtle: true, small: true, children: email })] }), _jsx("div", { ref: optionsRef, children: children }), logout && _jsx(LogoutWrapper, { children: logout })] }))] }));
-};
-export default UserMenu;

package/lib/core/UserMenu/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/UserMenu/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,UAAU,iBAAiB;IACzB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,eAAO,MAAM,WAAW;;SAqBD,MACb,WAAM;6HAMf,CAAA;AAED,eAAO,MAAM,iBAAiB;;SATP,MACb,WAAM;;WASW,MAAM;yGAchC,CAAA;AAED,eAAO,MAAM,YAAY;;SA1BF,MACb,WAAM;yGAuCf,CAAA;AAED,eAAO,MAAM,eAAe;;SA1CL,MACb,WAAM;yGAuDf,CAAA;AAED,eAAO,MAAM,mBAAmB;;SA1DT,MACb,WAAM;yGAkEf,CAAA;AAED,eAAO,MAAM,aAAa;;SArEH,MACb,WAAM;yGA2Ef,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,8CAkB9C,CAAA"}

package/lib/core/UserMenu/styles.js

@@ -1,110 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-export const UserWrapper = styled.div(({ hasFirstName, theme }) => css `
-    position: relative;
-
-    display: flex;
-    flex-direction: row;
-
-    & > button {
-      gap: 0.4em;
-
-      & > svg {
-        margin-left: 0;
-      }
-    }
-
-    ${!hasFirstName &&
-    css `
-      & > button {
-        gap: 0;
-
-        &:focus,
-        &:focus-within {
-          outline-offset: 1px;
-          outline: ${theme?.primary} 1px solid;
-        }
-      }
-    `}
-  `);
-export const ImageSmallWrapper = styled.div(({ size = 25 }) => css `
-    height: ${size}px;
-    width: ${size}px;
-    border-radius: ${size}px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    grid-row: 1 / 3;
-
-    & > img {
-      height: ${size}px;
-    }
-  `);
-export const ImageWrapper = styled.div `
-  height: 30px;
-  width: 30px;
-  border-radius: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-  margin-right: 0.5em;
-  grid-row: 1 / 3;
-
-  & > img {
-    height: 30px;
-  }
-`;
-export const UserMenuContent = styled.div `
-  position: absolute;
-  background-color: white;
-  right: 0;
-  top: 30px;
-
-  box-sizing: border-box;
-  width: 300px;
-  border: 1px solid #cfd9ea;
-
-  background-color: #ffffff;
-  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-  overflow: hidden;
-`;
-export const UserMenuInformation = styled.div `
-  display: grid;
-  padding: 1em;
-  grid-template-columns: 37px 1fr;
-  align-items: center;
-
-  & > svg {
-    grid-row: 1 / 3;
-  }
-`;
-export const LogoutWrapper = styled.div `
-  display: flex;
-  padding: 1em;
-
-  button {
-    width: 100%;
-  }
-`;
-export const userMenuOption = (theme) => css `
-  width: 100%;
-  height: 46px;
-
-  background-color: white;
-  border-radius: 0;
-
-  font-weight: 500;
-  border-top: 1px solid #d7d7d7;
-  cursor: pointer;
-
-  &:hover {
-    background: ${theme.bg};
-  }
-
-  &:nth-of-type(1) {
-    border-top: none;
-  }
-`;

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

@@ -1,15 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const VideoWithSrc: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const VideoWithPoster: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const VideoWithWidthAndHeight: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};

package/lib/core/Video/Video.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Video.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Video/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;wBAMpB,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;CAOnB,CAAA;AAED,eAAO,MAAM,YAAY;;CAIxB,CAAA;AAED,eAAO,MAAM,eAAe;;CAO3B,CAAA;AAED,eAAO,MAAM,uBAAuB;;CAQnC,CAAA"}