@entur/modal 1.7.10 → 1.7.11

package/dist/Drawer.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import './Drawer.scss';
-export type DrawerProps = {
-    /** Innholdet. Typisk tekst, lenker eller knapper */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Tekst som beskriver lukkeknappen for skjermlesere
-     * @default 'Lukk skuff'
-     */
-    closeLabel?: string;
-    /** Om draweren skal vises i mørk variant
-     * @default false
-     */
-    contrast?: boolean;
-    /** Callback som kalles når brukeren ønsker å lukke draweren */
-    onDismiss: () => void;
-    /** Om draweren er åpen eller ikke
-     * @default true
-     */
-    open?: boolean;
-    /** Tittel på toppen av draweren */
-    title: string;
-    /** Styling som sendes til Drawer */
-    style?: React.CSSProperties;
-    /** Legger på et overlay over resten av siden */
-    overlay?: boolean;
-};
-export declare const Drawer: React.FC<DrawerProps>;
+import React from 'react';
+import './Drawer.scss';
+export type DrawerProps = {
+    /** Innholdet. Typisk tekst, lenker eller knapper */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Tekst som beskriver lukkeknappen for skjermlesere
+     * @default 'Lukk skuff'
+     */
+    closeLabel?: string;
+    /** Om draweren skal vises i mørk variant
+     * @default false
+     */
+    contrast?: boolean;
+    /** Callback som kalles når brukeren ønsker å lukke draweren */
+    onDismiss: () => void;
+    /** Om draweren er åpen eller ikke
+     * @default true
+     */
+    open?: boolean;
+    /** Tittel på toppen av draweren */
+    title: string;
+    /** Styling som sendes til Drawer */
+    style?: React.CSSProperties;
+    /** Legger på et overlay over resten av siden */
+    overlay?: boolean;
+};
+export declare const Drawer: React.FC<DrawerProps>;

