@cgi-learning-hub/ui 0.0.1-dev.1708424507 → 0.0.1-dev.1708424596
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/components/AnotherComponent/AnotherComponent.cjs.js +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.es.js +6 -7
- package/dist/components/AnotherComponent/AnotherComponent.stories.d.ts +1 -1
- package/dist/components/BasicButtons/BasicButtons.cjs.js +98 -1
- package/dist/components/BasicButtons/BasicButtons.es.js +1897 -103
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +1 -3
- package/dist/components/index.es.js +4 -14
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +4 -14
- package/dist/useTheme-CEi3JABy.cjs +42 -0
- package/dist/useTheme-DVWKQU4F.js +2235 -0
- package/package.json +1 -3
- package/dist/Button-8coRSZ3M.cjs +0 -1
- package/dist/Button-BJMp7Tz3.js +0 -355
- package/dist/ButtonBase-DfYGPVje.js +0 -892
- package/dist/ButtonBase-xIJbOm-V.cjs +0 -75
- package/dist/Input-DS9hzPC3.js +0 -322
- package/dist/Input-DWEaLJ-2.cjs +0 -1
- package/dist/InputBase-B31rEvBe.js +0 -854
- package/dist/InputBase-BuseI3Oe.cjs +0 -4
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +0 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.d.ts +0 -12
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +0 -47
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +0 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.d.ts +0 -9
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +0 -143
- package/dist/components/buttons/DefaultButton/index.cjs.js +0 -1
- package/dist/components/buttons/DefaultButton/index.d.ts +0 -2
- package/dist/components/buttons/DefaultButton/index.es.js +0 -4
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +0 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.d.ts +0 -5
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +0 -11
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +0 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.d.ts +0 -4
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +0 -24
- package/dist/components/buttons/PrimaryButton/index.cjs.js +0 -1
- package/dist/components/buttons/PrimaryButton/index.d.ts +0 -2
- package/dist/components/buttons/PrimaryButton/index.es.js +0 -4
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +0 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.d.ts +0 -5
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +0 -11
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +0 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.d.ts +0 -4
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +0 -24
- package/dist/components/buttons/SecondaryButton/index.cjs.js +0 -1
- package/dist/components/buttons/SecondaryButton/index.d.ts +0 -2
- package/dist/components/buttons/SecondaryButton/index.es.js +0 -4
- package/dist/components/buttons/index.cjs.js +0 -1
- package/dist/components/buttons/index.d.ts +0 -3
- package/dist/components/buttons/index.es.js +0 -8
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +0 -1
- package/dist/components/inputs/SearchInput/SearchInput.d.ts +0 -5
- package/dist/components/inputs/SearchInput/SearchInput.es.js +0 -345
- package/dist/components/inputs/SearchInput/index.cjs.js +0 -1
- package/dist/components/inputs/SearchInput/index.d.ts +0 -2
- package/dist/components/inputs/SearchInput/index.es.js +0 -4
- package/dist/components/inputs/TextInput/TextInput.cjs.js +0 -14
- package/dist/components/inputs/TextInput/TextInput.d.ts +0 -5
- package/dist/components/inputs/TextInput/TextInput.es.js +0 -5577
- package/dist/components/inputs/TextInput/index.cjs.js +0 -1
- package/dist/components/inputs/TextInput/index.d.ts +0 -2
- package/dist/components/inputs/TextInput/index.es.js +0 -4
- package/dist/components/inputs/index.cjs.js +0 -1
- package/dist/components/inputs/index.d.ts +0 -2
- package/dist/components/inputs/index.es.js +0 -6
- package/dist/createSvgIcon-BPyRt0N5.js +0 -182
- package/dist/createSvgIcon-Cz9hf1Fl.cjs +0 -1
- package/dist/extendSxProp-DzGZiKZk.js +0 -29
- package/dist/extendSxProp-LEI89AMt.cjs +0 -1
- package/dist/useForkRef-C0Hk1SEc.js +0 -44
- package/dist/useForkRef-YQvz-OME.cjs +0 -1
- package/dist/useTheme-BzgwMQvX.cjs +0 -1
- package/dist/useTheme-D1_U7jx5.js +0 -65
- package/dist/useThemeProps-Aqe6oH65.cjs +0 -65
- package/dist/useThemeProps-Dkkbtzcg.js +0 -2696
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./useThemeProps-Aqe6oH65.cjs"),He=require("react"),P=require("react/jsx-runtime"),z=require("./useForkRef-YQvz-OME.cjs"),We=require("react-dom"),Ve=require("@emotion/react");function me(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=me(He),Le=me(We);function he(o,n=166){let t;function r(...s){const c=()=>{o.apply(this,s)};clearTimeout(t),t=setTimeout(c,n)}return r.clear=()=>{clearTimeout(t)},r}function Te(o){return o&&o.ownerDocument||document}function oe(o){return Te(o).defaultView||window}function Ue(o){return o==null||Object.keys(o).length===0}function be(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Ue(s)?t:s):n;return P.jsx(Ve.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function Pe({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(be,{styles:s})}process.env.NODE_ENV!=="production"&&(Pe.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function ne(o){return typeof o=="string"}const $e=["onChange","maxRows","minRows","style","value"];function U(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function fe(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const ge=l.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:c=1,style:_,value:S}=n,B=e._objectWithoutPropertiesLoose(n,$e),{current:R}=l.useRef(S!=null),w=l.useRef(null),A=z.useForkRef(t,w),g=l.useRef(null),h=l.useRef(0),[O,F]=l.useState({outerHeightStyle:0}),I=l.useCallback(()=>{const u=w.current,a=oe(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const d=g.current;d.style.width=a.width,d.value=u.value||n.placeholder||"x",d.value.slice(-1)===`
|
|
2
|
-
`&&(d.value+=" ");const b=a.boxSizing,E=U(a.paddingBottom)+U(a.paddingTop),N=U(a.borderBottomWidth)+U(a.borderTopWidth),x=d.scrollHeight;d.value="x";const C=d.scrollHeight;let y=x;c&&(y=Math.max(Number(c)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),j=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:j}},[s,c,n.placeholder]),H=(u,T)=>{const{outerHeightStyle:a,overflow:d}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==d)?(h.current+=1,{overflow:d,outerHeightStyle:a}):(process.env.NODE_ENV!=="production"&&h.current===20&&console.error(["MUI: Too many re-renders. The layout is unstable.","TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
|
|
3
|
-
`)),u)},f=l.useCallback(()=>{const u=I();fe(u)||F(T=>H(T,u))},[I]);z.useEnhancedEffect(()=>{const u=()=>{const C=I();fe(C)||Le.flushSync(()=>{F(y=>H(y,C))})},T=()=>{h.current=0,u()};let a;const d=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=he(T),E=w.current,N=oe(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?d:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[I]),z.useEnhancedEffect(()=>{f()}),l.useEffect(()=>{h.current=0},[S]);const q=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(l.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:q,ref:A,rows:c,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},_)},B)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,_,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(ge.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function xe({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}const we=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(we.displayName="FormControlContext");const te=we;function ve(){return l.useContext(te)}function Ce(o){return P.jsx(Pe,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(Ce.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function ye(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Se(o,n=!1){return o&&(ye(o.value)&&o.value!==""||n&&ye(o.defaultValue)&&o.defaultValue!=="")}function Ge(o){return o.startAdornment}function Ke(o){return e.generateUtilityClass("MuiInputBase",o)}const Ye=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),$=Ye,Ze=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],Re=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Oe=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Je=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:c,focused:_,formControl:S,fullWidth:B,hiddenLabel:R,multiline:w,readOnly:A,size:g,startAdornment:h,type:O}=o,F={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",B&&"fullWidth",_&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",c&&"adornedEnd",R&&"hiddenLabel",A&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",c&&"inputAdornedEnd",A&&"readOnly"]};return e.composeClasses(F,Ke,n)},Ee=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Re})(({theme:o,ownerState:n})=>e._extends({},o.typography.body1,{color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${$.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ne=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Oe})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},c=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${$.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":c,"&:focus::-moz-placeholder":c,"&:focus:-ms-input-placeholder":c,"&:focus::-ms-input-placeholder":c},[`&.${$.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Qe=P.jsx(Ce,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),ze=l.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":c,autoComplete:_,autoFocus:S,className:B,components:R={},componentsProps:w={},defaultValue:A,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:F=!1,id:I,inputComponent:H="input",inputProps:f={},inputRef:q,maxRows:u,minRows:T,multiline:a=!1,name:d,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:j,renderSuffix:re,rows:W,slotProps:se={},slots:ie={},startAdornment:D,type:le="text",value:_e}=s,Ae=e._objectWithoutPropertiesLoose(s,Ze),V=f.value!=null?f.value:_e,{current:K}=l.useRef(V!=null),k=l.useRef(),Fe=l.useCallback(i=>{process.env.NODE_ENV!=="production"&&i&&i.nodeName!=="INPUT"&&!i.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
|
|
4
|
-
`))},[]),Ie=z.useForkRef(k,q,f.ref,Fe),[Y,Z]=l.useState(!1),p=ve();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(p)return p.registerEffect()},[p]);const m=xe({props:s,muiFormControl:p,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=p?p.focused:Y,l.useEffect(()=>{!p&&g&&Y&&(Z(!1),b&&b())},[p,g,Y,b]);const J=p&&p.onFilled,Q=p&&p.onEmpty,M=l.useCallback(i=>{Se(i)?J&&J():Q&&Q()},[J,Q]);z.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const ke=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),p&&p.onFocus?p.onFocus(i):Z(!0)},Be=i=>{b&&b(i),f.onBlur&&f.onBlur(i),p&&p.onBlur?p.onBlur(i):Z(!1)},je=(i,...ce)=>{if(!K){const de=i.target||k.current;if(de==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));M({value:de.value})}f.onChange&&f.onChange(i,...ce),E&&E(i,...ce)};l.useEffect(()=>{M(k.current)},[]);const De=i=>{k.current&&i.currentTarget===i.target&&k.current.focus(),N&&N(i)};let X=H,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=ge);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?k.current:{value:"x"})};l.useEffect(()=>{p&&p.setAdornedStart(!!D)},[p,D]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:p,fullWidth:F,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:D,type:le}),pe=Je(L),ae=ie.root||R.Root||Ee,ee=se.root||w.root||{},ue=ie.input||R.Input||Ne;return v=e._extends({},v,(r=se.input)!=null?r:w.input),P.jsxs(l.Fragment,{children:[!h&&Qe,P.jsxs(ae,e._extends({},ee,!ne(ae)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:De},Ae,{className:e.clsx(pe.root,ee.className,B,j&&"MuiInputBase-readOnly"),children:[D,P.jsx(te.Provider,{value:null,children:P.jsx(ue,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":c,autoComplete:_,autoFocus:S,defaultValue:A,disabled:m.disabled,id:I,onAnimationStart:Me,name:d,placeholder:G,readOnly:j,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:le},v,!ne(ue)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Ie,className:e.clsx(pe.input,v.className,j&&"MuiInputBase-readOnly"),onBlur:Be,onChange:je,onFocus:ke}))}),O,re?re(e._extends({},m,{startAdornment:D})):null]}))]})});process.env.NODE_ENV!=="production"&&(ze.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:z.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:z.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});const Xe=ze;exports.FormControlContext=te;exports.InputBase=Xe;exports.InputBaseComponent=Ne;exports.InputBaseRoot=Ee;exports.debounce=he;exports.formControlState=xe;exports.inputBaseClasses=$;exports.inputOverridesResolver=Oe;exports.isAdornedStart=Ge;exports.isFilled=Se;exports.isHostComponent=ne;exports.ownerDocument=Te;exports.ownerWindow=oe;exports.rootOverridesResolver=Re;exports.useFormControl=ve;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("react/jsx-runtime");require("react");const n=require("./DefaultButtonIcon.cjs.js"),l=require("../../../useThemeProps-Aqe6oH65.cjs"),d=require("../../../Button-8coRSZ3M.cjs"),i=require("../../../useTheme-BzgwMQvX.cjs"),a=l.styled(d.Button,{shouldForwardProp:t=>t!=="contentColor"})(t=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:t.contentColor,borderColor:t.contentColor,borderRadius:5,borderWidth:2,"&:hover":{borderColor:t.contentColor,borderWidth:2}})),c=({icon:t,text:u,...r})=>{const s=i.useTheme(),e=r.contentColor??s.palette.primary.main;return o.jsxs(a,{...r,variant:"outlined",contentColor:e,children:[(t==null?void 0:t.position)==="left"?o.jsx(n,{...t,color:e}):null,u,(t==null?void 0:t.position)==="right"?o.jsx(n,{...t,color:e}):null]})};module.exports=c;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ButtonProps } from "@mui/material/Button";
|
|
2
|
-
import { DefaultButtonIconProps } from "./DefaultButtonIcon";
|
|
3
|
-
export interface DefaultButtonProps extends Omit<ButtonProps, "color"> {
|
|
4
|
-
contentColor?: string;
|
|
5
|
-
icon?: Omit<DefaultButtonIconProps, "color">;
|
|
6
|
-
text?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface StyledButtonProps {
|
|
9
|
-
contentColor: string;
|
|
10
|
-
}
|
|
11
|
-
declare const DefaultButton: React.FunctionComponent<DefaultButtonProps>;
|
|
12
|
-
export default DefaultButton;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import n from "./DefaultButtonIcon.es.js";
|
|
4
|
-
import { s as m } from "../../../useThemeProps-Dkkbtzcg.js";
|
|
5
|
-
import { B as s } from "../../../Button-BJMp7Tz3.js";
|
|
6
|
-
import { u } from "../../../useTheme-D1_U7jx5.js";
|
|
7
|
-
const i = m(s, {
|
|
8
|
-
shouldForwardProp: (t) => t !== "contentColor"
|
|
9
|
-
})((t) => ({
|
|
10
|
-
justifyContent: "center",
|
|
11
|
-
alignItems: "center",
|
|
12
|
-
columnGap: 8,
|
|
13
|
-
minHeight: 38,
|
|
14
|
-
paddingLeft: 12,
|
|
15
|
-
paddingRight: 12,
|
|
16
|
-
textTransform: "none",
|
|
17
|
-
color: t.contentColor,
|
|
18
|
-
borderColor: t.contentColor,
|
|
19
|
-
borderRadius: 5,
|
|
20
|
-
borderWidth: 2,
|
|
21
|
-
"&:hover": {
|
|
22
|
-
borderColor: t.contentColor,
|
|
23
|
-
borderWidth: 2
|
|
24
|
-
}
|
|
25
|
-
})), b = ({
|
|
26
|
-
icon: t,
|
|
27
|
-
text: l,
|
|
28
|
-
...r
|
|
29
|
-
}) => {
|
|
30
|
-
const a = u(), o = r.contentColor ?? a.palette.primary.main;
|
|
31
|
-
return /* @__PURE__ */ d(
|
|
32
|
-
i,
|
|
33
|
-
{
|
|
34
|
-
...r,
|
|
35
|
-
variant: "outlined",
|
|
36
|
-
contentColor: o,
|
|
37
|
-
children: [
|
|
38
|
-
(t == null ? void 0 : t.position) === "left" ? /* @__PURE__ */ e(n, { ...t, color: o }) : null,
|
|
39
|
-
l,
|
|
40
|
-
(t == null ? void 0 : t.position) === "right" ? /* @__PURE__ */ e(n, { ...t, color: o }) : null
|
|
41
|
-
]
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
};
|
|
45
|
-
export {
|
|
46
|
-
b as default
|
|
47
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-Aqe6oH65.cjs");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const P=T(m);function g(e){return o.generateUtilityClass("MuiIcon",e)}o.generateUtilityClasses("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const S=["baseClassName","className","color","component","fontSize"],b=e=>{const{color:r,fontSize:n,classes:s}=e,t={root:["root",r!=="inherit"&&`color${o.capitalize(r)}`,`fontSize${o.capitalize(n)}`]};return o.composeClasses(t,g,s)},z=o.styled("span",{name:"MuiIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:n}=e;return[r.root,n.color!=="inherit"&&r[`color${o.capitalize(n.color)}`],r[`fontSize${o.capitalize(n.fontSize)}`]]}})(({theme:e,ownerState:r})=>({userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:e.typography.pxToRem(20),medium:e.typography.pxToRem(24),large:e.typography.pxToRem(36)}[r.fontSize],color:{primary:(e.vars||e).palette.primary.main,secondary:(e.vars||e).palette.secondary.main,info:(e.vars||e).palette.info.main,success:(e.vars||e).palette.success.main,warning:(e.vars||e).palette.warning.main,action:(e.vars||e).palette.action.active,error:(e.vars||e).palette.error.main,disabled:(e.vars||e).palette.action.disabled,inherit:void 0}[r.color]})),a=P.forwardRef(function(r,n){const s=o.useThemeProps({props:r,name:"MuiIcon"}),{baseClassName:t="material-icons",className:l,color:u="inherit",component:c="span",fontSize:y="medium"}=s,f=o._objectWithoutPropertiesLoose(s,S),p=o._extends({},s,{baseClassName:t,color:u,component:c,fontSize:y}),d=b(p);return i.jsx(z,o._extends({as:c,className:o.clsx(t,"notranslate",d.root,l),ownerState:p,"aria-hidden":!0,ref:n},f))});process.env.NODE_ENV!=="production"&&(a.propTypes={baseClassName:o.PropTypes.string,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});a.muiName="Icon";const x=a,v=({color:e,Component:r,name:n})=>n?i.jsx(x,{sx:{color:e},children:n}):i.jsx(r,{sx:{color:e}});module.exports=v;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { SvgIconComponent } from "@mui/icons-material";
|
|
2
|
-
export interface DefaultButtonIconProps {
|
|
3
|
-
color: string;
|
|
4
|
-
position: "left" | "right";
|
|
5
|
-
Component?: SvgIconComponent;
|
|
6
|
-
name?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const DefaultButtonIcon: React.FunctionComponent<DefaultButtonIconProps>;
|
|
9
|
-
export default DefaultButtonIcon;
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import * as S from "react";
|
|
3
|
-
import { b, g as v, s as z, f as t, u as x, _ as I, a as f, h as T, P as e, e as N } from "../../../useThemeProps-Dkkbtzcg.js";
|
|
4
|
-
function C(o) {
|
|
5
|
-
return b("MuiIcon", o);
|
|
6
|
-
}
|
|
7
|
-
v("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
|
|
8
|
-
const w = ["baseClassName", "className", "color", "component", "fontSize"], O = (o) => {
|
|
9
|
-
const {
|
|
10
|
-
color: n,
|
|
11
|
-
fontSize: r,
|
|
12
|
-
classes: s
|
|
13
|
-
} = o, a = {
|
|
14
|
-
root: ["root", n !== "inherit" && `color${t(n)}`, `fontSize${t(r)}`]
|
|
15
|
-
};
|
|
16
|
-
return N(a, C, s);
|
|
17
|
-
}, R = z("span", {
|
|
18
|
-
name: "MuiIcon",
|
|
19
|
-
slot: "Root",
|
|
20
|
-
overridesResolver: (o, n) => {
|
|
21
|
-
const {
|
|
22
|
-
ownerState: r
|
|
23
|
-
} = o;
|
|
24
|
-
return [n.root, r.color !== "inherit" && n[`color${t(r.color)}`], n[`fontSize${t(r.fontSize)}`]];
|
|
25
|
-
}
|
|
26
|
-
})(({
|
|
27
|
-
theme: o,
|
|
28
|
-
ownerState: n
|
|
29
|
-
}) => ({
|
|
30
|
-
userSelect: "none",
|
|
31
|
-
width: "1em",
|
|
32
|
-
height: "1em",
|
|
33
|
-
// Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541
|
|
34
|
-
// To remove at some point.
|
|
35
|
-
overflow: "hidden",
|
|
36
|
-
display: "inline-block",
|
|
37
|
-
// allow overflow hidden to take action
|
|
38
|
-
textAlign: "center",
|
|
39
|
-
// support non-square icon
|
|
40
|
-
flexShrink: 0,
|
|
41
|
-
fontSize: {
|
|
42
|
-
inherit: "inherit",
|
|
43
|
-
small: o.typography.pxToRem(20),
|
|
44
|
-
medium: o.typography.pxToRem(24),
|
|
45
|
-
large: o.typography.pxToRem(36)
|
|
46
|
-
}[n.fontSize],
|
|
47
|
-
// TODO v5 deprecate, v6 remove for sx
|
|
48
|
-
color: {
|
|
49
|
-
primary: (o.vars || o).palette.primary.main,
|
|
50
|
-
secondary: (o.vars || o).palette.secondary.main,
|
|
51
|
-
info: (o.vars || o).palette.info.main,
|
|
52
|
-
success: (o.vars || o).palette.success.main,
|
|
53
|
-
warning: (o.vars || o).palette.warning.main,
|
|
54
|
-
action: (o.vars || o).palette.action.active,
|
|
55
|
-
error: (o.vars || o).palette.error.main,
|
|
56
|
-
disabled: (o.vars || o).palette.action.disabled,
|
|
57
|
-
inherit: void 0
|
|
58
|
-
}[n.color]
|
|
59
|
-
})), c = /* @__PURE__ */ S.forwardRef(function(n, r) {
|
|
60
|
-
const s = x({
|
|
61
|
-
props: n,
|
|
62
|
-
name: "MuiIcon"
|
|
63
|
-
}), {
|
|
64
|
-
baseClassName: a = "material-icons",
|
|
65
|
-
className: d,
|
|
66
|
-
color: u = "inherit",
|
|
67
|
-
component: l = "span",
|
|
68
|
-
fontSize: m = "medium"
|
|
69
|
-
} = s, y = I(s, w), p = f({}, s, {
|
|
70
|
-
baseClassName: a,
|
|
71
|
-
color: u,
|
|
72
|
-
component: l,
|
|
73
|
-
fontSize: m
|
|
74
|
-
}), g = O(p);
|
|
75
|
-
return /* @__PURE__ */ i(R, f({
|
|
76
|
-
as: l,
|
|
77
|
-
className: T(
|
|
78
|
-
a,
|
|
79
|
-
// Prevent the translation of the text content.
|
|
80
|
-
// The font relies on the exact text content to render the icon.
|
|
81
|
-
"notranslate",
|
|
82
|
-
g.root,
|
|
83
|
-
d
|
|
84
|
-
),
|
|
85
|
-
ownerState: p,
|
|
86
|
-
"aria-hidden": !0,
|
|
87
|
-
ref: r
|
|
88
|
-
}, y));
|
|
89
|
-
});
|
|
90
|
-
process.env.NODE_ENV !== "production" && (c.propTypes = {
|
|
91
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
92
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
93
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
94
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
95
|
-
/**
|
|
96
|
-
* The base class applied to the icon. Defaults to 'material-icons', but can be changed to any
|
|
97
|
-
* other base class that suits the icon font you're using (e.g. material-icons-rounded, fas, etc).
|
|
98
|
-
* @default 'material-icons'
|
|
99
|
-
*/
|
|
100
|
-
baseClassName: e.string,
|
|
101
|
-
/**
|
|
102
|
-
* The name of the icon font ligature.
|
|
103
|
-
*/
|
|
104
|
-
children: e.node,
|
|
105
|
-
/**
|
|
106
|
-
* Override or extend the styles applied to the component.
|
|
107
|
-
*/
|
|
108
|
-
classes: e.object,
|
|
109
|
-
/**
|
|
110
|
-
* @ignore
|
|
111
|
-
*/
|
|
112
|
-
className: e.string,
|
|
113
|
-
/**
|
|
114
|
-
* The color of the component.
|
|
115
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
|
116
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
117
|
-
* @default 'inherit'
|
|
118
|
-
*/
|
|
119
|
-
color: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
|
|
120
|
-
/**
|
|
121
|
-
* The component used for the root node.
|
|
122
|
-
* Either a string to use a HTML element or a component.
|
|
123
|
-
*/
|
|
124
|
-
component: e.elementType,
|
|
125
|
-
/**
|
|
126
|
-
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
|
|
127
|
-
* @default 'medium'
|
|
128
|
-
*/
|
|
129
|
-
fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
|
|
130
|
-
/**
|
|
131
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
132
|
-
*/
|
|
133
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
134
|
-
});
|
|
135
|
-
c.muiName = "Icon";
|
|
136
|
-
const h = c, P = ({
|
|
137
|
-
color: o,
|
|
138
|
-
Component: n,
|
|
139
|
-
name: r
|
|
140
|
-
}) => r ? /* @__PURE__ */ i(h, { sx: { color: o }, children: r }) : /* @__PURE__ */ i(n, { sx: { color: o } });
|
|
141
|
-
export {
|
|
142
|
-
P as default
|
|
143
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DefaultButton.cjs.js");exports.DefaultButton=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime");require("react");const n=require("../DefaultButton/DefaultButton.cjs.js"),o=require("../../../useTheme-BzgwMQvX.cjs"),u=e=>{const t=o.useTheme();return r.jsx(n,{contentColor:t.palette.primary.main,...e})};module.exports=u;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import e from "../DefaultButton/DefaultButton.es.js";
|
|
4
|
-
import { u as m } from "../../../useTheme-D1_U7jx5.js";
|
|
5
|
-
const u = (t) => {
|
|
6
|
-
const o = m();
|
|
7
|
-
return /* @__PURE__ */ r(e, { contentColor: o.palette.primary.main, ...t });
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
u as default
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./PrimaryButton.cjs.js"),r=require("../../../createSvgIcon-Cz9hf1Fl.cjs"),s=r.createSvgIcon(t.jsx("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),c={title:"Components/Buttons/PrimaryButton",component:e,argTypes:{}},i=n=>t.jsx(e,{...n}),o=i.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import o from "./PrimaryButton.es.js";
|
|
3
|
-
import { c as r } from "../../../createSvgIcon-BPyRt0N5.js";
|
|
4
|
-
const n = r(/* @__PURE__ */ t("path", {
|
|
5
|
-
d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
|
|
6
|
-
}), "Save"), p = {
|
|
7
|
-
title: "Components/Buttons/PrimaryButton",
|
|
8
|
-
component: o,
|
|
9
|
-
argTypes: {
|
|
10
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
11
|
-
}
|
|
12
|
-
}, a = (e) => /* @__PURE__ */ t(o, { ...e }), m = a.bind({});
|
|
13
|
-
m.args = {
|
|
14
|
-
text: "Save",
|
|
15
|
-
icon: {
|
|
16
|
-
Component: n,
|
|
17
|
-
position: "left"
|
|
18
|
-
},
|
|
19
|
-
onClick: () => alert("Alert")
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
m as Primary,
|
|
23
|
-
p as default
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./PrimaryButton.cjs.js");exports.PrimaryButton=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),r=require("../../../useTheme-BzgwMQvX.cjs"),s=e=>{const t=r.useTheme();return n.jsx(o,{contentColor:t.palette.secondary.main,...e})};module.exports=s;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import r from "../DefaultButton/DefaultButton.es.js";
|
|
4
|
-
import { u as m } from "../../../useTheme-D1_U7jx5.js";
|
|
5
|
-
const p = (t) => {
|
|
6
|
-
const o = m();
|
|
7
|
-
return /* @__PURE__ */ e(r, { contentColor: o.palette.secondary.main, ...t });
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
p as default
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./SecondaryButton.cjs.js"),r=require("../../../createSvgIcon-Cz9hf1Fl.cjs"),s=r.createSvgIcon(e.jsx("path",{d:"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"PersonAdd"),c={title:"Components/Buttons/SecondaryButton",component:t,argTypes:{}},i=n=>e.jsx(t,{...n}),o=i.bind({});o.args={text:"Add user",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import t from "./SecondaryButton.es.js";
|
|
3
|
-
import { c as e } from "../../../createSvgIcon-BPyRt0N5.js";
|
|
4
|
-
const r = e(/* @__PURE__ */ o("path", {
|
|
5
|
-
d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
|
|
6
|
-
}), "PersonAdd"), i = {
|
|
7
|
-
title: "Components/Buttons/SecondaryButton",
|
|
8
|
-
component: t,
|
|
9
|
-
argTypes: {
|
|
10
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
11
|
-
}
|
|
12
|
-
}, s = (n) => /* @__PURE__ */ o(t, { ...n }), c = s.bind({});
|
|
13
|
-
c.args = {
|
|
14
|
-
text: "Add user",
|
|
15
|
-
icon: {
|
|
16
|
-
Component: r,
|
|
17
|
-
position: "left"
|
|
18
|
-
},
|
|
19
|
-
onClick: () => alert("Alert")
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
c as Primary,
|
|
23
|
-
i as default
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SecondaryButton.cjs.js");exports.SecondaryButton=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DefaultButton/DefaultButton.cjs.js"),o=require("./PrimaryButton/PrimaryButton.cjs.js"),n=require("./SecondaryButton/SecondaryButton.cjs.js");exports.DefaultButton=t;exports.PrimaryButton=o;exports.SecondaryButton=n;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { default as a } from "./DefaultButton/DefaultButton.es.js";
|
|
2
|
-
import { default as e } from "./PrimaryButton/PrimaryButton.es.js";
|
|
3
|
-
import { default as u } from "./SecondaryButton/SecondaryButton.es.js";
|
|
4
|
-
export {
|
|
5
|
-
a as DefaultButton,
|
|
6
|
-
e as PrimaryButton,
|
|
7
|
-
u as SecondaryButton
|
|
8
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const p=require("react/jsx-runtime"),E=require("react"),e=require("../../../useThemeProps-Aqe6oH65.cjs"),v=require("../../../InputBase-BuseI3Oe.cjs"),_=require("../../../extendSxProp-LEI89AMt.cjs"),M=require("../../../createSvgIcon-Cz9hf1Fl.cjs");function N(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const f=N(E),R=M.createSvgIcon(p.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search");function B(o){return e.generateUtilityClass("MuiTypography",o)}e.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const A=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],S=o=>{const{align:t,gutterBottom:n,noWrap:r,paragraph:s,variant:a,classes:c}=o,l={root:["root",a,o.align!=="inherit"&&`align${e.capitalize(t)}`,n&&"gutterBottom",r&&"noWrap",s&&"paragraph"]};return e.composeClasses(l,B,c)},z=e.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.variant&&t[n.variant],n.align!=="inherit"&&t[`align${e.capitalize(n.align)}`],n.noWrap&&t.noWrap,n.gutterBottom&&t.gutterBottom,n.paragraph&&t.paragraph]}})(({theme:o,ownerState:t})=>e._extends({margin:0},t.variant==="inherit"&&{font:"inherit"},t.variant!=="inherit"&&o.typography[t.variant],t.align!=="inherit"&&{textAlign:t.align},t.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t.gutterBottom&&{marginBottom:"0.35em"},t.paragraph&&{marginBottom:16})),P={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},$={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},L=o=>$[o]||o,j=f.forwardRef(function(t,n){const r=e.useThemeProps({props:t,name:"MuiTypography"}),s=L(r.color),a=_.extendSxProp(e._extends({},r,{color:s})),{align:c="inherit",className:l,component:h,gutterBottom:y=!1,noWrap:u=!1,paragraph:g=!1,variant:i="body1",variantMapping:d=P}=a,m=e._objectWithoutPropertiesLoose(a,A),T=e._extends({},a,{align:c,color:s,className:l,component:h,gutterBottom:y,noWrap:u,paragraph:g,variant:i,variantMapping:d}),O=h||(g?"p":d[i]||P[i])||"span",I=S(T);return p.jsx(z,e._extends({as:O,ref:n,ownerState:T,className:e.clsx(I.root,l)},m))});process.env.NODE_ENV!=="production"&&(j.propTypes={align:e.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,gutterBottom:e.PropTypes.bool,noWrap:e.PropTypes.bool,paragraph:e.PropTypes.bool,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]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),e.PropTypes.string]),variantMapping:e.PropTypes.object});const W=j;function U(o){return e.generateUtilityClass("MuiInputAdornment",o)}const q=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]),b=q;var x;const D=["children","className","component","disablePointerEvents","disableTypography","position","variant"],w=(o,t)=>{const{ownerState:n}=o;return[t.root,t[`position${e.capitalize(n.position)}`],n.disablePointerEvents===!0&&t.disablePointerEvents,t[n.variant]]},F=o=>{const{classes:t,disablePointerEvents:n,hiddenLabel:r,position:s,size:a,variant:c}=o,l={root:["root",n&&"disablePointerEvents",s&&`position${e.capitalize(s)}`,c,r&&"hiddenLabel",a&&`size${e.capitalize(a)}`]};return e.composeClasses(l,U,t)},V=e.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:w})(({theme:o,ownerState:t})=>e._extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(o.vars||o).palette.action.active},t.variant==="filled"&&{[`&.${b.positionStart}&:not(.${b.hiddenLabel})`]:{marginTop:16}},t.position==="start"&&{marginRight:8},t.position==="end"&&{marginLeft:8},t.disablePointerEvents===!0&&{pointerEvents:"none"})),C=f.forwardRef(function(t,n){const r=e.useThemeProps({props:t,name:"MuiInputAdornment"}),{children:s,className:a,component:c="div",disablePointerEvents:l=!1,disableTypography:h=!1,position:y,variant:u}=r,g=e._objectWithoutPropertiesLoose(r,D),i=v.useFormControl()||{};let d=u;u&&i.variant&&process.env.NODE_ENV!=="production"&&u===i.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),i&&!d&&(d=i.variant);const m=e._extends({},r,{hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:l,position:y,variant:d}),T=F(m);return p.jsx(v.FormControlContext.Provider,{value:null,children:p.jsx(V,e._extends({as:c,ownerState:m,className:e.clsx(T.root,a),ref:n},g,{children:typeof s=="string"&&!h?p.jsx(W,{color:"text.secondary",children:s}):p.jsxs(f.Fragment,{children:[y==="start"?x||(x=p.jsx("span",{className:"notranslate",children:""})):null,s]})}))})});process.env.NODE_ENV!=="production"&&(C.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,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]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});const k=C,H=e.styled(v.InputBase)(({theme:o})=>({width:"auto",padding:"0px 12px",backgroundColor:o.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"}})),J=({placeholder:o="Rechercher",...t})=>p.jsx(H,{...t,placeholder:o,startAdornment:p.jsx(k,{position:"start",disablePointerEvents:!0,children:p.jsx(R,{})})});module.exports=J;
|