@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.
Files changed (76) hide show
  1. package/dist/components/AnotherComponent/AnotherComponent.cjs.js +1 -1
  2. package/dist/components/AnotherComponent/AnotherComponent.es.js +6 -7
  3. package/dist/components/AnotherComponent/AnotherComponent.stories.d.ts +1 -1
  4. package/dist/components/BasicButtons/BasicButtons.cjs.js +98 -1
  5. package/dist/components/BasicButtons/BasicButtons.es.js +1897 -103
  6. package/dist/components/index.cjs.js +1 -1
  7. package/dist/components/index.d.ts +1 -3
  8. package/dist/components/index.es.js +4 -14
  9. package/dist/index.cjs.js +1 -1
  10. package/dist/index.es.js +4 -14
  11. package/dist/useTheme-CEi3JABy.cjs +42 -0
  12. package/dist/useTheme-DVWKQU4F.js +2235 -0
  13. package/package.json +1 -3
  14. package/dist/Button-8coRSZ3M.cjs +0 -1
  15. package/dist/Button-BJMp7Tz3.js +0 -355
  16. package/dist/ButtonBase-DfYGPVje.js +0 -892
  17. package/dist/ButtonBase-xIJbOm-V.cjs +0 -75
  18. package/dist/Input-DS9hzPC3.js +0 -322
  19. package/dist/Input-DWEaLJ-2.cjs +0 -1
  20. package/dist/InputBase-B31rEvBe.js +0 -854
  21. package/dist/InputBase-BuseI3Oe.cjs +0 -4
  22. package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +0 -1
  23. package/dist/components/buttons/DefaultButton/DefaultButton.d.ts +0 -12
  24. package/dist/components/buttons/DefaultButton/DefaultButton.es.js +0 -47
  25. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +0 -1
  26. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.d.ts +0 -9
  27. package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +0 -143
  28. package/dist/components/buttons/DefaultButton/index.cjs.js +0 -1
  29. package/dist/components/buttons/DefaultButton/index.d.ts +0 -2
  30. package/dist/components/buttons/DefaultButton/index.es.js +0 -4
  31. package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +0 -1
  32. package/dist/components/buttons/PrimaryButton/PrimaryButton.d.ts +0 -5
  33. package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +0 -11
  34. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +0 -1
  35. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.d.ts +0 -4
  36. package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +0 -24
  37. package/dist/components/buttons/PrimaryButton/index.cjs.js +0 -1
  38. package/dist/components/buttons/PrimaryButton/index.d.ts +0 -2
  39. package/dist/components/buttons/PrimaryButton/index.es.js +0 -4
  40. package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +0 -1
  41. package/dist/components/buttons/SecondaryButton/SecondaryButton.d.ts +0 -5
  42. package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +0 -11
  43. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +0 -1
  44. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.d.ts +0 -4
  45. package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +0 -24
  46. package/dist/components/buttons/SecondaryButton/index.cjs.js +0 -1
  47. package/dist/components/buttons/SecondaryButton/index.d.ts +0 -2
  48. package/dist/components/buttons/SecondaryButton/index.es.js +0 -4
  49. package/dist/components/buttons/index.cjs.js +0 -1
  50. package/dist/components/buttons/index.d.ts +0 -3
  51. package/dist/components/buttons/index.es.js +0 -8
  52. package/dist/components/inputs/SearchInput/SearchInput.cjs.js +0 -1
  53. package/dist/components/inputs/SearchInput/SearchInput.d.ts +0 -5
  54. package/dist/components/inputs/SearchInput/SearchInput.es.js +0 -345
  55. package/dist/components/inputs/SearchInput/index.cjs.js +0 -1
  56. package/dist/components/inputs/SearchInput/index.d.ts +0 -2
  57. package/dist/components/inputs/SearchInput/index.es.js +0 -4
  58. package/dist/components/inputs/TextInput/TextInput.cjs.js +0 -14
  59. package/dist/components/inputs/TextInput/TextInput.d.ts +0 -5
  60. package/dist/components/inputs/TextInput/TextInput.es.js +0 -5577
  61. package/dist/components/inputs/TextInput/index.cjs.js +0 -1
  62. package/dist/components/inputs/TextInput/index.d.ts +0 -2
  63. package/dist/components/inputs/TextInput/index.es.js +0 -4
  64. package/dist/components/inputs/index.cjs.js +0 -1
  65. package/dist/components/inputs/index.d.ts +0 -2
  66. package/dist/components/inputs/index.es.js +0 -6
  67. package/dist/createSvgIcon-BPyRt0N5.js +0 -182
  68. package/dist/createSvgIcon-Cz9hf1Fl.cjs +0 -1
  69. package/dist/extendSxProp-DzGZiKZk.js +0 -29
  70. package/dist/extendSxProp-LEI89AMt.cjs +0 -1
  71. package/dist/useForkRef-C0Hk1SEc.js +0 -44
  72. package/dist/useForkRef-YQvz-OME.cjs +0 -1
  73. package/dist/useTheme-BzgwMQvX.cjs +0 -1
  74. package/dist/useTheme-D1_U7jx5.js +0 -65
  75. package/dist/useThemeProps-Aqe6oH65.cjs +0 -65
  76. 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,2 +0,0 @@