package/dist/Modal.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import './Modal.scss';
-export type ModalProps = {
-    /** Innholdet i modalen */
-    children: React.ReactNode;
-    /** Skjermleser-label til lukk-knappen */
-    closeLabel?: string;
-    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    /** Flagg som sier om modalen er åpen */
-    open?: boolean;
-    /** Callback som kalles når brukeren ber om å lukke modalen */
-    onDismiss?: () => void;
-    /** Størrelsen på modalen */
-    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** Hvordan innholdet skal plasseres i modalen
-     * @default 'start'
-     */
-    align?: 'start' | 'center' | 'end';
-    /** Tittelen som vises i modalen */
-    title?: React.ReactNode;
-    /** Om modalen skal lukkes når man klikker på utsiden av den
-     * @default true
-     */
-    closeOnClickOutside?: boolean;
-    [key: string]: any;
-};
-export declare const Modal: React.FC<ModalProps>;
+import React from 'react';
+import './Modal.scss';
+export type ModalProps = {
+    /** Innholdet i modalen */
+    children: React.ReactNode;
+    /** Skjermleser-label til lukk-knappen */
+    closeLabel?: string;
+    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    /** Flagg som sier om modalen er åpen */
+    open?: boolean;
+    /** Callback som kalles når brukeren ber om å lukke modalen */
+    onDismiss?: () => void;
+    /** Størrelsen på modalen */
+    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Hvordan innholdet skal plasseres i modalen
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /** Tittelen som vises i modalen */
+    title?: React.ReactNode;
+    /** Om modalen skal lukkes når man klikker på utsiden av den
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    [key: string]: any;
+};
+export declare const Modal: React.FC<ModalProps>;

package/dist/ModalContent.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-export type ModalContentProps = {
-    /** Innholdet i modalen */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Størrelsen på modalen */
-    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
-    /** Tittelen som vises i modalen */
-    title?: React.ReactNode;
-    /** Hvordan innholdet skal plasseres i modalen
-     * @default 'start'
-     */
-    align?: 'start' | 'center' | 'end';
-    [key: string]: any;
-};
-export declare const headingsMap: {
-    extraSmall: <E extends React.ElementType<any> = "h4">({ margin, children, as, ...rest }: import("@entur/typography").Heading4Props<E>) => JSX.Element;
-    small: <E_1 extends React.ElementType<any> = "h3">({ margin, children, as, ...rest }: import("@entur/typography").Heading3Props<E_1>) => JSX.Element;
-    medium: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
-    large: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
-    extraLarge: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
-};
-export declare const ModalContent: React.FC<ModalContentProps>;
+import React from 'react';
+export type ModalContentProps = {
+    /** Innholdet i modalen */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Størrelsen på modalen */
+    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Tittelen som vises i modalen */
+    title?: React.ReactNode;
+    /** Hvordan innholdet skal plasseres i modalen
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    [key: string]: any;
+};
+export declare const headingsMap: {
+    extraSmall: <E extends React.ElementType<any> = "h4">({ margin, children, as, ...rest }: import("@entur/typography").Heading4Props<E>) => JSX.Element;
+    small: <E_1 extends React.ElementType<any> = "h3">({ margin, children, as, ...rest }: import("@entur/typography").Heading3Props<E_1>) => JSX.Element;
+    medium: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
+    large: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
+    extraLarge: <E_2 extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: import("@entur/typography").Heading2Props<E_2>) => JSX.Element;
+};
+export declare const ModalContent: React.FC<ModalContentProps>;

package/dist/ModalOverlay.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export type ModalOverlayProps = {
-    /** Flagg som sier om modalen er åpen */
-    open?: boolean;
-    /** Callback som kalles når brukeren ber om å lukke modalen */
-    onDismiss?: () => void;
-    /** Innholdet i modalen */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    [key: string]: any;
-};
-export declare const ModalOverlay: React.FC<ModalOverlayProps>;
+import React from 'react';
+export type ModalOverlayProps = {
+    /** Flagg som sier om modalen er åpen */
+    open?: boolean;
+    /** Callback som kalles når brukeren ber om å lukke modalen */
+    onDismiss?: () => void;
+    /** Innholdet i modalen */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    [key: string]: any;
+};
+export declare const ModalOverlay: React.FC<ModalOverlayProps>;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import './index.scss';
-export * from './Modal';
-export * from './ModalOverlay';
-export * from './ModalContent';
-export * from './Drawer';
+import './index.scss';
+export * from './Modal';
+export * from './ModalOverlay';
+export * from './ModalContent';
+export * from './Drawer';

package/dist/modal.cjs.development.js

