@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/Modal/ActionButtons/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Modal/ActionButtons/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAWD,QAAA,MAAM,aAAa,GAAI,uCAA8C,KAAK,sBAIzE,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/Modal/ActionButtons/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-const Wrapper = styled.div(({ spaceBetween }) => css `
-    display: flex;
-    gap: 1em;
-    width: 100%;
-    justify-content: ${spaceBetween ? 'space-between' : 'flex-end'};
-  `);
-const ActionButtons = ({ children, className, spaceBetween = true }) => (_jsx(Wrapper, { className: className, spaceBetween: spaceBetween, children: children }));
-export default ActionButtons;

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

@@ -1,11 +0,0 @@
-import Modal from '.';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof Modal>;
-export declare const Default: Story;
-export declare const Collapse: Story;
-export declare const Dynamic: Story;
-export declare const Scrollable: Story;
-export declare const Accessible: Story;
-export declare const Fullscreen: Story;

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,GAAG,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAGpB,CAAA;AACT,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsIxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA"}

package/lib/core/Modal/Modal.stories.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Header from '../Header';
-import Text from '../Text';
-import Button from '../Button';
-import Modal from '.';
-import { Fragment } from 'react';
-const meta = {
-    title: 'Core/Modal',
-    component: Modal,
-};
-export default meta;
-export const Default = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        header: _jsx(Header, { level: 3, children: "Her kommer en header" }),
-        actionButton: (_jsxs(Modal.Actions, { children: [_jsx(Button, { outline: true, children: "Cancel" }), _jsx(Button, { children: "Save changes" })] })),
-        disableOutsideClick: false,
-        children: (_jsx(Text, { children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff." })),
-    },
-    name: 'Default',
-};
-export const Collapse = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        onCollapse: () => console.log('collapse'),
-        header: _jsx(Header, { level: 3, children: "Her kommer en header" }),
-        actionButton: _jsx(Button, { children: "Save changes" }),
-        children: (_jsx(Text, { children: "Hello there! I am Modal, i can be collapsed, but not in storybook though, it has to be done from parent" })),
-    },
-    name: 'Collapse',
-};
-export const Dynamic = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        header: _jsx(Header, { level: 3, children: "Her kommer en header" }),
-        actionButton: _jsx(Button, { children: "Save changes" }),
-        width: '600px',
-        children: (_jsx(Text, { children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff." })),
-    },
-    name: 'Dynamic',
-};
-export const Scrollable = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        header: _jsx(Header, { level: 3, children: "Scrollable modal" }),
-        actionButton: _jsx(Button, { children: "Button is allways shown" }),
-        disableScrollableContent: false,
-        width: '100%',
-        children: (_jsxs(Fragment, { children: [_jsxs(Text, { children: ["Her kommer masse stuff. Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), "Her kommer masse", _jsx("br", {}), "stuff. Her kommer masse", _jsx("br", {}), "stuff.Her kommer masse stuff", _jsx("br", {}), ".Her kommer masse", _jsx("br", {}), "stuff. Her", _jsx("br", {}), "kommer", _jsx("br", {}), "masse", _jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."] }), _jsxs(Text, { children: ["Her kommer masse stuff. Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), "Her kommer masse", _jsx("br", {}), "stuff. Her kommer masse", _jsx("br", {}), "stuff.Her kommer masse stuff", _jsx("br", {}), ".Her kommer masse", _jsx("br", {}), "stuff. Her", _jsx("br", {}), "kommer", _jsx("br", {}), "masse", _jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."] }), _jsxs(Text, { children: ["Her kommer masse stuff. Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), "Her kommer masse", _jsx("br", {}), "stuff. Her kommer masse", _jsx("br", {}), "stuff.Her kommer masse stuff", _jsx("br", {}), ".Her kommer masse", _jsx("br", {}), "stuff. Her", _jsx("br", {}), "kommer", _jsx("br", {}), "masse", _jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."] }), _jsxs(Text, { children: ["Her kommer masse stuff. Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), "Her kommer masse stuff.", _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), "Her kommer masse", _jsx("br", {}), "stuff. Her kommer masse", _jsx("br", {}), "stuff.Her kommer masse stuff", _jsx("br", {}), ".Her kommer masse", _jsx("br", {}), "stuff. Her", _jsx("br", {}), "kommer", _jsx("br", {}), "masse", _jsx("br", {}), "stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff.Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."] })] })),
-    },
-    name: 'Scrollable',
-};
-export const Accessible = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        header: _jsx(Header, { level: 3, children: "Accessible modal" }),
-        actionButton: _jsx(Button, { children: "Ok" }),
-        children: _jsx(Text, { children: "With some content" }),
-        'aria-label': 'This has a custom label',
-    },
-    name: 'AccessibleModal',
-};
-export const Fullscreen = {
-    args: {
-        open: true,
-        onClose: () => console.log('closed'),
-        header: _jsx(Header, { level: 3, children: "Fullscreen modal" }),
-        actionButton: _jsx(Button, { children: "Ok" }),
-        children: _jsx(Text, { children: "With some content" }),
-        toggleFullscreen: true,
-    },
-    name: 'Fullscreen',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAmB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC9D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,eAAe,EACf,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,MAAM,oDA4LR;kBAlNQ,KAAK;;kBAlED,MAAO,SAAS,GAAG,MAAM,SACtC;;;;;AAuRA,eAAe,KAAK,CAAA"}

package/lib/core/Modal/index.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useState, useEffect, createRef, useCallback } from 'react';
-import { AnimatePresence } from 'motion/react';
-import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll, } from 'body-scroll-lock';
-import { Overlay, CloseWrapper, Content, HeaderWrapper, ModalContent, ActionButtonWrapper, ScrollableDiv, } from './styles';
-import IconClose from '../../icons/General/IconClose';
-import { Button, IconFullscreenClose } from '../..';
-import IconMinus from '../../icons/General/IconMinus';
-import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
-import ActionButtons from './ActionButtons';
-function Modal({ open, header, actionButton, width = '480px', children, disableOutsideClick = true, hideCloseButton, disableScroll = true, disableRefFocus, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, onFullscreenToggle, ...restProps }) {
-    const modalRef = createRef();
-    const [isOpen, setOpen] = useState(open);
-    const [headerHeight, setHeaderHeight] = useState(0);
-    const [isFullscreen, setIsFullscreen] = useState(!!defaultFullscreen);
-    const hasCollapse = Boolean(onCollapse);
-    const headerText = (header && header?.props?.children) || '';
-    const setClose = () => {
-        enableBodyScroll(modalRef.current);
-        if (!disableLocalClose)
-            setOpen(false);
-        if (onClose) {
-            onClose();
-        }
-    };
-    const handleToggleFullscreen = () => {
-        const newValue = !isFullscreen;
-        setIsFullscreen(newValue);
-        onFullscreenToggle && onFullscreenToggle(newValue);
-    };
-    // Capture escape
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === 'Escape') {
-            setClose();
-        }
-    }, [setClose]);
-    const handleHeaderRef = useCallback((node) => {
-        setHeaderHeight(node?.clientHeight);
-    }, []);
-    useEffect(() => {
-        if (!modalRef.current)
-            return;
-        if (isOpen && !disableRefFocus) {
-            modalRef.current.focus();
-        }
-        if (isOpen && disableScroll) {
-            disableBodyScroll(modalRef.current);
-            if (targetRefs && targetRefs.length > 0) {
-                targetRefs.forEach((ref) => disableBodyScroll(ref.current));
-            }
-            return;
-        }
-        enableBodyScroll(modalRef.current);
-    }, [isOpen, modalRef, open, targetRefs, disableScroll]);
-    /** Cleanup body scroll on component destroyed */
-    useEffect(() => {
-        return () => {
-            clearAllBodyScrollLocks();
-        };
-    });
-    useEffect(() => {
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    });
-    const onOutsideClick = () => {
-        if (disableOutsideClick)
-            return;
-        setClose();
-    };
-    return (_jsx(AnimatePresence, { children: isOpen && (_jsx(Overlay, { onClick: onOutsideClick, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.1 }, children: _jsxs(Content, { open: isOpen, "aria-modal": "true", "aria-label": restProps['aria-label'] ?? header
-                    ? headerText.toString()
-                    : 'Modal', width: width, isFullscreen: isFullscreen, canToggleFullscreen: !!toggleFullscreen, onClick: (e) => e.stopPropagation(), ...restProps, children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && (_jsxs(CloseWrapper, { children: [hasCollapse && (_jsx(Button, { nostyle: true, onClick: onCollapse, focusable: true, "aria-label": hasCollapse && 'Minimer', title: "Minimer", children: _jsx(IconMinus, {}) })), toggleFullscreen && (_jsx(Button, { nostyle: true, onClick: handleToggleFullscreen, focusable: true, "aria-label": isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm', title: isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm', children: isFullscreen ? (_jsx(IconFullscreenClose, { size: "20px" })) : (_jsx(IconFullscreenOpen, { size: "20px" })) })), !hideCloseButton && (_jsx(Button, { nostyle: true, onClick: setClose, focusable: true, "aria-label": "Lukk", title: "Lukk", children: _jsx(IconClose, {}) }))] })), _jsx(HeaderWrapper, { css: headerCss, withCollapse: hasCollapse, ref: handleHeaderRef, children: header && header }), _jsx(ModalContent, { css: contentCss, scrollable: !disableScrollableContent, ref: disableScrollableContent ? modalRef : undefined, children: disableScrollableContent ? (children) : (_jsx(ScrollableDiv, { ref: modalRef, hasActionButton: !!actionButton, isFullscreen: isFullscreen, windowHeight: window.innerHeight, headerHeight: headerHeight, children: children })) }), actionButton && (_jsx(ActionButtonWrapper, { children: actionButton }))] }) })) }));
-}
-Modal.Actions = ActionButtons;
-export default Modal;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;UAkBnB,CAAA;AAED,eAAO,MAAM,OAAO;;SAAgB,MAEhC,WACJ;;WAGW,MAAM;kBACC,OAAO;yBACA,OAAO;qHAiB/B,CAAA;AAED,eAAO,MAAM,YAAY;;SA3BW,MAEhC,WACJ;yGA+BC,CAAA;AAED,eAAO,MAAM,aAAa;;SApCU,MAEhC,WACJ;;kBAkCqC,OAAO;yGAa3C,CAAA;AAED,eAAO,MAAM,YAAY;;SApDW,MAEhC,WACJ;;gBAkDwB,OAAO;yGAI9B,CAAA;AAED,eAAO,MAAM,aAAa;;SA3DU,MAEhC,WACJ;;qBA+DqB,OAAO;kBACV,OAAO;kBACP,MAAM;kBACN,MAAM;yGAyBvB,CAAA;AAED,eAAO,MAAM,mBAAmB;;SAhGI,MAEhC,WACJ;yGAmGC,CAAA"}

