@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/Modal/Modal.stories.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Scrollable = exports.Fullscreen = exports.Dynamic = exports.Default = exports.Collapse = exports.Accessible = void 0;
-var _Header = _interopRequireDefault(require("../Header"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _ = _interopRequireDefault(require("."));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Modal',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Her kommer en header"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default.Actions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        outline: true,
-        children: "Cancel"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        children: "Save changes"
-      })]
-    }),
-    disableOutsideClick: false,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      children: "Her kommer masse stuff. Her kommer masse stuff. Her kommer masse stuff.Her kommer masse stuff."
-    })
-  },
-  name: 'Default'
-};
-const Collapse = exports.Collapse = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    onCollapse: () => console.log('collapse'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Her kommer en header"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Save changes"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      children: "Hello there! I am Modal, i can be collapsed, but not in storybook though, it has to be done from parent"
-    })
-  },
-  name: 'Collapse'
-};
-const Dynamic = exports.Dynamic = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Her kommer en header"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Save changes"
-    }),
-    width: '600px',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      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'
-};
-const Scrollable = exports.Scrollable = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Scrollable modal"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Button is allways shown"
-    }),
-    disableScrollableContent: false,
-    width: '100%',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
-        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), ".Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "kommer", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "masse", /*#__PURE__*/(0, _jsxRuntime.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."]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
-        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), ".Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "kommer", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "masse", /*#__PURE__*/(0, _jsxRuntime.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."]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
-        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), ".Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "kommer", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "masse", /*#__PURE__*/(0, _jsxRuntime.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."]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
-        children: ["Her kommer masse stuff. Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse stuff.", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff.Her kommer masse stuff", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), ".Her kommer masse", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "stuff. Her", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "kommer", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "masse", /*#__PURE__*/(0, _jsxRuntime.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'
-};
-const Accessible = exports.Accessible = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Accessible modal"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Ok"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      children: "With some content"
-    }),
-    'aria-label': 'This has a custom label'
-  },
-  name: 'AccessibleModal'
-};
-const Fullscreen = exports.Fullscreen = {
-  args: {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Fullscreen modal"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Ok"
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      children: "With some content"
-    }),
-    toggleFullscreen: true
-  },
-  name: 'Fullscreen'
-};

package/esm/core/Modal/index.js

@@ -1,180 +0,0 @@
-"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; }
-/** @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)();
-    };
-  });
-  (0, _react.useEffect)(() => {
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  });
-  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
-        })]
-      })
-    })
-  });
-}
-Modal.Actions = _ActionButtons.default;
-var _default = exports.default = Modal;

package/esm/core/Modal/styles.js

@@ -1,94 +0,0 @@
-"use strict";
-
-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__
-});

package/esm/core/NoticeCard/NoticeCard.stories.js

@@ -1,65 +0,0 @@
-"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'
-      }
-    }
-  }
-};
-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)
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    notice: dummyNotice
-  }),
-  name: 'Default'
-};
-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/esm/core/NoticeCard/index.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _Header = _interopRequireDefault(require("../Header"));
-var _Html = _interopRequireDefault(require("../Html"));
-var _Image = _interopRequireDefault(require("../Image"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _Modal = _interopRequireDefault(require("../Modal"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _NoticeAttachmentBlock = _interopRequireDefault(require("./privateComponents/NoticeAttachmentBlock"));
-var _NoticeAttachmentList = _interopRequireDefault(require("./privateComponents/NoticeAttachmentList"));
-var _NoticeMetaInfo = _interopRequireDefault(require("./privateComponents/NoticeMetaInfo"));
-var _styles = require("./styles");
-var _utils = require("./utils");
-var _jsxRuntime = require("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; }
-const NoticeCard = ({
-  notice,
-  isModal,
-  attachmentsRef,
-  imageSrc,
-  showAllContent,
-  onAttachmentDownload,
-  onEventDownload,
-  onModalClose
-}) => {
-  const [open, setOpen] = (0, _react2.useState)(!!showAllContent);
-  const theme = (0, _react.useTheme)();
-  const Content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    hasImage: !!imageSrc,
-    children: [imageSrc && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
-        src: imageSrc,
-        alt: "Oppslag bilde"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContentWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-        level: 4,
-        color: theme.secondaryDarkText,
-        id: "noticeModalTitle",
-        children: notice.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeMetaInfo.default, {
-          created: notice.createdDate,
-          updated: notice.updatedDate
-        })
-      }), notice.bodyHtml && notice.bodyHtml.length <= 2000 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Html.default, {
-          whiteSpace: "normal",
-          text: notice.bodyHtml,
-          externalLinks: true
-        })
-      }), notice.bodyHtml && notice.bodyHtml.length > 2000 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Html.default, {
-            whiteSpace: "normal",
-            externalLinks: true,
-            text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
-          })
-        }), !showAllContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Div, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
-            onClick: () => setOpen(!open),
-            children: open ? 'Vis mindre' : 'Les mer'
-          })
-        })]
-      }), notice.eventStart && notice.eventEnd && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Div, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          bold: true,
-          children: "Hendelse"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeAttachmentBlock.default, {
-          type: "cal",
-          name: `${notice.eventTitle ? notice.eventTitle : notice.title}${notice.eventLocation ? '\nSted: ' + notice.eventLocation : ''}`,
-          description: (0, _utils.getNoticeMeetingDescription)(notice.eventStart, notice.eventEnd),
-          onDownload: onEventDownload
-        })]
-      }), notice.attachments && notice.attachments.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Div, {
-        ref: attachmentsRef,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          bold: true,
-          children: "Vedlegg"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoticeAttachmentList.default, {
-          attachments: notice.attachments,
-          onDownload: onAttachmentDownload && onAttachmentDownload
-        })]
-      })]
-    })]
-  });
-  return isModal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
-    "aria-labelledby": "noticeModalTitle",
-    width: imageSrc ? '920px' : '720px',
-    open: true,
-    onClose: onModalClose,
-    children: Content
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-    type: "mysite",
-    children: Content
-  });
-};
-var _default = exports.default = NoticeCard;

package/esm/core/NoticeCard/models.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NoticeStatusEnum = void 0;
-let NoticeStatusEnum = exports.NoticeStatusEnum = /*#__PURE__*/function (NoticeStatusEnum) {
-  NoticeStatusEnum["Active"] = "Active";
-  NoticeStatusEnum["Historic"] = "Historic";
-  return NoticeStatusEnum;
-}({});

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

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _Button = _interopRequireDefault(require("../../../Button"));
-var _utils = require("../../utils");
-var _Text = _interopRequireDefault(require("../../../Text"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NoticeAttachmentBlock = ({
-  type = 'default',
-  name,
-  description,
-  onDownload
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const canDownload = Boolean(onDownload);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    clickable: canDownload,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      nostyle: true,
-      title: `Last ned ${type === 'cal' ? 'kalenderavtale' : 'fil'}`,
-      onClick: () => onDownload && onDownload(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileWrapperButton, {
-        clickable: canDownload,
-        borderRadius: theme.mypageBoxBorderRadius,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconBackground, {
-          background: theme.illustrationPrimary10,
-          children: (0, _utils.getFileIcon)(type)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.FileInfoWrapper, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-            wordBreak: "break-word",
-            children: name
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-            subtle: true,
-            children: description
-          })]
-        })]
-      })
-    })
-  });
-};
-var _default = exports.default = NoticeAttachmentBlock;