@bbl-digital/snorre 4.2.82 → 4.2.83

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,GAAG,CAAA;AAExB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}

package/lib/core/Dropdown/Dropdown.stories.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Dropdown from '.';
-import IconEye from '../../icons/General/IconEye';
-const meta = {
-    title: 'Core/Dropdown',
-    component: Dropdown,
-};
-export default meta;
-export const Default = {
-    args: {
-        children: _jsx("p", { children: "Stuff" }),
-    },
-    name: 'Default',
-};
-export const Background = {
-    args: {
-        background: 'transparent',
-        children: _jsx("p", { children: "Stuff" }),
-    },
-    name: 'Background',
-};
-export const CustomLabel = {
-    args: {
-        label: 'Label',
-        children: _jsx("p", { children: "Stuff" }),
-    },
-    name: 'Custom label',
-};
-export const Icon = {
-    args: {
-        icon: _jsx(IconEye, {}),
-        label: 'Dropdown icon',
-        children: _jsx("p", { children: "Hello" }),
-    },
-    name: 'Icon',
-};
-export const WithTimeout = {
-    args: {
-        label: 'Click outside timeout',
-        clickOutsideTimeout: 1000,
-        children: _jsx("p", { children: "Adds timeout before close on click outside of dropdown" }),
-    },
-    name: 'With timeout',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAK3D,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5D,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgG9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/core/Dropdown/index.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useState, useEffect, createRef } from 'react';
-import { useTheme } from '@emotion/react';
-import Button from '../Button';
-import IconCaretDown from '../../icons/General/IconCaretDown';
-import { styles } from './styles';
-const Dropdown = ({ label, icon, background, children, triggerClose, onCloseTrigger, clickOutsideTimeout, css, className, ...restProps }) => {
-    const ref = createRef();
-    const buttonRef = createRef();
-    const [open, toggleOpen] = useState(false);
-    const theme = useTheme();
-    const onClick = function () {
-        toggleOpen(!open);
-        if (open) {
-            setTimeout(() => {
-                // If there is a button or an anchor in the dropdown, focus it
-                const firtFocusableElement = ref.current?.querySelector('a, button');
-                firtFocusableElement?.focus();
-            }, 50);
-        }
-        else {
-            buttonRef.current?.focus();
-        }
-    };
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            // TODO type
-            const node = ref.current;
-            if (node && node.contains(e.target)) {
-                return;
-            }
-            if (clickOutsideTimeout !== undefined) {
-                setTimeout(() => {
-                    toggleOpen(false);
-                }, clickOutsideTimeout);
-            }
-            else {
-                toggleOpen(false);
-            }
-        };
-        if (open) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [open, ref, clickOutsideTimeout]);
-    useEffect(() => {
-        if (triggerClose) {
-            toggleOpen(false);
-            onCloseTrigger && onCloseTrigger();
-        }
-    }, [triggerClose, onCloseTrigger]);
-    const accessibilityProps = {
-        'aria-haspopup': restProps['aria-haspopup'] || 'true',
-        'aria-expanded': restProps['aria-expanded'] || open,
-        'aria-label': restProps['aria-label'] || 'Dropdown',
-    };
-    return (_jsxs("span", { ref: ref, role: "button", ...accessibilityProps, css: (theme) => [
-            icon && styles.icon(theme),
-            background && styles.background(background),
-        ], children: [_jsx(Button, { outline: true, ref: buttonRef, beforeIcon: icon, afterIcon: _jsx(IconCaretDown, { flipVertical: open }), border: open ? theme.primary : undefined, onClick: onClick, css: css, className: className, children: label ? label : '- Velg' }), open && _jsx("div", { css: (theme) => styles.default(theme), children: children })] }));
-};
-export default Dropdown;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS;kBASZ,SAAS;qBASN,MAAM;CAKxB,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/Dropdown/styles.js

@@ -1,28 +0,0 @@
-import { css } from '@emotion/react';
-const styles = {
-    default: (theme) => css `
-    position: absolute;
-    z-index: 1000;
-    border-radius: 10px;
-    border: 1px solid ${theme.border};
-    background-color: #ffffff;
-    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-    margin-top: 8px;
-  `,
-    icon: (theme) => css `
-    button:hover,
-    button:focus {
-      & > svg > polygon,
-      & > svg > path {
-        fill: ${theme.btnHoverTextColor};
-      }
-    }
-  `,
-    background: (bg) => css `
-    button {
-      background-color: ${bg};
-    }
-  `,
-};
-export default styles;
-export { styles };

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