package/lib/core/Modal/styles.js

@@ -1,95 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-import { motion } from 'motion/react';
-export const Overlay = styled(motion.div) `
-  position: fixed;
-  -webkit-overflow-scrolling: touch;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1001;
-  background: rgba(0, 0, 0, 0.27);
-  overflow: auto;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &.filter-overlay-exit {
-    background: rgba(0, 0, 0, 0);
-  }
-`;
-export const Content = styled.dialog(({ width, isFullscreen, canToggleFullscreen, }) => css `
-    position: relative;
-    min-width: 300px;
-    width: ${isFullscreen ? '100%' : width};
-    min-height: ${isFullscreen ? '100%' : '100px'};
-    margin: ${isFullscreen ? '0' : '0 1em'};
-    border-style: none;
-    border-radius: ${isFullscreen ? '0' : '15px'};
-    background-color: #ffffff;
-    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
-    padding: unset;
-    ${canToggleFullscreen &&
-    css `
-      transition: width 200ms, min-height 50ms;
-    `}
-  `);
-export const CloseWrapper = styled.div `
-  position: absolute;
-  display: flex;
-  top: 1.5em;
-  right: 2em;
-  opacity: 0.3;
-  gap: 3px;
-`;
-export const HeaderWrapper = styled.div(({ withCollapse }) => css `
-    padding: 1.5em 2em;
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5 {
-      margin-right: ${withCollapse
-    ? '2em'
-    : '1em'}; // Avoid overlap with close icon
-    }
-  `);
-export const ModalContent = styled.div((props) => css `
-    padding: ${props.scrollable ? '0 0 1.5em 0' : '1.5em 2em'};
-    padding-top: 0;
-  `);
-export const ScrollableDiv = styled.div(({ hasActionButton, isFullscreen, windowHeight, headerHeight, }) => css `
-    max-height: calc(
-      ${isFullscreen ? windowHeight + 'px' : '95vh'} -
-        ${hasActionButton
-    ? '200px'
-    : isFullscreen
-        ? `${headerHeight}px - 1.5em - 2px`
-        : '120px'}
-    );
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-    padding: 0 2em;
-
-    @media screen and (max-width: ${bp.medium}) {
-      max-height: calc(
-        ${windowHeight + 'px'} -
-          ${hasActionButton
-    ? '200px'
-    : isFullscreen
-        ? `${headerHeight}px - 1.5em`
-        : '120px'}
-      );
-    }
-  `);
-export const ActionButtonWrapper = styled.div `
-  display: flex;
-  justify-content: flex-end;
-  padding: 1.5em 2em;
-  padding-top: 1em;
-  border-top: 1px solid #d7d7d7;
-`;

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