@@ -13,11 +13,6 @@ var reactFocusLock = require('react-focus-lock');
 var a11y = require('@entur/a11y');
 var layout = require('@entur/layout');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -50,8 +45,8 @@ var ModalOverlay = function ModalOverlay(_ref) {
   var className = _ref.className,
     open = _ref.open,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React__default["default"].createElement(dialog.DialogOverlay, _extends({
-    className: classNames__default["default"]('eds-modal__overlay', className),
+  return React.createElement(dialog.DialogOverlay, _extends({
+    className: classNames('eds-modal__overlay', className),
     isOpen: open
   }, rest));
 };
@@ -74,10 +69,10 @@ var ModalContent = function ModalContent(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var Heading = headingsMap[size] || typography.Heading2;
   var randomId = utils.useRandomId('eds-modal');
-  return React__default["default"].createElement(dialog.DialogContent, _extends({
-    className: classNames__default["default"]('eds-modal__content', "eds-modal__content--size-" + size, "eds-modal__content--align-" + align, className),
+  return React.createElement(dialog.DialogContent, _extends({
+    className: classNames('eds-modal__content', "eds-modal__content--size-" + size, "eds-modal__content--align-" + align, className),
     "aria-labelledby": randomId
-  }, rest), title && React__default["default"].createElement(Heading, {
+  }, rest), title && React.createElement(Heading, {
     margin: "bottom",
     as: "h2",
     id: randomId
@@ -106,18 +101,18 @@ var Modal = function Modal(_ref) {
   if (onDismiss && closeOnClickOutside) {
     handleOnDismiss = onDismiss;
   }
-  return React__default["default"].createElement(ModalOverlay, {
+  return React.createElement(ModalOverlay, {
     open: open,
     onDismiss: handleOnDismiss,
     initialFocusRef: initialFocusRef
-  }, React__default["default"].createElement(ModalContent, _extends({
+  }, React.createElement(ModalContent, _extends({
     size: size,
     align: align
-  }, rest), showCloseButton && React__default["default"].createElement(button.IconButton, {
+  }, rest), showCloseButton && React.createElement(button.IconButton, {
     className: "eds-modal__close",
     "aria-label": closeLabel,
     onClick: onDismiss
-  }, React__default["default"].createElement(icons.CloseIcon, null)), title && React__default["default"].createElement(Heading, {
+  }, React.createElement(icons.CloseIcon, null)), title && React.createElement(Heading, {
     margin: "bottom",
     as: "h2",
     id: randomId
@@ -148,33 +143,33 @@ var Drawer = function Drawer(_ref) {
       onDismiss();
     }
   };
-  var Wrapper = contrast ? layout.Contrast : React__default["default"].Fragment;
+  var Wrapper = contrast ? layout.Contrast : React.Fragment;
   var ContentContainer = overlay ? dialog.DialogContent : 'div';
-  return React__default["default"].createElement(ConditionalWrapper, {
+  return React.createElement(ConditionalWrapper, {
     condition: overlay,
     wrapper: function wrapper(children) {
-      return React__default["default"].createElement(ModalOverlay, {
+      return React.createElement(ModalOverlay, {
         open: open,
         onDismiss: onDismiss
       }, children);
     }
-  }, React__default["default"].createElement(Wrapper, null, React__default["default"].createElement(ContentContainer, {
+  }, React.createElement(Wrapper, null, React.createElement(ContentContainer, {
     "aria-labelledby": titleId,
-    className: classNames__default["default"]('eds-drawer', className),
+    className: classNames('eds-drawer', className),
     onKeyDown: handleKeyDown,
     style: style
-  }, React__default["default"].createElement(reactFocusLock.MoveFocusInside, null, React__default["default"].createElement("div", {
+  }, React.createElement(reactFocusLock.MoveFocusInside, null, React.createElement("div", {
     className: "eds-drawer__content"
-  }, React__default["default"].createElement(typography.Heading3, {
+  }, React.createElement(typography.Heading3, {
     as: "h2",
     id: titleId
-  }, title), children), React__default["default"].createElement(button.IconButton, {
+  }, title), children), React.createElement(button.IconButton, {
     className: "eds-drawer__close-button",
     onClick: onDismiss,
     type: "button"
-  }, React__default["default"].createElement(icons.CloseIcon, {
+  }, React.createElement(icons.CloseIcon, {
     "aria-hidden": true
-  }), React__default["default"].createElement(a11y.VisuallyHidden, null, closeLabel))))));
+  }), React.createElement(a11y.VisuallyHidden, null, closeLabel))))));
 };
 var ConditionalWrapper = function ConditionalWrapper(_ref2) {
   var condition = _ref2.condition,

package/dist/modal.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs.development.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","_excluded","React","createElement","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","align","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"modal.cjs.development.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","_excluded","React","createElement","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","align","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":"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"}

package/dist/modal.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("@entur/icons"),n=require("@entur/button"),l=require("@entur/typography"),r=require("classnames"),i=require("@reach/dialog"),o=require("react-focus-lock"),s=require("@entur/a11y"),d=require("@entur/layout");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),m=u(r);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(this,arguments)}function g(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(l[a]=e[a]);return l}var p=["className","open"],v=function(e){var t=e.className,a=e.open,n=g(e,p);return c.default.createElement(i.DialogOverlay,f({className:m.default("eds-modal__overlay",t),isOpen:a},n))},y=["children","className","size","title","align"],b={extraSmall:l.Heading4,small:l.Heading3,medium:l.Heading2,large:l.Heading2,extraLarge:l.Heading2},E=function(t){var a=t.children,n=t.className,r=t.size,o=t.title,s=t.align,d=void 0===s?"start":s,u=g(t,y),p=b[r]||l.Heading2,v=e.useRandomId("eds-modal");return c.default.createElement(i.DialogContent,f({className:m.default("eds-modal__content","eds-modal__content--size-"+r,"eds-modal__content--align-"+d,n),"aria-labelledby":v},u),o&&c.default.createElement(p,{margin:"bottom",as:"h2",id:v},o),a)},h=["children","closeLabel","initialFocusRef","open","onDismiss","size","align","title","closeOnClickOutside"],_=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):t};e.warnAboutMissingStyles("modal","icons","typography","a11y","button"),exports.Drawer=function(t){var r=t.children,u=t.className,f=t.closeLabel,g=void 0===f?"Lukk skuff":f,p=t.contrast,y=void 0!==p&&p,b=t.open,E=void 0===b||b,h=t.onDismiss,O=t.title,k=t.style,N=t.overlay,q=void 0!==N&&N,w=e.useRandomId("eds-drawer");return E?c.default.createElement(_,{condition:q,wrapper:function(e){return c.default.createElement(v,{open:E,onDismiss:h},e)}},c.default.createElement(y?d.Contrast:c.default.Fragment,null,c.default.createElement(q?i.DialogContent:"div",{"aria-labelledby":w,className:m.default("eds-drawer",u),onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),h())},style:k},c.default.createElement(o.MoveFocusInside,null,c.default.createElement("div",{className:"eds-drawer__content"},c.default.createElement(l.Heading3,{as:"h2",id:w},O),r),c.default.createElement(n.IconButton,{className:"eds-drawer__close-button",onClick:h,type:"button"},c.default.createElement(a.CloseIcon,{"aria-hidden":!0}),c.default.createElement(s.VisuallyHidden,null,g)))))):null},exports.Modal=function(t){var r,i=t.children,o=t.closeLabel,s=void 0===o?"Lukk":o,d=t.initialFocusRef,u=t.open,m=t.onDismiss,p=t.size,y=t.align,_=void 0===y?"start":y,O=t.title,k=t.closeOnClickOutside,N=void 0===k||k,q=g(t,h),w=e.useRandomId("eds-modal"),x=b[p]||l.Heading2,C=["medium","large","extraLarge"].includes(p);return m&&N&&(r=m),c.default.createElement(v,{open:u,onDismiss:r,initialFocusRef:d},c.default.createElement(E,f({size:p,align:_},q),C&&c.default.createElement(n.IconButton,{className:"eds-modal__close","aria-label":s,onClick:m},c.default.createElement(a.CloseIcon,null)),O&&c.default.createElement(x,{margin:"bottom",as:"h2",id:w},O),i))},exports.ModalContent=E,exports.ModalOverlay=v,exports.headingsMap=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),n=require("react"),t=require("@entur/icons"),a=require("@entur/button"),r=require("@entur/typography"),i=require("classnames"),l=require("@reach/dialog"),o=require("react-focus-lock"),s=require("@entur/a11y"),c=require("@entur/layout");function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},d.apply(this,arguments)}function u(e,n){if(null==e)return{};var t,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n.indexOf(t=i[a])>=0||(r[t]=e[t]);return r}var m=["className","open"],g=function(e){var t=e.className,a=e.open,r=u(e,m);return n.createElement(l.DialogOverlay,d({className:i("eds-modal__overlay",t),isOpen:a},r))},p=["children","className","size","title","align"],v={extraSmall:r.Heading4,small:r.Heading3,medium:r.Heading2,large:r.Heading2,extraLarge:r.Heading2},y=function(t){var a=t.children,o=t.className,s=t.size,c=t.title,m=t.align,g=void 0===m?"start":m,y=u(t,p),f=v[s]||r.Heading2,b=e.useRandomId("eds-modal");return n.createElement(l.DialogContent,d({className:i("eds-modal__content","eds-modal__content--size-"+s,"eds-modal__content--align-"+g,o),"aria-labelledby":b},y),c&&n.createElement(f,{margin:"bottom",as:"h2",id:b},c),a)},f=["children","closeLabel","initialFocusRef","open","onDismiss","size","align","title","closeOnClickOutside"],b=function(e){var n=e.children;return e.condition?(0,e.wrapper)(n):n};e.warnAboutMissingStyles("modal","icons","typography","a11y","button"),exports.Drawer=function(d){var u=d.children,m=d.className,p=d.closeLabel,v=void 0===p?"Lukk skuff":p,y=d.contrast,f=void 0!==y&&y,E=d.open,h=void 0===E||E,_=d.onDismiss,O=d.title,k=d.style,N=d.overlay,q=void 0!==N&&N,w=e.useRandomId("eds-drawer");return h?n.createElement(b,{condition:q,wrapper:function(e){return n.createElement(g,{open:h,onDismiss:_},e)}},n.createElement(f?c.Contrast:n.Fragment,null,n.createElement(q?l.DialogContent:"div",{"aria-labelledby":w,className:i("eds-drawer",m),onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),_())},style:k},n.createElement(o.MoveFocusInside,null,n.createElement("div",{className:"eds-drawer__content"},n.createElement(r.Heading3,{as:"h2",id:w},O),u),n.createElement(a.IconButton,{className:"eds-drawer__close-button",onClick:_,type:"button"},n.createElement(t.CloseIcon,{"aria-hidden":!0}),n.createElement(s.VisuallyHidden,null,v)))))):null},exports.Modal=function(i){var l,o=i.children,s=i.closeLabel,c=void 0===s?"Lukk":s,m=i.initialFocusRef,p=i.open,b=i.onDismiss,E=i.size,h=i.align,_=void 0===h?"start":h,O=i.title,k=i.closeOnClickOutside,N=void 0===k||k,q=u(i,f),w=e.useRandomId("eds-modal"),x=v[E]||r.Heading2,C=["medium","large","extraLarge"].includes(E);return b&&N&&(l=b),n.createElement(g,{open:p,onDismiss:l,initialFocusRef:m},n.createElement(y,d({size:E,align:_},q),C&&n.createElement(a.IconButton,{className:"eds-modal__close","aria-label":c,onClick:b},n.createElement(t.CloseIcon,null)),O&&n.createElement(x,{margin:"bottom",as:"h2",id:w},O),o))},exports.ModalContent=y,exports.ModalOverlay=g,exports.headingsMap=v;
 //# sourceMappingURL=modal.cjs.production.min.js.map

package/dist/modal.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs.production.min.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Drawer.tsx","../src/index.tsx","../src/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n"],"names":["ModalOverlay","_ref","className","open","rest","_objectWithoutPropertiesLoose","_excluded","React","createElement","DialogOverlay","_extends","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","_ref$align","align","Heading","randomId","useRandomId","DialogContent","margin","as","id","ConditionalWrapper","_ref2","condition","wrapper","warnAboutMissingStyles","_ref$closeLabel","closeLabel","_ref$contrast","contrast","_ref$open","onDismiss","style","_ref$overlay","overlay","titleId","Contrast","Fragment","onKeyDown","e","key","stopPropagation","MoveFocusInside","IconButton","onClick","type","CloseIcon","VisuallyHidden","handleOnDismiss","initialFocusRef","_ref$closeOnClickOuts","closeOnClickOutside","showCloseButton","includes"],"mappings":"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"}
+{"version":3,"file":"modal.cjs.production.min.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Drawer.tsx","../src/index.tsx","../src/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n"],"names":["ModalOverlay","_ref","className","open","rest","_objectWithoutPropertiesLoose","_excluded","React","createElement","DialogOverlay","_extends","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","_ref$align","align","Heading","randomId","useRandomId","DialogContent","margin","as","id","ConditionalWrapper","_ref2","condition","wrapper","warnAboutMissingStyles","_ref$closeLabel","closeLabel","_ref$contrast","contrast","_ref$open","onDismiss","style","_ref$overlay","overlay","titleId","Contrast","Fragment","onKeyDown","e","key","stopPropagation","MoveFocusInside","IconButton","onClick","type","CloseIcon","VisuallyHidden","handleOnDismiss","initialFocusRef","_ref$closeOnClickOuts","closeOnClickOutside","showCloseButton","includes"],"mappings":"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"}

package/dist/styles.css

@@ -1,50 +1,3 @@
-:root {
-  --eds-modal: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-@keyframes slideFromRight {
-  from {
-    box-shadow: none;
-    transform: translateX(100%);
-  }
-  to {
-    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
-    transform: 0;
-  }
-}
-.eds-drawer {
-  animation: slideFromRight forwards ease-out 0.1s;
-  background: #ebebf1;
-  bottom: 0;
-  padding: 1.5rem;
-  position: fixed;
-  right: 0;
-  top: 0;
-  max-width: 100%;
-  min-width: 20rem;
-  width: 25vw;
-  z-index: 40;
-  overflow-y: auto;
-}
-.eds-contrast .eds-drawer {
-  background: #292b6a;
-}
-
-.eds-drawer__close-button {
-  margin: 0;
-  position: absolute;
-  top: 1.5rem;
-  right: 1.5rem;
-}
-.eds-drawer__close-button:focus {
-  outline-offset: 0.125rem;
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-}
-.eds-contrast .eds-drawer__close-button:focus {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
-}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 :root {
@@ -169,3 +122,50 @@
     opacity: 1;
   }
 }
+:root {
+  --eds-modal: 1;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+@keyframes slideFromRight {
+  from {
+    box-shadow: none;
+    transform: translateX(100%);
+  }
+  to {
+    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
+    transform: 0;
+  }
+}
+.eds-drawer {
+  animation: slideFromRight forwards ease-out 0.1s;
+  background: #ebebf1;
+  bottom: 0;
+  padding: 1.5rem;
+  position: fixed;
+  right: 0;
+  top: 0;
+  max-width: 100%;
+  min-width: 20rem;
+  width: 25vw;
+  z-index: 40;
+  overflow-y: auto;
+}
+.eds-contrast .eds-drawer {
+  background: #292b6a;
+}
+
+.eds-drawer__close-button {
+  margin: 0;
+  position: absolute;
+  top: 1.5rem;
+  right: 1.5rem;
+}
+.eds-drawer__close-button:focus {
+  outline-offset: 0.125rem;
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
+.eds-contrast .eds-drawer__close-button:focus {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/modal",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/modal.esm.js",
@@ -27,16 +27,16 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.69",
-    "@entur/button": "^3.1.1",
-    "@entur/icons": "^6.4.2",
-    "@entur/layout": "^2.1.40",
+    "@entur/a11y": "^0.2.70",
+    "@entur/button": "^3.1.2",
+    "@entur/icons": "^6.5.0",
+    "@entur/layout": "^2.1.41",
     "@entur/tokens": "^3.10.0",
-    "@entur/typography": "^1.8.7",
-    "@entur/utils": "^0.9.4",
+    "@entur/typography": "^1.8.8",
+    "@entur/utils": "^0.9.5",
     "@reach/dialog": "^0.16.0",
     "classnames": "^2.3.1",
     "react-focus-lock": "^2.9.1"
   },
-  "gitHead": "0da1a9e2532f60cc1a456a79ad3aa689514ca2c7"
+  "gitHead": "9b8d4e5d2e6f7a74256371e30ebef43e046c9338"
 }