@cgi-learning-hub/ui 0.0.1-dev.1709558390 → 0.0.1-dev.1709568003
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.
- package/dist/Box-CjHm9A9L.cjs +1 -0
- package/dist/{Box-C0qXdJzV.js → Box-erN4AuKs.js} +8 -8
- package/dist/ButtonBase-BybMkBUd.cjs +75 -0
- package/dist/ButtonBase-CGcs8Gbj.cjs +75 -0
- package/dist/ButtonBase-V1pwsMMs.js +649 -0
- package/dist/ButtonBase-aujiNoUb.js +649 -0
- package/dist/DefaultButton-Cg4tPCgf.cjs +28 -0
- package/dist/{DefaultButton-B-2UppUm.js → DefaultButton-DbpZOb47.js} +355 -146
- package/dist/FileListItem-ChKTjDnV.js +254 -0
- package/dist/FileListItem-CjFIZgYg.cjs +28 -0
- package/dist/IconButton-CHXclgOn.cjs +2 -0
- package/dist/{IconButton-1URziYlU.js → IconButton-DE5JOshS.js} +8 -8
- package/dist/{InputBase-Dc0v-Ihf.js → InputBase-C8AzQJJ9.js} +161 -174
- package/dist/InputBase-D6eXzDaz.cjs +4 -0
- package/dist/LocalizationProvider-42pD7VmS.cjs +5 -0
- package/dist/{LocalizationProvider-BD64DNxF.js → LocalizationProvider-Cov62Xe0.js} +4 -3
- package/dist/Tabs-DiWeNGD4.js +1167 -0
- package/dist/Tabs-DoxP7EMA.cjs +4 -0
- package/dist/TextInput-BbSyyuvO.cjs +12 -0
- package/dist/{TextInput-DsSFDlNR.js → TextInput-DmMk4i-V.js} +1892 -1650
- package/dist/TimePicker-B5MjZCK0.cjs +89 -0
- package/dist/TimePicker-BmxG3a2D.js +28354 -0
- package/dist/TransitionGroup-COuDopJ-.js +188 -0
- package/dist/TransitionGroup-X90dkobW.cjs +1 -0
- package/dist/Typography-B90UzlQW.js +179 -0
- package/dist/Typography-KFjBz5Hm.cjs +1 -0
- package/dist/clamp-0LjYbpE_.cjs +23 -0
- package/dist/clamp-BGJvJ0FN.js +1641 -0
- package/dist/components/Dropzone/Dropzone.cjs.js +5 -5
- package/dist/components/Dropzone/Dropzone.es.js +12 -11
- package/dist/components/LocalizationProvider/LocalizationProvider.cjs.js +1 -1
- package/dist/components/LocalizationProvider/LocalizationProvider.es.js +1 -1
- package/dist/components/LocalizationProvider/index.cjs.js +1 -1
- package/dist/components/LocalizationProvider/index.es.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +3 -3
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +6 -6
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +1 -1
- package/dist/components/buttons/IconButton.stories.cjs.js +1 -1
- package/dist/components/buttons/IconButton.stories.es.js +10 -9
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +2 -2
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +2 -2
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +1 -1
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +90 -91
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +174 -6
- package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.stories.es.js +4 -4
- package/dist/components/inputs/SearchInput/index.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/index.es.js +2 -2
- package/dist/components/inputs/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/inputs/TextInput/TextInput.es.js +2 -2
- package/dist/components/inputs/TextInput/TextInput.stories.cjs.js +1 -1
- package/dist/components/inputs/TextInput/TextInput.stories.es.js +1 -1
- package/dist/components/inputs/TextInput/index.cjs.js +1 -1
- package/dist/components/inputs/TextInput/index.es.js +1 -1
- package/dist/components/inputs/index.cjs.js +1 -1
- package/dist/components/inputs/index.es.js +4 -4
- package/dist/components/lists/FileList/FileList.cjs.js +1 -1
- package/dist/components/lists/FileList/FileList.es.js +2 -2
- package/dist/components/lists/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/lists/FileList/FileListItem.es.js +7 -39
- package/dist/components/lists/FileList/index.cjs.js +1 -1
- package/dist/components/lists/FileList/index.es.js +4 -4
- package/dist/components/lists/TabList.stories.cjs.js +1 -1
- package/dist/components/lists/TabList.stories.es.js +18 -16
- package/dist/components/lists/index.cjs.js +1 -1
- package/dist/components/lists/index.es.js +4 -4
- package/dist/createSvgIcon-BSYat4nx.js +74 -0
- package/dist/createSvgIcon-BqRWmIPG.cjs +1 -0
- package/dist/{createSvgIcon-Dspfpz-l.js → createSvgIcon-DeRU4e-L.js} +20 -18
- package/dist/createSvgIcon-doNQ5emq.cjs +2 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +93 -94
- package/dist/refType-Bt58K9Sk.cjs +1 -0
- package/dist/{refType-BBFUe6fu.js → refType-CoCfCK--.js} +1 -1
- package/dist/styled-BU8dAebc.js +1751 -0
- package/dist/styled-DGjsLYEN.cjs +45 -0
- package/dist/styled-DP6LeBLQ.js +261 -0
- package/dist/styled-Dkd1VGM-.cjs +1 -0
- package/dist/useTheme-C132tQV-.js +10 -0
- package/dist/useTheme-CliHZTkE.cjs +1 -0
- package/dist/useThemeProps-63SNG58r.js +753 -0
- package/dist/useThemeProps-CVatCXfo.cjs +20 -0
- package/package.json +6 -7
- package/dist/Box-DjRIKMD0.cjs +0 -1
- package/dist/ButtonBase-BvllyU4w.cjs +0 -75
- package/dist/ButtonBase-C14ZYs6z.js +0 -833
- package/dist/CircularProgress-Bf46-VRs.js +0 -217
- package/dist/CircularProgress-DjSMBYnK.cjs +0 -28
- package/dist/DefaultButton-DPZOltN5.cjs +0 -1
- package/dist/IconButton-X6l-U-im.cjs +0 -2
- package/dist/InputBase-CzupOzjh.cjs +0 -4
- package/dist/LocalizationProvider-DqwEOZOd.cjs +0 -5
- package/dist/SearchInput-Bb3sCx3k.cjs +0 -1
- package/dist/SearchInput-DRjmNW6W.js +0 -177
- package/dist/Tabs-B9BPJaDx.js +0 -1090
- package/dist/Tabs-Dx8YJT4c.cjs +0 -4
- package/dist/TextInput-BFguMDSu.cjs +0 -12
- package/dist/TimePicker-B0HOzxHh.cjs +0 -69
- package/dist/TimePicker-OBZs04Z8.js +0 -19694
- package/dist/Typography-CRt6WSxo.js +0 -204
- package/dist/Typography-DsPQABF2.cjs +0 -1
- package/dist/createSvgIcon-BOQCM03y.cjs +0 -2
- package/dist/createSvgIcon-C2VxBqzG.cjs +0 -1
- package/dist/createSvgIcon-xJp3_zwo.js +0 -84
- package/dist/isHostComponent-PydJW4A4.cjs +0 -1
- package/dist/isHostComponent-kiaBvYVo.js +0 -6
- package/dist/refType-5EEBZL5_.cjs +0 -1
- package/dist/styled-D8lXwcQy.js +0 -423
- package/dist/styled-DFoJwRxe.cjs +0 -24
- package/dist/useSlotProps-BoMYRJkF.js +0 -72
- package/dist/useSlotProps-EKKRQjEn.cjs +0 -1
- package/dist/useTheme-BkW5nNsn.cjs +0 -1
- package/dist/useTheme-Bo1inEHN.js +0 -9
- package/dist/useThemeProps-BRWSvuZw.cjs +0 -42
- package/dist/useThemeProps-CZzcR_pm.js +0 -2288
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";const s=require("./clamp-0LjYbpE_.cjs"),re=Object.freeze(Object.defineProperty({__proto__:null,default:s.formatMuiErrorMessage},Symbol.toStringTag,{value:"Module"})),ne=Object.freeze(Object.defineProperty({__proto__:null,default:s.clamp},Symbol.toStringTag,{value:"Module"}));var q={exports:{}};(function(e){function t(r){return r&&r.__esModule?r:{default:r}}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports})(q);var H=q.exports;function ae(e,t){return s._extends({toolbar:{minHeight:56,[e.up("xs")]:{"@media (orientation: landscape)":{minHeight:48}},[e.up("sm")]:{minHeight:64}}},t)}var l={};const oe=s.getAugmentedNamespace(re),se=s.getAugmentedNamespace(ne);var B=H;Object.defineProperty(l,"__esModule",{value:!0});var ie=l.alpha=Y;l.blend=ve;l.colorChannel=void 0;var ce=l.darken=j;l.decomposeColor=y;l.emphasize=ye;var z=l.getContrastRatio=he;l.getLuminance=D;l.hexToRgb=J;l.hslToRgb=K;var ue=l.lighten=R;l.private_safeAlpha=ge;l.private_safeColorChannel=void 0;l.private_safeDarken=me;l.private_safeEmphasize=Q;l.private_safeLighten=be;l.recomposeColor=T;l.rgbToHex=pe;var U=B(oe),fe=B(se);function I(e,t=0,r=1){return process.env.NODE_ENV!=="production"&&(e<t||e>r)&&console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`),(0,fe.default)(e,t,r)}function J(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let r=e.match(t);return r&&r[0].length===1&&(r=r.map(n=>n+n)),r?`rgb${r.length===4?"a":""}(${r.map((n,o)=>o<3?parseInt(n,16):Math.round(parseInt(n,16)/255*1e3)/1e3).join(", ")})`:""}function de(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function y(e){if(e.type)return e;if(e.charAt(0)==="#")return y(J(e));const t=e.indexOf("("),r=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(r)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: Unsupported \`${e}\` color.
|
|
2
|
+
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`:(0,U.default)(9,e));let n=e.substring(t+1,e.length-1),o;if(r==="color"){if(n=n.split(" "),o=n.shift(),n.length===4&&n[3].charAt(0)==="/"&&(n[3]=n[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(o)===-1)throw new Error(process.env.NODE_ENV!=="production"?`MUI: unsupported \`${o}\` color space.
|
|
3
|
+
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:(0,U.default)(10,o))}else n=n.split(",");return n=n.map(u=>parseFloat(u)),{type:r,values:n,colorSpace:o}}const G=e=>{const t=y(e);return t.values.slice(0,3).map((r,n)=>t.type.indexOf("hsl")!==-1&&n!==0?`${r}%`:r).join(" ")};l.colorChannel=G;const le=(e,t)=>{try{return G(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};l.private_safeColorChannel=le;function T(e){const{type:t,colorSpace:r}=e;let{values:n}=e;return t.indexOf("rgb")!==-1?n=n.map((o,u)=>u<3?parseInt(o,10):o):t.indexOf("hsl")!==-1&&(n[1]=`${n[1]}%`,n[2]=`${n[2]}%`),t.indexOf("color")!==-1?n=`${r} ${n.join(" ")}`:n=`${n.join(", ")}`,`${t}(${n})`}function pe(e){if(e.indexOf("#")===0)return e;const{values:t}=y(e);return`#${t.map((r,n)=>de(n===3?Math.round(255*r):r)).join("")}`}function K(e){e=y(e);const{values:t}=e,r=t[0],n=t[1]/100,o=t[2]/100,u=n*Math.min(o,1-o),i=(f,p=(f+r/30)%12)=>o-u*Math.max(Math.min(p-3,9-p,1),-1);let h="rgb";const g=[Math.round(i(0)*255),Math.round(i(8)*255),Math.round(i(4)*255)];return e.type==="hsla"&&(h+="a",g.push(t[3])),T({type:h,values:g})}function D(e){e=y(e);let t=e.type==="hsl"||e.type==="hsla"?y(K(e)).values:e.values;return t=t.map(r=>(e.type!=="color"&&(r/=255),r<=.03928?r/12.92:((r+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function he(e,t){const r=D(e),n=D(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function Y(e,t){return e=y(e),t=I(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,T(e)}function ge(e,t,r){try{return Y(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function j(e,t){if(e=y(e),t=I(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]*=1-t;return T(e)}function me(e,t,r){try{return j(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function R(e,t){if(e=y(e),t=I(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(255-e.values[r])*t;else if(e.type.indexOf("color")!==-1)for(let r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return T(e)}function be(e,t,r){try{return R(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function ye(e,t=.15){return D(e)>.5?j(e,t):R(e,t)}function Q(e,t,r){try{return Q(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function ve(e,t,r,n=1){const o=(g,f)=>Math.round((g**(1/n)*(1-r)+f**(1/n)*r)**n),u=y(e),i=y(t),h=[o(u.values[0],i.values[0]),o(u.values[1],i.values[1]),o(u.values[2],i.values[2])];return T({type:"rgb",values:h})}const xe={black:"#000",white:"#fff"},N=xe,$e={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},_e=$e,Oe={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"},_=Oe,Ee={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},O=Ee,Me={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},k=Me,Ae={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},E=Ae,Te={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"},M=Te,ke={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},A=ke,Ne=["mode","contrastThreshold","tonalOffset"],V={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:N.white,default:N.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},S={text:{primary:N.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:N.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function W(e,t,r,n){const o=n.light||n,u=n.dark||n*1.5;e[t]||(e.hasOwnProperty(r)?e[t]=e[r]:t==="light"?e.light=ue(e.main,o):t==="dark"&&(e.dark=ce(e.main,u)))}function we(e="light"){return e==="dark"?{main:E[200],light:E[50],dark:E[400]}:{main:E[700],light:E[400],dark:E[800]}}function De(e="light"){return e==="dark"?{main:_[200],light:_[50],dark:_[400]}:{main:_[500],light:_[300],dark:_[700]}}function Ce(e="light"){return e==="dark"?{main:O[500],light:O[300],dark:O[700]}:{main:O[700],light:O[400],dark:O[800]}}function Se(e="light"){return e==="dark"?{main:M[400],light:M[300],dark:M[700]}:{main:M[700],light:M[500],dark:M[900]}}function Ie(e="light"){return e==="dark"?{main:A[400],light:A[300],dark:A[700]}:{main:A[800],light:A[500],dark:A[900]}}function je(e="light"){return e==="dark"?{main:k[400],light:k[300],dark:k[700]}:{main:"#ed6c02",light:k[500],dark:k[900]}}function Re(e){const{mode:t="light",contrastThreshold:r=3,tonalOffset:n=.2}=e,o=s._objectWithoutPropertiesLoose(e,Ne),u=e.primary||we(t),i=e.secondary||De(t),h=e.error||Ce(t),g=e.info||Se(t),f=e.success||Ie(t),p=e.warning||je(t);function b(a){const m=z(a,S.text.primary)>=r?S.text.primary:V.text.primary;if(process.env.NODE_ENV!=="production"){const v=z(a,m);v<3&&console.error([`MUI: The contrast ratio of ${v}:1 for ${m} on ${a}`,"falls below the WCAG recommended absolute minimum contrast ratio of 3:1.","https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
|
|
4
|
+
`))}return m}const d=({color:a,name:m,mainShade:v=500,lightShade:w=300,darkShade:C=700})=>{if(a=s._extends({},a),!a.main&&a[v]&&(a.main=a[v]),!a.hasOwnProperty("main"))throw new Error(process.env.NODE_ENV!=="production"?`MUI: The color${m?` (${m})`:""} provided to augmentColor(color) is invalid.
|
|
5
|
+
The color object needs to have a \`main\` property or a \`${v}\` property.`:s.formatMuiErrorMessage(11,m?` (${m})`:"",v));if(typeof a.main!="string")throw new Error(process.env.NODE_ENV!=="production"?`MUI: The color${m?` (${m})`:""} provided to augmentColor(color) is invalid.
|
|
6
|
+
\`color.main\` should be a string, but \`${JSON.stringify(a.main)}\` was provided instead.
|
|
7
|
+
|
|
8
|
+
Did you intend to use one of the following approaches?
|
|
9
|
+
|
|
10
|
+
import { green } from "@mui/material/colors";
|
|
11
|
+
|
|
12
|
+
const theme1 = createTheme({ palette: {
|
|
13
|
+
primary: green,
|
|
14
|
+
} });
|
|
15
|
+
|
|
16
|
+
const theme2 = createTheme({ palette: {
|
|
17
|
+
primary: { main: green[500] },
|
|
18
|
+
} });`:s.formatMuiErrorMessage(12,m?` (${m})`:"",JSON.stringify(a.main)));return W(a,"light",w,n),W(a,"dark",C,n),a.contrastText||(a.contrastText=b(a.main)),a},$={dark:S,light:V};return process.env.NODE_ENV!=="production"&&($[t]||console.error(`MUI: The palette mode \`${t}\` is not supported.`)),s.deepmerge(s._extends({common:s._extends({},N),mode:t,primary:d({color:u,name:"primary"}),secondary:d({color:i,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:d({color:h,name:"error"}),warning:d({color:p,name:"warning"}),info:d({color:g,name:"info"}),success:d({color:f,name:"success"}),grey:_e,contrastThreshold:r,getContrastText:b,augmentColor:d,tonalOffset:n},$[t]),o)}const ze=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];function Ue(e){return Math.round(e*1e5)/1e5}const P={textTransform:"uppercase"},F='"Roboto", "Helvetica", "Arial", sans-serif';function Ve(e,t){const r=typeof t=="function"?t(e):t,{fontFamily:n=F,fontSize:o=14,fontWeightLight:u=300,fontWeightRegular:i=400,fontWeightMedium:h=500,fontWeightBold:g=700,htmlFontSize:f=16,allVariants:p,pxToRem:b}=r,d=s._objectWithoutPropertiesLoose(r,ze);process.env.NODE_ENV!=="production"&&(typeof o!="number"&&console.error("MUI: `fontSize` is required to be a number."),typeof f!="number"&&console.error("MUI: `htmlFontSize` is required to be a number."));const $=o/14,x=b||(v=>`${v/f*$}rem`),a=(v,w,C,ee,te)=>s._extends({fontFamily:n,fontWeight:v,fontSize:x(w),lineHeight:C},n===F?{letterSpacing:`${Ue(ee/w)}em`}:{},te,p),m={h1:a(u,96,1.167,-1.5),h2:a(u,60,1.2,-.5),h3:a(i,48,1.167,0),h4:a(i,34,1.235,.25),h5:a(i,24,1.334,0),h6:a(h,20,1.6,.15),subtitle1:a(i,16,1.75,.15),subtitle2:a(h,14,1.57,.1),body1:a(i,16,1.5,.15),body2:a(i,14,1.43,.15),button:a(h,14,1.75,.4,P),caption:a(i,12,1.66,.4),overline:a(i,12,2.66,1,P),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return s.deepmerge(s._extends({htmlFontSize:f,pxToRem:x,fontFamily:n,fontSize:o,fontWeightLight:u,fontWeightRegular:i,fontWeightMedium:h,fontWeightBold:g},m),d,{clone:!1})}const We=.2,Pe=.14,Fe=.12;function c(...e){return[`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${We})`,`${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Pe})`,`${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Fe})`].join(",")}const Le=["none",c(0,2,1,-1,0,1,1,0,0,1,3,0),c(0,3,1,-2,0,2,2,0,0,1,5,0),c(0,3,3,-2,0,3,4,0,0,1,8,0),c(0,2,4,-1,0,4,5,0,0,1,10,0),c(0,3,5,-1,0,5,8,0,0,1,14,0),c(0,3,5,-1,0,6,10,0,0,1,18,0),c(0,4,5,-2,0,7,10,1,0,2,16,1),c(0,5,5,-3,0,8,10,1,0,3,14,2),c(0,5,6,-3,0,9,12,1,0,3,16,2),c(0,6,6,-3,0,10,14,1,0,4,18,3),c(0,6,7,-4,0,11,15,1,0,4,20,3),c(0,7,8,-4,0,12,17,2,0,5,22,4),c(0,7,8,-4,0,13,19,2,0,5,24,4),c(0,7,9,-4,0,14,21,2,0,5,26,4),c(0,8,9,-5,0,15,22,2,0,6,28,5),c(0,8,10,-5,0,16,24,2,0,6,30,5),c(0,8,11,-5,0,17,26,2,0,6,32,5),c(0,9,11,-5,0,18,28,2,0,7,34,6),c(0,9,12,-6,0,19,29,2,0,7,36,6),c(0,10,13,-6,0,20,31,3,0,8,38,7),c(0,10,13,-6,0,21,33,3,0,8,40,7),c(0,10,14,-6,0,22,35,3,0,8,42,7),c(0,11,14,-7,0,23,36,3,0,9,44,8),c(0,11,15,-7,0,24,38,3,0,9,46,8)],qe=["duration","easing","delay"],He={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},Be={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function L(e){return`${Math.round(e)}ms`}function Je(e){if(!e)return 0;const t=e/36;return Math.round((4+15*t**.25+t/5)*10)}function Ge(e){const t=s._extends({},He,e.easing),r=s._extends({},Be,e.duration),n=(o=["all"],u={})=>{const{duration:i=r.standard,easing:h=t.easeInOut,delay:g=0}=u,f=s._objectWithoutPropertiesLoose(u,qe);if(process.env.NODE_ENV!=="production"){const p=d=>typeof d=="string",b=d=>!isNaN(parseFloat(d));!p(o)&&!Array.isArray(o)&&console.error('MUI: Argument "props" must be a string or Array.'),!b(i)&&!p(i)&&console.error(`MUI: Argument "duration" must be a number or a string but found ${i}.`),p(h)||console.error('MUI: Argument "easing" must be a string.'),!b(g)&&!p(g)&&console.error('MUI: Argument "delay" must be a number or a string.'),typeof u!="object"&&console.error(["MUI: Secong argument of transition.create must be an object.","Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
|
|
19
|
+
`)),Object.keys(f).length!==0&&console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`)}return(Array.isArray(o)?o:[o]).map(p=>`${p} ${typeof i=="string"?i:L(i)} ${h} ${typeof g=="string"?g:L(g)}`).join(",")};return s._extends({getAutoHeightDuration:Je,create:n},e,{easing:t,duration:r})}const Ke={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},Ye=Ke,Qe=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function Xe(e={},...t){const{mixins:r={},palette:n={},transitions:o={},typography:u={}}=e,i=s._objectWithoutPropertiesLoose(e,Qe);if(e.vars)throw new Error(process.env.NODE_ENV!=="production"?"MUI: `vars` is a private field used for CSS variables support.\nPlease use another name.":s.formatMuiErrorMessage(18));const h=Re(n),g=s.createTheme(e);let f=s.deepmerge(g,{mixins:ae(g.breakpoints,r),palette:h,shadows:Le.slice(),typography:Ve(h,u),transitions:Ge(o),zIndex:s._extends({},Ye)});if(f=s.deepmerge(f,i),f=t.reduce((p,b)=>s.deepmerge(p,b),f),process.env.NODE_ENV!=="production"){const p=["active","checked","completed","disabled","error","expanded","focused","focusVisible","required","selected"],b=(d,$)=>{let x;for(x in d){const a=d[x];if(p.indexOf(x)!==-1&&Object.keys(a).length>0){if(process.env.NODE_ENV!=="production"){const m=s.generateUtilityClass("",x);console.error([`MUI: The \`${$}\` component increases the CSS specificity of the \`${x}\` internal state.`,"You can not override it like this: ",JSON.stringify(d,null,2),"",`Instead, you need to use the '&.${m}' syntax:`,JSON.stringify({root:{[`&.${m}`]:a}},null,2),"","https://mui.com/r/state-classes-guide"].join(`
|
|
20
|
+
`))}d[x]={}}}};Object.keys(f.components).forEach(d=>{const $=f.components[d].styleOverrides;$&&d.indexOf("Mui")===0&&b($,d)})}return f.unstable_sxConfig=s._extends({},s.defaultSxConfig,i==null?void 0:i.unstable_sxConfig),f.unstable_sx=function(b){return s.styleFunctionSx({sx:b,theme:this})},f}const Ze=Xe(),X=Ze,Z="$$material";function et({props:e,name:t}){return s.useThemeProps({props:e,name:t,defaultTheme:X,themeId:Z})}exports.THEME_ID=Z;exports.alpha_1=ie;exports.defaultTheme=X;exports.interopRequireDefaultExports=H;exports.useThemeProps=et;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cgi-learning-hub/ui",
|
|
3
|
-
"version": "0.0.1-dev.
|
|
3
|
+
"version": "0.0.1-dev.1709568003",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CGI Learning-hub Team",
|
|
6
6
|
"description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
|
|
@@ -30,17 +30,16 @@
|
|
|
30
30
|
"dist"
|
|
31
31
|
],
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@mui/icons-material": "5.15.10",
|
|
34
|
-
"@mui/lab": "5.0.0-alpha.165",
|
|
35
|
-
"@mui/material": "5.15.7",
|
|
36
|
-
"@mui/x-date-pickers": "6.19.4",
|
|
37
33
|
"autoprefixer": "10.4.17",
|
|
38
|
-
"dayjs": "1.11.10",
|
|
39
34
|
"postcss": "8.4.33",
|
|
40
|
-
"react-dropzone": "14.2.3",
|
|
41
35
|
"tailwindcss": "3.4.1"
|
|
42
36
|
},
|
|
43
37
|
"peerDependencies": {
|
|
38
|
+
"dayjs": "1.11.10",
|
|
39
|
+
"react-dropzone": "14.2.3",
|
|
40
|
+
"@mui/icons-material": "5.15.10",
|
|
41
|
+
"@mui/lab": "5.0.0-alpha.165",
|
|
42
|
+
"@mui/x-date-pickers": "6.19.4",
|
|
44
43
|
"@types/react": "18.2.48",
|
|
45
44
|
"@types/react-dom": "18.2.18",
|
|
46
45
|
"react": "18.2.0",
|
package/dist/Box-DjRIKMD0.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./useThemeProps-BRWSvuZw.cjs"),a=require("./styled-DFoJwRxe.cjs"),T=require("react"),P=require("react/jsx-runtime"),h=require("./Typography-DsPQABF2.cjs");function b(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const N=b(T),g=["className","component"];function B(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:p}=o,i=a.styled$1("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const c=e.useTheme(s),u=h.extendSxProp(d),{className:y,component:f="div"}=u,x=e._objectWithoutPropertiesLoose(u,g);return P.jsx(i,e._extends({as:f,ref:m,className:a.clsx(y,p?p(r):r),theme:t&&c[t]||c},x))})}const O=a.generateUtilityClasses("MuiBox",["root"]),_=O,j=e.createTheme(),l=B({themeId:e.THEME_ID,defaultTheme:j,defaultClassName:_.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,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])});const C=l;exports.Box=C;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./useThemeProps-BRWSvuZw.cjs"),T=require("react"),m=require("./styled-DFoJwRxe.cjs"),F=require("react/jsx-runtime"),Y=require("./useTimeout-DHarDhEH.cjs"),ee=require("./TransitionGroupContext-g4tmk10h.cjs"),ne=require("@emotion/react"),ue=require("./useForkRef-DfdM2MN5.cjs"),$e=require("./useIsFocusVisible-9FderFRK.cjs"),ce=require("./refType-5EEBZL5_.cjs");function Ie(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const p=Ie(T);function Ue(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function oe(t,s){var r=function(n){return s&&T.isValidElement(n)?s(n):n},a=Object.create(null);return t&&T.Children.map(t,function(o){return o}).forEach(function(o){a[o.key]=r(o)}),a}function qe(t,s){t=t||{},s=s||{};function r(h){return h in s?s[h]:t[h]}var a=Object.create(null),o=[];for(var n in t)n in s?o.length&&(a[n]=o,o=[]):o.push(n);var i,c={};for(var u in s){if(a[u])for(i=0;i<a[u].length;i++){var d=a[u][i];c[a[u][i]]=r(d)}c[u]=r(u)}for(i=0;i<o.length;i++)c[o[i]]=r(o[i]);return c}function _(t,s,r){return r[s]!=null?r[s]:t.props[s]}function ze(t,s){return oe(t.children,function(r){return T.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:_(r,"appear",t),enter:_(r,"enter",t),exit:_(r,"exit",t)})})}function Ke(t,s,r){var a=oe(t.children),o=qe(s,a);return Object.keys(o).forEach(function(n){var i=o[n];if(T.isValidElement(i)){var c=n in s,u=n in a,d=s[n],h=T.isValidElement(d)&&!d.props.in;u&&(!c||h)?o[n]=T.cloneElement(i,{onExited:r.bind(null,i),in:!0,exit:_(i,"exit",t),enter:_(i,"enter",t)}):!u&&c&&!h?o[n]=T.cloneElement(i,{in:!1}):u&&c&&T.isValidElement(d)&&(o[n]=T.cloneElement(i,{onExited:r.bind(null,i),in:d.props.in,exit:_(i,"exit",t),enter:_(i,"enter",t)}))}}),o}var Xe=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ye={component:"div",childFactory:function(s){return s}},se=function(t){ee._inheritsLoose(s,t);function s(a,o){var n;n=t.call(this,a,o)||this;var i=n.handleExited.bind(Ue(n));return n.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},n}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(o,n){var i=n.children,c=n.handleExited,u=n.firstRender;return{children:u?ze(o,c):Ke(o,i,c),firstRender:!1}},r.handleExited=function(o,n){var i=oe(this.props.children);o.key in i||(o.props.onExited&&o.props.onExited(n),this.mounted&&this.setState(function(c){var u=e._extends({},c.children);return delete u[o.key],{children:u}}))},r.render=function(){var o=this.props,n=o.component,i=o.childFactory,c=e._objectWithoutPropertiesLoose(o,["component","childFactory"]),u=this.state.contextValue,d=Xe(this.state.children).map(i);return delete c.appear,delete c.enter,delete c.exit,n===null?T.createElement(ee.TransitionGroupContext.Provider,{value:u},d):T.createElement(ee.TransitionGroupContext.Provider,{value:u},T.createElement(n,c,d))},s}(T.Component);se.propTypes=process.env.NODE_ENV!=="production"?{component:e.PropTypes.any,children:e.PropTypes.node,appear:e.PropTypes.bool,enter:e.PropTypes.bool,exit:e.PropTypes.bool,childFactory:e.PropTypes.func}:{};se.defaultProps=Ye;const me=se;function ye(t){const{className:s,classes:r,pulsate:a=!1,rippleX:o,rippleY:n,rippleSize:i,in:c,onExited:u,timeout:d}=t,[h,R]=p.useState(!1),P=m.clsx(s,r.ripple,r.rippleVisible,a&&r.ripplePulsate),v={width:i,height:i,top:-(i/2)+n,left:-(i/2)+o},y=m.clsx(r.child,h&&r.childLeaving,a&&r.childPulsate);return!c&&!h&&R(!0),p.useEffect(()=>{if(!c&&u!=null){const x=setTimeout(u,d);return()=>{clearTimeout(x)}}},[u,c,d]),F.jsx("span",{className:P,style:v,children:F.jsx("span",{className:y})})}process.env.NODE_ENV!=="production"&&(ye.propTypes={classes:e.PropTypes.object.isRequired,className:e.PropTypes.string,in:e.PropTypes.bool,onExited:e.PropTypes.func,pulsate:e.PropTypes.bool,rippleSize:e.PropTypes.number,rippleX:e.PropTypes.number,rippleY:e.PropTypes.number,timeout:e.PropTypes.number.isRequired});const b=m.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Ae=["center","classes","className"];let G=t=>t,pe,de,fe,he;const te=550,We=80,Ge=ne.keyframes(pe||(pe=G`
|
|
2
|
-
0% {
|
|
3
|
-
transform: scale(0);
|
|
4
|
-
opacity: 0.1;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
100% {
|
|
8
|
-
transform: scale(1);
|
|
9
|
-
opacity: 0.3;
|
|
10
|
-
}
|
|
11
|
-
`)),He=ne.keyframes(de||(de=G`
|
|
12
|
-
0% {
|
|
13
|
-
opacity: 1;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
100% {
|
|
17
|
-
opacity: 0;
|
|
18
|
-
}
|
|
19
|
-
`)),Je=ne.keyframes(fe||(fe=G`
|
|
20
|
-
0% {
|
|
21
|
-
transform: scale(1);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
50% {
|
|
25
|
-
transform: scale(0.92);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
100% {
|
|
29
|
-
transform: scale(1);
|
|
30
|
-
}
|
|
31
|
-
`)),Qe=m.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Ze=m.styled(ye,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=G`
|
|
32
|
-
opacity: 0;
|
|
33
|
-
position: absolute;
|
|
34
|
-
|
|
35
|
-
&.${0} {
|
|
36
|
-
opacity: 0.3;
|
|
37
|
-
transform: scale(1);
|
|
38
|
-
animation-name: ${0};
|
|
39
|
-
animation-duration: ${0}ms;
|
|
40
|
-
animation-timing-function: ${0};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.${0} {
|
|
44
|
-
animation-duration: ${0}ms;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
& .${0} {
|
|
48
|
-
opacity: 1;
|
|
49
|
-
display: block;
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: 100%;
|
|
52
|
-
border-radius: 50%;
|
|
53
|
-
background-color: currentColor;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
& .${0} {
|
|
57
|
-
opacity: 0;
|
|
58
|
-
animation-name: ${0};
|
|
59
|
-
animation-duration: ${0}ms;
|
|
60
|
-
animation-timing-function: ${0};
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
& .${0} {
|
|
64
|
-
position: absolute;
|
|
65
|
-
/* @noflip */
|
|
66
|
-
left: 0px;
|
|
67
|
-
top: 0;
|
|
68
|
-
animation-name: ${0};
|
|
69
|
-
animation-duration: 2500ms;
|
|
70
|
-
animation-timing-function: ${0};
|
|
71
|
-
animation-iteration-count: infinite;
|
|
72
|
-
animation-delay: 200ms;
|
|
73
|
-
}
|
|
74
|
-
`),b.rippleVisible,Ge,te,({theme:t})=>t.transitions.easing.easeInOut,b.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,b.child,b.childLeaving,He,te,({theme:t})=>t.transitions.easing.easeInOut,b.childPulsate,Je,({theme:t})=>t.transitions.easing.easeInOut),Te=p.forwardRef(function(s,r){const a=e.useThemeProps({props:s,name:"MuiTouchRipple"}),{center:o=!1,classes:n={},className:i}=a,c=e._objectWithoutPropertiesLoose(a,Ae),[u,d]=p.useState([]),h=p.useRef(0),R=p.useRef(null);p.useEffect(()=>{R.current&&(R.current(),R.current=null)},[u]);const P=p.useRef(!1),v=Y.useTimeout(),y=p.useRef(null),x=p.useRef(null),U=p.useCallback(f=>{const{pulsate:M,rippleX:E,rippleY:j,rippleSize:I,cb:z}=f;d(C=>[...C,F.jsx(Ze,{classes:{ripple:m.clsx(n.ripple,b.ripple),rippleVisible:m.clsx(n.rippleVisible,b.rippleVisible),ripplePulsate:m.clsx(n.ripplePulsate,b.ripplePulsate),child:m.clsx(n.child,b.child),childLeaving:m.clsx(n.childLeaving,b.childLeaving),childPulsate:m.clsx(n.childPulsate,b.childPulsate)},timeout:te,pulsate:M,rippleX:E,rippleY:j,rippleSize:I},h.current)]),h.current+=1,R.current=z},[n]),O=p.useCallback((f={},M={},E=()=>{})=>{const{pulsate:j=!1,center:I=o||M.pulsate,fakeElement:z=!1}=M;if((f==null?void 0:f.type)==="mousedown"&&P.current){P.current=!1;return}(f==null?void 0:f.type)==="touchstart"&&(P.current=!0);const C=z?null:x.current,k=C?C.getBoundingClientRect():{width:0,height:0,left:0,top:0};let V,B,S;if(I||f===void 0||f.clientX===0&&f.clientY===0||!f.clientX&&!f.touches)V=Math.round(k.width/2),B=Math.round(k.height/2);else{const{clientX:L,clientY:N}=f.touches&&f.touches.length>0?f.touches[0]:f;V=Math.round(L-k.left),B=Math.round(N-k.top)}if(I)S=Math.sqrt((2*k.width**2+k.height**2)/3),S%2===0&&(S+=1);else{const L=Math.max(Math.abs((C?C.clientWidth:0)-V),V)*2+2,N=Math.max(Math.abs((C?C.clientHeight:0)-B),B)*2+2;S=Math.sqrt(L**2+N**2)}f!=null&&f.touches?y.current===null&&(y.current=()=>{U({pulsate:j,rippleX:V,rippleY:B,rippleSize:S,cb:E})},v.start(We,()=>{y.current&&(y.current(),y.current=null)})):U({pulsate:j,rippleX:V,rippleY:B,rippleSize:S,cb:E})},[o,U,v]),q=p.useCallback(()=>{O({},{pulsate:!0})},[O]),$=p.useCallback((f,M)=>{if(v.clear(),(f==null?void 0:f.type)==="touchend"&&y.current){y.current(),y.current=null,v.start(0,()=>{$(f,M)});return}y.current=null,d(E=>E.length>0?E.slice(1):E),R.current=M},[v]);return p.useImperativeHandle(r,()=>({pulsate:q,start:O,stop:$}),[q,O,$]),F.jsx(Qe,e._extends({className:m.clsx(b.root,n.root,i),ref:x},c,{children:F.jsx(me,{component:null,exit:!0,children:u})}))});process.env.NODE_ENV!=="production"&&(Te.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const et=Te;function tt(t){return e.generateUtilityClass("MuiButtonBase",t)}const nt=m.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),ot=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],st=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:a,classes:o}=t,n={root:["root",s&&"disabled",r&&"focusVisible"]},i=m.composeClasses(n,tt,o);return r&&a&&(i.root+=` ${a}`),i},rt=m.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${nt.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),be=p.forwardRef(function(s,r){const a=e.useThemeProps({props:s,name:"MuiButtonBase"}),{action:o,centerRipple:n=!1,children:i,className:c,component:u="button",disabled:d=!1,disableRipple:h=!1,disableTouchRipple:R=!1,focusRipple:P=!1,LinkComponent:v="a",onBlur:y,onClick:x,onContextMenu:U,onDragLeave:O,onFocus:q,onFocusVisible:$,onKeyDown:f,onKeyUp:M,onMouseDown:E,onMouseLeave:j,onMouseUp:I,onTouchEnd:z,onTouchMove:C,onTouchStart:k,tabIndex:V=0,TouchRippleProps:B,touchRippleRef:S,type:L}=a,N=e._objectWithoutPropertiesLoose(a,ot),K=p.useRef(null),g=p.useRef(null),Pe=ue.useForkRef(g,S),{isFocusVisibleRef:re,onFocus:ge,onBlur:Re,ref:xe}=$e.useIsFocusVisible(),[w,A]=p.useState(!1);d&&w&&A(!1),p.useImperativeHandle(o,()=>({focusVisible:()=>{A(!0),K.current.focus()}}),[]);const[H,Me]=p.useState(!1);p.useEffect(()=>{Me(!0)},[]);const J=H&&!h&&!d;p.useEffect(()=>{w&&P&&!h&&H&&g.current.pulsate()},[h,P,w,H]);function D(l,le,Oe=R){return Y.useEventCallback(ae=>(le&&le(ae),!Oe&&g.current&&g.current[l](ae),!0))}const Ee=D("start",E),Ce=D("stop",U),ve=D("stop",O),Ve=D("stop",I),Ne=D("stop",l=>{w&&l.preventDefault(),j&&j(l)}),De=D("start",k),ke=D("stop",z),Be=D("stop",C),Se=D("stop",l=>{Re(l),re.current===!1&&A(!1),y&&y(l)},!1),je=Y.useEventCallback(l=>{K.current||(K.current=l.currentTarget),ge(l),re.current===!0&&(A(!0),$&&$(l)),q&&q(l)}),Q=()=>{const l=K.current;return u&&u!=="button"&&!(l.tagName==="A"&&l.href)},Z=p.useRef(!1),Le=Y.useEventCallback(l=>{P&&!Z.current&&w&&g.current&&l.key===" "&&(Z.current=!0,g.current.stop(l,()=>{g.current.start(l)})),l.target===l.currentTarget&&Q()&&l.key===" "&&l.preventDefault(),f&&f(l),l.target===l.currentTarget&&Q()&&l.key==="Enter"&&!d&&(l.preventDefault(),x&&x(l))}),we=Y.useEventCallback(l=>{P&&l.key===" "&&g.current&&w&&!l.defaultPrevented&&(Z.current=!1,g.current.stop(l,()=>{g.current.pulsate(l)})),M&&M(l),x&&l.target===l.currentTarget&&Q()&&l.key===" "&&!l.defaultPrevented&&x(l)});let W=u;W==="button"&&(N.href||N.to)&&(W=v);const X={};W==="button"?(X.type=L===void 0?"button":L,X.disabled=d):(!N.href&&!N.to&&(X.role="button"),d&&(X["aria-disabled"]=d));const _e=ue.useForkRef(r,xe,K);process.env.NODE_ENV!=="production"&&p.useEffect(()=>{J&&!g.current&&console.error(["MUI: The `component` prop provided to ButtonBase is invalid.","Please make sure the children prop is rendered in this custom component."].join(`
|
|
75
|
-
`))},[J]);const ie=e._extends({},a,{centerRipple:n,component:u,disabled:d,disableRipple:h,disableTouchRipple:R,focusRipple:P,tabIndex:V,focusVisible:w}),Fe=st(ie);return F.jsxs(rt,e._extends({as:W,className:m.clsx(Fe.root,c),ownerState:ie,onBlur:Se,onClick:x,onContextMenu:Ce,onFocus:je,onKeyDown:Le,onKeyUp:we,onMouseDown:Ee,onMouseLeave:Ne,onMouseUp:Ve,onDragLeave:ve,onTouchEnd:ke,onTouchMove:Be,onTouchStart:De,ref:_e,tabIndex:d?-1:V,type:L},X,N,{children:[i,J?F.jsx(et,e._extends({ref:Pe,center:n},B)):null]}))});process.env.NODE_ENV!=="production"&&(be.propTypes={action:ce.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:ce.elementTypeAcceptingRef,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,disableTouchRipple:e.PropTypes.bool,focusRipple:e.PropTypes.bool,focusVisibleClassName:e.PropTypes.string,href:e.PropTypes.any,LinkComponent:e.PropTypes.elementType,onBlur:e.PropTypes.func,onClick:e.PropTypes.func,onContextMenu:e.PropTypes.func,onDragLeave:e.PropTypes.func,onFocus:e.PropTypes.func,onFocusVisible:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,onMouseDown:e.PropTypes.func,onMouseLeave:e.PropTypes.func,onMouseUp:e.PropTypes.func,onTouchEnd:e.PropTypes.func,onTouchMove:e.PropTypes.func,onTouchStart:e.PropTypes.func,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]),tabIndex:e.PropTypes.number,TouchRippleProps:e.PropTypes.object,touchRippleRef:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.shape({current:e.PropTypes.shape({pulsate:e.PropTypes.func.isRequired,start:e.PropTypes.func.isRequired,stop:e.PropTypes.func.isRequired})})]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string])});const it=be;exports.ButtonBase=it;exports.TransitionGroup=me;
|