@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 @@
|
|
|
1
|
+
"use strict";const e=require("./clamp-0LjYbpE_.cjs"),n=require("./styled-DGjsLYEN.cjs"),T=require("react"),P=require("react/jsx-runtime"),h=require("./styled-Dkd1VGM-.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),B=["className","component"];function g(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:p}=o,i=n.styled$1("div",{shouldForwardProp:c=>c!=="theme"&&c!=="sx"&&c!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const a=e.useTheme(s),l=h.extendSxProp(d),{className:f,component:x="div"}=l,y=e._objectWithoutPropertiesLoose(l,B);return P.jsx(i,e._extends({as:x,ref:m,className:n.clsx(f,p?p(r):r),theme:t&&a[t]||a},y))})}const O=n.generateUtilityClasses("MuiBox",["root"]),_=O,j=n.createTheme(),u=g({themeId:n.THEME_ID,defaultTheme:j,defaultClassName:_.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(u.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=u;exports.Box=C;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { s as h, u as T,
|
|
2
|
-
import {
|
|
1
|
+
import { s as h, u as T, a as B, _ as N, C as y, P as e } from "./clamp-BGJvJ0FN.js";
|
|
2
|
+
import { e as C, c as _, g as b, f as P, T as g } from "./styled-BU8dAebc.js";
|
|
3
3
|
import * as j from "react";
|
|
4
4
|
import { jsx as v } from "react/jsx-runtime";
|
|
5
|
-
import { e as E } from "./
|
|
5
|
+
import { e as E } from "./styled-DP6LeBLQ.js";
|
|
6
6
|
const O = ["className", "component"];
|
|
7
7
|
function I(m = {}) {
|
|
8
8
|
const {
|
|
@@ -10,7 +10,7 @@ function I(m = {}) {
|
|
|
10
10
|
defaultTheme: l,
|
|
11
11
|
defaultClassName: a = "MuiBox-root",
|
|
12
12
|
generateClassName: n
|
|
13
|
-
} = m, x =
|
|
13
|
+
} = m, x = C("div", {
|
|
14
14
|
shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
|
|
15
15
|
})(h);
|
|
16
16
|
return /* @__PURE__ */ j.forwardRef(function(d, f) {
|
|
@@ -21,16 +21,16 @@ function I(m = {}) {
|
|
|
21
21
|
return /* @__PURE__ */ v(x, N({
|
|
22
22
|
as: p,
|
|
23
23
|
ref: f,
|
|
24
|
-
className:
|
|
24
|
+
className: _(i, n ? n(a) : a),
|
|
25
25
|
theme: t && s[t] || s
|
|
26
26
|
}, u));
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
const M =
|
|
30
|
-
themeId:
|
|
29
|
+
const M = b("MuiBox", ["root"]), R = M, S = P(), c = I({
|
|
30
|
+
themeId: g,
|
|
31
31
|
defaultTheme: S,
|
|
32
32
|
defaultClassName: R.root,
|
|
33
|
-
generateClassName:
|
|
33
|
+
generateClassName: y.generate
|
|
34
34
|
});
|
|
35
35
|
process.env.NODE_ENV !== "production" && (c.propTypes = {
|
|
36
36
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";const e=require("./clamp-0LjYbpE_.cjs"),$e=require("react"),a=require("./styled-DGjsLYEN.cjs"),Z=require("./styled-Dkd1VGM-.cjs"),ae=require("./useThemeProps-CVatCXfo.cjs"),$=require("react/jsx-runtime"),v=require("./useTimeout-DHarDhEH.cjs"),_e=require("./TransitionGroup-X90dkobW.cjs"),ee=require("@emotion/react"),re=require("./useForkRef-DfdM2MN5.cjs"),qe=require("./useIsFocusVisible-9FderFRK.cjs"),ie=require("./refType-Bt58K9Sk.cjs");function Oe(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(u,r,i.get?i:{enumerable:!0,get:()=>s[r]})}}return u.default=s,Object.freeze(u)}const t=Oe($e);function fe(s){const{className:u,classes:r,pulsate:i=!1,rippleX:E,rippleY:l,rippleSize:d,in:w,onExited:h,timeout:p}=s,[m,b]=t.useState(!1),y=a.clsx(u,r.ripple,r.rippleVisible,i&&r.ripplePulsate),x={width:d,height:d,top:-(d/2)+l,left:-(d/2)+E},c=a.clsx(r.child,m&&r.childLeaving,i&&r.childPulsate);return!w&&!m&&b(!0),t.useEffect(()=>{if(!w&&h!=null){const P=setTimeout(h,p);return()=>{clearTimeout(P)}}},[h,w,p]),$.jsx("span",{className:y,style:x,children:$.jsx("span",{className:c})})}process.env.NODE_ENV!=="production"&&(fe.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 f=a.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Fe=["center","classes","className"];let A=s=>s,le,pe,ce,ue;const Q=550,Ie=80,Ue=ee.keyframes(le||(le=A`
|
|
2
|
+
0% {
|
|
3
|
+
transform: scale(0);
|
|
4
|
+
opacity: 0.1;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
100% {
|
|
8
|
+
transform: scale(1);
|
|
9
|
+
opacity: 0.3;
|
|
10
|
+
}
|
|
11
|
+
`)),Ke=ee.keyframes(pe||(pe=A`
|
|
12
|
+
0% {
|
|
13
|
+
opacity: 1;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
100% {
|
|
17
|
+
opacity: 0;
|
|
18
|
+
}
|
|
19
|
+
`)),ze=ee.keyframes(ce||(ce=A`
|
|
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
|
+
`)),ve=Z.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),Xe=Z.styled(fe,{name:"MuiTouchRipple",slot:"Ripple"})(ue||(ue=A`
|
|
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
|
+
`),f.rippleVisible,Ue,Q,({theme:s})=>s.transitions.easing.easeInOut,f.ripplePulsate,({theme:s})=>s.transitions.duration.shorter,f.child,f.childLeaving,Ke,Q,({theme:s})=>s.transitions.easing.easeInOut,f.childPulsate,ze,({theme:s})=>s.transitions.easing.easeInOut),de=t.forwardRef(function(u,r){const i=ae.useThemeProps({props:u,name:"MuiTouchRipple"}),{center:E=!1,classes:l={},className:d}=i,w=e._objectWithoutPropertiesLoose(i,Fe),[h,p]=t.useState([]),m=t.useRef(0),b=t.useRef(null);t.useEffect(()=>{b.current&&(b.current(),b.current=null)},[h]);const y=t.useRef(!1),x=v.useTimeout(),c=t.useRef(null),P=t.useRef(null),F=t.useCallback(n=>{const{pulsate:R,rippleX:g,rippleY:L,rippleSize:O,cb:U}=n;p(M=>[...M,$.jsx(Xe,{classes:{ripple:a.clsx(l.ripple,f.ripple),rippleVisible:a.clsx(l.rippleVisible,f.rippleVisible),ripplePulsate:a.clsx(l.ripplePulsate,f.ripplePulsate),child:a.clsx(l.child,f.child),childLeaving:a.clsx(l.childLeaving,f.childLeaving),childPulsate:a.clsx(l.childPulsate,f.childPulsate)},timeout:Q,pulsate:R,rippleX:g,rippleY:L,rippleSize:O},m.current)]),m.current+=1,b.current=U},[l]),_=t.useCallback((n={},R={},g=()=>{})=>{const{pulsate:L=!1,center:O=E||R.pulsate,fakeElement:U=!1}=R;if((n==null?void 0:n.type)==="mousedown"&&y.current){y.current=!1;return}(n==null?void 0:n.type)==="touchstart"&&(y.current=!0);const M=U?null:P.current,N=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let C,D,V;if(O||n===void 0||n.clientX===0&&n.clientY===0||!n.clientX&&!n.touches)C=Math.round(N.width/2),D=Math.round(N.height/2);else{const{clientX:S,clientY:k}=n.touches&&n.touches.length>0?n.touches[0]:n;C=Math.round(S-N.left),D=Math.round(k-N.top)}if(O)V=Math.sqrt((2*N.width**2+N.height**2)/3),V%2===0&&(V+=1);else{const S=Math.max(Math.abs((M?M.clientWidth:0)-C),C)*2+2,k=Math.max(Math.abs((M?M.clientHeight:0)-D),D)*2+2;V=Math.sqrt(S**2+k**2)}n!=null&&n.touches?c.current===null&&(c.current=()=>{F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},x.start(Ie,()=>{c.current&&(c.current(),c.current=null)})):F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},[E,F,x]),I=t.useCallback(()=>{_({},{pulsate:!0})},[_]),q=t.useCallback((n,R)=>{if(x.clear(),(n==null?void 0:n.type)==="touchend"&&c.current){c.current(),c.current=null,x.start(0,()=>{q(n,R)});return}c.current=null,p(g=>g.length>0?g.slice(1):g),b.current=R},[x]);return t.useImperativeHandle(r,()=>({pulsate:I,start:_,stop:q}),[I,_,q]),$.jsx(ve,e._extends({className:a.clsx(f.root,l.root,d),ref:P},w,{children:$.jsx(_e.TransitionGroup,{component:null,exit:!0,children:h})}))});process.env.NODE_ENV!=="production"&&(de.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const Ye=de;function Ae(s){return e.generateUtilityClass("MuiButtonBase",s)}const He=a.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),We=["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"],Ge=s=>{const{disabled:u,focusVisible:r,focusVisibleClassName:i,classes:E}=s,l={root:["root",u&&"disabled",r&&"focusVisible"]},d=a.composeClasses(l,Ae,E);return r&&i&&(d.root+=` ${i}`),d},Je=Z.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(s,u)=>u.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"},[`&.${He.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),he=t.forwardRef(function(u,r){const i=ae.useThemeProps({props:u,name:"MuiButtonBase"}),{action:E,centerRipple:l=!1,children:d,className:w,component:h="button",disabled:p=!1,disableRipple:m=!1,disableTouchRipple:b=!1,focusRipple:y=!1,LinkComponent:x="a",onBlur:c,onClick:P,onContextMenu:F,onDragLeave:_,onFocus:I,onFocusVisible:q,onKeyDown:n,onKeyUp:R,onMouseDown:g,onMouseLeave:L,onMouseUp:O,onTouchEnd:U,onTouchMove:M,onTouchStart:N,tabIndex:C=0,TouchRippleProps:D,touchRippleRef:V,type:S}=i,k=e._objectWithoutPropertiesLoose(i,We),K=t.useRef(null),T=t.useRef(null),ye=re.useForkRef(T,V),{isFocusVisibleRef:oe,onFocus:Te,onBlur:me,ref:be}=qe.useIsFocusVisible(),[j,X]=t.useState(!1);p&&j&&X(!1),t.useImperativeHandle(E,()=>({focusVisible:()=>{X(!0),K.current.focus()}}),[]);const[H,Pe]=t.useState(!1);t.useEffect(()=>{Pe(!0)},[]);const W=H&&!m&&!p;t.useEffect(()=>{j&&y&&!m&&H&&T.current.pulsate()},[m,y,j,H]);function B(o,se,je=b){return v.useEventCallback(ne=>(se&&se(ne),!je&&T.current&&T.current[o](ne),!0))}const Re=B("start",g),ge=B("stop",F),Me=B("stop",_),xe=B("stop",O),Ce=B("stop",o=>{j&&o.preventDefault(),L&&L(o)}),ke=B("start",N),Be=B("stop",U),Ee=B("stop",M),Ne=B("stop",o=>{me(o),oe.current===!1&&X(!1),c&&c(o)},!1),De=v.useEventCallback(o=>{K.current||(K.current=o.currentTarget),Te(o),oe.current===!0&&(X(!0),q&&q(o)),I&&I(o)}),G=()=>{const o=K.current;return h&&h!=="button"&&!(o.tagName==="A"&&o.href)},J=t.useRef(!1),Ve=v.useEventCallback(o=>{y&&!J.current&&j&&T.current&&o.key===" "&&(J.current=!0,T.current.stop(o,()=>{T.current.start(o)})),o.target===o.currentTarget&&G()&&o.key===" "&&o.preventDefault(),n&&n(o),o.target===o.currentTarget&&G()&&o.key==="Enter"&&!p&&(o.preventDefault(),P&&P(o))}),we=v.useEventCallback(o=>{y&&o.key===" "&&T.current&&j&&!o.defaultPrevented&&(J.current=!1,T.current.stop(o,()=>{T.current.pulsate(o)})),R&&R(o),P&&o.target===o.currentTarget&&G()&&o.key===" "&&!o.defaultPrevented&&P(o)});let Y=h;Y==="button"&&(k.href||k.to)&&(Y=x);const z={};Y==="button"?(z.type=S===void 0?"button":S,z.disabled=p):(!k.href&&!k.to&&(z.role="button"),p&&(z["aria-disabled"]=p));const Le=re.useForkRef(r,be,K);process.env.NODE_ENV!=="production"&&t.useEffect(()=>{W&&!T.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
|
+
`))},[W]);const te=e._extends({},i,{centerRipple:l,component:h,disabled:p,disableRipple:m,disableTouchRipple:b,focusRipple:y,tabIndex:C,focusVisible:j}),Se=Ge(te);return $.jsxs(Je,e._extends({as:Y,className:a.clsx(Se.root,w),ownerState:te,onBlur:Ne,onClick:P,onContextMenu:ge,onFocus:De,onKeyDown:Ve,onKeyUp:we,onMouseDown:Re,onMouseLeave:Ce,onMouseUp:xe,onDragLeave:Me,onTouchEnd:Be,onTouchMove:Ee,onTouchStart:ke,ref:Le,tabIndex:p?-1:C,type:S},z,k,{children:[d,W?$.jsx(Ye,e._extends({ref:ye,center:l},D)):null]}))});process.env.NODE_ENV!=="production"&&(he.propTypes={action:ie.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:ie.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 Qe=he;exports.ButtonBase=Qe;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";const e=require("./clamp-0LjYbpE_.cjs"),Se=require("react"),i=require("./styled-DGjsLYEN.cjs"),_=require("react/jsx-runtime"),v=require("./useTimeout-DHarDhEH.cjs"),je=require("./TransitionGroup-X90dkobW.cjs"),Z=require("@emotion/react"),ne=require("./useForkRef-DfdM2MN5.cjs"),_e=require("./useIsFocusVisible-9FderFRK.cjs"),re=require("./refType-Bt58K9Sk.cjs");function $e(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,l.get?l:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const t=$e(Se);function ue(s){const{className:a,classes:r,pulsate:l=!1,rippleX:E,rippleY:p,rippleSize:d,in:w,onExited:h,timeout:c}=s,[m,b]=t.useState(!1),y=i.clsx(a,r.ripple,r.rippleVisible,l&&r.ripplePulsate),x={width:d,height:d,top:-(d/2)+p,left:-(d/2)+E},u=i.clsx(r.child,m&&r.childLeaving,l&&r.childPulsate);return!w&&!m&&b(!0),t.useEffect(()=>{if(!w&&h!=null){const P=setTimeout(h,c);return()=>{clearTimeout(P)}}},[h,w,c]),_.jsx("span",{className:y,style:x,children:_.jsx("span",{className:u})})}process.env.NODE_ENV!=="production"&&(ue.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 f=i.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Oe=["center","classes","className"];let A=s=>s,ie,le,pe,ce;const Q=550,qe=80,Fe=Z.keyframes(ie||(ie=A`
|
|
2
|
+
0% {
|
|
3
|
+
transform: scale(0);
|
|
4
|
+
opacity: 0.1;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
100% {
|
|
8
|
+
transform: scale(1);
|
|
9
|
+
opacity: 0.3;
|
|
10
|
+
}
|
|
11
|
+
`)),Ie=Z.keyframes(le||(le=A`
|
|
12
|
+
0% {
|
|
13
|
+
opacity: 1;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
100% {
|
|
17
|
+
opacity: 0;
|
|
18
|
+
}
|
|
19
|
+
`)),Ue=Z.keyframes(pe||(pe=A`
|
|
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
|
+
`)),Ke=i.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=i.styled(ue,{name:"MuiTouchRipple",slot:"Ripple"})(ce||(ce=A`
|
|
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
|
+
`),f.rippleVisible,Fe,Q,({theme:s})=>s.transitions.easing.easeInOut,f.ripplePulsate,({theme:s})=>s.transitions.duration.shorter,f.child,f.childLeaving,Ie,Q,({theme:s})=>s.transitions.easing.easeInOut,f.childPulsate,Ue,({theme:s})=>s.transitions.easing.easeInOut),ae=t.forwardRef(function(a,r){const l=i.useThemeProps({props:a,name:"MuiTouchRipple"}),{center:E=!1,classes:p={},className:d}=l,w=e._objectWithoutPropertiesLoose(l,Oe),[h,c]=t.useState([]),m=t.useRef(0),b=t.useRef(null);t.useEffect(()=>{b.current&&(b.current(),b.current=null)},[h]);const y=t.useRef(!1),x=v.useTimeout(),u=t.useRef(null),P=t.useRef(null),F=t.useCallback(n=>{const{pulsate:R,rippleX:g,rippleY:L,rippleSize:q,cb:U}=n;c(M=>[...M,_.jsx(ze,{classes:{ripple:i.clsx(p.ripple,f.ripple),rippleVisible:i.clsx(p.rippleVisible,f.rippleVisible),ripplePulsate:i.clsx(p.ripplePulsate,f.ripplePulsate),child:i.clsx(p.child,f.child),childLeaving:i.clsx(p.childLeaving,f.childLeaving),childPulsate:i.clsx(p.childPulsate,f.childPulsate)},timeout:Q,pulsate:R,rippleX:g,rippleY:L,rippleSize:q},m.current)]),m.current+=1,b.current=U},[p]),$=t.useCallback((n={},R={},g=()=>{})=>{const{pulsate:L=!1,center:q=E||R.pulsate,fakeElement:U=!1}=R;if((n==null?void 0:n.type)==="mousedown"&&y.current){y.current=!1;return}(n==null?void 0:n.type)==="touchstart"&&(y.current=!0);const M=U?null:P.current,N=M?M.getBoundingClientRect():{width:0,height:0,left:0,top:0};let C,D,V;if(q||n===void 0||n.clientX===0&&n.clientY===0||!n.clientX&&!n.touches)C=Math.round(N.width/2),D=Math.round(N.height/2);else{const{clientX:S,clientY:k}=n.touches&&n.touches.length>0?n.touches[0]:n;C=Math.round(S-N.left),D=Math.round(k-N.top)}if(q)V=Math.sqrt((2*N.width**2+N.height**2)/3),V%2===0&&(V+=1);else{const S=Math.max(Math.abs((M?M.clientWidth:0)-C),C)*2+2,k=Math.max(Math.abs((M?M.clientHeight:0)-D),D)*2+2;V=Math.sqrt(S**2+k**2)}n!=null&&n.touches?u.current===null&&(u.current=()=>{F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},x.start(qe,()=>{u.current&&(u.current(),u.current=null)})):F({pulsate:L,rippleX:C,rippleY:D,rippleSize:V,cb:g})},[E,F,x]),I=t.useCallback(()=>{$({},{pulsate:!0})},[$]),O=t.useCallback((n,R)=>{if(x.clear(),(n==null?void 0:n.type)==="touchend"&&u.current){u.current(),u.current=null,x.start(0,()=>{O(n,R)});return}u.current=null,c(g=>g.length>0?g.slice(1):g),b.current=R},[x]);return t.useImperativeHandle(r,()=>({pulsate:I,start:$,stop:O}),[I,$,O]),_.jsx(Ke,e._extends({className:i.clsx(f.root,p.root,d),ref:P},w,{children:_.jsx(je.TransitionGroup,{component:null,exit:!0,children:h})}))});process.env.NODE_ENV!=="production"&&(ae.propTypes={center:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string});const ve=ae;function Xe(s){return e.generateUtilityClass("MuiButtonBase",s)}const Ye=i.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),Ae=["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"],He=s=>{const{disabled:a,focusVisible:r,focusVisibleClassName:l,classes:E}=s,p={root:["root",a&&"disabled",r&&"focusVisible"]},d=i.composeClasses(p,Xe,E);return r&&l&&(d.root+=` ${l}`),d},We=i.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(s,a)=>a.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"},[`&.${Ye.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),fe=t.forwardRef(function(a,r){const l=i.useThemeProps({props:a,name:"MuiButtonBase"}),{action:E,centerRipple:p=!1,children:d,className:w,component:h="button",disabled:c=!1,disableRipple:m=!1,disableTouchRipple:b=!1,focusRipple:y=!1,LinkComponent:x="a",onBlur:u,onClick:P,onContextMenu:F,onDragLeave:$,onFocus:I,onFocusVisible:O,onKeyDown:n,onKeyUp:R,onMouseDown:g,onMouseLeave:L,onMouseUp:q,onTouchEnd:U,onTouchMove:M,onTouchStart:N,tabIndex:C=0,TouchRippleProps:D,touchRippleRef:V,type:S}=l,k=e._objectWithoutPropertiesLoose(l,Ae),K=t.useRef(null),T=t.useRef(null),de=ne.useForkRef(T,V),{isFocusVisibleRef:ee,onFocus:he,onBlur:ye,ref:Te}=_e.useIsFocusVisible(),[j,X]=t.useState(!1);c&&j&&X(!1),t.useImperativeHandle(E,()=>({focusVisible:()=>{X(!0),K.current.focus()}}),[]);const[H,me]=t.useState(!1);t.useEffect(()=>{me(!0)},[]);const W=H&&!m&&!c;t.useEffect(()=>{j&&y&&!m&&H&&T.current.pulsate()},[m,y,j,H]);function B(o,te,Le=b){return v.useEventCallback(se=>(te&&te(se),!Le&&T.current&&T.current[o](se),!0))}const be=B("start",g),Pe=B("stop",F),Re=B("stop",$),ge=B("stop",q),Me=B("stop",o=>{j&&o.preventDefault(),L&&L(o)}),xe=B("start",N),Ce=B("stop",U),ke=B("stop",M),Be=B("stop",o=>{ye(o),ee.current===!1&&X(!1),u&&u(o)},!1),Ee=v.useEventCallback(o=>{K.current||(K.current=o.currentTarget),he(o),ee.current===!0&&(X(!0),O&&O(o)),I&&I(o)}),G=()=>{const o=K.current;return h&&h!=="button"&&!(o.tagName==="A"&&o.href)},J=t.useRef(!1),Ne=v.useEventCallback(o=>{y&&!J.current&&j&&T.current&&o.key===" "&&(J.current=!0,T.current.stop(o,()=>{T.current.start(o)})),o.target===o.currentTarget&&G()&&o.key===" "&&o.preventDefault(),n&&n(o),o.target===o.currentTarget&&G()&&o.key==="Enter"&&!c&&(o.preventDefault(),P&&P(o))}),De=v.useEventCallback(o=>{y&&o.key===" "&&T.current&&j&&!o.defaultPrevented&&(J.current=!1,T.current.stop(o,()=>{T.current.pulsate(o)})),R&&R(o),P&&o.target===o.currentTarget&&G()&&o.key===" "&&!o.defaultPrevented&&P(o)});let Y=h;Y==="button"&&(k.href||k.to)&&(Y=x);const z={};Y==="button"?(z.type=S===void 0?"button":S,z.disabled=c):(!k.href&&!k.to&&(z.role="button"),c&&(z["aria-disabled"]=c));const Ve=ne.useForkRef(r,Te,K);process.env.NODE_ENV!=="production"&&t.useEffect(()=>{W&&!T.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
|
+
`))},[W]);const oe=e._extends({},l,{centerRipple:p,component:h,disabled:c,disableRipple:m,disableTouchRipple:b,focusRipple:y,tabIndex:C,focusVisible:j}),we=He(oe);return _.jsxs(We,e._extends({as:Y,className:i.clsx(we.root,w),ownerState:oe,onBlur:Be,onClick:P,onContextMenu:Pe,onFocus:Ee,onKeyDown:Ne,onKeyUp:De,onMouseDown:be,onMouseLeave:Me,onMouseUp:ge,onDragLeave:Re,onTouchEnd:Ce,onTouchMove:ke,onTouchStart:xe,ref:Ve,tabIndex:c?-1:C,type:S},z,k,{children:[d,W?_.jsx(ve,e._extends({ref:de,center:p},D)):null]}))});process.env.NODE_ENV!=="production"&&(fe.propTypes={action:re.refType,centerRipple:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:re.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 Ge=fe;exports.ButtonBase=Ge;
|