@crystaldesign/products-component 25.14.0-beta.10 → 25.14.0-beta.12

package/build/umd/469.products-component.umd.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 469.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[469],{8469:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ModalsWrapper});var n=o(7363),r=o(9420),i=o(9226),a=o(3335),l=o(7726),s=o(9916),d=o(6870),c=o(2791),p=o(7740),u=o(7321),m=o(9173),g=o(4685),x=o(9503);function getDialogUtilityClass(e){return(0,x.ZP)("MuiDialog",e)}const h=(0,g.Z)("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]);const v=n.createContext({});var f=o(6005),y=o(7843),b=o(1499),w=o(518),Z=o(2893),S=o(7249),k=o(7514);const P=(0,y.ZP)(f.Z,{name:"MuiDialog",slot:"Backdrop",overrides:(e,t)=>t.backdrop})({zIndex:-1}),C=(0,y.ZP)(p.Z,{name:"MuiDialog",slot:"Root",overridesResolver:(e,t)=>t.root})({"@media print":{position:"absolute !important"}}),D=(0,y.ZP)("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.container,t[`scroll${(0,c.Z)(o.scroll)}`]]}})({height:"100%","@media print":{height:"auto"},outline:0,variants:[{props:{scroll:"paper"},style:{display:"flex",justifyContent:"center",alignItems:"center"}},{props:{scroll:"body"},style:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}}]}),j=(0,y.ZP)(m.Z,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.paper,t[`scrollPaper${(0,c.Z)(o.scroll)}`],t[`paperWidth${(0,c.Z)(String(o.maxWidth))}`],o.fullWidth&&t.paperFullWidth,o.fullScreen&&t.paperFullScreen]}})((0,w.Z)((({theme:e})=>({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"},variants:[{props:{scroll:"paper"},style:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"}},{props:{scroll:"body"},style:{display:"inline-block",verticalAlign:"middle",textAlign:"initial"}},{props:({ownerState:e})=>!e.maxWidth,style:{maxWidth:"calc(100% - 64px)"}},{props:{maxWidth:"xs"},style:{maxWidth:"px"===e.breakpoints.unit?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}}},...Object.keys(e.breakpoints.values).filter((e=>"xs"!==e)).map((t=>({props:{maxWidth:t},style:{maxWidth:`${e.breakpoints.values[t]}${e.breakpoints.unit}`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[t]+64)]:{maxWidth:"calc(100% - 64px)"}}}}))),{props:({ownerState:e})=>e.fullWidth,style:{width:"calc(100% - 64px)"}},{props:({ownerState:e})=>e.fullScreen,style:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${h.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}}]})))),W=n.forwardRef((function Dialog(e,t){const o=(0,Z.i)({props:e,name:"MuiDialog"}),r=(0,b.Z)(),i={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{"aria-describedby":a,"aria-labelledby":p,"aria-modal":g=!0,BackdropComponent:x,BackdropProps:h,children:f,className:y,disableEscapeKeyDown:w=!1,fullScreen:W=!1,fullWidth:M=!1,maxWidth:T="sm",onBackdropClick:F,onClick:R,onClose:A,open:N,PaperComponent:I=m.Z,PaperProps:$={},scroll:E="paper",slots:B={},slotProps:U={},TransitionComponent:z=u.Z,transitionDuration:Y=i,TransitionProps:O,..._}=o,H={...o,disableEscapeKeyDown:w,fullScreen:W,fullWidth:M,maxWidth:T,scroll:E},L=(e=>{const{classes:t,scroll:o,maxWidth:n,fullWidth:r,fullScreen:i}=e,a={root:["root"],container:["container",`scroll${(0,c.Z)(o)}`],paper:["paper",`paperScroll${(0,c.Z)(o)}`,`paperWidth${(0,c.Z)(String(n))}`,r&&"paperFullWidth",i&&"paperFullScreen"]};return(0,s.Z)(a,getDialogUtilityClass,t)})(H),X=n.useRef(),K=(0,d.Z)(p),J=n.useMemo((()=>({titleId:K})),[K]),G={slots:{transition:z,...B},slotProps:{transition:O,paper:$,backdrop:h,...U}},[q,Q]=(0,S.Z)("root",{elementType:C,shouldForwardComponentProp:!0,externalForwardedProps:G,ownerState:H,className:(0,l.Z)(L.root,y),ref:t}),[V,ee]=(0,S.Z)("backdrop",{elementType:P,shouldForwardComponentProp:!0,externalForwardedProps:G,ownerState:H}),[te,oe]=(0,S.Z)("paper",{elementType:j,shouldForwardComponentProp:!0,externalForwardedProps:G,ownerState:H,className:(0,l.Z)(L.paper,$.className)}),[ne,re]=(0,S.Z)("container",{elementType:D,externalForwardedProps:G,ownerState:H,className:(0,l.Z)(L.container)}),[ie,ae]=(0,S.Z)("transition",{elementType:u.Z,externalForwardedProps:G,ownerState:H,additionalProps:{appear:!0,in:N,timeout:Y,role:"presentation"}});return(0,k.jsx)(q,{closeAfterTransition:!0,slots:{backdrop:V},slotProps:{backdrop:{transitionDuration:Y,as:x,...ee}},disableEscapeKeyDown:w,onClose:A,open:N,onClick:e=>{R&&R(e),X.current&&(X.current=null,F&&F(e),A&&A(e,"backdropClick"))},...Q,..._,children:(0,k.jsx)(ie,{...ae,children:(0,k.jsx)(ne,{onMouseDown:e=>{X.current=e.target===e.currentTarget},...re,children:(0,k.jsx)(te,{as:I,elevation:24,role:"dialog","aria-describedby":a,"aria-labelledby":K,"aria-modal":g,...oe,children:(0,k.jsx)(v.Provider,{value:J,children:f})})})})})}));function getDialogActionsUtilityClass(e){return(0,x.ZP)("MuiDialogActions",e)}(0,g.Z)("MuiDialogActions",["root","spacing"]);const M=(0,y.ZP)("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,!o.disableSpacing&&t.spacing]}})({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto",variants:[{props:({ownerState:e})=>!e.disableSpacing,style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),T=n.forwardRef((function DialogActions(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogActions"}),{className:n,disableSpacing:r=!1,...i}=o,a={...o,disableSpacing:r},d=(e=>{const{classes:t,disableSpacing:o}=e,n={root:["root",!o&&"spacing"]};return(0,s.Z)(n,getDialogActionsUtilityClass,t)})(a);return(0,k.jsx)(M,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));function getDialogContentUtilityClass(e){return(0,x.ZP)("MuiDialogContent",e)}(0,g.Z)("MuiDialogContent",["root","dividers"]);function getDialogTitleUtilityClass(e){return(0,x.ZP)("MuiDialogTitle",e)}const F=(0,g.Z)("MuiDialogTitle",["root"]),R=(0,y.ZP)("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.dividers&&t.dividers]}})((0,w.Z)((({theme:e})=>({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px",variants:[{props:({ownerState:e})=>e.dividers,style:{padding:"16px 24px",borderTop:`1px solid ${(e.vars||e).palette.divider}`,borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:e})=>!e.dividers,style:{[`.${F.root} + &`]:{paddingTop:0}}}]})))),A=n.forwardRef((function DialogContent(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContent"}),{className:n,dividers:r=!1,...i}=o,a={...o,dividers:r},d=(e=>{const{classes:t,dividers:o}=e,n={root:["root",o&&"dividers"]};return(0,s.Z)(n,getDialogContentUtilityClass,t)})(a);return(0,k.jsx)(R,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));var N=o(1684),I=o(5282);function getDialogContentTextUtilityClass(e){return(0,x.ZP)("MuiDialogContentText",e)}(0,g.Z)("MuiDialogContentText",["root"]);const $=(0,y.ZP)(I.Z,{shouldForwardProp:e=>(0,N.Z)(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root",overridesResolver:(e,t)=>t.root})({}),E=n.forwardRef((function DialogContentText(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContentText"}),{children:n,className:r,...i}=o,a=(e=>{const{classes:t}=e,o=(0,s.Z)({root:["root"]},getDialogContentTextUtilityClass,t);return{...t,...o}})(i);return(0,k.jsx)($,{component:"p",variant:"body1",color:"textSecondary",ref:t,ownerState:i,className:(0,l.Z)(a.root,r),...o,classes:a})})),B=(0,y.ZP)(I.Z,{name:"MuiDialogTitle",slot:"Root",overridesResolver:(e,t)=>t.root})({padding:"16px 24px",flex:"0 0 auto"}),U=n.forwardRef((function DialogTitle(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogTitle"}),{className:r,id:i,...a}=o,d=o,c=(e=>{const{classes:t}=e;return(0,s.Z)({root:["root"]},getDialogTitleUtilityClass,t)})(d),{titleId:p=i}=n.useContext(v);return(0,k.jsx)(B,{component:"h2",className:(0,l.Z)(c.root,r),ownerState:d,ref:t,variant:"h6",id:i??p,...a})}));var z=o(3379),Y=o.n(z),O=o(7795),_=o.n(O),H=o(569),L=o.n(H),X=o(3565),K=o.n(X),J=o(9216),G=o.n(J),q=o(4589),Q=o.n(q),V=o(5297),ee={};ee.styleTagTransform=Q(),ee.setAttributes=K(),ee.insert=L().bind(null,"head"),ee.domAPI=_(),ee.insertStyleElement=G();Y()(V.Z,ee);V.Z&&V.Z.locals&&V.Z.locals;var te=o(789),oe=o(4988),ne=o(5054),re={};re.styleTagTransform=Q(),re.setAttributes=K(),re.insert=L().bind(null,"head"),re.domAPI=_(),re.insertStyleElement=G();Y()(ne.ZP,re);ne.ZP&&ne.ZP.locals&&ne.ZP.locals;const ie=(0,r.Pi)((function Progress(e){var t=e.children,o=e.progress,r=(0,n.useState)(),i=(0,oe.Z)(r,2),a=i[0],l=i[1];return(0,n.useEffect)((function(){l(o)}),[o]),(0,k.jsxs)("div",{className:ne.YS,children:[!!t&&t,(0,k.jsx)("div",{className:ne.l9,children:(0,k.jsx)("div",{className:ne.YJ,style:{width:100*(null!=a?a:0)+"%"},children:(0,k.jsx)("div",{className:ne.zn})})})]})}));var ae=o(3697),le=o(1682),se=o(8623);const de=(0,r.Pi)((function Modal_Modal(){var e,t,o=(0,i.KH)().contentStore,r=(0,te.$G)().t,l=function onAccept(e){var t,n=o.modal;o.closeModal(),null==n||null===(t=n.callback)||void 0===t||t.call(n,!n.content||e)},s=function onReject(){var e,t=o.modal;o.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)};(0,n.useEffect)((function(){return document.addEventListener("keydown",d,!1),function(){document.removeEventListener("keydown",d,!1)}}),[]);var d=(0,n.useCallback)((function(e){if(o.modal)if("Enter"!==e.key||o.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(s(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;l(new FormData(t)),e.preventDefault()}}),[]);if(!o.modal)return(0,k.jsx)(k.Fragment,{});var c=(0,se.ZN)(o.modal),p="string"==typeof c.text?r(c.text):c.text,u=(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(A,{style:c.maxWidth?{maxWidth:c.maxWidth}:void 0,children:c.iFrame?(0,k.jsx)(IFrame,{link:c.iFrame}):"string"==typeof p&&null==c.content?(0,k.jsx)(E,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(t){return e}}(p)}}):(0,k.jsxs)(E,{component:"div",children:[p,c.content&&o.modal.content]})}),(c.reject||c.accept)&&(0,k.jsxs)(T,{children:[c.reject&&(0,k.jsx)(a.Z,{color:"primary",onClick:s,children:"string"==typeof c.reject?r(c.reject):r("modal.reject")}),c.accept&&(0,k.jsx)(a.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof c.accept?r(c.accept):r("modal.accept")})]}),!!(c.image||void 0!==c.progress||null!==(e=c.actions)&&void 0!==e&&e.length)&&(0,k.jsxs)("div",{style:{margin:10},children:[c.image&&(0,k.jsx)("img",{src:c.image,style:{maxWidth:480}}),void 0!==c.progress&&(0,k.jsx)(ie,{progress:c.progress}),null===(t=c.actions)||void 0===t?void 0:t.map((function(e){var t;return(0,k.jsx)(a.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(t=e.variant)&&void 0!==t?t:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var n,r=o.modal;0!=t&&o.closeModal(),null==r||null===(n=r.callback)||void 0===n||n.call(r,e)}(e.id,e.closeable)},children:r(e.text)})}))]})]}),m=!0===c.fullscreen||"mobile"==c.fullscreen&&o.containerDimensions.isMobile;return(0,k.jsx)("div",{className:V.I,id:"diva-dialog",children:(0,k.jsxs)(W,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:m,PaperProps:{style:{width:c.width,height:c.height}},children:[(0,k.jsx)(U,{children:"string"==typeof c.title?r(c.title):c.title}),c.rejectByIcon&&(0,k.jsx)(ae.Z,{onClick:s,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,k.jsx)(le.Z,{})}),c.dontRenderForm&&u,!c.dontRenderForm&&(0,k.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),l(new FormData(e.target))},children:u})]})})}));function IFrame(e){var t=e.link;return(0,k.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:t})}function ModalsWrapper(){return(0,k.jsx)(de,{})}},5297:(e,t,o)=>{o.d(t,{I:()=>l,Z:()=>s});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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 l="index-module--AtOcs";const s=a},5054:(e,t,o)=>{o.d(t,{YJ:()=>d,YS:()=>l,ZP:()=>p,l9:()=>s,zn:()=>c});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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 l="index-module--Pww9z",s="index-module--thPSh",d="index-module--HhvXv",c="index-module--f7imw";const p=a}}]);

package/build/umd/469.products-component.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:469 */