@helsenorge/designsystem-react 1.0.0-beta85 → 1.0.0-beta86

package/Modal-3dc1bb47.js

@@ -0,0 +1,2 @@
+import{_ as e,a as t}from"./_rollupPluginBabelHelpers-d0752906.js";import r,{useRef as a,useEffect as n,useState as o}from"react";import{c as l}from"./index-9b84fabc.js";import{p as c}from"./palette-f206f488.js";import{B as i}from"./Button-3f327b66.js";import{I as s}from"./constants-d919236e.js";import{X as m,A as d,a as u}from"./AlertSignFill-64bfef57.js";import v from"./components/Modal/styles.module.scss";import{T as p}from"./Title-7c829525.js";import{u as f}from"./uuid-8870ab4b.js";function _(){var e,t=a(null);function r(e){var r=t.current,a="Tab"===e.key;if(r&&a){var n=function(e){try{return("string"==typeof e?document.querySelector(e):e).getRootNode().activeElement}catch(t){return console.error("Feil ved å ta tak i active element basert på angitt node: ",e,t),null}}(r),o=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),l=o[0],c=1===o.length?l:o[o.length-1];e.shiftKey?n===l&&(c.focus(),e.preventDefault()):n===c&&(l.focus(),e.preventDefault())}}function o(e){var r=t.current;if(r){var a=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),e.preventDefault())}}return null===(e=t.current)||void 0===e||e.focus(),n((function(){var e=t.current;return e.addEventListener("keydown",r),e.addEventListener("click",o),function(){e.removeEventListener("keydown",r),e.removeEventListener("click",o)}}),[]),t}var y,E,b=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,a=o(!1),l=e(a,2),c=l[0],i=l[1];return n((function(){var e=new IntersectionObserver((function(e){i(e[0].intersectionRatio>=r)}),{threshold:r});return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t]),c};!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(y||(y={})),function(e){e.large="large",e.medium="medium"}(E||(E={}));var g={variant:y.normal,primaryButtonText:"OK",large:!1,className:"",size:E.large},h=function(e){return r.createElement("button",{className:v.modal__lukkekryss,"aria-label":e.ariaLabel||"Lukk",onClick:e.onClick,role:"button"},r.createElement(s,{svgIcon:m,color:c.blueberry600,size:42}))},k=function(a){var o,m,E,g=r.useState(f()),k=e(g,1)[0],N=r.useRef(null),w=r.useRef(null),L=b(N),x=r.useRef(null),B=b(x),C=w.current&&w.current.scrollHeight>w.current.clientHeight;function W(e){"Escape"===e.key&&a.onClose&&(e.stopPropagation(),a.onClose())}function T(e){e.target&&I.current===e.target&&a.onClose&&(e.stopPropagation(),a.onClose())}var j=a.variant===y.image,S=null!==(o=a.titleId)&&void 0!==o?o:k,I=r.useRef(null),R=a.secondaryButtonText&&(null===(m=a.secondaryButtonText)||void 0===m?void 0:m.length)>0||a.onSuccess,z=a.ariaLabelledBy?void 0:a.ariaLabel,P=a.ariaLabelledBy?a.ariaLabelledBy:a.ariaLabel?void 0:S;return n((function(){var e=I.current;return document.body.style.overflow="hidden",e&&!R&&(e.addEventListener("keydown",W),e.addEventListener("click",T)),function(){document.body.style.removeProperty("overflow"),e&&!R&&(e.removeEventListener("keydown",W),e.removeEventListener("click",T))}}),[]),r.createElement("div",{"data-testid":"dialog-container"},r.createElement("div",{ref:I,className:v["modal-overlay"],"data-testid":a.testId},r.createElement("div",{className:v.align,ref:_()},r.createElement("div",{className:l(a.className,v.modal,v["modal--".concat(a.variant)],v["modal--".concat(a.size)]),role:"dialog","aria-label":z,"aria-labelledby":P},r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--top"],t({},v["modal__shadow--show"],!L&&C))}),r.createElement("div",{className:l(v.modal__contentWrapper,t({},v["modal__contentWrapper--image"],j)),ref:w},!a.noCloseButton&&r.createElement("div",{className:v.modal__closeWrapper},r.createElement("div",{className:l(v.modal__closeWrapper__close)},r.createElement(h,{onClick:a.onClose,ariaLabel:a.ariaLabelCloseBtn}))),r.createElement("div",{className:l(v["modal__contentWrapper__scroll--".concat(a.size)],t({},v["modal__contentWrapper__scroll--image"],j))},r.createElement("div",{ref:N}),r.createElement("div",{className:v.modal__contentWrapper__title},a.variant&&function(e){var t;if(e===y.error)t=r.createElement(s,{svgIcon:d,color:c.cherry500,hoverColor:c.cherry500});else{if(e!==y.warning)return null;t=r.createElement(s,{svgIcon:u,color:c.black,hoverColor:c.black})}return r.createElement("div",{className:v.modal__iconWrapper},t)}(a.variant),r.createElement("div",{className:a.variant===y.error?v["modal__title--error"]:""},r.createElement(p,{id:S,htmlMarkup:"h3",appearance:"title3"},a.title))),j&&r.createElement("div",null,r.createElement("div",{className:v.modal__contentWrapper__imageWrapper},a.children),r.createElement("span",{className:v.modal__contentWrapper__imageDescription},a.description)),!j&&a.children&&r.createElement("div",null,a.children),!j&&!a.children&&r.createElement("p",{className:v.modal__description},a.description),r.createElement("div",{ref:x}))),r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--bottom"],t({},v["modal__shadow--show"],!B&&C))}),R&&r.createElement("div",{className:l(v["modal__call-to-action"],v["modal__call-to-action--".concat(a.size)])},a.onSuccess&&r.createElement(i,{onClick:a.onSuccess},a.primaryButtonText),a.secondaryButtonText&&(null===(E=a.secondaryButtonText)||void 0===E?void 0:E.length)>0&&r.createElement(i,{variant:"borderless",onClick:a.onClose},a.secondaryButtonText))))))};k.defaultProps=g;export{k as M};
+//# sourceMappingURL=Modal-3dc1bb47.js.map

