@crystaldesign/diva-support 25.9.0-beta.40 → 25.9.0-beta.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 68.diva-support.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaSupport=self.webpackChunkCrystaldesignDivaSupport||[]).push([[68],{7068:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var i=t(7363),
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaSupport=self.webpackChunkCrystaldesignDivaSupport||[]).push([[68],{7068:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var i=t(7363),o=t(9420),r=t(7654),l=t(3335),a=t(5310),d=t(9400),s=t(4415),c=t(1824),u=t(9763),m=t(3379),p=t.n(m),h=t(7795),v=t.n(h),x=t(569),f=t.n(x),g=t(3565),y=t.n(g),b=t(9216),j=t.n(b),k=t(4589),Z=t.n(k),w=t(5297),P={};P.styleTagTransform=Z(),P.setAttributes=y(),P.insert=f().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=j();p()(w.Z,P);w.Z&&w.Z.locals&&w.Z.locals;var S=t(789),C=t(4988),I=t(5054),E={};E.styleTagTransform=Z(),E.setAttributes=y(),E.insert=f().bind(null,"head"),E.domAPI=v(),E.insertStyleElement=j();p()(I.ZP,E);I.ZP&&I.ZP.locals&&I.ZP.locals;var F=t(7514);const D=(0,o.Pi)((function Progress(e){var n=e.children,t=e.progress,o=(0,i.useState)(),r=(0,C.Z)(o,2),l=r[0],a=r[1];return(0,i.useEffect)((function(){a(t)}),[t]),(0,F.jsxs)("div",{className:I.YS,children:[!!n&&n,(0,F.jsx)("div",{className:I.l9,children:(0,F.jsx)("div",{className:I.YJ,style:{width:100*(null!=l?l:0)+"%"},children:(0,F.jsx)("div",{className:I.zn})})})]})}));var z=t(3697),A=t(1682),M=t(8623);const W=(0,o.Pi)((function Modal(){var e,n,t=(0,r.KH)().contentStore,o=(0,S.$G)().t,m=function onAccept(e){var n,i=t.modal;t.closeModal(),null==i||null===(n=i.callback)||void 0===n||n.call(i,!i.content||e)},p=function onReject(){var e,n=t.modal;t.closeModal(),null==n||null===(e=n.callback)||void 0===e||e.call(n,!1)};(0,i.useEffect)((function(){return document.addEventListener("keydown",h,!1),function(){document.removeEventListener("keydown",h,!1)}}),[]);var h=(0,i.useCallback)((function(e){if(t.modal)if("Enter"!==e.key||t.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(p(),e.preventDefault());else{var n=document.getElementById("diva-modal-form");if(!n)return;m(new FormData(n)),e.preventDefault()}}),[]);if(!t.modal)return(0,F.jsx)(F.Fragment,{});var v=(0,M.ZN)(t.modal),x="string"==typeof v.text?o(v.text):v.text,f=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:v.maxWidth?{maxWidth:v.maxWidth}:void 0,children:v.iFrame?(0,F.jsx)(IFrame,{link:v.iFrame}):"string"==typeof x&&null==v.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(x)}}):(0,F.jsxs)(c.Z,{component:"div",children:[x,v.content&&t.modal.content]})}),(v.reject||v.accept)&&(0,F.jsxs)(d.Z,{children:[v.reject&&(0,F.jsx)(l.Z,{color:"primary",onClick:p,children:"string"==typeof v.reject?o(v.reject):o("modal.reject")}),v.accept&&(0,F.jsx)(l.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof v.accept?o(v.accept):o("modal.accept")})]}),!!(v.image||void 0!==v.progress||null!==(e=v.actions)&&void 0!==e&&e.length)&&(0,F.jsxs)("div",{style:{margin:10},children:[v.image&&(0,F.jsx)("img",{src:v.image,style:{maxWidth:480}}),void 0!==v.progress&&(0,F.jsx)(D,{progress:v.progress}),null===(n=v.actions)||void 0===n?void 0:n.map((function(e){var n;return(0,F.jsx)(l.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(n=e.variant)&&void 0!==n?n:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,n){var i,o=t.modal;0!=n&&t.closeModal(),null==o||null===(i=o.callback)||void 0===i||i.call(o,e)}(e.id,e.closeable)},children:o(e.text)})}))]})]}),g=!0===v.fullscreen||"mobile"==v.fullscreen&&t.containerDimensions.isMobile;return(0,F.jsx)("div",{className:w.I,id:"diva-dialog",children:(0,F.jsxs)(a.Z,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:g,PaperProps:{style:{width:v.width,height:v.height}},children:[(0,F.jsx)(u.Z,{children:"string"==typeof v.title?o(v.title):v.title}),v.rejectByIcon&&(0,F.jsx)(z.Z,{onClick:p,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(A.Z,{})}),v.dontRenderForm&&f,!v.dontRenderForm&&(0,F.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),m(new FormData(e.target))},children:f})]})})}));function IFrame(e){var n=e.link;return(0,F.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,F.jsx)(W,{})}},5297:(e,n,t)=>{t.d(n,{I:()=>a,Z:()=>d});var i=t(8081),o=t.n(i),r=t(3645),l=t.n(r)()(o());l.push([e.id,".index-module--AtOcs {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255, 0.6);\n z-index: 1001;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n",""]);var a="index-module--AtOcs";const d=l},5054:(e,n,t)=>{t.d(n,{YJ:()=>s,YS:()=>a,ZP:()=>u,l9:()=>d,zn:()=>c});var i=t(8081),o=t.n(i),r=t(3645),l=t.n(r)()(o());l.push([e.id,".index-module--Pww9z {\n display: flex;\n width: 100%;\n}\n\n.index-module--thPSh {\n height: 10px;\n position: relative;\n border-radius: 5px;\n width: 100%;\n}\n\n@keyframes index-module--_9_PO {\n from {\n background-position-x: 0;\n }\n to {\n background-position-x: 113px;\n }\n}\n\n.index-module--HhvXv {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n transition: width 0.4s ease-out;\n overflow: hidden;\n border-radius: 5px;\n}\n.index-module--f7imw {\n border-radius: 5px;\n height: 100%;\n background-color: var(--diva-theme-palette-primary-main);\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 10px,\n var(--diva-theme-palette-secondary-dark) 10px,\n var(--diva-theme-palette-secondary-dark) 20px\n );\n animation: index-module--_9_PO 4s linear infinite;\n will-change: background-position;\n}\n",""]);var a="index-module--Pww9z",d="index-module--thPSh",s="index-module--HhvXv",c="index-module--f7imw";const u=l}}]);
|