@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.88 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 r from"@mui/material/Typography";import{styled as s,alpha as a}from"@mui/material/styles";import{unstable_composeClasses as l}from"@mui/material";import{unstable_useEnhancedEffect as n}from"@mui/material/utils";import{onSpaceOrEnter as i}from"../internals/utils/utils.js";import{pickersMonthClasses as c,getPickersMonthUtilityClass as m}from"./pickersMonthClasses.js";import{jsx as u}from"react/jsx-runtime";const p=["disabled","onSelect","selected","value","tabIndex","hasFocus","onFocus","onBlur"],d=s(r,{name:"PrivatePickersMonth",slot:"Root",overridesResolver:(e,o)=>[o.root,{[`&.${c.selected}`]:o.selected}]})((({theme:e})=>o({flex:"1 0 33.33%",display:"flex",alignItems:"center",justifyContent:"center",color:"unset",backgroundColor:"transparent",border:0,outline:0},e.typography.subtitle1,{margin:"8px 0",height:36,borderRadius:18,cursor:"pointer","&:focus, &:hover":{backgroundColor:a(e.palette.action.active,e.palette.action.hoverOpacity)},"&:disabled":{pointerEvents:"none",color:e.palette.text.secondary},[`&.${c.selected}`]:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:focus, &:hover":{backgroundColor:e.palette.primary.dark}}}))),b=()=>{},f=r=>{const{disabled:s,onSelect:a,selected:c,value:f,tabIndex:h,hasFocus:y,onFocus:v=b,onBlur:x=b}=r,g=e(r,p),k=(e=>{const{classes:o,selected:t}=e;return l({root:["root",t&&"selected"]},m,o)})(r),j=()=>{a(f)},C=t.useRef(null);return n((()=>{var e;y&&(null==(e=C.current)||e.focus())}),[y]),u(d,o({ref:C,component:"button",type:"button",className:k.root,tabIndex:h,onClick:j,onKeyDown:i(j),color:c?"primary":void 0,variant:c?"h5":"subtitle1",disabled:s,onFocus:e=>v(e,f),onBlur:e=>x(e,f)},g))};export{f as PickersMonth};