@cgi-learning-hub/ui/dist/Grid-BHYQ3JNy.cjs

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const e=require("./index-DLnSn8GT.cjs"),J=require("./useTheme-CooC_6Ep.cjs"),Q=require("react"),x=require("./identifier-BoZelETM.cjs"),X=require("react/jsx-runtime"),Z=require("./styled-Cax0O00h.cjs"),ee=require("./useTheme-BLMJDSsv.cjs"),re=require("./extendSxProp-ZMCunXYm.cjs"),oe=require("./isMuiElement-BzDAj3yJ.cjs"),ne=require("./useThemeProps-B9E_wuN9.cjs"),E=require("./DefaultPropsProvider-Cnf49AIv.cjs");function se(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(o,n,s.get?s:{enumerable:!0,get:()=>r[n]})}}return o.default=r,Object.freeze(o)}const O=se(Q),pe=(r,o)=>r.filter(n=>o.includes(n)),b=(r,o,n)=>{const s=r.keys[0];Array.isArray(o)?o.forEach((t,p)=>{n((i,P)=>{p<=r.keys.length-1&&(p===0?Object.assign(i,P):i[r.up(r.keys[p])]=P)},t)}):o&&typeof o=="object"?(Object.keys(o).length>r.keys.length?r.keys:pe(r.keys,Object.keys(o))).forEach(p=>{if(r.keys.includes(p)){const i=o[p];i!==void 0&&n((P,l)=>{s===p?Object.assign(P,l):P[r.up(p)]=l},i)}}):(typeof o=="number"||typeof o=="string")&&n((t,p)=>{Object.assign(t,p)},o)};function w(r){return`--Grid-${r}Spacing`}function h(r){return`--Grid-parent-${r}Spacing`}const q="--Grid-columns",g="--Grid-parent-columns",te=({theme:r,ownerState:o})=>{const n={};return b(r.breakpoints,o.size,(s,t)=>{let p={};t==="grow"&&(p={flexBasis:0,flexGrow:1,maxWidth:"100%"}),t==="auto"&&(p={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"}),typeof t=="number"&&(p={flexGrow:0,flexBasis:"auto",width:`calc(100% * ${t} / var(${g}) - (var(${g}) - ${t}) * (var(${h("column")}) / var(${g})))`}),s(n,p)}),n},ie=({theme:r,ownerState:o})=>{const n={};return b(r.breakpoints,o.offset,(s,t)=>{let p={};t==="auto"&&(p={marginLeft:"auto"}),typeof t=="number"&&(p={marginLeft:t===0?"0px":`calc(100% * ${t} / var(${g}) + var(${h("column")}) * ${t} / var(${g}))`}),s(n,p)}),n},ce=({theme:r,ownerState:o})=>{if(!o.container)return{};const n={[q]:12};return b(r.breakpoints,o.columns,(s,t)=>{const p=t??12;s(n,{[q]:p,"> *":{[g]:p}})}),n},ye=({theme:r,ownerState:o})=>{if(!o.container)return{};const n={};return b(r.breakpoints,o.rowSpacing,(s,t)=>{var i;const p=typeof t=="string"?t:(i=r.spacing)==null?void 0:i.call(r,t);s(n,{[w("row")]:p,"> *":{[h("row")]:p}})}),n},ae=({theme:r,ownerState:o})=>{if(!o.container)return{};const n={};return b(r.breakpoints,o.columnSpacing,(s,t)=>{var i;const p=typeof t=="string"?t:(i=r.spacing)==null?void 0:i.call(r,t);s(n,{[w("column")]:p,"> *":{[h("column")]:p}})}),n},ue=({theme:r,ownerState:o})=>{if(!o.container)return{};const n={};return b(r.breakpoints,o.direction,(s,t)=>{s(n,{flexDirection:t})}),n},fe=({ownerState:r})=>({minWidth:0,boxSizing:"border-box",...r.container&&{display:"flex",flexWrap:"wrap",...r.wrap&&r.wrap!=="wrap"&&{flexWrap:r.wrap},gap:`var(${w("row")}) var(${w("column")})`}}),Te=r=>{const o=[];return Object.entries(r).forEach(([n,s])=>{s!==!1&&s!==void 0&&o.push(`grid-${n}-${String(s)}`)}),o},Pe=(r,o="xs")=>{function n(s){return s===void 0?!1:typeof s=="string"&&!Number.isNaN(Number(s))||typeof s=="number"&&s>0}if(n(r))return[`spacing-${o}-${String(r)}`];if(typeof r=="object"&&!Array.isArray(r)){const s=[];return Object.entries(r).forEach(([t,p])=>{n(p)&&s.push(`spacing-${t}-${String(p)}`)}),s}return[]},le=r=>r===void 0?[]:typeof r=="object"?Object.entries(r).map(([o,n])=>`direction-${o}-${n}`):[`direction-xs-${String(r)}`],me=r=>["item","zeroMinWidth"].includes(r)?`The \`${r}\` prop has been removed and is no longer necessary. You can safely remove it.`:`The \`${r}\` prop has been removed. See https://mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`,M=[];function de(r,o){const n=[];r.item!==void 0&&(delete r.item,n.push("item")),r.zeroMinWidth!==void 0&&(delete r.zeroMinWidth,n.push("zeroMinWidth")),o.keys.forEach(s=>{r[s]!==void 0&&(n.push(s),delete r[s])}),process.env.NODE_ENV!=="production"&&n.forEach(s=>{M.includes(s)||(M.push(s),console.warn(`MUI Grid: ${me(s)}
`))})}const ge=x.createTheme$1(),be=Z.styled("div",{name:"MuiGrid",slot:"Root"});function Oe(r){return ne.useThemeProps({props:r,name:"MuiGrid",defaultTheme:ge})}function we(r={}){const{createStyledComponent:o=be,useThemeProps:n=Oe,useTheme:s=ee.useTheme,componentName:t="MuiGrid"}=r,p=(u,c)=>{const{container:T,direction:y,spacing:f,wrap:a,size:S}=u,j={root:["root",T&&"container",a!=="wrap"&&`wrap-xs-${String(a)}`,...le(y),...Te(S),...T?Pe(f,c.breakpoints.keys[0]):[]]};return E.composeClasses(j,$=>x.generateUtilityClass(t,$),{})};function i(u,c,T=()=>!0){const y={};return u===null||(Array.isArray(u)?u.forEach((f,a)=>{f!==null&&T(f)&&c.keys[a]&&(y[c.keys[a]]=f)}):typeof u=="object"?Object.keys(u).forEach(f=>{const a=u[f];a!=null&&T(a)&&(y[f]=a)}):y[c.keys[0]]=u),y}const P=o(ce,ae,ye,te,ue,fe,ie),l=O.forwardRef(function(c,T){const y=s(),f=n(c),a=re.extendSxProp(f);de(a,y.breakpoints);const{className:S,children:j,columns:$=12,container:k=!1,component:D="div",direction:v="row",wrap:_="wrap",size:R={},offset:W={},spacing:G=0,rowSpacing:A=G,columnSpacing:B=G,unstable_level:d=0,...V}=a,L=i(R,y.breakpoints,m=>m!==!1),U=i(W,y.breakpoints),F=c.columns??(d?void 0:$),I=c.spacing??(d?void 0:G),K=c.rowSpacing??c.spacing??(d?void 0:A),Y=c.columnSpacing??c.spacing??(d?void 0:B),C={...a,level:d,columns:F,container:k,direction:v,wrap:_,spacing:I,rowSpacing:K,columnSpacing:Y,size:L,offset:U},H=p(C,y);return X.jsx(P,{ref:T,as:D,ownerState:C,className:x.clsx(H.root,S),...V,children:O.Children.map(j,m=>{var z;return O.isValidElement(m)&&oe.isMuiElement(m,["Grid"])&&k&&m.props.container?O.cloneElement(m,{unstable_level:((z=m.props)==null?void 0:z.unstable_level)??d+1}):m})})});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,className:e.PropTypes.string,columns:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number),e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),component:e.PropTypes.elementType,container:e.PropTypes.bool,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),offset:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number])),e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.bool,e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.bool,e.PropTypes.number])),e.PropTypes.object]),spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),wrap:e.PropTypes.oneOf(["nowrap","wrap-reverse","wrap"])}),l.muiName="Grid",l}function he(r,o){if(process.env.NODE_ENV==="production")return()=>()=>null;const n=o?{...o.propTypes}:null;return t=>(p,i,P,l,u,...c)=>{const T=u||i,y=n==null?void 0:n[T];if(y){const f=y(p,i,P,l,u,...c);if(f)return f}return typeof p[i]<"u"&&!p[t]?new Error(`The prop \`${T}\` of \`${r}\` can only be used together with the \`${t}\` prop.`):null}}const N=we({createStyledComponent:E.styled("div",{name:"MuiGrid",slot:"Root",overridesResolver:(r,o)=>{const{ownerState:n}=r;return[o.root,n.container&&o.container]}}),componentName:"MuiGrid",useThemeProps:r=>E.useDefaultProps({props:r,name:"MuiGrid"}),useTheme:J.useTheme});process.env.NODE_ENV!=="production"&&(N.propTypes={children:e.PropTypes.node,columns:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number),e.PropTypes.number,e.PropTypes.object]),columnSpacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),container:e.PropTypes.bool,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),offset:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number])),e.PropTypes.object]),rowSpacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.bool,e.PropTypes.number,e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.bool,e.PropTypes.number])),e.PropTypes.object]),spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),unstable_level:e.PropTypes.number,wrap:e.PropTypes.oneOf(["nowrap","wrap-reverse","wrap"])});if(process.env.NODE_ENV!=="production"){const r=N,o=he("Grid",r);r.propTypes={...r.propTypes,direction:o("container"),spacing:o("container"),wrap:o("container")}}exports.Grid=N;