@@ -1,11 +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 Modal: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"NoticeCard.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/NoticeCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAgBlC,IAAI;AAZT,wBAYS;AAkCT,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAajB,CAAA"}

package/lib/core/NoticeCard/NoticeCard.stories.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NoticeCard from '.';
-export default {
-    title: 'Core/Shared/NoticeCard',
-    component: NoticeCard,
-    parameters: {
-        docs: {
-            story: {
-                inline: false,
-                height: '750px',
-            },
-        },
-    },
-};
-const dummyNotice = {
-    id: '1',
-    activeFromDate: new Date(2021, 2, 1),
-    activeToDate: new Date(2023, 4, 6),
-    attachments: [
-        {
-            id: 'file-1',
-            bulletinId: 'noticeid',
-            filename: 'Radomfile.pdf',
-            sequence: 0,
-            created: new Date(),
-            mimetype: 'pdf',
-            description: 'Test file',
-        },
-    ],
-    bodyHtml: '<p>Det vil bli dugnad <strong>20.04.2021</strong>.</p><p>Oppm&oslash;te utenfor blokka.</p><p>Det vil bli servert brus og boller til alle som m&oslash;ter opp.</p>',
-    bodyText: 'Det vil bli dugnad 20.04.2021.Oppmøte utenfor blokka.Det vil bli servert brus og boller til alle som møter opp.',
-    clientId: '61640565105F4A698E27C1F748A5E93B',
-    createdDate: new Date(2021, 2),
-    eventStart: new Date(2022, 5, 1, 12, 0),
-    eventEnd: new Date(2022, 5, 9, 15, 0),
-    eventTitle: 'Dugnad',
-    eventLocation: 'Bakgården',
-    isActive: true,
-    isCancelled: false,
-    isRead: true,
-    title: 'Dugnad',
-    updatedDate: new Date(2022, 6, 5),
-};
-export const Default = {
-    render: () => _jsx(NoticeCard, { notice: dummyNotice }),
-    name: 'Default',
-};
-export const Modal = {
-    render: () => (_jsx(NoticeCard, { notice: dummyNotice, imageSrc: "https://random.imagecdn.app/500/500", isModal: true, onModalClose: () => console.log('close'), onEventDownload: () => console.log('event download'), onAttachmentDownload: (e) => console.log('file download', e) })),
-    name: 'NoticeCard in modal',
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC/D;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CAkG1B,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/NoticeCard/index.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@emotion/react';
-import { useState } from 'react';
-import Box from '../Box';
-import Header from '../Header';
-import Html from '../Html';
-import Image from '../Image';
-import Link from '../Link';
-import Modal from '../Modal';
-import Text from '../Text';
-import NoticeAttachmentBlock from './privateComponents/NoticeAttachmentBlock';
-import NoticeAttachmentList from './privateComponents/NoticeAttachmentList';
-import NoticeMetaInfo from './privateComponents/NoticeMetaInfo';
-import { ContentWrapper, Div, ImageWrapper, Wrapper } from './styles';
-import { getNoticeMeetingDescription } from './utils';
-const NoticeCard = ({ notice, isModal, attachmentsRef, imageSrc, showAllContent, onAttachmentDownload, onEventDownload, onModalClose, }) => {
-    const [open, setOpen] = useState(!!showAllContent);
-    const theme = useTheme();
-    const Content = (_jsxs(Wrapper, { hasImage: !!imageSrc, children: [imageSrc && (_jsx(ImageWrapper, { children: _jsx(Image, { src: imageSrc, alt: "Oppslag bilde" }) })), _jsxs(ContentWrapper, { children: [_jsx(Header, { level: 4, color: theme.secondaryDarkText, id: "noticeModalTitle", children: notice.title }), _jsx(Div, { children: _jsx(NoticeMetaInfo, { created: notice.createdDate, updated: notice.updatedDate }) }), notice.bodyHtml && notice.bodyHtml.length <= 2000 && (_jsx(Div, { children: _jsx(Html, { whiteSpace: "normal", text: notice.bodyHtml, externalLinks: true }) })), notice.bodyHtml && notice.bodyHtml.length > 2000 && (_jsxs(_Fragment, { children: [_jsx(Div, { children: _jsx(Html, { whiteSpace: "normal", externalLinks: true, text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000) }) }), !showAllContent && (_jsx(Div, { children: _jsx(Link, { onClick: () => setOpen(!open), children: open ? 'Vis mindre' : 'Les mer' }) }))] })), notice.eventStart && notice.eventEnd && (_jsxs(Div, { children: [_jsx(Text, { bold: true, children: "Hendelse" }), _jsx(NoticeAttachmentBlock, { type: "cal", name: `${notice.eventTitle ? notice.eventTitle : notice.title}${notice.eventLocation ? '\nSted: ' + notice.eventLocation : ''}`, description: getNoticeMeetingDescription(notice.eventStart, notice.eventEnd), onDownload: onEventDownload })] })), notice.attachments && notice.attachments.length > 0 && (_jsxs(Div, { ref: attachmentsRef, children: [_jsx(Text, { bold: true, children: "Vedlegg" }), _jsx(NoticeAttachmentList, { attachments: notice.attachments, onDownload: onAttachmentDownload && onAttachmentDownload })] }))] })] }));
-    return isModal ? (_jsx(Modal, { "aria-labelledby": "noticeModalTitle", width: imageSrc ? '920px' : '720px', open: true, onClose: onModalClose, children: Content })) : (_jsx(Box, { type: "mysite", children: Content }));
-};
-export default NoticeCard;