@@ -1,8 +0,0 @@
-import DropdownMenu from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof DropdownMenu>;
-export default meta;
-type Story = StoryObj<typeof DropdownMenu>;
-export declare const Default: Story;
-export declare const WithCounterProp: Story;
-export declare const WithClassname: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,GAAG,CAAA;AAG5B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA"}

package/lib/core/DropdownMenu/DropdownMenu.stories.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import DropdownMenu from '.';
-import DropdownMenuOption from './DropdownMenuOption';
-import IconMail from '../../icons/General/IconMail';
-const meta = {
-    title: 'Core/DropdownMenu',
-    component: DropdownMenu,
-};
-export default meta;
-export const Default = {
-    args: {
-        icon: _jsx(IconMail, {}),
-        children: (_jsxs(_Fragment, { children: [_jsx(DropdownMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "Option 1" }), _jsx(DropdownMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    },
-    name: 'Default',
-};
-export const WithCounterProp = {
-    args: {
-        icon: _jsx(IconMail, {}),
-        children: (_jsxs(_Fragment, { children: [_jsx(DropdownMenuOption, { onClick: () => console.log('Option 1 clicked'), counter: 3, children: "With counter" }), _jsx(DropdownMenuOption, { onClick: () => console.log('Option 2 clicked'), children: "Option 2" })] })),
-    },
-    name: 'With counter prop',
-};
-export const WithClassname = {
-    args: {
-        icon: _jsx(IconMail, {}),
-        className: 'my-class',
-        children: (_jsx(_Fragment, { children: _jsx(DropdownMenuOption, { onClick: () => console.log('Option 1 clicked'), children: "This menu has a classname" }) })),
-    },
-    name: 'With classname',
-};

package/lib/core/DropdownMenu/DropdownMenuOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwBxC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/core/DropdownMenu/DropdownMenuOption.js

@@ -1,9 +0,0 @@
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { dropdownMenuOption } from './styles';
-import Link from '../Link';
-const DropdownMenuOption = ({ counter, onClick, children, }) => {
-    return (_jsxs(Link, { role: "menuitem", trackingName: "Topbar", trackingEvent: 'DropdownMenu click: ' + (children ? children : ''), css: (theme) => [dropdownMenuOption(theme)], onClick: onClick, removeUnderline: true, small: true, "aria-label": children
-            ? `Option: ${children}${counter ? `, ${counter} notifications` : ''}`
-            : '', children: [children ? children : '', counter ? ` (${counter})` : ''] }));
-};
-export default DropdownMenuOption;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwDlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/DropdownMenu/index.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
-import { Wrapper, Content } from './styles';
-import Button from '../Button';
-const DropdownMenu = ({ icon, className, children }) => {
-    const [open, setOpen] = useState(false);
-    const dropdownRef = React.useRef(null);
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            setTimeout(() => {
-                setOpen(false);
-            }, 200);
-        };
-        if (open) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [open]);
-    useEffect(() => {
-        if (!dropdownRef?.current)
-            return;
-        if (open) {
-            // Focus the first focusable element in the dropdown when it opens
-            const focusableElements = dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-            if (focusableElements.length) {
-                const element = focusableElements[0];
-                element.focus();
-            }
-        }
-    }, [open]);
-    return (_jsxs(Wrapper, { className: className, children: [_jsx(Button, { "aria-haspopup": true, "aria-expanded": open, nostyle: true, focusable: true, onClick: () => setOpen(!open), trackingEvent: "DropdownMenu toggle", trackingName: "Topbar", children: icon ? icon : '' }), open && (_jsx(Content, { ref: dropdownRef, role: "menu", children: children }))] }));
-};
-export default DropdownMenu;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,OAAO;;SAwBR,MACV,WAAQ;yGAhBT,CAAA;AAED,eAAO,MAAM,OAAO;;SAaR,MACV,WAAQ;yGACT,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,SAAS,8CAmBlD,CAAA"}

package/lib/core/DropdownMenu/styles.js

@@ -1,48 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-export const Wrapper = styled.div `
-  position: relative;
-
-  display: flex;
-  flex-direction: row;
-
-  & > svg {
-    margin-left: 0.5em;
-  }
-`;
-export const Content = styled.div `
-  position: absolute;
-  background-color: white;
-  right: 0;
-  top: 30px;
-
-  box-sizing: border-box;
-  min-width: 230px;
-  border: 1px solid #cfd9ea;
-
-  background-color: #ffffff;
-  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-  overflow: hidden;
-  z-index: 1001;
-`;
-export const dropdownMenuOption = (theme) => css `
-  width: 100%;
-  height: 52px;
-
-  background-color: white;
-  border-radius: 0;
-
-  font-weight: 500;
-  border-top: 1px solid ${theme.border};
-  cursor: pointer;
-  font-weight: 600;
-
-  &:hover {
-    background: ${theme.bg};
-  }
-
-  &:nth-of-type(1) {
-    border-top: none;
-  }
-`;

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

@@ -1,15 +0,0 @@
-import FileInput from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof FileInput>;
-export default meta;
-type Story = StoryObj<typeof FileInput>;
-export declare const Default: Story;
-export declare const Multiple: Story;
-export declare const WithError: Story;
-export declare const FilePdf: Story;
-export declare const HideFileList: Story;
-export declare const InitialFile: Story;
-export declare const Maxsize: Story;
-export declare const NoStyle: Story;
-export declare const RotateIcon: Story;
-export declare const ControlledState: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,GAAG,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGxB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAOvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA"}

package/lib/core/FileInput/FileInput.stories.js

@@ -1,86 +0,0 @@
-import FileInput from '.';
-const meta = {
-    title: 'Core/FileInput',
-    component: FileInput,
-};
-export default meta;
-const initialFile = new File([''], 'attachment.pdf', {
-    type: 'application/pdf',
-    lastModified: new Date().getTime(),
-});
-export const Default = {
-    name: 'Default',
-    args: {
-        onChange: (e) => console.log('CB', e),
-    },
-};
-export const Multiple = {
-    name: 'Multiple',
-    args: {
-        onChange: (e) => console.log('CB', e),
-        multiple: true,
-    },
-};
-export const WithError = {
-    name: 'With error',
-    args: {
-        onChange: (e) => console.log('CB', e),
-        invalidMessage: 'This is an uninformative error',
-        label: 'Should contain error',
-    },
-};
-export const FilePdf = {
-    name: 'File pdf',
-    args: {
-        onChange: (e) => console.log('CB', e),
-        accept: '.pdf',
-        text: 'Last opp PDF',
-    },
-};
-export const HideFileList = {
-    name: 'Hide file list',
-    args: {
-        hideFileList: true,
-        onChange: (e) => console.log('CB', e),
-    },
-};
-export const InitialFile = {
-    name: 'Initial file',
-    args: {
-        onChange: (e) => console.log('CB', e),
-        initialFiles: [initialFile],
-    },
-};
-export const Maxsize = {
-    name: 'Maxsize',
-    args: {
-        multiple: true,
-        fileMaxsixe: 512000,
-        onChange: (e) => console.log('CB', e),
-    },
-};
-export const NoStyle = {
-    name: 'No style',
-    args: {
-        nostyle: true,
-        hideFileList: true,
-        multiple: true,
-        onChange: (e) => console.log('CB', e),
-    },
-};
-export const RotateIcon = {
-    name: 'Rotate icon',
-    args: {
-        rotateIcon: true,
-        onChange: (e) => console.log('CB', e),
-    },
-};
-export const ControlledState = {
-    name: 'Controlled state',
-    args: {
-        isControlledState: true,
-        controlledFiles: [initialFile],
-        multiple: true,
-        onChange: (e) => console.log('New state', e),
-    },
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAqB/C,UAAU,MAAM;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,IAAI,EAAE,CAAA;IACxB,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,oGAAoG;IACpG,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;CAChD;AAED,QAAA,MAAM,SAAS,GAAI,iLAiBhB,MAAM,sBA6HR,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/FileInput/index.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
-import { Wrapper, HiddenInput, DocumentList, DocumentWrapper, Document, Delete, ButtonContent, Icon, FileButton, Label, FileWrapper, ErrorMessage, } from './styles';
-import { IconAttachment, IconClose } from '../..';
-import { useTheme } from '@emotion/react';
-import Text from '../Text';
-import Alert from '../Alert';
-import { formatBytes, isAllFilesValid } from '../../utils/file';
-const FileInput = ({ multiple, accept, label, invalidMessage, text = 'Last opp fil', initialFiles = [], width = '130px', hideFileList, icon = _jsx(IconAttachment, {}), fileMaxsixe, nostyle, rotateIcon, isControlledState, controlledFiles, id = 'file-input', onChange, }) => {
-    const [uncontrolledFiles, setUncontrolledFiles] = useState(initialFiles);
-    const [sizeError, setSizeError] = useState(false);
-    const theme = useTheme();
-    const files = isControlledState ? controlledFiles || [] : uncontrolledFiles;
-    const hiddenFileInput = useRef(null);
-    const handleClick = () => {
-        if (!hiddenFileInput.current)
-            return;
-        const node = hiddenFileInput.current;
-        node.click();
-    };
-    const handleSetFiles = (files) => {
-        if (isControlledState)
-            return;
-        setUncontrolledFiles(files);
-    };
-    const handleChange = (e) => {
-        if (!e.target.files[0])
-            return;
-        let filesFromEvent = [...Array.from(e.target.files)];
-        let valid = true;
-        if (fileMaxsixe)
-            valid = isAllFilesValid(filesFromEvent, fileMaxsixe);
-        if (!valid && fileMaxsixe) {
-            filesFromEvent = filesFromEvent.filter((x) => x.size <= fileMaxsixe); // Filter out invalid files
-            setSizeError(true);
-        }
-        if (!multiple) {
-            handleSetFiles([filesFromEvent[0]]);
-            onChange(filesFromEvent[0]);
-            e.target.value = null;
-            return;
-        }
-        let newFiles = [...files];
-        filesFromEvent.forEach((file) => {
-            newFiles.push(file);
-        });
-        handleSetFiles(newFiles);
-        onChange(newFiles);
-    };
-    const handleDelete = (index) => {
-        if (!multiple) {
-            handleSetFiles([]);
-            onChange(null);
-            return;
-        }
-        const arr = [...files];
-        arr.splice(index, 1);
-        handleSetFiles(arr);
-        onChange(arr);
-        // resets value of input to trigger on change if user removes and readds same file
-        const node = hiddenFileInput.current;
-        if (node)
-            node.value = null;
-    };
-    return (_jsxs(Wrapper, { children: [label && _jsx(Label, { id: id, children: label }), _jsxs(FileWrapper, { children: [files.length > 0 && !hideFileList && (_jsx(DocumentList, { children: files.map((item, index) => (_jsxs(DocumentWrapper, { children: [_jsx(Document, { theme: theme, title: item.name, children: _jsx(Text, { size: "14px", semibold: true, children: item.name }) }), _jsxs(Delete, { nostyle: true, onClick: () => handleDelete(index), children: [_jsx(IconClose, { color: theme.alert }), "Fjern"] })] }, index))) })), _jsxs(FileWrapper, { children: [_jsx(FileButton, { onClick: handleClick, width: width, type: "button", nostyle: nostyle, "aria-labelledby": id, children: !nostyle ? (_jsxs(ButtonContent, { children: [text, _jsx(Icon, { rotated: rotateIcon ? 1 : 0, children: icon })] })) : (_jsx(Icon, { rotated: rotateIcon ? 1 : 0, children: icon })) }), _jsx(HiddenInput, { type: "file", onChange: handleChange, multiple: multiple, accept: accept, ref: hiddenFileInput, "aria-hidden": "true" })] })] }), invalidMessage && _jsx(ErrorMessage, { children: invalidMessage }), sizeError && (_jsxs(Alert, { danger: true, onClose: () => setSizeError(false), "aria-live": "assertive", children: ["Fil kan ikke overstige ", formatBytes(fileMaxsixe)] }))] }));
-};
-export default FileInput;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;SAmBgB,MAChC,WAAU;yGAjBb,CAAA;AAED,eAAO,MAAM,WAAW;;SAcY,MAChC,WAAU;yGAfyB,CAAA;AAEvC,eAAO,MAAM,YAAY;;SAYW,MAChC,WAAU;yGATb,CAAA;AACD,eAAO,MAAM,eAAe;;SAOQ,MAChC,WAAU;yGAJb,CAAA;AAED,eAAO,MAAM,QAAQ;;SACe,MAChC,WAAU;2GAYb,CAAA;AAED,eAAO,MAAM,MAAM;gBA3Ba,MAC9B,SAAM;iBAIG,MAAO,SAAS;0BAGzB,MAAK,SACP;;;;sBAWmB,MAAM,UACjB;wBAOF,MACF,UAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKT,CAAA;AAED,eAAO,MAAM,UAAU;;SAxBa,MAChC,WAAU;;WAwBK,MAAM;cAAY,OAAO;qHAsB3C,CAAA;AAED,eAAO,MAAM,aAAa;;SAjDU,MAChC,WAAU;2GAuDb,CAAA;AAED,eAAO,MAAM,WAAW;;SA1DY,MAChC,WAAU;kHA2Db,CAAA;AAED,eAAO,MAAM,IAAI;;SA9DmB,MAChC,WAAU;;cA8Dc,MAAM;2GAMjC,CAAA;AAED,eAAO,MAAM,KAAK;;SAvEkB,MAChC,WAAU;2GA2Eb,CAAA;AAED,eAAO,MAAM,YAAY;;SA9EW,MAChC,WAAU;yGAmFb,CAAA"}

package/lib/core/FileInput/styles.js

@@ -1,91 +0,0 @@
-import styled from '@emotion/styled';
-import Button from '../Button';
-import { css } from '@emotion/react';
-export const Wrapper = styled.div `
-  display: grid;
-  grid-row-gap: 0.5em;
-`;
-export const FileWrapper = styled.div ``;
-export const DocumentList = styled.div `
-  display: grid;
-  grid-row-gap: 4px;
-  margin-bottom: 10px;
-`;
-export const DocumentWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 1fr 65px;
-  height: 32px;
-`;
-export const Document = styled.span((props) => css `
-    background-color: ${props.theme.illustrationPrimary20};
-    display: flex;
-    align-items: center;
-    padding: 0 1em;
-    overflow: hidden;
-
-    & > span {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  `);
-export const Delete = styled(Button) `
-  & > span {
-    display: flex;
-    align-self: center;
-    justify-content: flex-end;
-    place-items: center;
-  }
-`;
-export const FileButton = styled.button((props) => css `
-    display: flex;
-    align-items: center;
-    height: 38px;
-    width: ${props.nostyle ? '38px' : props.width};
-    border: ${props.nostyle ? 'none' : '1px dashed #cccccc'};
-    border-radius: 19px;
-    padding: 0;
-    cursor: pointer;
-    font-size: 0.9em;
-    background-color: transparent;
-    outline: 0;
-
-    &:focus {
-      border-color: black;
-    }
-
-    ${props.nostyle &&
-    css `
-      justify-content: center;
-    `}
-  `);
-export const ButtonContent = styled.span `
-  display: grid;
-  grid-template-columns: 1fr 24px;
-  padding: 0 0.5em 0 1em;
-  width: 100%;
-  align-items: center;
-  text-align: left;
-`;
-export const HiddenInput = styled.input `
-  display: none;
-`;
-export const Icon = styled.span(({ rotated }) => css `
-    ${rotated &&
-    css `
-      transform: rotate(-60deg);
-    `}
-  `);
-export const Label = styled.span `
-  line-height: 22px;
-  font-size: 1em;
-  font-weight: 600;
-  margin-bottom: 4px;
-`;
-export const ErrorMessage = styled.div `
-  font-size: 14px;
-  padding-left: 10px;
-  font-weight: 600;
-  margin-bottom: 0;
-  color: ${(props) => props.theme.alert};
-`;

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import GoogleButtonComponent from '.';
-declare const meta: Meta<typeof GoogleButtonComponent>;
-export default meta;
-type Story = StoryObj<typeof GoogleButtonComponent>;
-export declare const GoogleButton: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"GoogleButton.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/GoogleButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,qBAAqB,MAAM,GAAG,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAG5C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAEnD,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA"}

package/lib/core/GoogleButton/GoogleButton.stories.js

@@ -1,12 +0,0 @@
-import GoogleButtonComponent from '.';
-const meta = {
-    title: 'Core/GoogleButton',
-    component: GoogleButtonComponent,
-};
-export default meta;
-export const GoogleButton = {
-    args: {
-        onClick: () => console.log('clicking button'),
-    },
-    name: 'Google button',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AACrE,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoBlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/GoogleButton/index.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import IconGmail from '../../icons/Logos/IconGmail';
-import { GButton } from './styles';
-const GoogleButton = ({ disabled, onClick }) => {
-    // Intercept click to handle disabled state
-    const handleClick = (event) => {
-        if (disabled) {
-            event.preventDefault();
-        }
-        else if (onClick) {
-            onClick(event);
-        }
-    };
-    return (_jsxs(GButton, { disabled: disabled, onClick: handleClick, "aria-label": "Google-button", children: [_jsx(IconGmail, {}), "Logg p\u00E5 med Google"] }));
-};
-export default GoogleButton;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;SAwBlB,MAAO,WAAW;qHADnB,CAAA"}

package/lib/core/GoogleButton/styles.js

@@ -1,25 +0,0 @@
-import styled from '@emotion/styled';
-export const GButton = styled.button `
-  display: grid;
-  grid-template-columns: 18px 1fr;
-  grid-column-gap: 24px;
-  border: none;
-  background-color: white;
-  padding: 11px;
-  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
-  border-radius: 2px;
-  color: rgba(0, 0, 0, 0.54);
-  font-family: 'Roboto';
-  font-weight: 500;
-  font-size: 14px;
-  cursor: pointer;
-  align-items: center;
-
-  &:focus {
-    outline-color: rgba(66, 133, 244, 0.3);
-  }
-
-  &:active {
-    background-color: #eeeeee;
-  }
-`;