@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 2.44 kB
JavaScript
import e from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";import o from"../../../@babel/runtime/helpers/esm/extends.js";import*as t from"react";import{clsx as r}from"../../../clsx/dist/clsx.m.js";import{useForkRef as a,capitalize as s}from"@mui/material/utils";import{styled as n,alpha as i}from"@mui/material/styles";import{unstable_composeClasses as l}from"@mui/material";import{WrapperVariantContext as c}from"../internals/components/wrappers/WrapperVariantContext.js";import{pickersYearClasses as d,getPickersYearUtilityClass as m}from"./pickersYearClasses.js";import{jsx as u}from"react/jsx-runtime";const p=["autoFocus","className","children","disabled","onClick","onKeyDown","value","tabIndex","onFocus","onBlur"],b=n("div",{name:"PrivatePickersYear",slot:"Root",overridesResolver:(e,o)=>[o.root,{[`&.${d.modeDesktop}`]:o.modeDesktop},{[`&.${d.modeMobile}`]:o.modeMobile}]})((({ownerState:e})=>o({flexBasis:"33.3%",display:"flex",alignItems:"center",justifyContent:"center"},"desktop"===(null==e?void 0:e.wrapperVariant)&&{flexBasis:"25%"}))),f=n("button",{name:"PrivatePickersYear",slot:"Button",overridesResolver:(e,o)=>[o.button,{[`&.${d.disabled}`]:o.disabled},{[`&.${d.selected}`]:o.selected}]})((({theme:e})=>o({color:"unset",backgroundColor:"transparent",border:0,outline:0},e.typography.subtitle1,{margin:"8px 0",height:36,width:72,borderRadius:18,cursor:"pointer","&:focus, &:hover":{backgroundColor:i(e.palette.action.active,e.palette.action.hoverOpacity)},[`&.${d.disabled}`]:{color:e.palette.text.secondary},[`&.${d.selected}`]:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:focus, &:hover":{backgroundColor:e.palette.primary.dark}}}))),y=()=>{},x=t.forwardRef((function(n,i){const{autoFocus:d,className:x,children:h,disabled:k,onClick:v,onKeyDown:w,value:C,tabIndex:B,onFocus:g=y,onBlur:j=y}=n,$=e(n,p),R=t.useRef(null),D=a(R,i),F=t.useContext(c),P=o({},n,{wrapperVariant:F}),I=(e=>{const{wrapperVariant:o,disabled:t,selected:r,classes:a}=e,n={root:["root",o&&`mode${s(o)}`],yearButton:["yearButton",t&&"disabled",r&&"selected"]};return l(n,m,a)})(P);return t.useEffect((()=>{d&&R.current.focus()}),[d]),u(b,{className:r(I.root,x),ownerState:P,children:u(f,o({ref:D,disabled:k,type:"button",tabIndex:k?-1:B,onClick:e=>v(e,C),onKeyDown:e=>w(e,C),onFocus:e=>g(e,C),onBlur:e=>j(e,C),className:I.yearButton,ownerState:P},$,{children:h}))})}));export{x as PickersYear};