package/lib/core/NoticeCard/models.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,YAAY,EAAE,IAAI,CAAA;IAClB,UAAU,EAAE,IAAI,CAAA;IAChB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,IAAI,CAAA;IACjB,WAAW,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,IAAI,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB"}

package/lib/core/NoticeCard/models.js

@@ -1,5 +0,0 @@
-export var NoticeStatusEnum;
-(function (NoticeStatusEnum) {
-    NoticeStatusEnum["Active"] = "Active";
-    NoticeStatusEnum["Historic"] = "Historic";
-})(NoticeStatusEnum || (NoticeStatusEnum = {}));

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+B3C,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Wrapper, IconBackground, FileInfoWrapper, FileWrapperButton, } from './styles';
-import { useTheme } from '@emotion/react';
-import Button from '../../../Button';
-import { getFileIcon } from '../../utils';
-import Text from '../../../Text';
-const NoticeAttachmentBlock = ({ type = 'default', name, description, onDownload, }) => {
-    const theme = useTheme();
-    const canDownload = Boolean(onDownload);
-    return (_jsx(Wrapper, { clickable: canDownload, children: _jsx(Button, { nostyle: true, title: `Last ned ${type === 'cal' ? 'kalenderavtale' : 'fil'}`, onClick: () => onDownload && onDownload(), children: _jsxs(FileWrapperButton, { clickable: canDownload, borderRadius: theme.mypageBoxBorderRadius, children: [_jsx(IconBackground, { background: theme.illustrationPrimary10, children: getFileIcon(type) }), _jsxs(FileInfoWrapper, { children: [_jsx(Text, { wordBreak: "break-word", children: name }), _jsx(Text, { subtle: true, children: description })] })] }) }) }));
-};
-export default NoticeAttachmentBlock;

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;SAsB+B,MAAQ,WACtD;;eAtBkB,OAAO;yGAkB7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;SACqB,MAAQ,WACtD;;eADkB,OAAO;kBAAgB,MAAM;yGAqBnD,CAAA;AAED,eAAO,MAAM,eAAe;;SAvBuB,MAAQ,WACtD;yGA8BJ,CAAA;AAED,eAAO,MAAM,cAAc,uJAc1B,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js