1
- export * from "./DefaultButton";
2
- export { default as DefaultButton } from "./DefaultButton";
@@ -1,4 +0,0 @@
1
- import { default as e } from "./DefaultButton.es.js";
2
- export {
3
- e as DefaultButton
4
- };
@@ -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,5 +0,0 @@
1
- import { DefaultButtonProps } from "../DefaultButton";
2
- export interface PrimaryButtonProps extends Omit<DefaultButtonProps, "color"> {
3
- }
4
- declare const PrimaryButton: React.FunctionComponent<PrimaryButtonProps>;
5
- export default PrimaryButton;
@@ -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,4 +0,0 @@
1
- import { Meta, StoryFn } from "@storybook/react";
2
- declare const stories: Meta<StoryFn<any>>;
3
- export declare const Primary: any;
4
- export default stories;
@@ -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,2 +0,0 @@
1
- export * from "./PrimaryButton";
2
- export { default as PrimaryButton } from "./PrimaryButton";
@@ -1,4 +0,0 @@
1
- import { default as a } from "./PrimaryButton.es.js";
2
- export {
3
- a as PrimaryButton
4
- };
@@ -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,5 +0,0 @@
1
- import { DefaultButtonProps } from "../DefaultButton";
2
- export interface SecondaryButtonProps extends Omit<DefaultButtonProps, "color"> {
3
- }
4
- declare const SecondaryButton: React.FunctionComponent<SecondaryButtonProps>;
5
- export default SecondaryButton;
@@ -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,4 +0,0 @@
1
- import { Meta, StoryFn } from "@storybook/react";
2
- declare const stories: Meta<StoryFn<any>>;
3
- export declare const Primary: any;
4
- export default stories;
@@ -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,2 +0,0 @@
1
- export * from "./SecondaryButton";
2
- export { default as SecondaryButton } from "./SecondaryButton";
@@ -1,4 +0,0 @@
1
- import { default as a } from "./SecondaryButton.es.js";
2
- export {
3
- a as SecondaryButton
4
- };
@@ -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,3 +0,0 @@
1
- export * from "./DefaultButton";
2
- export * from "./PrimaryButton";
3
- export * from "./SecondaryButton";
@@ -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;
@@ -1,5 +0,0 @@
1
- import { type InputBaseProps } from "@mui/material/InputBase";
2
- export interface SearchInputProps extends InputBaseProps {
3
- }
4
- declare const SearchInput: React.FunctionComponent<SearchInputProps>;
5
- export default SearchInput;