@crystaldesign/products-component 25.13.0-beta.48 → 25.13.0-beta.49
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 558.products-component.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[558],{6558:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var i=t(7363),o=t(9420),r=t(9226),l=t(3335),a=t(8781),d=t(9400),s=t(4415),c=t(1824),u=t(9763),m=t(3379),p=t.n(m),h=t(7795),x=t.n(h),v=t(569),f=t.n(v),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=x(),P.insertStyleElement=j();p()(w.Z,P);w.Z&&w.Z.locals&&w.Z.locals;var C=t(789),S=t(4988),I=t(5054),E={};E.styleTagTransform=Z(),E.setAttributes=y(),E.insert=f().bind(null,"head"),E.domAPI=x(),E.insertStyleElement=j();p()(I.ZP,E);I.ZP&&I.ZP.locals&&I.ZP.locals;var F=t(7514);const z=(0,o.Pi)((function Progress(e){var n=e.children,t=e.progress,o=(0,i.useState)(),r=(0,S.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 A=t(3697),M=t(1682),W=t(8623);const D=(0,o.Pi)((function Modal(){var e,n,t=(0,r.KH)().contentStore,o=(0,C.$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 x=(0,W.ZN)(t.modal),v="string"==typeof x.text?o(x.text):x.text,f=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:x.maxWidth?{maxWidth:x.maxWidth}:void 0,children:x.iFrame?(0,F.jsx)(IFrame,{link:x.iFrame}):"string"==typeof v&&null==x.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(v)}}):(0,F.jsxs)(c.Z,{component:"div",children:[v,x.content&&t.modal.content]})}),(x.reject||x.accept)&&(0,F.jsxs)(d.Z,{children:[x.reject&&(0,F.jsx)(l.Z,{color:"primary",onClick:p,children:"string"==typeof x.reject?o(x.reject):o("modal.reject")}),x.accept&&(0,F.jsx)(l.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof x.accept?o(x.accept):o("modal.accept")})]}),!!(x.image||void 0!==x.progress||null!==(e=x.actions)&&void 0!==e&&e.length)&&(0,F.jsxs)("div",{style:{margin:10},children:[x.image&&(0,F.jsx)("img",{src:x.image,style:{maxWidth:480}}),void 0!==x.progress&&(0,F.jsx)(z,{progress:x.progress}),null===(n=x.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===x.fullscreen||"mobile"==x.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:x.width,height:x.height}},children:[(0,F.jsx)(u.Z,{children:"string"==typeof x.title?o(x.title):x.title}),x.rejectByIcon&&(0,F.jsx)(A.Z,{onClick:p,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(M.Z,{})}),x.dontRenderForm&&f,!x.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)(D,{})}},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:
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[558],{6558:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var i=t(7363),o=t(9420),r=t(9226),l=t(3335),a=t(8781),d=t(9400),s=t(4415),c=t(1824),u=t(9763),m=t(3379),p=t.n(m),h=t(7795),x=t.n(h),v=t(569),f=t.n(v),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=x(),P.insertStyleElement=j();p()(w.Z,P);w.Z&&w.Z.locals&&w.Z.locals;var C=t(789),S=t(4988),I=t(5054),E={};E.styleTagTransform=Z(),E.setAttributes=y(),E.insert=f().bind(null,"head"),E.domAPI=x(),E.insertStyleElement=j();p()(I.ZP,E);I.ZP&&I.ZP.locals&&I.ZP.locals;var F=t(7514);const z=(0,o.Pi)((function Progress(e){var n=e.children,t=e.progress,o=(0,i.useState)(),r=(0,S.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 A=t(3697),M=t(1682),W=t(8623);const D=(0,o.Pi)((function Modal(){var e,n,t=(0,r.KH)().contentStore,o=(0,C.$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 x=(0,W.ZN)(t.modal),v="string"==typeof x.text?o(x.text):x.text,f=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:x.maxWidth?{maxWidth:x.maxWidth}:void 0,children:x.iFrame?(0,F.jsx)(IFrame,{link:x.iFrame}):"string"==typeof v&&null==x.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(v)}}):(0,F.jsxs)(c.Z,{component:"div",children:[v,x.content&&t.modal.content]})}),(x.reject||x.accept)&&(0,F.jsxs)(d.Z,{children:[x.reject&&(0,F.jsx)(l.Z,{color:"primary",onClick:p,children:"string"==typeof x.reject?o(x.reject):o("modal.reject")}),x.accept&&(0,F.jsx)(l.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof x.accept?o(x.accept):o("modal.accept")})]}),!!(x.image||void 0!==x.progress||null!==(e=x.actions)&&void 0!==e&&e.length)&&(0,F.jsxs)("div",{style:{margin:10},children:[x.image&&(0,F.jsx)("img",{src:x.image,style:{maxWidth:480}}),void 0!==x.progress&&(0,F.jsx)(z,{progress:x.progress}),null===(n=x.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===x.fullscreen||"mobile"==x.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:x.width,height:x.height}},children:[(0,F.jsx)(u.Z,{children:"string"==typeof x.title?o(x.title):x.title}),x.rejectByIcon&&(0,F.jsx)(A.Z,{onClick:p,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(M.Z,{})}),x.dontRenderForm&&f,!x.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)(D,{})}},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: 14500;\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}}]);
|