@@ -1,63 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div((props) => css `
-    & > button,
-    & > button > span {
-      width: 100%;
-    }
-
-    & > button:active > span > div {
-      border: 1px solid #ccc;
-    }
-
-    button {
-      cursor: ${props.clickable ? 'pointer' : 'initial'};
-
-      &:focus {
-        text-decoration: ${props.clickable ? 'underline' : 'none'};
-      }
-    }
-  `);
-export const FileWrapperButton = styled.div((props) => css `
-    display: grid;
-    grid-template-columns: 40px 1fr;
-    grid-column-gap: 1em;
-    border: 1px solid #ccc;
-    border-radius: ${props.borderRadius};
-    padding: 1.4em;
-    background-color: transparent;
-    font-weight: normal;
-    span {
-      text-align: left;
-    }
-
-    &:hover {
-      cursor: ${props.clickable ? 'pointer' : 'initial'};
-    }
-
-    &:active {
-      border: none;
-    }
-  `);
-export const FileInfoWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 0.1em;
-
-  span {
-    white-space: pre-wrap;
-  }
-`;
-export const IconBackground = styled.div((props) => `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    height: 40px;
-    border-radius: 40px;
-    background-color: ${props.background};
-
-    span {
-      font-weight: bold;
-    }
-  `);

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,UAAU,MAAM;IACd,WAAW,EAAE,iBAAiB,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACrD;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqB1C,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import NoticeAttachmentBlock from '../NoticeAttachmentBlock';
-import { ListWrapper } from './styles';
-const NoticeAttachmentList = ({ attachments, onDownload, }) => {
-    return (_jsx(Fragment, { children: attachments && attachments.length > 0 && (_jsx(ListWrapper, { children: attachments.map((file, index) => (_jsx(NoticeAttachmentBlock, { type: file.mimetype, name: file.filename, description: "Trykk her for \u00E5 laste ned", onDownload: onDownload ? () => onDownload(file) : undefined }, index))) })) }));
-};
-export default NoticeAttachmentList;

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;SAK0Y,MAAO,WAAW;yGADnb,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeAttachmentList/styles.js

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled';
-export const ListWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 1em;
-`;

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,UAAU,MAAM;IACd,OAAO,EAAE,IAAI,CAAA;IACb,OAAO,EAAE,IAAI,CAAA;IACb,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiCpC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconHistory, getFormattedDate, IconFile, IconCalendar, Text, } from '../../../..';
-import { ddmmyyyy } from '../../../../utils/dates';
-import { NoticeMetaWrapper, Group, Div } from './styles';
-const NoticeMetaInfo = ({ created, updated, hasAttachment, hasEvent, }) => {
-    return (_jsxs(NoticeMetaWrapper, { children: [_jsxs(Group, { children: [_jsx(IconHistory, { primary: true }), _jsxs(Text, { semibold: true, size: "14px", primary: true, children: [created && getFormattedDate(created, ddmmyyyy), updated &&
-                                updated !== created &&
-                                ` (Oppdatert: ${getFormattedDate(updated, ddmmyyyy)})`] })] }), (hasAttachment || hasEvent) && (_jsxs(Group, { children: [hasAttachment && (_jsx(Div, { title: "Oppslaget inneholder vedlegg", children: _jsx(IconFile, { primary: true, size: "16px" }) })), hasEvent && (_jsx(Div, { title: "Oppslaget har et arrangement", children: _jsx(IconCalendar, { primary: true, size: "18px" }) }))] }))] }));
-};
-export default NoticeMetaInfo;

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;SAakP,MAAO,WAAW;yGAXjS,CAAA;AAED,eAAO,MAAM,KAAK;;SAS8P,MAAO,WAAW;yGAHjS,CAAA;AAED,eAAO,MAAM,GAAG;;SACgQ,MAAO,WAAW;yGADnQ,CAAA"}

