@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/core/Modal/index.js

@@ -1,180 +1,78 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("motion/react");
-var _bodyScrollLock = require("body-scroll-lock");
-var _styles = require("./styles");
-var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
-var _ = require("../..");
-var _IconMinus = _interopRequireDefault(require("../../icons/General/IconMinus"));
-var _IconFullscreenOpen = _interopRequireDefault(require("../../icons/General/IconFullscreenOpen"));
-var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-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 = /*#__PURE__*/(0, _react.createRef)();
-  const [isOpen, setOpen] = (0, _react.useState)(open);
-  const [headerHeight, setHeaderHeight] = (0, _react.useState)(0);
-  const [isFullscreen, setIsFullscreen] = (0, _react.useState)(!!defaultFullscreen);
-  const hasCollapse = Boolean(onCollapse);
-  const headerText = header && header?.props?.children || '';
-  const setClose = () => {
-    (0, _bodyScrollLock.enableBodyScroll)(modalRef.current);
-    if (!disableLocalClose) setOpen(false);
-    if (onClose) {
-      onClose();
-    }
-  };
-  const handleToggleFullscreen = () => {
-    const newValue = !isFullscreen;
-    setIsFullscreen(newValue);
-    onFullscreenToggle && onFullscreenToggle(newValue);
-  };
-
-  // Capture escape
-  const handleKeyDown = (0, _react.useCallback)(event => {
-    if (event.key === 'Escape') {
-      setClose();
-    }
-  }, [setClose]);
-  const handleHeaderRef = (0, _react.useCallback)(node => {
-    setHeaderHeight(node?.clientHeight);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!modalRef.current) return;
-    if (isOpen && !disableRefFocus) {
-      modalRef.current.focus();
-    }
-    if (isOpen && disableScroll) {
-      (0, _bodyScrollLock.disableBodyScroll)(modalRef.current);
-      if (targetRefs && targetRefs.length > 0) {
-        targetRefs.forEach(ref => (0, _bodyScrollLock.disableBodyScroll)(ref.current));
-      }
-      return;
-    }
-    (0, _bodyScrollLock.enableBodyScroll)(modalRef.current);
-  }, [isOpen, modalRef, open, targetRefs, disableScroll]);
-
-  /** Cleanup body scroll on component destroyed */
-  (0, _react.useEffect)(() => {
-    return () => {
-      (0, _bodyScrollLock.clearAllBodyScrollLocks)();
+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();
+        }
     };
-  });
-  (0, _react.useEffect)(() => {
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
+    const handleToggleFullscreen = () => {
+        const newValue = !isFullscreen;
+        setIsFullscreen(newValue);
+        onFullscreenToggle && onFullscreenToggle(newValue);
     };
-  });
-  const onOutsideClick = () => {
-    if (disableOutsideClick) return;
-    setClose();
-  };
-  return (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
-    children: isOpen && (0, _jsxRuntime.jsx)(_styles.Overlay, {
-      onClick: onOutsideClick,
-      initial: {
-        opacity: 0
-      },
-      animate: {
-        opacity: 1
-      },
-      exit: {
-        opacity: 0
-      },
-      transition: {
-        duration: 0.1
-      },
-      children: (0, _jsxRuntime.jsxs)(_styles.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) && (0, _jsxRuntime.jsxs)(_styles.CloseWrapper, {
-          children: [hasCollapse && (0, _jsxRuntime.jsx)(_.Button, {
-            nostyle: true,
-            onClick: onCollapse,
-            focusable: true,
-            "aria-label": hasCollapse && 'Minimer',
-            title: "Minimer",
-            children: (0, _jsxRuntime.jsx)(_IconMinus.default, {})
-          }), toggleFullscreen && (0, _jsxRuntime.jsx)(_.Button, {
-            nostyle: true,
-            onClick: handleToggleFullscreen,
-            focusable: true,
-            "aria-label": isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',
-            title: isFullscreen ? 'Lukk fullskjerm' : 'Fullskjerm',
-            children: isFullscreen ? (0, _jsxRuntime.jsx)(_.IconFullscreenClose, {
-              size: "20px"
-            }) : (0, _jsxRuntime.jsx)(_IconFullscreenOpen.default, {
-              size: "20px"
-            })
-          }), !hideCloseButton && (0, _jsxRuntime.jsx)(_.Button, {
-            nostyle: true,
-            onClick: setClose,
-            focusable: true,
-            "aria-label": "Lukk",
-            title: "Lukk",
-            children: (0, _jsxRuntime.jsx)(_IconClose.default, {})
-          })]
-        }), (0, _jsxRuntime.jsx)(_styles.HeaderWrapper, {
-          css: headerCss,
-          withCollapse: hasCollapse,
-          ref: handleHeaderRef,
-          children: header && header
-        }), (0, _jsxRuntime.jsx)(_styles.ModalContent, {
-          css: contentCss,
-          scrollable: !disableScrollableContent,
-          ref: disableScrollableContent ? modalRef : undefined,
-          children: disableScrollableContent ? children : (0, _jsxRuntime.jsx)(_styles.ScrollableDiv, {
-            ref: modalRef,
-            hasActionButton: !!actionButton,
-            isFullscreen: isFullscreen,
-            windowHeight: window.innerHeight,
-            headerHeight: headerHeight,
-            children: children
-          })
-        }), actionButton && (0, _jsxRuntime.jsx)(_styles.ActionButtonWrapper, {
-          children: actionButton
-        })]
-      })
-    })
-  });
+    // 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.default;
-var _default = exports.default = Modal;
+Modal.Actions = ActionButtons;
+export default Modal;

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

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