package/Modal-3dc1bb47.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-3dc1bb47.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/ButtonWithModal/componentdata.json

@@ -293,7 +293,7 @@
       ],
       "required": false,
       "type": {
-        "name": "Element"
+        "name": "ReactNode"
       }
     },
     "className": {

package/components/ButtonWithModal/index.js

@@ -1,2 +1,2 @@
-import{_ as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import e,{useState as o}from"react";import{B as r}from"../../Button-3f327b66.js";import{M as s}from"../../Modal-0dd5ce43.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"../Modal/styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";var i=e.forwardRef((function(i,m){var l=o(!1),n=t(l,2),p=n[0],a=n[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return a(!0)}},i.buttonText),p&&e.createElement(s,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export default i;
+import{_ as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import e,{useState as o}from"react";import{B as r}from"../../Button-3f327b66.js";import{M as s}from"../../Modal-3dc1bb47.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"../Modal/styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";var i=e.forwardRef((function(i,m){var l=o(!1),n=t(l,2),p=n[0],a=n[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return a(!0)}},i.buttonText),p&&e.createElement(s,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export default i;
 //# sourceMappingURL=index.js.map

package/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare enum ModalVariants {
     normal = "normal",
     warning = "warning",
@@ -35,7 +35,7 @@ export interface ModalProps {
     /** Close button aria-label */
     ariaLabelCloseBtn?: string;
     /** Alternative component to modal */
-    children?: JSX.Element;
+    children?: React.ReactNode;
     /** Adds custom classes to the element. */
     className?: string;
     /** Function is called when user clicks primary button */

package/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAgBA,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA6BD,QAAA,MAAM,KAAK;;;;;;;;;CAoIV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA6BD,QAAA,MAAM,KAAK;;;;;;;;;CAoIV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/components/Modal/componentdata.json

@@ -280,7 +280,7 @@
       ],
       "required": false,
       "type": {
-        "name": "Element"
+        "name": "ReactNode"
       }
     },
     "className": {

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-0dd5ce43.js";export{M as default}from"../../Modal-0dd5ce43.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-3f327b66.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";
+import{M as s}from"../../Modal-3dc1bb47.js";export{M as default}from"../../Modal-3dc1bb47.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-3f327b66.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
-  "version": "1.0.0-beta85",
+  "version": "1.0.0-beta86",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",

package/Modal-0dd5ce43.js

@@ -1,2 +0,0 @@
-import{_ as e,a as t}from"./_rollupPluginBabelHelpers-d0752906.js";import r,{useRef as a,useEffect as n,useState as o}from"react";import{c as l}from"./index-9b84fabc.js";import{p as c}from"./palette-f206f488.js";import{B as i}from"./Button-3f327b66.js";import{I as s}from"./constants-d919236e.js";import{X as d,A as m,a as u}from"./AlertSignFill-64bfef57.js";import v from"./components/Modal/styles.module.scss";import{T as p}from"./Title-7c829525.js";import{u as f}from"./uuid-8870ab4b.js";function _(){var e,t=a(null);function r(e){var r=t.current,a="Tab"===e.key;if(r&&a){var n=function(e){try{return("string"==typeof e?document.querySelector(e):e).getRootNode().activeElement}catch(t){return console.error("Feil ved å ta tak i active element basert på angitt node: ",e,t),null}}(r),o=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),l=o[0],c=1===o.length?l:o[o.length-1];e.shiftKey?n===l&&(c.focus(),e.preventDefault()):n===c&&(l.focus(),e.preventDefault())}}function o(e){var r=t.current;if(r){var a=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),e.preventDefault())}}return null===(e=t.current)||void 0===e||e.focus(),n((function(){var e=t.current;return e.addEventListener("keydown",r),e.addEventListener("click",o),function(){e.removeEventListener("keydown",r),e.removeEventListener("click",o)}}),[]),t}var y,E,b=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,a=o(!1),l=e(a,2),c=l[0],i=l[1];return n((function(){var e=new IntersectionObserver((function(e){i(e[0].intersectionRatio>=r)}),{threshold:r});return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t]),c};!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(y||(y={})),function(e){e.large="large",e.medium="medium"}(E||(E={}));var g={variant:y.normal,primaryButtonText:"OK",large:!1,className:"",size:E.large},h=function(e){return r.createElement("button",{className:v.modal__lukkekryss,"aria-label":e.ariaLabel||"Lukk",onClick:e.onClick,role:"button"},r.createElement(s,{svgIcon:d,color:c.blueberry600,size:42}))},k=function(a){var o,d,E,g,k=r.useState(f()),N=e(k,1)[0],w=r.useRef(null),L=r.useRef(null),x=b(w),B=r.useRef(null),C=b(B),W=L.current&&L.current.scrollHeight>L.current.clientHeight;function T(e){"Escape"===e.key&&a.onClose&&(e.stopPropagation(),a.onClose())}function j(e){e.target&&R.current===e.target&&a.onClose&&(e.stopPropagation(),a.onClose())}var S=a.variant===y.image||"img"===(null===(o=a.children)||void 0===o?void 0:o.type),I=null!==(d=a.titleId)&&void 0!==d?d:N,R=r.useRef(null),z=a.secondaryButtonText&&(null===(E=a.secondaryButtonText)||void 0===E?void 0:E.length)>0||a.onSuccess,P=a.ariaLabelledBy?void 0:a.ariaLabel,A=a.ariaLabelledBy?a.ariaLabelledBy:a.ariaLabel?void 0:I;return n((function(){var e=R.current;return document.body.style.overflow="hidden",e&&!z&&(e.addEventListener("keydown",T),e.addEventListener("click",j)),function(){document.body.style.removeProperty("overflow"),e&&!z&&(e.removeEventListener("keydown",T),e.removeEventListener("click",j))}}),[]),r.createElement("div",{"data-testid":"dialog-container"},r.createElement("div",{ref:R,className:v["modal-overlay"],"data-testid":a.testId},r.createElement("div",{className:v.align,ref:_()},r.createElement("div",{className:l(a.className,v.modal,v["modal--".concat(a.variant)],v["modal--".concat(a.size)]),role:"dialog","aria-label":P,"aria-labelledby":A},r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--top"],t({},v["modal__shadow--show"],!x&&W))}),r.createElement("div",{className:l(v.modal__contentWrapper,t({},v["modal__contentWrapper--image"],S)),ref:L},!a.noCloseButton&&r.createElement("div",{className:v.modal__closeWrapper},r.createElement("div",{className:l(v.modal__closeWrapper__close)},r.createElement(h,{onClick:a.onClose,ariaLabel:a.ariaLabelCloseBtn}))),r.createElement("div",{className:l(v["modal__contentWrapper__scroll--".concat(a.size)],t({},v["modal__contentWrapper__scroll--image"],S))},r.createElement("div",{ref:w}),r.createElement("div",{className:v.modal__contentWrapper__title},a.variant&&function(e){var t;if(e===y.error)t=r.createElement(s,{svgIcon:m,color:c.cherry500,hoverColor:c.cherry500});else{if(e!==y.warning)return null;t=r.createElement(s,{svgIcon:u,color:c.black,hoverColor:c.black})}return r.createElement("div",{className:v.modal__iconWrapper},t)}(a.variant),r.createElement("div",{className:a.variant===y.error?v["modal__title--error"]:""},r.createElement(p,{id:I,htmlMarkup:"h3",appearance:"title3"},a.title))),S&&r.createElement("div",null,r.createElement("div",{className:v.modal__contentWrapper__imageWrapper},a.children),r.createElement("span",{className:v.modal__contentWrapper__imageDescription},a.description)),!S&&a.children&&r.createElement("div",null,a.children),!S&&!a.children&&r.createElement("p",{className:v.modal__description},a.description),r.createElement("div",{ref:B}))),r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--bottom"],t({},v["modal__shadow--show"],!C&&W))}),z&&r.createElement("div",{className:l(v["modal__call-to-action"],v["modal__call-to-action--".concat(a.size)])},a.onSuccess&&r.createElement(i,{onClick:a.onSuccess},a.primaryButtonText),a.secondaryButtonText&&(null===(g=a.secondaryButtonText)||void 0===g?void 0:g.length)>0&&r.createElement(i,{variant:"borderless",onClick:a.onClose},a.secondaryButtonText))))))};k.defaultProps=g;export{k as M};
-//# sourceMappingURL=Modal-0dd5ce43.js.map

package/Modal-0dd5ce43.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-0dd5ce43.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}