package/lib/core/NoticeCard/privateComponents/NoticeMetaInfo/styles.js

@@ -1,12 +0,0 @@
-import styled from '@emotion/styled';
-export const NoticeMetaWrapper = styled.div `
-  display: flex;
-`;
-export const Group = styled.div `
-  display: grid;
-  grid-template-columns: 22px 1fr;
-  grid-column-gap: 0.5em;
-  align-items: center;
-  margin-right: 1em;
-`;
-export const Div = styled.div ``;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;SAkBV,MAAO,WAEf;;cAnBoB,OAAO;yGAW5B,CAAA;AAED,eAAO,MAAM,YAAY;;SAIf,MAAO,WAEf;yGAYD,CAAA;AAED,eAAO,MAAM,cAAc;;SAhBjB,MAAO,WAEf;yGAkBD,CAAA;AAED,eAAO,MAAM,GAAG;;SAtBN,MAAO,WAEf;yGA0CD,CAAA"}

package/lib/core/NoticeCard/styles.js

@@ -1,61 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import bp from '../../globals/styles/breakpoints';
-export const Wrapper = styled.div((props) => css `
-    display: grid;
-    grid-template-columns: ${props.hasImage ? '200px 1fr' : '1fr'};
-    grid-column-gap: 2em;
-    grid-row-gap: 1em;
-    align-items: start;
-
-    @media screen and (max-width: ${bp.medium}) {
-      grid-template-columns: 1fr;
-    }
-  `);
-export const ImageWrapper = styled.div `
-  overflow: hidden;
-  max-width: 100%;
-  display: flex;
-  align-items: baseline;
-
-  img {
-    width: 100%;
-    max-height: 100%;
-    border-radius: 16px;
-
-    @media screen and (max-width: ${bp.medium}) {
-      max-height: 175px;
-      width: unset;
-      max-width: 100%;
-      min-width: 150px;
-    }
-  }
-`;
-export const ContentWrapper = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 1.5em;
-`;
-export const Div = styled.div `
-  p {
-    margin: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  button {
-    align-self: start;
-  }
-
-  & > span {
-    display: inline-block;
-    margin-bottom: 1em;
-  }
-`;

package/lib/core/NoticeCard/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,2BAA2B,GACtC,YAAY,IAAI,EAChB,UAAU,IAAI,WAKf,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,sBAYvC,CAAA"}