package/lib/core/Modal/styles.js

@@ -1,94 +1,95 @@
-"use strict";
+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;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollableDiv = exports.Overlay = exports.ModalContent = exports.HeaderWrapper = exports.Content = exports.CloseWrapper = exports.ActionButtonWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-var _react2 = require("motion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt6"
-} : {
-  target: "e1pqvfqt6",
-  label: "Overlay"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3ficsf",
-  styles: "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);}"
-} : {
-  name: "3ficsf",
-  styles: "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);}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1oys671",
-  styles: "transition:width 200ms,min-height 50ms"
-} : {
-  name: "fnyawo-Content",
-  styles: "transition:width 200ms,min-height 50ms;label:Content;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Content = exports.Content = /*#__PURE__*/(0, _base.default)("dialog", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt5"
-} : {
-  target: "e1pqvfqt5",
-  label: "Content"
-})(({
-  width,
-  isFullscreen,
-  canToggleFullscreen
-}) => /*#__PURE__*/(0, _react.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 && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Content;")));
-const CloseWrapper = exports.CloseWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt4"
-} : {
-  target: "e1pqvfqt4",
-  label: "CloseWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2bmjnc",
-  styles: "position:absolute;display:flex;top:1.5em;right:2em;opacity:0.3;gap:3px"
-} : {
-  name: "2bmjnc",
-  styles: "position:absolute;display:flex;top:1.5em;right:2em;opacity:0.3;gap:3px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const HeaderWrapper = exports.HeaderWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt3"
-} : {
-  target: "e1pqvfqt3",
-  label: "HeaderWrapper"
-})(({
-  withCollapse
-}) => /*#__PURE__*/(0, _react.css)("padding:1.5em 2em;h1,h2,h3,h4,h5{margin-right:", withCollapse ? '2em' : '1em', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:HeaderWrapper;")));
-const ModalContent = exports.ModalContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt2"
-} : {
-  target: "e1pqvfqt2",
-  label: "ModalContent"
-})(props => /*#__PURE__*/(0, _react.css)("padding:", props.scrollable ? '0 0 1.5em 0' : '1.5em 2em', ";padding-top:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalContent;")));
-const ScrollableDiv = exports.ScrollableDiv = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt1"
-} : {
-  target: "e1pqvfqt1",
-  label: "ScrollableDiv"
-})(({
-  hasActionButton,
-  isFullscreen,
-  windowHeight,
-  headerHeight
-}) => /*#__PURE__*/(0, _react.css)("max-height:calc(\n      ", isFullscreen ? windowHeight + 'px' : '95vh', " -\n        ", hasActionButton ? '200px' : isFullscreen ? `${headerHeight}px - 1.5em - 2px` : '120px', "\n    );overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 2em;@media screen and (max-width: ", _breakpoints.default.medium, "){max-height:calc(\n        ", windowHeight + 'px', " -\n          ", hasActionButton ? '200px' : isFullscreen ? `${headerHeight}px - 1.5em` : '120px', "\n      );}" + (process.env.NODE_ENV === "production" ? "" : ";label:ScrollableDiv;")));
-const ActionButtonWrapper = exports.ActionButtonWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1pqvfqt0"
-} : {
-  target: "e1pqvfqt0",
-  label: "ActionButtonWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1x4nlz1",
-  styles: "display:flex;justify-content:flex-end;padding:1.5em 2em;padding-top:1em;border-top:1px solid #d7d7d7"
-} : {
-  name: "1x4nlz1",
-  styles: "display:flex;justify-content:flex-end;padding:1.5em 2em;padding-top:1em;border-top:1px solid #d7d7d7",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  &.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

@@ -2,11 +2,10 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Modal: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=NoticeCard.stories.d.ts.map

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

@@ -1,65 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Modal = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Shared/NoticeCard',
-  component: _.default,
-  parameters: {
-    docs: {
-      story: {
-        inline: false,
-        height: '750px'
-      }
-    }
-  }
+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)
+    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),
 };
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    notice: dummyNotice
-  }),
-  name: 'Default'
+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',
 };
-const Modal = exports.Modal = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    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

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