npm - @flipdish/portal-library - Versions diffs - 8.5.7 → 8.6.1 - Mend

@flipdish/portal-library 8.5.7 → 8.6.1

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 (2302) hide show

package/dist/components/atoms/LinearProgress/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/LinearProgress/index.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\n\nimport MuiLinearProgress, {\n linearProgressClasses,\n type LinearProgressProps as MuiLinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\nimport styled from '@fd/utilities/styledUtilities';\n\nconst StyledLinearProgress = styled(MuiLinearProgress)(({ theme }) => {\n return {\n height: 8,\n [`&.${linearProgressClasses.root}`]: {\n borderRadius: theme.radius['radius-8'],\n overflow: 'hidden',\n backgroundColor: theme.palette.semantic.fill['fill-weak'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.grey[800],\n }),\n boxShadow: theme.customShadows?.sunken,\n },\n [`&.${linearProgressClasses.colorPrimary} .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n }),\n },\n [`& .${linearProgressClasses.bar1}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.bar2}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.dashed}`]: {\n marginTop: 2,\n },\n };\n});\n\nexport interface LinearProgressProps extends MuiLinearProgressProps {\n fdKey?: string;\n label?: string;\n showLabel?: boolean;\n}\n\nconst StyledBox = styled(Box)(({ theme }) => ({\n lineHeight: '20px',\n gap: theme.spacing(1),\n alignItems: 'center',\n display: 'flex',\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst LabelBox = styled(Box)(() => ({\n alignItems: 'center',\n display: 'flex',\n height: '20px',\n justifyContent: 'flex-end',\n minWidth: '40px',\n}));\n\n/*\n Props for the themed LinearProgress component.\n * Extends MUI's LinearProgressProps.\n * - label: Optional label text (falls back to percentage when `value` is provided).\n * - showLabel: When true, renders the label to the right of the bar.\n * - color: we don't support changing the color in our design\n */\nexport const LinearProgress: React.FC<Omit<LinearProgressProps, 'color'>> = ({\n fdKey,\n label,\n showLabel,\n value,\n ...rest\n}) => {\n const labelId = useId();\n const parsedLabel = useMemo(() => label \|\| (value !== undefined ? `${value}%` : undefined), [label, value]);\n return (\n <StyledBox>\n <Box flex={1}>\n <StyledLinearProgress\n aria-label={!showLabel && parsedLabel ? parsedLabel : undefined}\n aria-labelledby={showLabel && parsedLabel ? labelId : undefined}\n {...rest}\n data-fd={fdKey}\n value={value}\n />\n </Box>\n {showLabel && (\n <LabelBox>\n <StyledTypography id={labelId} variant=\"captionWeak\">\n {parsedLabel}\n </StyledTypography>\n </LabelBox>\n )}\n </StyledBox>\n );\n};\n\nexport default LinearProgress;\n\nexport { linearProgressClasses };\n"],"names":["StyledLinearProgress","styled","MuiLinearProgress","theme","height","linearProgressClasses","root","borderRadius","radius","overflow","backgroundColor","palette","semantic","fill","applyStyles","grey","boxShadow","customShadows","sunken","colorPrimary","bar","bar1","bar2","dashed","marginTop","StyledBox","Box","lineHeight","gap","spacing","alignItems","display","StyledTypography","Typography","color","text","LabelBox","justifyContent","minWidth","LinearProgress","fdKey","label","showLabel","value","rest","labelId","useId","parsedLabel","useMemo","undefined","_jsxs","children","_jsx","flex","id","variant"],"mappings":"2QAWA,MAAMA,EAAuBC,EAAAA,OAAOC,EAAPD,~~EAA0B~~,EAAGE,YACjD,CACLC,OAAQ,EACR,CAAC,KAAKC,wBAAsBC,QAAS,CACnCC,aAAcJ,EAAMK,OAAO,YAC3BC,SAAU,SACVC,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,gBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQI,KAAK,OAEtCC,UAAWb,EAAMc,eAAeC,QAElC,CAAC,KAAKb,wBAAsBc,iBAAiBd,EAAAA,sBAAsBe,OAAQ,CACzEV,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAGjD,CAAC,MAAMR,wBAAsBgB,QAAS,CACpCd,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,wBAAsBiB,QAAS,CACpCf,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,wBAAsBkB,UAAW,CACtCC,UAAW,~~OAWXC~~,EAAYxB,EAAAA,OAAOyB,EAAPzB,~~EAAY~~,EAAGE,YAAO,CACtCwB,WAAY,OACZC,IAAKzB,EAAM0B,QAAQ,GACnBC,WAAY,SACZC,QAAS,~~WAGLC~~,EAAmB/B,EAAAA,OAAOgC,EAAPhC,~~EAAmB~~,EAAGE,YAAO,CACpD+B,MAAO/B,EAAMQ,QAAQC,SAASuB,KAAK,~~iBAG~~/BC,EAAWnC,EAAAA,OAAOyB,EAAPzB,~~EAAY~~,KAAA,CAC3B6B,WAAY,SACZC,QAAS,OACT3B,OAAQ,OACRiC,eAAgB,WAChBC,SAAU,~~WAUCC~~,EAA+D,EAC1EC,QACAC,QACAC,YACAC,WACGC,MAEH,MAAMC,EAAUC,EAAAA,QACVC,EAAcC,EAAAA,~~SAAQ~~,IAAMP,SAAoBQ,IAAVN,EAAsB,GAAGA,UAAWM,~~IAAY~~,CAACR,EAAOE,IACpG,OACEO,OAACzB,EAAS,CAAA0B,SAAA,CACRC,EAAAA,IAAC1B,EAAG,CAAC2B,KAAM,EAACF,SACVC,EAAAA,IAACpD,EAAoB,CAAA,cACN0C,GAAaK,EAAcA,OAAcE,EAAS,kBAC9CP,GAAaK,EAAcF,OAAUI,KAClDL,EAAI,UACCJ,EACTG,MAAOA,MAGVD,GACCU,EAAAA,IAAChB,EAAQ,CAAAe,SACPC,MAACpB,EAAgB,CAACsB,GAAIT,EAASU,QAAQ,cAAaJ,SACjDJ"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/LinearProgress/index.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\n\nimport MuiLinearProgress, {\n linearProgressClasses,\n type LinearProgressProps as MuiLinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\nimport styled from '@fd/utilities/styledUtilities';\n\nconst StyledLinearProgress = styled(MuiLinearProgress)(({ theme }) => {\n return {\n height: 8,\n [`&.${linearProgressClasses.root}`]: {\n borderRadius: theme.radius['radius-8'],\n overflow: 'hidden',\n backgroundColor: theme.palette.semantic.fill['fill-weak'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.grey[800],\n }),\n boxShadow: theme.customShadows?.sunken,\n },\n [`&.${linearProgressClasses.colorPrimary} .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n }),\n },\n [`& .${linearProgressClasses.bar1}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.bar2}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.dashed}`]: {\n marginTop: 2,\n },\n };\n});\n\nexport interface LinearProgressProps extends MuiLinearProgressProps {\n fdKey?: string;\n label?: string;\n showLabel?: boolean;\n}\n\nconst StyledBox = styled(Box)(({ theme }) => ({\n lineHeight: '20px',\n gap: theme.spacing(1),\n alignItems: 'center',\n display: 'flex',\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst LabelBox = styled(Box)(() => ({\n alignItems: 'center',\n display: 'flex',\n height: '20px',\n justifyContent: 'flex-end',\n minWidth: '40px',\n}));\n\n/*\n Props for the themed LinearProgress component.\n * Extends MUI's LinearProgressProps.\n * - label: Optional label text (falls back to percentage when `value` is provided).\n * - showLabel: When true, renders the label to the right of the bar.\n * - color: we don't support changing the color in our design\n */\nexport const LinearProgress: React.FC<Omit<LinearProgressProps, 'color'>> = ({\n fdKey,\n label,\n showLabel,\n value,\n ...rest\n}) => {\n const labelId = useId();\n const parsedLabel = useMemo(() => label \|\| (value !== undefined ? `${value}%` : undefined), [label, value]);\n return (\n <StyledBox>\n <Box flex={1}>\n <StyledLinearProgress\n aria-label={!showLabel && parsedLabel ? parsedLabel : undefined}\n aria-labelledby={showLabel && parsedLabel ? labelId : undefined}\n {...rest}\n data-fd={fdKey}\n value={value}\n />\n </Box>\n {showLabel && (\n <LabelBox>\n <StyledTypography id={labelId} variant=\"captionWeak\">\n {parsedLabel}\n </StyledTypography>\n </LabelBox>\n )}\n </StyledBox>\n );\n};\n\nexport default LinearProgress;\n\nexport { linearProgressClasses };\n"],"names":["StyledLinearProgress","styled","MuiLinearProgress","theme","height","linearProgressClasses","root","borderRadius","radius","overflow","backgroundColor","palette","semantic","fill","applyStyles","grey","boxShadow","customShadows","sunken","colorPrimary","bar","bar1","bar2","dashed","marginTop","StyledBox","Box","lineHeight","gap","spacing","alignItems","display","StyledTypography","Typography","color","text","LabelBox","justifyContent","minWidth","LinearProgress","fdKey","label","showLabel","value","rest","labelId","useId","parsedLabel","useMemo","undefined","_jsxs","children","_jsx","flex","id","variant"],"mappings":"2QAWA,MAAMA,EAAuBC,EAAAA,OAAOC,EAAPD,CAA0B,EAAGE,YACjD,CACLC,OAAQ,EACR,CAAC,KAAKC,wBAAsBC,QAAS,CACnCC,aAAcJ,EAAMK,OAAO,YAC3BC,SAAU,SACVC,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,gBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQI,KAAK,OAEtCC,UAAWb,EAAMc,eAAeC,QAElC,CAAC,KAAKb,wBAAsBc,iBAAiBd,EAAAA,sBAAsBe,OAAQ,CACzEV,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAGjD,CAAC,MAAMR,wBAAsBgB,QAAS,CACpCd,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,wBAAsBiB,QAAS,CACpCf,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,wBAAsBkB,UAAW,CACtCC,UAAW,MAWXC,EAAYxB,EAAAA,OAAOyB,EAAPzB,CAAY,EAAGE,YAAO,CACtCwB,WAAY,OACZC,IAAKzB,EAAM0B,QAAQ,GACnBC,WAAY,SACZC,QAAS,UAGLC,EAAmB/B,EAAAA,OAAOgC,EAAPhC,CAAmB,EAAGE,YAAO,CACpD+B,MAAO/B,EAAMQ,QAAQC,SAASuB,KAAK,gBAG/BC,EAAWnC,EAAAA,OAAOyB,EAAPzB,CAAY,KAAA,CAC3B6B,WAAY,SACZC,QAAS,OACT3B,OAAQ,OACRiC,eAAgB,WAChBC,SAAU,UAUCC,EAA+D,EAC1EC,QACAC,QACAC,YACAC,WACGC,MAEH,MAAMC,EAAUC,EAAAA,QACVC,EAAcC,EAAAA,QAAQ,IAAMP,SAAoBQ,IAAVN,EAAsB,GAAGA,UAAWM,GAAY,CAACR,EAAOE,IACpG,OACEO,OAACzB,EAAS,CAAA0B,SAAA,CACRC,EAAAA,IAAC1B,EAAG,CAAC2B,KAAM,EAACF,SACVC,EAAAA,IAACpD,EAAoB,CAAA,cACN0C,GAAaK,EAAcA,OAAcE,EAAS,kBAC9CP,GAAaK,EAAcF,OAAUI,KAClDL,EAAI,UACCJ,EACTG,MAAOA,MAGVD,GACCU,EAAAA,IAAChB,EAAQ,CAAAe,SACPC,MAACpB,EAAgB,CAACsB,GAAIT,EAASU,QAAQ,cAAaJ,SACjDJ"}

package/dist/components/atoms/LinearProgress/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useId as r,useMemo as i}from"react";import o,{linearProgressClasses as t}from"@mui/material/LinearProgress";export{linearProgressClasses}from"@mui/material/LinearProgress";import l from"@mui/material/Box";import s from"@mui/material/Typography";import{styled as d}from"@mui/material/styles";const m=d(o)((({theme:e})=>({height:8,[`&.${t.root}`]:{borderRadius:e.radius["radius-8"],overflow:"hidden",backgroundColor:e.palette.semantic.fill["fill-weak"],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]}),boxShadow:e.customShadows?.sunken},[`&.${t.colorPrimary} .${t.bar}`]:{backgroundColor:e.palette.semantic.fill["fill-selected"],...e.applyStyles("dark",{backgroundColor:e.palette.semantic.fill["fill-selected"]})},[`& .${t.bar1}`]:{borderRadius:e.radius["radius-8"],boxShadow:e.customShadows?.sunken},[`& .${t.bar2}`]:{borderRadius:e.radius["radius-8"],boxShadow:e.customShadows?.sunken},[`& .${t.dashed}`]:{marginTop:2}}))),n=d(l)((({theme:e})=>({lineHeight:"20px",gap:e.spacing(1),alignItems:"center",display:"flex"}))),u=d(s)((({theme:e})=>({color:e.palette.semantic.text["text-weak"]}))),p=d(l)((()=>({alignItems:"center",display:"flex",height:"20px",justifyContent:"flex-end",minWidth:"40px"}))),c=({fdKey:o,label:t,showLabel:s,value:d,...c})=>{const h=r(),f=i((()=>t||(void 0!==d?`${d}%`:void 0)),[t,d]);return e(n,{children:[a(l,{flex:1,children:a(m,{"aria-label":!s&&f?f:void 0,"aria-labelledby":s&&f?h:void 0,...c,"data-fd":o,value:d})}),s&&a(p,{children:a(u,{id:h,variant:"captionWeak",children:f})})]})};export{c as LinearProgress,c as default};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useId as r,useMemo as i}from"react";import o,{linearProgressClasses as t}from"@mui/material/LinearProgress";export{linearProgressClasses}from"@mui/material/LinearProgress";import l from"@mui/material/Box";import s from"@mui/material/Typography";import{styled as d}from"@mui/material/styles";const m=d(o)(({theme:e})=>({height:8,[`&.${t.root}`]:{borderRadius:e.radius["radius-8"],overflow:"hidden",backgroundColor:e.palette.semantic.fill["fill-weak"],...e.applyStyles("dark",{backgroundColor:e.palette.grey[800]}),boxShadow:e.customShadows?.sunken},[`&.${t.colorPrimary} .${t.bar}`]:{backgroundColor:e.palette.semantic.fill["fill-selected"],...e.applyStyles("dark",{backgroundColor:e.palette.semantic.fill["fill-selected"]})},[`& .${t.bar1}`]:{borderRadius:e.radius["radius-8"],boxShadow:e.customShadows?.sunken},[`& .${t.bar2}`]:{borderRadius:e.radius["radius-8"],boxShadow:e.customShadows?.sunken},[`& .${t.dashed}`]:{marginTop:2}})),n=d(l)(({theme:e})=>({lineHeight:"20px",gap:e.spacing(1),alignItems:"center",display:"flex"})),u=d(s)(({theme:e})=>({color:e.palette.semantic.text["text-weak"]})),p=d(l)(()=>({alignItems:"center",display:"flex",height:"20px",justifyContent:"flex-end",minWidth:"40px"})),c=({fdKey:o,label:t,showLabel:s,value:d,...c})=>{const h=r(),f=i(()=>t||(void 0!==d?`${d}%`:void 0),[t,d]);return e(n,{children:[a(l,{flex:1,children:a(m,{"aria-label":!s&&f?f:void 0,"aria-labelledby":s&&f?h:void 0,...c,"data-fd":o,value:d})}),s&&a(p,{children:a(u,{id:h,variant:"captionWeak",children:f})})]})};export{c as LinearProgress,c as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/LinearProgress/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/LinearProgress/index.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\n\nimport MuiLinearProgress, {\n linearProgressClasses,\n type LinearProgressProps as MuiLinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\nimport styled from '@fd/utilities/styledUtilities';\n\nconst StyledLinearProgress = styled(MuiLinearProgress)(({ theme }) => {\n return {\n height: 8,\n [`&.${linearProgressClasses.root}`]: {\n borderRadius: theme.radius['radius-8'],\n overflow: 'hidden',\n backgroundColor: theme.palette.semantic.fill['fill-weak'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.grey[800],\n }),\n boxShadow: theme.customShadows?.sunken,\n },\n [`&.${linearProgressClasses.colorPrimary} .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n }),\n },\n [`& .${linearProgressClasses.bar1}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.bar2}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.dashed}`]: {\n marginTop: 2,\n },\n };\n});\n\nexport interface LinearProgressProps extends MuiLinearProgressProps {\n fdKey?: string;\n label?: string;\n showLabel?: boolean;\n}\n\nconst StyledBox = styled(Box)(({ theme }) => ({\n lineHeight: '20px',\n gap: theme.spacing(1),\n alignItems: 'center',\n display: 'flex',\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst LabelBox = styled(Box)(() => ({\n alignItems: 'center',\n display: 'flex',\n height: '20px',\n justifyContent: 'flex-end',\n minWidth: '40px',\n}));\n\n/*\n Props for the themed LinearProgress component.\n * Extends MUI's LinearProgressProps.\n * - label: Optional label text (falls back to percentage when `value` is provided).\n * - showLabel: When true, renders the label to the right of the bar.\n * - color: we don't support changing the color in our design\n */\nexport const LinearProgress: React.FC<Omit<LinearProgressProps, 'color'>> = ({\n fdKey,\n label,\n showLabel,\n value,\n ...rest\n}) => {\n const labelId = useId();\n const parsedLabel = useMemo(() => label \|\| (value !== undefined ? `${value}%` : undefined), [label, value]);\n return (\n <StyledBox>\n <Box flex={1}>\n <StyledLinearProgress\n aria-label={!showLabel && parsedLabel ? parsedLabel : undefined}\n aria-labelledby={showLabel && parsedLabel ? labelId : undefined}\n {...rest}\n data-fd={fdKey}\n value={value}\n />\n </Box>\n {showLabel && (\n <LabelBox>\n <StyledTypography id={labelId} variant=\"captionWeak\">\n {parsedLabel}\n </StyledTypography>\n </LabelBox>\n )}\n </StyledBox>\n );\n};\n\nexport default LinearProgress;\n\nexport { linearProgressClasses };\n"],"names":["StyledLinearProgress","styled","MuiLinearProgress","theme","height","linearProgressClasses","root","borderRadius","radius","overflow","backgroundColor","palette","semantic","fill","applyStyles","grey","boxShadow","customShadows","sunken","colorPrimary","bar","bar1","bar2","dashed","marginTop","StyledBox","Box","lineHeight","gap","spacing","alignItems","display","StyledTypography","Typography","color","text","LabelBox","justifyContent","minWidth","LinearProgress","fdKey","label","showLabel","value","rest","labelId","useId","parsedLabel","useMemo","undefined","_jsxs","children","_jsx","flex","id","variant"],"mappings":"4VAWA,MAAMA,EAAuBC,EAAOC,EAAPD,~~EAA0B~~,EAAGE,YACjD,CACLC,OAAQ,EACR,CAAC,KAAKC,EAAsBC,QAAS,CACnCC,aAAcJ,EAAMK,OAAO,YAC3BC,SAAU,SACVC,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,gBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQI,KAAK,OAEtCC,UAAWb,EAAMc,eAAeC,QAElC,CAAC,KAAKb,EAAsBc,iBAAiBd,EAAsBe,OAAQ,CACzEV,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAGjD,CAAC,MAAMR,EAAsBgB,QAAS,CACpCd,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,EAAsBiB,QAAS,CACpCf,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,EAAsBkB,UAAW,CACtCC,UAAW,~~OAWXC~~,EAAYxB,EAAOyB,EAAPzB,~~EAAY~~,EAAGE,YAAO,CACtCwB,WAAY,OACZC,IAAKzB,EAAM0B,QAAQ,GACnBC,WAAY,SACZC,QAAS,~~WAGLC~~,EAAmB/B,EAAOgC,EAAPhC,~~EAAmB~~,EAAGE,YAAO,CACpD+B,MAAO/B,EAAMQ,QAAQC,SAASuB,KAAK,~~iBAG~~/BC,EAAWnC,EAAOyB,EAAPzB,~~EAAY~~,KAAA,CAC3B6B,WAAY,SACZC,QAAS,OACT3B,OAAQ,OACRiC,eAAgB,WAChBC,SAAU,~~WAUCC~~,EAA+D,EAC1EC,QACAC,QACAC,YACAC,WACGC,MAEH,MAAMC,EAAUC,IACVC,EAAcC,~~GAAQ~~,IAAMP,SAAoBQ,IAAVN,EAAsB,GAAGA,UAAWM,~~IAAY~~,CAACR,EAAOE,IACpG,OACEO,EAACzB,EAAS,CAAA0B,SAAA,CACRC,EAAC1B,EAAG,CAAC2B,KAAM,EAACF,SACVC,EAACpD,EAAoB,CAAA,cACN0C,GAAaK,EAAcA,OAAcE,EAAS,kBAC9CP,GAAaK,EAAcF,OAAUI,KAClDL,EAAI,UACCJ,EACTG,MAAOA,MAGVD,GACCU,EAAChB,EAAQ,CAAAe,SACPC,EAACpB,EAAgB,CAACsB,GAAIT,EAASU,QAAQ,cAAaJ,SACjDJ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/LinearProgress/index.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\n\nimport MuiLinearProgress, {\n linearProgressClasses,\n type LinearProgressProps as MuiLinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nimport Box from '@fd/components/atoms/Box';\nimport Typography from '@fd/components/atoms/Typography';\nimport styled from '@fd/utilities/styledUtilities';\n\nconst StyledLinearProgress = styled(MuiLinearProgress)(({ theme }) => {\n return {\n height: 8,\n [`&.${linearProgressClasses.root}`]: {\n borderRadius: theme.radius['radius-8'],\n overflow: 'hidden',\n backgroundColor: theme.palette.semantic.fill['fill-weak'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.grey[800],\n }),\n boxShadow: theme.customShadows?.sunken,\n },\n [`&.${linearProgressClasses.colorPrimary} .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n ...theme.applyStyles('dark', {\n backgroundColor: theme.palette.semantic.fill['fill-selected'],\n }),\n },\n [`& .${linearProgressClasses.bar1}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.bar2}`]: {\n borderRadius: theme.radius['radius-8'],\n boxShadow: theme.customShadows?.sunken,\n },\n [`& .${linearProgressClasses.dashed}`]: {\n marginTop: 2,\n },\n };\n});\n\nexport interface LinearProgressProps extends MuiLinearProgressProps {\n fdKey?: string;\n label?: string;\n showLabel?: boolean;\n}\n\nconst StyledBox = styled(Box)(({ theme }) => ({\n lineHeight: '20px',\n gap: theme.spacing(1),\n alignItems: 'center',\n display: 'flex',\n}));\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst LabelBox = styled(Box)(() => ({\n alignItems: 'center',\n display: 'flex',\n height: '20px',\n justifyContent: 'flex-end',\n minWidth: '40px',\n}));\n\n/*\n Props for the themed LinearProgress component.\n * Extends MUI's LinearProgressProps.\n * - label: Optional label text (falls back to percentage when `value` is provided).\n * - showLabel: When true, renders the label to the right of the bar.\n * - color: we don't support changing the color in our design\n */\nexport const LinearProgress: React.FC<Omit<LinearProgressProps, 'color'>> = ({\n fdKey,\n label,\n showLabel,\n value,\n ...rest\n}) => {\n const labelId = useId();\n const parsedLabel = useMemo(() => label \|\| (value !== undefined ? `${value}%` : undefined), [label, value]);\n return (\n <StyledBox>\n <Box flex={1}>\n <StyledLinearProgress\n aria-label={!showLabel && parsedLabel ? parsedLabel : undefined}\n aria-labelledby={showLabel && parsedLabel ? labelId : undefined}\n {...rest}\n data-fd={fdKey}\n value={value}\n />\n </Box>\n {showLabel && (\n <LabelBox>\n <StyledTypography id={labelId} variant=\"captionWeak\">\n {parsedLabel}\n </StyledTypography>\n </LabelBox>\n )}\n </StyledBox>\n );\n};\n\nexport default LinearProgress;\n\nexport { linearProgressClasses };\n"],"names":["StyledLinearProgress","styled","MuiLinearProgress","theme","height","linearProgressClasses","root","borderRadius","radius","overflow","backgroundColor","palette","semantic","fill","applyStyles","grey","boxShadow","customShadows","sunken","colorPrimary","bar","bar1","bar2","dashed","marginTop","StyledBox","Box","lineHeight","gap","spacing","alignItems","display","StyledTypography","Typography","color","text","LabelBox","justifyContent","minWidth","LinearProgress","fdKey","label","showLabel","value","rest","labelId","useId","parsedLabel","useMemo","undefined","_jsxs","children","_jsx","flex","id","variant"],"mappings":"4VAWA,MAAMA,EAAuBC,EAAOC,EAAPD,CAA0B,EAAGE,YACjD,CACLC,OAAQ,EACR,CAAC,KAAKC,EAAsBC,QAAS,CACnCC,aAAcJ,EAAMK,OAAO,YAC3BC,SAAU,SACVC,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,gBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQI,KAAK,OAEtCC,UAAWb,EAAMc,eAAeC,QAElC,CAAC,KAAKb,EAAsBc,iBAAiBd,EAAsBe,OAAQ,CACzEV,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAC1CV,EAAMW,YAAY,OAAQ,CAC3BJ,gBAAiBP,EAAMQ,QAAQC,SAASC,KAAK,oBAGjD,CAAC,MAAMR,EAAsBgB,QAAS,CACpCd,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,EAAsBiB,QAAS,CACpCf,aAAcJ,EAAMK,OAAO,YAC3BQ,UAAWb,EAAMc,eAAeC,QAElC,CAAC,MAAMb,EAAsBkB,UAAW,CACtCC,UAAW,MAWXC,EAAYxB,EAAOyB,EAAPzB,CAAY,EAAGE,YAAO,CACtCwB,WAAY,OACZC,IAAKzB,EAAM0B,QAAQ,GACnBC,WAAY,SACZC,QAAS,UAGLC,EAAmB/B,EAAOgC,EAAPhC,CAAmB,EAAGE,YAAO,CACpD+B,MAAO/B,EAAMQ,QAAQC,SAASuB,KAAK,gBAG/BC,EAAWnC,EAAOyB,EAAPzB,CAAY,KAAA,CAC3B6B,WAAY,SACZC,QAAS,OACT3B,OAAQ,OACRiC,eAAgB,WAChBC,SAAU,UAUCC,EAA+D,EAC1EC,QACAC,QACAC,YACAC,WACGC,MAEH,MAAMC,EAAUC,IACVC,EAAcC,EAAQ,IAAMP,SAAoBQ,IAAVN,EAAsB,GAAGA,UAAWM,GAAY,CAACR,EAAOE,IACpG,OACEO,EAACzB,EAAS,CAAA0B,SAAA,CACRC,EAAC1B,EAAG,CAAC2B,KAAM,EAACF,SACVC,EAACpD,EAAoB,CAAA,cACN0C,GAAaK,EAAcA,OAAcE,EAAS,kBAC9CP,GAAaK,EAAcF,OAAUI,KAClDL,EAAI,UACCJ,EACTG,MAAOA,MAGVD,GACCU,EAAChB,EAAQ,CAAAe,SACPC,EAACpB,EAAgB,CAACsB,GAAIT,EAASU,QAAQ,cAAaJ,SACjDJ"}

package/dist/components/atoms/Link/getLinkStyles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getLinkStyles.cjs.js","sources":["../../../../src/components/atoms/Link/getLinkStyles.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\nimport { type LinkState } from '.';\n\nexport type LinkTone = 'Brand' \| 'Destructive' \| 'Inverse Strong' \| 'Inverse Weak' \| 'Neutral Strong' \| 'Neutral Weak' \| undefined;\n\ninterface StyleObject {\n [property: string]: number \| string;\n}\n\ntype LinkStyles = {\n [state in LinkState]?: StyleObject;\n};\n\nexport const getLinkStyles = (theme: Theme, tone: LinkTone = 'Brand', underline: boolean = true): LinkStyles => {\n const textType = getTextType(tone);\n const disabledType = getDisabledType(tone);\n\n return {\n default: {\n color: theme.palette.semantic.text[textType],\n cursor: 'pointer',\n borderRadius: theme.radius?.['radius-4'],\n padding: theme.spacing(0.5, 0.5),\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n textDecoration: underline ? 'underline' : 'none',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n },\n disabled: {\n color: theme.palette.semantic.text[disabledType],\n cursor: 'not-allowed',\n textDecoration: 'none',\n },\n press: {\n textDecoration: underline ? 'none' : 'underline',\n },\n focus: {\n outlineOffset: '-2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'none',\n },\n hover: {\n textDecoration: underline ? 'none' : 'underline',\n },\n };\n\n}\n\nconst getTextType = (tone: LinkTone)~~: 'text-primary'~~ \| 'text-error' \| 'text-inverse-strong' \| 'text-inverse-weak' \| 'text-strong' \| 'text-weak' => {\n switch (tone) {\n case 'Brand':\n return 'text-primary';\n case 'Destructive':\n return 'text-error';\n case 'Inverse Strong':\n return 'text-inverse-strong';\n case 'Inverse Weak':\n return 'text-inverse-weak';\n case 'Neutral Strong':\n return 'text-strong';\n case 'Neutral Weak':\n return 'text-weak';\n default:\n return 'text-primary';\n }\n};\n\nconst getDisabledType = (tone: LinkTone): 'text-~~inverse-~~disabled' \| 'text-disabled' => {\n switch (tone) {\n case 'Inverse Strong':\n case 'Inverse Weak':\n return 'text-inverse-disabled';\n default:\n return 'text-disabled';\n }\n};"],"names":["getTextType","tone","getDisabledType","theme","underline","textType","disabledType","default","color","palette","semantic","text","cursor","borderRadius","radius","padding","spacing","display","alignItems","gap","textDecoration","textUnderlineOffset","textUnderlinePosition","disabled","press","focus","outlineOffset","outline","stroke","transition","hover"],"mappings":"~~uEAaO~~,~~MAsCDA~~,~~EAAeC~~,~~IACnB~~,OAAQA,GACN,IAAK,QAYL,QACE,MAAO,eAXT,IAAK,cACH,MAAO,aACT,IAAK,iBACH,MAAO,sBACT,IAAK,eACH,MAAO,oBACT,IAAK,iBACH,MAAO,cACT,IAAK,eACH,MAAO,cAMPC,EAAmBD,IACvB,OAAQA,GACN,IAAK,iBACL,IAAK,eACH,MAAO,wBACT,QACE,MAAO,~~wCA/DgB~~,~~CAACE~~,~~EAAcF~~,EAAiB,~~QAASG~~,GAAqB,~~KACzF~~,MAAMC,EAAWL,EAAYC,GACvBK,EAAeJ,EAAgBD,GAErC,MAAO,CACLM,QAAS,CACPC,MAAOL,EAAMM,QAAQC,SAASC,KAAKN,GACnCO,OAAQ,UACRC,aAAcV,EAAMW,SAAS,YAC7BC,QAASZ,EAAMa,QAAQ,GAAK,IAC5BC,QAAS,cACTC,WAAY,SACZC,IAAKhB,EAAMa,QAAQ,GACnBI,eAAgBhB,EAAY,YAAc,OAC1CiB,oBAAqB,MACrBC,sBAAuB,aAEzBC,SAAU,CACRf,MAAOL,EAAMM,QAAQC,SAASC,KAAKL,GACnCM,OAAQ,cACRQ,eAAgB,QAElBI,MAAO,CACLJ,eAAgBhB,EAAY,OAAS,aAEvCqB,MAAO,CACLC,cAAe,OACfC,QAAS,aAAaxB,EAAMM,QAAQC,SAASkB,OAAO,kBACpDf,aAAcV,EAAMW,SAAS,aAAe,MAC5Ce,WAAY,QAEdC,MAAO,CACLV,eAAgBhB,EAAY,OAAS"}
1	+ {"version":3,"file":"getLinkStyles.cjs.js","sources":["../../../../src/components/atoms/Link/getLinkStyles.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { type LinkState } from '.';\n\nexport type LinkTone =\n \| 'Brand'\n \| 'Destructive'\n \| 'Inverse Strong'\n \| 'Inverse Weak'\n \| 'Neutral Strong'\n \| 'Neutral Weak'\n \| undefined;\n\ninterface StyleObject {\n [property: string]: number \| string;\n}\n\ntype LinkStyles = {\n [state in LinkState]?: StyleObject;\n};\n\nexport const getLinkStyles = (\n theme: Theme,\n tone: LinkTone = 'Brand',\n underline: boolean = true,\n): LinkStyles => {\n const textType = getTextType(tone);\n const disabledType = getDisabledType(tone);\n\n return {\n default: {\n color: theme.palette.semantic.text[textType],\n cursor: 'pointer',\n borderRadius: theme.radius?.['radius-4'],\n padding: theme.spacing(0.5, 0.5),\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n textDecoration: underline ? 'underline' : 'none',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n },\n disabled: {\n color: theme.palette.semantic.text[disabledType],\n cursor: 'not-allowed',\n textDecoration: 'none',\n },\n press: {\n textDecoration: underline ? 'none' : 'underline',\n },\n focus: {\n outlineOffset: '-2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'none',\n },\n hover: {\n textDecoration: underline ? 'none' : 'underline',\n },\n };\n};\n\nconst getTextType = (\n tone: LinkTone,\n):\n \| 'text-error'\n \| 'text-inverse-strong'\n \| 'text-inverse-weak'\n \| 'text-primary'\n \| 'text-strong'\n \| 'text-weak' => {\n switch (tone) {\n case 'Brand':\n return 'text-primary';\n case 'Destructive':\n return 'text-error';\n case 'Inverse Strong':\n return 'text-inverse-strong';\n case 'Inverse Weak':\n return 'text-inverse-weak';\n case 'Neutral Strong':\n return 'text-strong';\n case 'Neutral Weak':\n return 'text-weak';\n default:\n return 'text-primary';\n }\n};\n\nconst getDisabledType = (tone: LinkTone): 'text-disabled' \| 'text-inverse-disabled' => {\n switch (tone) {\n case 'Inverse Strong':\n case 'Inverse Weak':\n return 'text-inverse-disabled';\n default:\n return 'text-disabled';\n }\n};\n"],"names":["getTextType","tone","getDisabledType","theme","underline","textType","disabledType","default","color","palette","semantic","text","cursor","borderRadius","radius","padding","spacing","display","alignItems","gap","textDecoration","textUnderlineOffset","textUnderlinePosition","disabled","press","focus","outlineOffset","outline","stroke","transition","hover"],"mappings":"uEAqBO,MAyCDA,EACJC,IAQA,OAAQA,GACN,IAAK,QAYL,QACE,MAAO,eAXT,IAAK,cACH,MAAO,aACT,IAAK,iBACH,MAAO,sBACT,IAAK,eACH,MAAO,oBACT,IAAK,iBACH,MAAO,cACT,IAAK,eACH,MAAO,cAMPC,EAAmBD,IACvB,OAAQA,GACN,IAAK,iBACL,IAAK,eACH,MAAO,wBACT,QACE,MAAO,wCA1EgB,CAC3BE,EACAF,EAAiB,QACjBG,GAAqB,KAErB,MAAMC,EAAWL,EAAYC,GACvBK,EAAeJ,EAAgBD,GAErC,MAAO,CACLM,QAAS,CACPC,MAAOL,EAAMM,QAAQC,SAASC,KAAKN,GACnCO,OAAQ,UACRC,aAAcV,EAAMW,SAAS,YAC7BC,QAASZ,EAAMa,QAAQ,GAAK,IAC5BC,QAAS,cACTC,WAAY,SACZC,IAAKhB,EAAMa,QAAQ,GACnBI,eAAgBhB,EAAY,YAAc,OAC1CiB,oBAAqB,MACrBC,sBAAuB,aAEzBC,SAAU,CACRf,MAAOL,EAAMM,QAAQC,SAASC,KAAKL,GACnCM,OAAQ,cACRQ,eAAgB,QAElBI,MAAO,CACLJ,eAAgBhB,EAAY,OAAS,aAEvCqB,MAAO,CACLC,cAAe,OACfC,QAAS,aAAaxB,EAAMM,QAAQC,SAASkB,OAAO,kBACpDf,aAAcV,EAAMW,SAAS,aAAe,MAC5Ce,WAAY,QAEdC,MAAO,CACLV,eAAgBhB,EAAY,OAAS"}

package/dist/components/atoms/Link/getLinkStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getLinkStyles.js","sources":["../../../../src/components/atoms/Link/getLinkStyles.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\nimport { type LinkState } from '.';\n\nexport type LinkTone = 'Brand' \| 'Destructive' \| 'Inverse Strong' \| 'Inverse Weak' \| 'Neutral Strong' \| 'Neutral Weak' \| undefined;\n\ninterface StyleObject {\n [property: string]: number \| string;\n}\n\ntype LinkStyles = {\n [state in LinkState]?: StyleObject;\n};\n\nexport const getLinkStyles = (theme: Theme, tone: LinkTone = 'Brand', underline: boolean = true): LinkStyles => {\n const textType = getTextType(tone);\n const disabledType = getDisabledType(tone);\n\n return {\n default: {\n color: theme.palette.semantic.text[textType],\n cursor: 'pointer',\n borderRadius: theme.radius?.['radius-4'],\n padding: theme.spacing(0.5, 0.5),\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n textDecoration: underline ? 'underline' : 'none',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n },\n disabled: {\n color: theme.palette.semantic.text[disabledType],\n cursor: 'not-allowed',\n textDecoration: 'none',\n },\n press: {\n textDecoration: underline ? 'none' : 'underline',\n },\n focus: {\n outlineOffset: '-2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'none',\n },\n hover: {\n textDecoration: underline ? 'none' : 'underline',\n },\n };\n\n}\n\nconst getTextType = (tone: LinkTone)~~: 'text-primary'~~ \| 'text-error' \| 'text-inverse-strong' \| 'text-inverse-weak' \| 'text-strong' \| 'text-weak' => {\n switch (tone) {\n case 'Brand':\n return 'text-primary';\n case 'Destructive':\n return 'text-error';\n case 'Inverse Strong':\n return 'text-inverse-strong';\n case 'Inverse Weak':\n return 'text-inverse-weak';\n case 'Neutral Strong':\n return 'text-strong';\n case 'Neutral Weak':\n return 'text-weak';\n default:\n return 'text-primary';\n }\n};\n\nconst getDisabledType = (tone: LinkTone): 'text-~~inverse-~~disabled' \| 'text-disabled' => {\n switch (tone) {\n case 'Inverse Strong':\n case 'Inverse Weak':\n return 'text-inverse-disabled';\n default:\n return 'text-disabled';\n }\n};"],"names":["getLinkStyles","theme","tone","underline","textType","getTextType","disabledType","getDisabledType","default","color","palette","semantic","text","cursor","borderRadius","radius","padding","spacing","display","alignItems","gap","textDecoration","textUnderlineOffset","textUnderlinePosition","disabled","press","focus","outlineOffset","outline","stroke","transition","hover"],"mappings":"~~gDAaO~~,MAAMA,EAAgB,~~CAACC~~,~~EAAcC~~,EAAiB,~~QAASC~~,GAAqB,~~KACzF~~,MAAMC,EAAWC,EAAYH,GACvBI,EAAeC,EAAgBL,GAErC,MAAO,CACLM,QAAS,CACPC,MAAOR,EAAMS,QAAQC,SAASC,KAAKR,GACnCS,OAAQ,UACRC,aAAcb,EAAMc,SAAS,YAC7BC,QAASf,EAAMgB,QAAQ,GAAK,IAC5BC,QAAS,cACTC,WAAY,SACZC,IAAKnB,EAAMgB,QAAQ,GACnBI,eAAgBlB,EAAY,YAAc,OAC1CmB,oBAAqB,MACrBC,sBAAuB,aAEzBC,SAAU,CACRf,MAAOR,EAAMS,QAAQC,SAASC,KAAKN,GACnCO,OAAQ,cACRQ,eAAgB,QAElBI,MAAO,CACLJ,eAAgBlB,EAAY,OAAS,aAEvCuB,MAAO,CACLC,cAAe,OACfC,QAAS,aAAa3B,EAAMS,QAAQC,SAASkB,OAAO,kBACpDf,aAAcb,EAAMc,SAAS,aAAe,MAC5Ce,WAAY,QAEdC,MAAO,CACLV,eAAgBlB,EAAY,OAAS,~~eAMrCE~~,~~EAAeH~~,~~IACnB~~,OAAQA,GACN,IAAK,QAYL,QACE,MAAO,eAXT,IAAK,cACH,MAAO,aACT,IAAK,iBACH,MAAO,sBACT,IAAK,eACH,MAAO,oBACT,IAAK,iBACH,MAAO,cACT,IAAK,eACH,MAAO,cAMPK,EAAmBL,IACvB,OAAQA,GACN,IAAK,iBACL,IAAK,eACH,MAAO,wBACT,QACE,MAAO"}
1	+ {"version":3,"file":"getLinkStyles.js","sources":["../../../../src/components/atoms/Link/getLinkStyles.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { type LinkState } from '.';\n\nexport type LinkTone =\n \| 'Brand'\n \| 'Destructive'\n \| 'Inverse Strong'\n \| 'Inverse Weak'\n \| 'Neutral Strong'\n \| 'Neutral Weak'\n \| undefined;\n\ninterface StyleObject {\n [property: string]: number \| string;\n}\n\ntype LinkStyles = {\n [state in LinkState]?: StyleObject;\n};\n\nexport const getLinkStyles = (\n theme: Theme,\n tone: LinkTone = 'Brand',\n underline: boolean = true,\n): LinkStyles => {\n const textType = getTextType(tone);\n const disabledType = getDisabledType(tone);\n\n return {\n default: {\n color: theme.palette.semantic.text[textType],\n cursor: 'pointer',\n borderRadius: theme.radius?.['radius-4'],\n padding: theme.spacing(0.5, 0.5),\n display: 'inline-flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n textDecoration: underline ? 'underline' : 'none',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n },\n disabled: {\n color: theme.palette.semantic.text[disabledType],\n cursor: 'not-allowed',\n textDecoration: 'none',\n },\n press: {\n textDecoration: underline ? 'none' : 'underline',\n },\n focus: {\n outlineOffset: '-2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'none',\n },\n hover: {\n textDecoration: underline ? 'none' : 'underline',\n },\n };\n};\n\nconst getTextType = (\n tone: LinkTone,\n):\n \| 'text-error'\n \| 'text-inverse-strong'\n \| 'text-inverse-weak'\n \| 'text-primary'\n \| 'text-strong'\n \| 'text-weak' => {\n switch (tone) {\n case 'Brand':\n return 'text-primary';\n case 'Destructive':\n return 'text-error';\n case 'Inverse Strong':\n return 'text-inverse-strong';\n case 'Inverse Weak':\n return 'text-inverse-weak';\n case 'Neutral Strong':\n return 'text-strong';\n case 'Neutral Weak':\n return 'text-weak';\n default:\n return 'text-primary';\n }\n};\n\nconst getDisabledType = (tone: LinkTone): 'text-disabled' \| 'text-inverse-disabled' => {\n switch (tone) {\n case 'Inverse Strong':\n case 'Inverse Weak':\n return 'text-inverse-disabled';\n default:\n return 'text-disabled';\n }\n};\n"],"names":["getLinkStyles","theme","tone","underline","textType","getTextType","disabledType","getDisabledType","default","color","palette","semantic","text","cursor","borderRadius","radius","padding","spacing","display","alignItems","gap","textDecoration","textUnderlineOffset","textUnderlinePosition","disabled","press","focus","outlineOffset","outline","stroke","transition","hover"],"mappings":"gDAqBO,MAAMA,EAAgB,CAC3BC,EACAC,EAAiB,QACjBC,GAAqB,KAErB,MAAMC,EAAWC,EAAYH,GACvBI,EAAeC,EAAgBL,GAErC,MAAO,CACLM,QAAS,CACPC,MAAOR,EAAMS,QAAQC,SAASC,KAAKR,GACnCS,OAAQ,UACRC,aAAcb,EAAMc,SAAS,YAC7BC,QAASf,EAAMgB,QAAQ,GAAK,IAC5BC,QAAS,cACTC,WAAY,SACZC,IAAKnB,EAAMgB,QAAQ,GACnBI,eAAgBlB,EAAY,YAAc,OAC1CmB,oBAAqB,MACrBC,sBAAuB,aAEzBC,SAAU,CACRf,MAAOR,EAAMS,QAAQC,SAASC,KAAKN,GACnCO,OAAQ,cACRQ,eAAgB,QAElBI,MAAO,CACLJ,eAAgBlB,EAAY,OAAS,aAEvCuB,MAAO,CACLC,cAAe,OACfC,QAAS,aAAa3B,EAAMS,QAAQC,SAASkB,OAAO,kBACpDf,aAAcb,EAAMc,SAAS,aAAe,MAC5Ce,WAAY,QAEdC,MAAO,CACLV,eAAgBlB,EAAY,OAAS,eAKrCE,EACJH,IAQA,OAAQA,GACN,IAAK,QAYL,QACE,MAAO,eAXT,IAAK,cACH,MAAO,aACT,IAAK,iBACH,MAAO,sBACT,IAAK,eACH,MAAO,oBACT,IAAK,iBACH,MAAO,cACT,IAAK,eACH,MAAO,cAMPK,EAAmBL,IACvB,OAAQA,GACN,IAAK,iBACL,IAAK,eACH,MAAO,wBACT,QACE,MAAO"}

package/dist/components/atoms/Link/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Link"),r=require("@mui/material/styles"),n=require("./getLinkStyles.cjs.js");const i=r.styled(t,{shouldForwardProp:e=>!["tone","size","weight","contentState","underline","fdKey","iconLeft","iconRight"].includes(e)})((({theme:e,tone:t="Brand",size:r="body",weight:i="regular",underline:o,contentState:a="default"})=>{const s=n.getLinkStyles(e,t,o),c=e.typography[l(r,i)];return{...s.default,...s[a],...c,"&:hover":{...s.hover},"&:focus:not(:focus-visible)":{outline:"none"},"&:focus-visible":{...s.focus},"&:active":{...s.press},"& > svg":{flexShrink:0,verticalAlign:"middle",width:"20px",height:"20px"}}})),o=t=>{const{children:r,className:n,fdKey:o,href:l,contentState:a="default",target:s,rel:c,tone:u="Brand",underline:d=!0,size:f="body",weight:h="regular",iconLeft:g=null,iconRight:p=null,...y}=t,b={...y,className:n,"data-fd":o,fdKey:o,href:l,iconLeft:g,iconRight:p,rel:"_blank"!==s||c?c:"noopener noreferrer",size:f,contentState:a,target:s,tone:u,underline:d,weight:h};return e.jsxs(i,{...b,children:[g,r,p]})},l=(e,t)=>"caption"===e?"bold"===t?"captionStrong":"captionWeak":"body"===e&&"bold"===t?"b1Strong":"b1Weak";exports.Link=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Link"),r=require("@mui/material/styles"),n=require("./getLinkStyles.cjs.js");const i=r.styled(t,{shouldForwardProp:e=>!["tone","size","weight","contentState","underline","fdKey","iconLeft","iconRight"].includes(e)})(({theme:e,tone:t="Brand",size:r="body",weight:i="regular",underline:o,contentState:a="default"})=>{const s=n.getLinkStyles(e,t,o),c=e.typography[l(r,i)];return{...s.default,...s[a],...c,"&:hover":{...s.hover},"&:focus:not(:focus-visible)":{outline:"none"},"&:focus-visible":{...s.focus},"&:active":{...s.press},"& > svg":{flexShrink:0,verticalAlign:"middle",width:"20px",height:"20px"}}}),o=t=>{const{children:r,className:n,fdKey:o,href:l,contentState:a="default",target:s,rel:c,tone:u="Brand",underline:d=!0,size:f="body",weight:h="regular",iconLeft:g=null,iconRight:p=null,...y}=t,b={...y,className:n,"data-fd":o,fdKey:o,href:l,iconLeft:g,iconRight:p,rel:"_blank"!==s||c?c:"noopener noreferrer",size:f,contentState:a,target:s,tone:u,underline:d,weight:h};return e.jsxs(i,{...b,children:[g,r,p]})},l=(e,t)=>"caption"===e?"bold"===t?"captionStrong":"captionWeak":"body"===e&&"bold"===t?"b1Strong":"b1Weak";exports.Link=o,exports.default=o;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Link/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Link/index.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\n\nimport MuiLink, { type LinkProps, type LinkProps as MuiLinkProps } from '@mui/material/Link';\nimport { styled } from '@mui/material/styles';\n\nimport { getLinkStyles, type LinkTone } from './getLinkStyles';\n\nexport type LinkSize = 'body' \| 'caption';\nexport type LinkWeight = 'bold' \| 'regular';\nexport type LinkState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\nexport interface StyledLinkProps extends Omit<MuiLinkProps, 'color' \| 'underline'> {\n className?: string;\n contentState?: LinkState;\n children: React.ReactNode;\n href?: string;\n target?: '_blank' \| '_parent' \| '_self' \| '_top';\n rel?: string;\n fdKey: string;\n tone?: LinkTone;\n underline?: boolean;\n size?: LinkSize;\n weight?: LinkWeight;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n}\n\nconst StyledLink = styled(MuiLink, {\n shouldForwardProp: (prop: string) =>\n !['tone', 'size', 'weight', 'contentState', 'underline', 'fdKey', 'iconLeft', 'iconRight'].includes(prop),\n})<StyledLinkProps>(({\n theme,\n tone = 'Brand',\n size = 'body',\n weight = 'regular',\n underline,\n contentState = 'default',\n}) => {\n const styles = getLinkStyles(theme, tone, underline);\n\n const typographyStyle = theme.typography[getTypographyVariant(size, weight)];\n\n return {\n ...styles.default,\n ...styles[contentState],\n ...typographyStyle,\n\n '&:hover': {\n ...styles.hover,\n },\n '&:focus:not(:focus-visible)': {\n outline: 'none', // Hide focus ring for mouse/touch only\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': {\n ...styles.press,\n },\n // Style icons\n '& > svg': {\n flexShrink: 0,\n verticalAlign: 'middle',\n width: '20px',\n height: '20px',\n },\n };\n});\n\nexport const Link = (props: StyledLinkProps): ReactElement => {\n const {\n children,\n className,\n fdKey,\n href,\n contentState = 'default',\n target,\n rel,\n tone = 'Brand',\n underline = true,\n size = 'body',\n weight = 'regular',\n iconLeft = null,\n iconRight = null,\n ...rest\n } = props;\n // Automatically add rel=\"noopener noreferrer\" for external links\n const linkRel = target === '_blank' && !rel ? 'noopener noreferrer' : rel;\n\n const styledLinkProps = {\n ...rest,\n className,\n 'data-fd': fdKey,\n fdKey,\n href,\n iconLeft,\n iconRight,\n rel: linkRel,\n size,\n contentState,\n target,\n tone,\n underline,\n weight,\n } as unknown as React.ComponentProps<typeof StyledLink>;\n\n return (\n <StyledLink {...styledLinkProps}>\n {iconLeft}\n {children}\n {iconRight}\n </StyledLink>\n );\n};\n\nconst getTypographyVariant = (\n size: LinkSize,\n weight: LinkWeight,\n): 'b1Strong' \| 'b1Weak' \| 'captionStrong' \| 'captionWeak' => {\n if (size === 'caption') {\n return weight === 'bold' ? 'captionStrong' : 'captionWeak';\n }\n if (size === 'body') {\n return weight === 'bold' ? 'b1Strong' : 'b1Weak';\n }\n return 'b1Weak';\n};\n\nexport default Link;\nexport type { LinkProps };\n"],"names":["StyledLink","styled","MuiLink","shouldForwardProp","prop","includes","theme","tone","size","weight","underline","contentState","styles","getLinkStyles","typographyStyle","typography","getTypographyVariant","default","hover","outline","focus","press","flexShrink","verticalAlign","width","height","Link","props","children","className","fdKey","href","target","rel","iconLeft","iconRight","rest","styledLinkProps","_jsxs"],"mappings":"kOA2BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAS,CACjCC,kBAAoBC,IACjB,CAAC,OAAQ,OAAQ,SAAU,eAAgB,YAAa,QAAS,WAAY,aAAaC,SAASD,IAFrFH,~~EAGC~~,EAClBK,QACAC,OAAO,QACPC,OAAO,OACPC,SAAS,UACTC,YACAC,eAAe,cAEf,MAAMC,EAASC,EAAAA,cAAcP,EAAOC,EAAMG,GAEpCI,EAAkBR,EAAMS,WAAWC,EAAqBR,EAAMC,IAEpE,MAAO,IACFG,EAAOK,WACPL,EAAOD,MACPG,EAEH,UAAW,IACNF,EAAOM,OAEZ,8BAA+B,CAC7BC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IACPR,EAAOS,OAGZ,UAAW,CACTC,WAAY,EACZC,cAAe,SACfC,MAAO,OACPC,OAAQ,~~YAKDC~~,EAAQC,IACnB,MAAMC,SACJA,EAAQC,UACRA,EAASC,MACTA,EAAKC,KACLA,EAAIpB,aACJA,EAAe,UAASqB,OACxBA,EAAMC,IACNA,EAAG1B,KACHA,EAAO,QAAOG,UACdA,GAAY,EAAIF,KAChBA,EAAO,OAAMC,OACbA,EAAS,UAASyB,SAClBA,EAAW,KAAIC,UACfA,EAAY,QACTC,GACDT,EAIEU,EAAkB,IACnBD,EACHP,YACA,UAAWC,EACXA,QACAC,OACAG,WACAC,YACAF,IAVyB,WAAXD,GAAwBC,EAA8BA,EAAxB,sBAW5CzB,OACAG,eACAqB,SACAzB,OACAG,YACAD,UAGF,OACE6B,EAAAA,KAACtC,EAAU,IAAKqC,EAAeT,SAAA,CAC5BM,EACAN,EACAO,MAKDnB,EAAuB,CAC3BR,EACAC,IAEa,YAATD,EACgB,SAAXC,EAAoB,gBAAkB,cAElC,SAATD,GACgB,SAAXC,EAAoB,WAEtB"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Link/index.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\n\nimport MuiLink, { type LinkProps, type LinkProps as MuiLinkProps } from '@mui/material/Link';\nimport { styled } from '@mui/material/styles';\n\nimport { getLinkStyles, type LinkTone } from './getLinkStyles';\n\nexport type LinkSize = 'body' \| 'caption';\nexport type LinkWeight = 'bold' \| 'regular';\nexport type LinkState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\nexport interface StyledLinkProps extends Omit<MuiLinkProps, 'color' \| 'underline'> {\n className?: string;\n contentState?: LinkState;\n children: React.ReactNode;\n href?: string;\n target?: '_blank' \| '_parent' \| '_self' \| '_top';\n rel?: string;\n fdKey: string;\n tone?: LinkTone;\n underline?: boolean;\n size?: LinkSize;\n weight?: LinkWeight;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n}\n\nconst StyledLink = styled(MuiLink, {\n shouldForwardProp: (prop: string) =>\n !['tone', 'size', 'weight', 'contentState', 'underline', 'fdKey', 'iconLeft', 'iconRight'].includes(prop),\n})<StyledLinkProps>(({\n theme,\n tone = 'Brand',\n size = 'body',\n weight = 'regular',\n underline,\n contentState = 'default',\n}) => {\n const styles = getLinkStyles(theme, tone, underline);\n\n const typographyStyle = theme.typography[getTypographyVariant(size, weight)];\n\n return {\n ...styles.default,\n ...styles[contentState],\n ...typographyStyle,\n\n '&:hover': {\n ...styles.hover,\n },\n '&:focus:not(:focus-visible)': {\n outline: 'none', // Hide focus ring for mouse/touch only\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': {\n ...styles.press,\n },\n // Style icons\n '& > svg': {\n flexShrink: 0,\n verticalAlign: 'middle',\n width: '20px',\n height: '20px',\n },\n };\n});\n\nexport const Link = (props: StyledLinkProps): ReactElement => {\n const {\n children,\n className,\n fdKey,\n href,\n contentState = 'default',\n target,\n rel,\n tone = 'Brand',\n underline = true,\n size = 'body',\n weight = 'regular',\n iconLeft = null,\n iconRight = null,\n ...rest\n } = props;\n // Automatically add rel=\"noopener noreferrer\" for external links\n const linkRel = target === '_blank' && !rel ? 'noopener noreferrer' : rel;\n\n const styledLinkProps = {\n ...rest,\n className,\n 'data-fd': fdKey,\n fdKey,\n href,\n iconLeft,\n iconRight,\n rel: linkRel,\n size,\n contentState,\n target,\n tone,\n underline,\n weight,\n } as unknown as React.ComponentProps<typeof StyledLink>;\n\n return (\n <StyledLink {...styledLinkProps}>\n {iconLeft}\n {children}\n {iconRight}\n </StyledLink>\n );\n};\n\nconst getTypographyVariant = (\n size: LinkSize,\n weight: LinkWeight,\n): 'b1Strong' \| 'b1Weak' \| 'captionStrong' \| 'captionWeak' => {\n if (size === 'caption') {\n return weight === 'bold' ? 'captionStrong' : 'captionWeak';\n }\n if (size === 'body') {\n return weight === 'bold' ? 'b1Strong' : 'b1Weak';\n }\n return 'b1Weak';\n};\n\nexport default Link;\nexport type { LinkProps };\n"],"names":["StyledLink","styled","MuiLink","shouldForwardProp","prop","includes","theme","tone","size","weight","underline","contentState","styles","getLinkStyles","typographyStyle","typography","getTypographyVariant","default","hover","outline","focus","press","flexShrink","verticalAlign","width","height","Link","props","children","className","fdKey","href","target","rel","iconLeft","iconRight","rest","styledLinkProps","_jsxs"],"mappings":"kOA2BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAS,CACjCC,kBAAoBC,IACjB,CAAC,OAAQ,OAAQ,SAAU,eAAgB,YAAa,QAAS,WAAY,aAAaC,SAASD,IAFrFH,CAGC,EAClBK,QACAC,OAAO,QACPC,OAAO,OACPC,SAAS,UACTC,YACAC,eAAe,cAEf,MAAMC,EAASC,EAAAA,cAAcP,EAAOC,EAAMG,GAEpCI,EAAkBR,EAAMS,WAAWC,EAAqBR,EAAMC,IAEpE,MAAO,IACFG,EAAOK,WACPL,EAAOD,MACPG,EAEH,UAAW,IACNF,EAAOM,OAEZ,8BAA+B,CAC7BC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IACPR,EAAOS,OAGZ,UAAW,CACTC,WAAY,EACZC,cAAe,SACfC,MAAO,OACPC,OAAQ,WAKDC,EAAQC,IACnB,MAAMC,SACJA,EAAQC,UACRA,EAASC,MACTA,EAAKC,KACLA,EAAIpB,aACJA,EAAe,UAASqB,OACxBA,EAAMC,IACNA,EAAG1B,KACHA,EAAO,QAAOG,UACdA,GAAY,EAAIF,KAChBA,EAAO,OAAMC,OACbA,EAAS,UAASyB,SAClBA,EAAW,KAAIC,UACfA,EAAY,QACTC,GACDT,EAIEU,EAAkB,IACnBD,EACHP,YACA,UAAWC,EACXA,QACAC,OACAG,WACAC,YACAF,IAVyB,WAAXD,GAAwBC,EAA8BA,EAAxB,sBAW5CzB,OACAG,eACAqB,SACAzB,OACAG,YACAD,UAGF,OACE6B,EAAAA,KAACtC,EAAU,IAAKqC,EAAeT,SAAA,CAC5BM,EACAN,EACAO,MAKDnB,EAAuB,CAC3BR,EACAC,IAEa,YAATD,EACgB,SAAXC,EAAoB,gBAAkB,cAElC,SAATD,GACgB,SAAXC,EAAoB,WAEtB"}

package/dist/components/atoms/Link/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e}from"react/jsx-runtime";import"react";import t from"@mui/material/Link";import{styled as n}from"@mui/material/styles";import{getLinkStyles as o}from"./getLinkStyles.js";const r=n(t,{shouldForwardProp:e=>!["tone","size","weight","contentState","underline","fdKey","iconLeft","iconRight"].includes(e)})((({theme:e,tone:t="Brand",size:n="body",weight:r="regular",underline:i,contentState:l="default"})=>{const c=o(e,t,i),d=e.typography[a(n,r)];return{...c.default,...c[l],...d,"&:hover":{...c.hover},"&:focus:not(:focus-visible)":{outline:"none"},"&:focus-visible":{...c.focus},"&:active":{...c.press},"& > svg":{flexShrink:0,verticalAlign:"middle",width:"20px",height:"20px"}}})),i=t=>{const{children:n,className:o,fdKey:i,href:a,contentState:l="default",target:c,rel:d,tone:s="Brand",underline:u=!0,size:f="body",weight:h="regular",iconLeft:g=null,iconRight:m=null,...p}=t,b={...p,className:o,"data-fd":i,fdKey:i,href:a,iconLeft:g,iconRight:m,rel:"_blank"!==c||d?d:"noopener noreferrer",size:f,contentState:l,target:c,tone:s,underline:u,weight:h};return e(r,{...b,children:[g,n,m]})},a=(e,t)=>"caption"===e?"bold"===t?"captionStrong":"captionWeak":"body"===e&&"bold"===t?"b1Strong":"b1Weak";export{i as Link,i as default};
+import{jsxs as e}from"react/jsx-runtime";import"react";import t from"@mui/material/Link";import{styled as n}from"@mui/material/styles";import{getLinkStyles as o}from"./getLinkStyles.js";const r=n(t,{shouldForwardProp:e=>!["tone","size","weight","contentState","underline","fdKey","iconLeft","iconRight"].includes(e)})(({theme:e,tone:t="Brand",size:n="body",weight:r="regular",underline:i,contentState:l="default"})=>{const c=o(e,t,i),d=e.typography[a(n,r)];return{...c.default,...c[l],...d,"&:hover":{...c.hover},"&:focus:not(:focus-visible)":{outline:"none"},"&:focus-visible":{...c.focus},"&:active":{...c.press},"& > svg":{flexShrink:0,verticalAlign:"middle",width:"20px",height:"20px"}}}),i=t=>{const{children:n,className:o,fdKey:i,href:a,contentState:l="default",target:c,rel:d,tone:s="Brand",underline:u=!0,size:f="body",weight:h="regular",iconLeft:g=null,iconRight:m=null,...p}=t,b={...p,className:o,"data-fd":i,fdKey:i,href:a,iconLeft:g,iconRight:m,rel:"_blank"!==c||d?d:"noopener noreferrer",size:f,contentState:l,target:c,tone:s,underline:u,weight:h};return e(r,{...b,children:[g,n,m]})},a=(e,t)=>"caption"===e?"bold"===t?"captionStrong":"captionWeak":"body"===e&&"bold"===t?"b1Strong":"b1Weak";export{i as Link,i as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Link/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Link/index.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\n\nimport MuiLink, { type LinkProps, type LinkProps as MuiLinkProps } from '@mui/material/Link';\nimport { styled } from '@mui/material/styles';\n\nimport { getLinkStyles, type LinkTone } from './getLinkStyles';\n\nexport type LinkSize = 'body' \| 'caption';\nexport type LinkWeight = 'bold' \| 'regular';\nexport type LinkState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\nexport interface StyledLinkProps extends Omit<MuiLinkProps, 'color' \| 'underline'> {\n className?: string;\n contentState?: LinkState;\n children: React.ReactNode;\n href?: string;\n target?: '_blank' \| '_parent' \| '_self' \| '_top';\n rel?: string;\n fdKey: string;\n tone?: LinkTone;\n underline?: boolean;\n size?: LinkSize;\n weight?: LinkWeight;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n}\n\nconst StyledLink = styled(MuiLink, {\n shouldForwardProp: (prop: string) =>\n !['tone', 'size', 'weight', 'contentState', 'underline', 'fdKey', 'iconLeft', 'iconRight'].includes(prop),\n})<StyledLinkProps>(({\n theme,\n tone = 'Brand',\n size = 'body',\n weight = 'regular',\n underline,\n contentState = 'default',\n}) => {\n const styles = getLinkStyles(theme, tone, underline);\n\n const typographyStyle = theme.typography[getTypographyVariant(size, weight)];\n\n return {\n ...styles.default,\n ...styles[contentState],\n ...typographyStyle,\n\n '&:hover': {\n ...styles.hover,\n },\n '&:focus:not(:focus-visible)': {\n outline: 'none', // Hide focus ring for mouse/touch only\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': {\n ...styles.press,\n },\n // Style icons\n '& > svg': {\n flexShrink: 0,\n verticalAlign: 'middle',\n width: '20px',\n height: '20px',\n },\n };\n});\n\nexport const Link = (props: StyledLinkProps): ReactElement => {\n const {\n children,\n className,\n fdKey,\n href,\n contentState = 'default',\n target,\n rel,\n tone = 'Brand',\n underline = true,\n size = 'body',\n weight = 'regular',\n iconLeft = null,\n iconRight = null,\n ...rest\n } = props;\n // Automatically add rel=\"noopener noreferrer\" for external links\n const linkRel = target === '_blank' && !rel ? 'noopener noreferrer' : rel;\n\n const styledLinkProps = {\n ...rest,\n className,\n 'data-fd': fdKey,\n fdKey,\n href,\n iconLeft,\n iconRight,\n rel: linkRel,\n size,\n contentState,\n target,\n tone,\n underline,\n weight,\n } as unknown as React.ComponentProps<typeof StyledLink>;\n\n return (\n <StyledLink {...styledLinkProps}>\n {iconLeft}\n {children}\n {iconRight}\n </StyledLink>\n );\n};\n\nconst getTypographyVariant = (\n size: LinkSize,\n weight: LinkWeight,\n): 'b1Strong' \| 'b1Weak' \| 'captionStrong' \| 'captionWeak' => {\n if (size === 'caption') {\n return weight === 'bold' ? 'captionStrong' : 'captionWeak';\n }\n if (size === 'body') {\n return weight === 'bold' ? 'b1Strong' : 'b1Weak';\n }\n return 'b1Weak';\n};\n\nexport default Link;\nexport type { LinkProps };\n"],"names":["StyledLink","styled","MuiLink","shouldForwardProp","prop","includes","theme","tone","size","weight","underline","contentState","styles","getLinkStyles","typographyStyle","typography","getTypographyVariant","default","hover","outline","focus","press","flexShrink","verticalAlign","width","height","Link","props","children","className","fdKey","href","target","rel","iconLeft","iconRight","rest","styledLinkProps","_jsxs"],"mappings":"0LA2BA,MAAMA,EAAaC,EAAOC,EAAS,CACjCC,kBAAoBC,IACjB,CAAC,OAAQ,OAAQ,SAAU,eAAgB,YAAa,QAAS,WAAY,aAAaC,SAASD,IAFrFH,~~EAGC~~,EAClBK,QACAC,OAAO,QACPC,OAAO,OACPC,SAAS,UACTC,YACAC,eAAe,cAEf,MAAMC,EAASC,EAAcP,EAAOC,EAAMG,GAEpCI,EAAkBR,EAAMS,WAAWC,EAAqBR,EAAMC,IAEpE,MAAO,IACFG,EAAOK,WACPL,EAAOD,MACPG,EAEH,UAAW,IACNF,EAAOM,OAEZ,8BAA+B,CAC7BC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IACPR,EAAOS,OAGZ,UAAW,CACTC,WAAY,EACZC,cAAe,SACfC,MAAO,OACPC,OAAQ,~~YAKDC~~,EAAQC,IACnB,MAAMC,SACJA,EAAQC,UACRA,EAASC,MACTA,EAAKC,KACLA,EAAIpB,aACJA,EAAe,UAASqB,OACxBA,EAAMC,IACNA,EAAG1B,KACHA,EAAO,QAAOG,UACdA,GAAY,EAAIF,KAChBA,EAAO,OAAMC,OACbA,EAAS,UAASyB,SAClBA,EAAW,KAAIC,UACfA,EAAY,QACTC,GACDT,EAIEU,EAAkB,IACnBD,EACHP,YACA,UAAWC,EACXA,QACAC,OACAG,WACAC,YACAF,IAVyB,WAAXD,GAAwBC,EAA8BA,EAAxB,sBAW5CzB,OACAG,eACAqB,SACAzB,OACAG,YACAD,UAGF,OACE6B,EAACtC,EAAU,IAAKqC,EAAeT,SAAA,CAC5BM,EACAN,EACAO,MAKDnB,EAAuB,CAC3BR,EACAC,IAEa,YAATD,EACgB,SAAXC,EAAoB,gBAAkB,cAElC,SAATD,GACgB,SAAXC,EAAoB,WAEtB"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Link/index.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\n\nimport MuiLink, { type LinkProps, type LinkProps as MuiLinkProps } from '@mui/material/Link';\nimport { styled } from '@mui/material/styles';\n\nimport { getLinkStyles, type LinkTone } from './getLinkStyles';\n\nexport type LinkSize = 'body' \| 'caption';\nexport type LinkWeight = 'bold' \| 'regular';\nexport type LinkState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\nexport interface StyledLinkProps extends Omit<MuiLinkProps, 'color' \| 'underline'> {\n className?: string;\n contentState?: LinkState;\n children: React.ReactNode;\n href?: string;\n target?: '_blank' \| '_parent' \| '_self' \| '_top';\n rel?: string;\n fdKey: string;\n tone?: LinkTone;\n underline?: boolean;\n size?: LinkSize;\n weight?: LinkWeight;\n iconLeft?: React.ReactNode;\n iconRight?: React.ReactNode;\n}\n\nconst StyledLink = styled(MuiLink, {\n shouldForwardProp: (prop: string) =>\n !['tone', 'size', 'weight', 'contentState', 'underline', 'fdKey', 'iconLeft', 'iconRight'].includes(prop),\n})<StyledLinkProps>(({\n theme,\n tone = 'Brand',\n size = 'body',\n weight = 'regular',\n underline,\n contentState = 'default',\n}) => {\n const styles = getLinkStyles(theme, tone, underline);\n\n const typographyStyle = theme.typography[getTypographyVariant(size, weight)];\n\n return {\n ...styles.default,\n ...styles[contentState],\n ...typographyStyle,\n\n '&:hover': {\n ...styles.hover,\n },\n '&:focus:not(:focus-visible)': {\n outline: 'none', // Hide focus ring for mouse/touch only\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': {\n ...styles.press,\n },\n // Style icons\n '& > svg': {\n flexShrink: 0,\n verticalAlign: 'middle',\n width: '20px',\n height: '20px',\n },\n };\n});\n\nexport const Link = (props: StyledLinkProps): ReactElement => {\n const {\n children,\n className,\n fdKey,\n href,\n contentState = 'default',\n target,\n rel,\n tone = 'Brand',\n underline = true,\n size = 'body',\n weight = 'regular',\n iconLeft = null,\n iconRight = null,\n ...rest\n } = props;\n // Automatically add rel=\"noopener noreferrer\" for external links\n const linkRel = target === '_blank' && !rel ? 'noopener noreferrer' : rel;\n\n const styledLinkProps = {\n ...rest,\n className,\n 'data-fd': fdKey,\n fdKey,\n href,\n iconLeft,\n iconRight,\n rel: linkRel,\n size,\n contentState,\n target,\n tone,\n underline,\n weight,\n } as unknown as React.ComponentProps<typeof StyledLink>;\n\n return (\n <StyledLink {...styledLinkProps}>\n {iconLeft}\n {children}\n {iconRight}\n </StyledLink>\n );\n};\n\nconst getTypographyVariant = (\n size: LinkSize,\n weight: LinkWeight,\n): 'b1Strong' \| 'b1Weak' \| 'captionStrong' \| 'captionWeak' => {\n if (size === 'caption') {\n return weight === 'bold' ? 'captionStrong' : 'captionWeak';\n }\n if (size === 'body') {\n return weight === 'bold' ? 'b1Strong' : 'b1Weak';\n }\n return 'b1Weak';\n};\n\nexport default Link;\nexport type { LinkProps };\n"],"names":["StyledLink","styled","MuiLink","shouldForwardProp","prop","includes","theme","tone","size","weight","underline","contentState","styles","getLinkStyles","typographyStyle","typography","getTypographyVariant","default","hover","outline","focus","press","flexShrink","verticalAlign","width","height","Link","props","children","className","fdKey","href","target","rel","iconLeft","iconRight","rest","styledLinkProps","_jsxs"],"mappings":"0LA2BA,MAAMA,EAAaC,EAAOC,EAAS,CACjCC,kBAAoBC,IACjB,CAAC,OAAQ,OAAQ,SAAU,eAAgB,YAAa,QAAS,WAAY,aAAaC,SAASD,IAFrFH,CAGC,EAClBK,QACAC,OAAO,QACPC,OAAO,OACPC,SAAS,UACTC,YACAC,eAAe,cAEf,MAAMC,EAASC,EAAcP,EAAOC,EAAMG,GAEpCI,EAAkBR,EAAMS,WAAWC,EAAqBR,EAAMC,IAEpE,MAAO,IACFG,EAAOK,WACPL,EAAOD,MACPG,EAEH,UAAW,IACNF,EAAOM,OAEZ,8BAA+B,CAC7BC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IACPR,EAAOS,OAGZ,UAAW,CACTC,WAAY,EACZC,cAAe,SACfC,MAAO,OACPC,OAAQ,WAKDC,EAAQC,IACnB,MAAMC,SACJA,EAAQC,UACRA,EAASC,MACTA,EAAKC,KACLA,EAAIpB,aACJA,EAAe,UAASqB,OACxBA,EAAMC,IACNA,EAAG1B,KACHA,EAAO,QAAOG,UACdA,GAAY,EAAIF,KAChBA,EAAO,OAAMC,OACbA,EAAS,UAASyB,SAClBA,EAAW,KAAIC,UACfA,EAAY,QACTC,GACDT,EAIEU,EAAkB,IACnBD,EACHP,YACA,UAAWC,EACXA,QACAC,OACAG,WACAC,YACAF,IAVyB,WAAXD,GAAwBC,EAA8BA,EAAxB,sBAW5CzB,OACAG,eACAqB,SACAzB,OACAG,YACAD,UAGF,OACE6B,EAACtC,EAAU,IAAKqC,EAAeT,SAAA,CAC5BM,EACAN,EACAO,MAKDnB,EAAuB,CAC3BR,EACAC,IAEa,YAATD,EACgB,SAAXC,EAAoB,gBAAkB,cAElC,SAATD,GACgB,SAAXC,EAAoB,WAEtB"}

package/dist/components/atoms/MenuItem/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/MenuItem"),r=require("@mui/material/styles"),a=require("../Avatar/index.cjs.js"),n=require("@mui/material/Box"),s=require("../Checkbox/index.cjs.js"),c=require("@mui/material/ListItemText");const i=r.styled(n,{shouldForwardProp:e=>"disabled"!==e})((({theme:e,disabled:t=!1})=>({alignItems:"center",display:"inline-flex",justifyContent:"center","& .MuiAvatar-img":{opacity:t?e.palette.action.disabledOpacity:1}}))),o=r.styled(s)((()=>({pointerEvents:"none"}))),l=({children:r,disabled:n=!1,label:s,secondaryText:l,type:d="text",...u})=>{const m=(()=>{switch(d){case"checkbox":{const{checked:e,onCheckedChange:t,...r}=u;return r}case"avatar":{const{avatarSrc:e,...t}=u;return t}case"icon":{const{icon:e,...t}=u;return t}default:return u}})();return e.jsxs(t,{...m,disabled:n,onClick:e=>{if(!n)if("checkbox"!==d)m?.onClick?.(e);else{e.preventDefault(),e.stopPropagation();const{checked:t,onCheckedChange:r}=u,a="boolean"==typeof t?t:Boolean(u.selected);r?.(!a,e)}},children:[(()=>{switch(d){case"avatar":return(()=>{const{avatarSrc:t}=u;return e.jsx(i,{className:"fd-MenuItem-startAdornment",disabled:n,children:e.jsx(a,{alt:"",src:t,type:"logo"})})})();case"checkbox":return(()=>{const{checked:t}=u,r="boolean"==typeof t?t:Boolean(u.selected);return e.jsx(o,{"aria-hidden":!0,checked:r,disabled:n,fdKey:"checkbox-menu-item",size:"small",tabIndex:-1})})();case"icon":return(()=>{const{icon:t}=u;return e.jsx(i,{className:"fd-MenuItem-startAdornment",children:t})})();default:return null}})(),s||l?e.jsx(c,{primary:s,secondary:l}):r]})};exports.MenuItem=l,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/MenuItem"),r=require("@mui/material/styles"),a=require("../Avatar/index.cjs.js"),n=require("@mui/material/Box"),s=require("../Checkbox/index.cjs.js"),c=require("@mui/material/ListItemText");const i=r.styled(n,{shouldForwardProp:e=>"disabled"!==e})(({theme:e,disabled:t=!1})=>({alignItems:"center",display:"inline-flex",justifyContent:"center","& .MuiAvatar-img":{opacity:t?e.palette.action.disabledOpacity:1}})),o=r.styled(s)(()=>({pointerEvents:"none"})),d=({children:r,disabled:n=!1,label:s,secondaryText:d,type:l="text",...u})=>{const m=(()=>{switch(l){case"checkbox":{const{checked:e,onCheckedChange:t,...r}=u;return r}case"avatar":{const{avatarSrc:e,...t}=u;return t}case"icon":{const{icon:e,...t}=u;return t}default:return u}})();return e.jsxs(t,{...m,disabled:n,onClick:e=>{if(!n){if("checkbox"===l){e.preventDefault(),e.stopPropagation();const{checked:t,onCheckedChange:r}=u,a="boolean"==typeof t?t:Boolean(u.selected);return void r?.(!a,e)}m?.onClick?.(e)}},children:[(()=>{switch(l){case"avatar":return(()=>{const{avatarSrc:t}=u;return e.jsx(i,{className:"fd-MenuItem-startAdornment",disabled:n,children:e.jsx(a,{alt:"",src:t,type:"logo"})})})();case"checkbox":return(()=>{const{checked:t}=u,r="boolean"==typeof t?t:Boolean(u.selected);return e.jsx(o,{"aria-hidden":!0,checked:r,disabled:n,fdKey:"checkbox-menu-item",size:"small",tabIndex:-1})})();case"icon":return(()=>{const{icon:t}=u;return e.jsx(i,{className:"fd-MenuItem-startAdornment",children:t})})();default:return null}})(),s||d?e.jsx(c,{primary:s,secondary:d}):r]})};exports.MenuItem=d,exports.default=d;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/MenuItem/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/MenuItem/index.tsx"],"sourcesContent":["import MuiMenuItem, { type MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '../Avatar';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport ListItemText from '../ListItemText';\n\ntype BaseProps = Omit<MuiMenuItemProps, 'children'> & {\n /** Children of the menu item /\n children?: React.ReactNode;\n /* Label of the menu item /\n label?: React.ReactNode;\n /* Secondary text of the menu item /\n secondaryText?: React.ReactNode;\n};\n\n/* Props for an avatar menu item /\nexport interface AvatarMenuItemProps extends BaseProps {\n /* Source URL for the avatar image /\n avatarSrc: string;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type: 'avatar';\n}\n\n/* Props for a checkbox menu item /\nexport interface CheckboxMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checked state of the menu item /\n checked: boolean;\n /* Icon of the menu item /\n icon?: never;\n /* Function to call when the checkbox is changed /\n onCheckedChange: (\n checked: boolean,\n e: React.ChangeEvent<HTMLInputElement> \| React.MouseEvent<HTMLLIElement>,\n ) => void;\n /* Function to call when the menu item is clicked /\n onClick?: never;\n /* Type of the menu item /\n type: 'checkbox';\n}\n\n/* Props for an icon menu item /\nexport interface IconMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon: React.ReactNode;\n /* Type of the menu item /\n type: 'icon';\n}\n\n/* Props for a text menu item /\nexport interface TextMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type?: 'text';\n}\n\n/* Props for the MenuItem component /\nexport type MenuItemProps =\n \| AvatarMenuItemProps\n \| CheckboxMenuItemProps\n \| IconMenuItemProps\n \| TextMenuItemProps;\n\nconst StyledStartAdornment = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n\n '& .MuiAvatar-img': {\n opacity: disabled ? theme.palette.action.disabledOpacity : 1,\n },\n}));\n\nconst StyledCheckbox = styled(Checkbox)(() => ({\n pointerEvents: 'none',\n}));\n\n/\n A customizable MenuItem component supporting text, avatar, icon and checkbox menu items.\n \n @param props - The component props\n * @returns The rendered MenuItem component\n */\nexport const MenuItem = ({\n children,\n disabled = false,\n label,\n secondaryText,\n type = 'text',\n ...props\n}: MenuItemProps): JSX.Element => {\n // Remove type-specific props from props object to avoid passing them to MuiMenuItem\n const muiProps: MuiMenuItemProps = ((): MuiMenuItemProps => {\n switch (type) {\n case 'checkbox': {\n const { checked: _c, onCheckedChange: _h, ...rest } = props as CheckboxMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'avatar': {\n const { avatarSrc: _avatarSrc, ...rest } = props as AvatarMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'icon': {\n const { icon: _i, ...rest } = props as IconMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n default:\n return props as MuiMenuItemProps;\n }\n })();\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled) {\n return;\n }\n\n // If menu item is a checkbox, clicking the menu item will toggle the checkbox\n if (type === 'checkbox') {\n event.preventDefault();\n event.stopPropagation();\n\n const { checked, onCheckedChange } = props as CheckboxMenuItemProps;\n const isChecked =\n typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n onCheckedChange?.(!isChecked, event);\n return;\n }\n\n muiProps?.onClick?.(event);\n };\n\n const renderAvatar = (): React.ReactNode => {\n const { avatarSrc } = props as AvatarMenuItemProps;\n return (\n <StyledStartAdornment className=\"fd-MenuItem-startAdornment\" disabled={disabled}>\n <Avatar\n alt=\"\" // Avatar is described by the label\n src={avatarSrc}\n type=\"logo\"\n />\n </StyledStartAdornment>\n );\n };\n\n const renderCheckbox = (): React.ReactNode => {\n const { checked } = props as CheckboxMenuItemProps;\n const isChecked = typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n return (\n <StyledCheckbox\n aria-hidden\n checked={isChecked}\n disabled={disabled}\n fdKey=\"checkbox-menu-item\"\n size=\"small\"\n tabIndex={-1}\n />\n );\n };\n\n const renderIcon = (): React.ReactNode => {\n const { icon } = props as IconMenuItemProps;\n return <StyledStartAdornment className=\"fd-MenuItem-startAdornment\">{icon}</StyledStartAdornment>;\n };\n\n const renderStartAdornment = (): React.ReactNode => {\n switch (type) {\n case 'avatar':\n return renderAvatar();\n case 'checkbox':\n return renderCheckbox();\n case 'icon':\n return renderIcon();\n default:\n return null;\n }\n };\n\n const renderText = (): React.ReactNode => {\n if (label \|\| secondaryText) {\n return <ListItemText primary={label} secondary={secondaryText} />;\n }\n\n return children;\n };\n\n return (\n <MuiMenuItem {...muiProps} disabled={disabled} onClick={handleClick}>\n {renderStartAdornment()}\n {renderText()}\n </MuiMenuItem>\n );\n};\n\nexport default MenuItem;\n"],"names":["StyledStartAdornment","styled","Box","shouldForwardProp","prop","theme","disabled","alignItems","display","justifyContent","opacity","palette","action","disabledOpacity","StyledCheckbox","Checkbox","pointerEvents","MenuItem","children","label","secondaryText","type","props","muiProps","checked","_c","onCheckedChange","_h","rest","avatarSrc","_avatarSrc","icon","_i","_jsxs","MuiMenuItem","onClick","event","preventDefault","stopPropagation","isChecked","Boolean","selected","_jsx","className","Avatar","alt","src","renderAvatar","fdKey","size","tabIndex","renderCheckbox","renderIcon","renderStartAdornment","ListItemText","primary","secondary"],"mappings":"8TA+EA,MAAMA,EAAuBC,EAAAA,OAAOC,EAAK,CACvCC,kBAAoBC,GAAkB,aAATA,GADFH,~~EAEF~~,EAAGI,QAAOC,YAAW,MAAO,CACrDC,WAAY,SACZC,QAAS,cACTC,eAAgB,SAEhB,mBAAoB,CAClBC,QAASJ,EAAWD,EAAMM,QAAQC,OAAOC,gBAAkB,~~OAIzDC~~,EAAiBb,EAAAA,OAAOc,EAAPd,~~EAAiB~~,KAAA,CACtCe,cAAe,~~WASJC~~,EAAW,EACtBC,WACAZ,YAAW,EACXa,QACAC,gBACAC,OAAO,UACJC,MAGH,MAAMC,EAA6B,MACjC,OAAQF,GACN,IAAK,WAAY,CACf,MAAQG,QAASC,EAAIC,gBAAiBC,KAAOC,GAASN,EACtD,OAAOM,CACT,CACA,IAAK,SAAU,CACb,MAAQC,UAAWC,KAAeF,GAASN,EAC3C,OAAOM,CACT,CACA,IAAK,OAAQ,CACX,MAAQG,KAAMC,KAAOJ,GAASN,EAC9B,OAAOM,CACT,CACA,QACE,OAAON,EAEZ,EAjBkC,GA+FnC,OACEW,EAAAA,KAACC,EAAW,IAAKX,EAAUjB,SAAUA,EAAU6B,QA7E5BC,IACnB,IAAI9B,~~EAKJ~~,GAAa,aAATe,~~EAYJE~~,~~GAAUY~~,~~UAAUC,OAZpB,CACEA,~~EAAMC,iBACND,EAAME,kBAEN,MAAMd,QAAEA,EAAOE,gBAAEA,GAAoBJ,EAC/BiB,EACe,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,~~UAE~~/Ef,KAAmBa,EAAWH,EAEhC,~~aAuC2B~~,MAC3B,OAAQf,GACN,IAAK,SACH,MArCe,MACnB,MAAMQ,UAAEA,GAAcP,EACtB,OACEoB,MAAC1C,GAAqB2C,UAAU,6BAA6BrC,SAAUA,EAAQY,SAC7EwB,EAAAA,IAACE,EAAM,CACLC,IAAI,GACJC,IAAKjB,EACLR,KAAK,YA8BA0B,GACT,IAAK,WACH,MA1BiB,MACrB,MAAMvB,QAAEA,GAAYF,EACdiB,EAA+B,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAE/F,OACEC,EAAAA,IAAC5B,EAAc,CAAA,eAAA,EAEbU,QAASe,EACTjC,SAAUA,EACV0C,MAAM,qBACNC,KAAK,QACLC,UAAU,KAeHC,GACT,IAAK,OACH,MAZa,MACjB,MAAMpB,KAAEA,GAAST,EACjB,OAAOoB,EAAAA,IAAC1C,EAAoB,CAAC2C,UAAU,6BAA4BzB,SAAEa,KAU1DqB,GACT,QACE,OAAO,OAcRC,GATClC,GAASC,EACJsB,EAAAA,IAACY,EAAY,CAACC,QAASpC,EAAOqC,UAAWpC,IAG3CF"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/MenuItem/index.tsx"],"sourcesContent":["import MuiMenuItem, { type MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '../Avatar';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport ListItemText from '../ListItemText';\n\ntype BaseProps = Omit<MuiMenuItemProps, 'children'> & {\n /** Children of the menu item /\n children?: React.ReactNode;\n /* Label of the menu item /\n label?: React.ReactNode;\n /* Secondary text of the menu item /\n secondaryText?: React.ReactNode;\n};\n\n/* Props for an avatar menu item /\nexport interface AvatarMenuItemProps extends BaseProps {\n /* Source URL for the avatar image /\n avatarSrc: string;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type: 'avatar';\n}\n\n/* Props for a checkbox menu item /\nexport interface CheckboxMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checked state of the menu item /\n checked: boolean;\n /* Icon of the menu item /\n icon?: never;\n /* Function to call when the checkbox is changed /\n onCheckedChange: (\n checked: boolean,\n e: React.ChangeEvent<HTMLInputElement> \| React.MouseEvent<HTMLLIElement>,\n ) => void;\n /* Function to call when the menu item is clicked /\n onClick?: never;\n /* Type of the menu item /\n type: 'checkbox';\n}\n\n/* Props for an icon menu item /\nexport interface IconMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon: React.ReactNode;\n /* Type of the menu item /\n type: 'icon';\n}\n\n/* Props for a text menu item /\nexport interface TextMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type?: 'text';\n}\n\n/* Props for the MenuItem component /\nexport type MenuItemProps =\n \| AvatarMenuItemProps\n \| CheckboxMenuItemProps\n \| IconMenuItemProps\n \| TextMenuItemProps;\n\nconst StyledStartAdornment = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n\n '& .MuiAvatar-img': {\n opacity: disabled ? theme.palette.action.disabledOpacity : 1,\n },\n}));\n\nconst StyledCheckbox = styled(Checkbox)(() => ({\n pointerEvents: 'none',\n}));\n\n/\n A customizable MenuItem component supporting text, avatar, icon and checkbox menu items.\n \n @param props - The component props\n * @returns The rendered MenuItem component\n */\nexport const MenuItem = ({\n children,\n disabled = false,\n label,\n secondaryText,\n type = 'text',\n ...props\n}: MenuItemProps): JSX.Element => {\n // Remove type-specific props from props object to avoid passing them to MuiMenuItem\n const muiProps: MuiMenuItemProps = ((): MuiMenuItemProps => {\n switch (type) {\n case 'checkbox': {\n const { checked: _c, onCheckedChange: _h, ...rest } = props as CheckboxMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'avatar': {\n const { avatarSrc: _avatarSrc, ...rest } = props as AvatarMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'icon': {\n const { icon: _i, ...rest } = props as IconMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n default:\n return props as MuiMenuItemProps;\n }\n })();\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled) {\n return;\n }\n\n // If menu item is a checkbox, clicking the menu item will toggle the checkbox\n if (type === 'checkbox') {\n event.preventDefault();\n event.stopPropagation();\n\n const { checked, onCheckedChange } = props as CheckboxMenuItemProps;\n const isChecked =\n typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n onCheckedChange?.(!isChecked, event);\n return;\n }\n\n muiProps?.onClick?.(event);\n };\n\n const renderAvatar = (): React.ReactNode => {\n const { avatarSrc } = props as AvatarMenuItemProps;\n return (\n <StyledStartAdornment className=\"fd-MenuItem-startAdornment\" disabled={disabled}>\n <Avatar\n alt=\"\" // Avatar is described by the label\n src={avatarSrc}\n type=\"logo\"\n />\n </StyledStartAdornment>\n );\n };\n\n const renderCheckbox = (): React.ReactNode => {\n const { checked } = props as CheckboxMenuItemProps;\n const isChecked = typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n return (\n <StyledCheckbox\n aria-hidden\n checked={isChecked}\n disabled={disabled}\n fdKey=\"checkbox-menu-item\"\n size=\"small\"\n tabIndex={-1}\n />\n );\n };\n\n const renderIcon = (): React.ReactNode => {\n const { icon } = props as IconMenuItemProps;\n return <StyledStartAdornment className=\"fd-MenuItem-startAdornment\">{icon}</StyledStartAdornment>;\n };\n\n const renderStartAdornment = (): React.ReactNode => {\n switch (type) {\n case 'avatar':\n return renderAvatar();\n case 'checkbox':\n return renderCheckbox();\n case 'icon':\n return renderIcon();\n default:\n return null;\n }\n };\n\n const renderText = (): React.ReactNode => {\n if (label \|\| secondaryText) {\n return <ListItemText primary={label} secondary={secondaryText} />;\n }\n\n return children;\n };\n\n return (\n <MuiMenuItem {...muiProps} disabled={disabled} onClick={handleClick}>\n {renderStartAdornment()}\n {renderText()}\n </MuiMenuItem>\n );\n};\n\nexport default MenuItem;\n"],"names":["StyledStartAdornment","styled","Box","shouldForwardProp","prop","theme","disabled","alignItems","display","justifyContent","opacity","palette","action","disabledOpacity","StyledCheckbox","Checkbox","pointerEvents","MenuItem","children","label","secondaryText","type","props","muiProps","checked","_c","onCheckedChange","_h","rest","avatarSrc","_avatarSrc","icon","_i","_jsxs","MuiMenuItem","onClick","event","preventDefault","stopPropagation","isChecked","Boolean","selected","_jsx","className","Avatar","alt","src","renderAvatar","fdKey","size","tabIndex","renderCheckbox","renderIcon","renderStartAdornment","ListItemText","primary","secondary"],"mappings":"8TA+EA,MAAMA,EAAuBC,EAAAA,OAAOC,EAAK,CACvCC,kBAAoBC,GAAkB,aAATA,GADFH,CAEF,EAAGI,QAAOC,YAAW,MAAO,CACrDC,WAAY,SACZC,QAAS,cACTC,eAAgB,SAEhB,mBAAoB,CAClBC,QAASJ,EAAWD,EAAMM,QAAQC,OAAOC,gBAAkB,MAIzDC,EAAiBb,EAAAA,OAAOc,EAAPd,CAAiB,KAAA,CACtCe,cAAe,UASJC,EAAW,EACtBC,WACAZ,YAAW,EACXa,QACAC,gBACAC,OAAO,UACJC,MAGH,MAAMC,EAA6B,MACjC,OAAQF,GACN,IAAK,WAAY,CACf,MAAQG,QAASC,EAAIC,gBAAiBC,KAAOC,GAASN,EACtD,OAAOM,CACT,CACA,IAAK,SAAU,CACb,MAAQC,UAAWC,KAAeF,GAASN,EAC3C,OAAOM,CACT,CACA,IAAK,OAAQ,CACX,MAAQG,KAAMC,KAAOJ,GAASN,EAC9B,OAAOM,CACT,CACA,QACE,OAAON,EAEZ,EAjBkC,GA+FnC,OACEW,EAAAA,KAACC,EAAW,IAAKX,EAAUjB,SAAUA,EAAU6B,QA7E5BC,IACnB,IAAI9B,EAAJ,CAKA,GAAa,aAATe,EAAqB,CACvBe,EAAMC,iBACND,EAAME,kBAEN,MAAMd,QAAEA,EAAOE,gBAAEA,GAAoBJ,EAC/BiB,EACe,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAG/E,YADAf,KAAmBa,EAAWH,EAEhC,CAEAb,GAAUY,UAAUC,EAfpB,aAoD2B,MAC3B,OAAQf,GACN,IAAK,SACH,MArCe,MACnB,MAAMQ,UAAEA,GAAcP,EACtB,OACEoB,MAAC1C,GAAqB2C,UAAU,6BAA6BrC,SAAUA,EAAQY,SAC7EwB,EAAAA,IAACE,EAAM,CACLC,IAAI,GACJC,IAAKjB,EACLR,KAAK,YA8BA0B,GACT,IAAK,WACH,MA1BiB,MACrB,MAAMvB,QAAEA,GAAYF,EACdiB,EAA+B,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAE/F,OACEC,EAAAA,IAAC5B,EAAc,CAAA,eAAA,EAEbU,QAASe,EACTjC,SAAUA,EACV0C,MAAM,qBACNC,KAAK,QACLC,UAAU,KAeHC,GACT,IAAK,OACH,MAZa,MACjB,MAAMpB,KAAEA,GAAST,EACjB,OAAOoB,EAAAA,IAAC1C,EAAoB,CAAC2C,UAAU,6BAA4BzB,SAAEa,KAU1DqB,GACT,QACE,OAAO,OAcRC,GATClC,GAASC,EACJsB,EAAAA,IAACY,EAAY,CAACC,QAASpC,EAAOqC,UAAWpC,IAG3CF"}

package/dist/components/atoms/MenuItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@mui/material/MenuItem";import{styled as a}from"@mui/material/styles";import n from"../Avatar/index.js";import o from"@mui/material/Box";import c from"../Checkbox/index.js";import i from"@mui/material/ListItemText";const s=a(o,{shouldForwardProp:e=>"disabled"!==e})((({theme:e,disabled:t=!1})=>({alignItems:"center",display:"inline-flex",justifyContent:"center","& .MuiAvatar-img":{opacity:t?e.palette.action.disabledOpacity:1}}))),l=a(c)((()=>({pointerEvents:"none"}))),d=({children:a,disabled:o=!1,label:c,secondaryText:d,type:m="text",...u})=>{const h=(()=>{switch(m){case"checkbox":{const{checked:e,onCheckedChange:t,...r}=u;return r}case"avatar":{const{avatarSrc:e,...t}=u;return t}case"icon":{const{icon:e,...t}=u;return t}default:return u}})();return e(r,{...h,disabled:o,onClick:e=>{if(!o)if("checkbox"!==m)h?.onClick?.(e);else{e.preventDefault(),e.stopPropagation();const{checked:t,onCheckedChange:r}=u,a="boolean"==typeof t?t:Boolean(u.selected);r?.(!a,e)}},children:[(()=>{switch(m){case"avatar":return(()=>{const{avatarSrc:e}=u;return t(s,{className:"fd-MenuItem-startAdornment",disabled:o,children:t(n,{alt:"",src:e,type:"logo"})})})();case"checkbox":return(()=>{const{checked:e}=u,r="boolean"==typeof e?e:Boolean(u.selected);return t(l,{"aria-hidden":!0,checked:r,disabled:o,fdKey:"checkbox-menu-item",size:"small",tabIndex:-1})})();case"icon":return(()=>{const{icon:e}=u;return t(s,{className:"fd-MenuItem-startAdornment",children:e})})();default:return null}})(),c||d?t(i,{primary:c,secondary:d}):a]})};export{d as MenuItem,d as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@mui/material/MenuItem";import{styled as a}from"@mui/material/styles";import n from"../Avatar/index.js";import o from"@mui/material/Box";import c from"../Checkbox/index.js";import i from"@mui/material/ListItemText";const s=a(o,{shouldForwardProp:e=>"disabled"!==e})(({theme:e,disabled:t=!1})=>({alignItems:"center",display:"inline-flex",justifyContent:"center","& .MuiAvatar-img":{opacity:t?e.palette.action.disabledOpacity:1}})),d=a(c)(()=>({pointerEvents:"none"})),l=({children:a,disabled:o=!1,label:c,secondaryText:l,type:m="text",...u})=>{const h=(()=>{switch(m){case"checkbox":{const{checked:e,onCheckedChange:t,...r}=u;return r}case"avatar":{const{avatarSrc:e,...t}=u;return t}case"icon":{const{icon:e,...t}=u;return t}default:return u}})();return e(r,{...h,disabled:o,onClick:e=>{if(!o){if("checkbox"===m){e.preventDefault(),e.stopPropagation();const{checked:t,onCheckedChange:r}=u,a="boolean"==typeof t?t:Boolean(u.selected);return void r?.(!a,e)}h?.onClick?.(e)}},children:[(()=>{switch(m){case"avatar":return(()=>{const{avatarSrc:e}=u;return t(s,{className:"fd-MenuItem-startAdornment",disabled:o,children:t(n,{alt:"",src:e,type:"logo"})})})();case"checkbox":return(()=>{const{checked:e}=u,r="boolean"==typeof e?e:Boolean(u.selected);return t(d,{"aria-hidden":!0,checked:r,disabled:o,fdKey:"checkbox-menu-item",size:"small",tabIndex:-1})})();case"icon":return(()=>{const{icon:e}=u;return t(s,{className:"fd-MenuItem-startAdornment",children:e})})();default:return null}})(),c||l?t(i,{primary:c,secondary:l}):a]})};export{l as MenuItem,l as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/MenuItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/MenuItem/index.tsx"],"sourcesContent":["import MuiMenuItem, { type MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '../Avatar';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport ListItemText from '../ListItemText';\n\ntype BaseProps = Omit<MuiMenuItemProps, 'children'> & {\n /** Children of the menu item /\n children?: React.ReactNode;\n /* Label of the menu item /\n label?: React.ReactNode;\n /* Secondary text of the menu item /\n secondaryText?: React.ReactNode;\n};\n\n/* Props for an avatar menu item /\nexport interface AvatarMenuItemProps extends BaseProps {\n /* Source URL for the avatar image /\n avatarSrc: string;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type: 'avatar';\n}\n\n/* Props for a checkbox menu item /\nexport interface CheckboxMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checked state of the menu item /\n checked: boolean;\n /* Icon of the menu item /\n icon?: never;\n /* Function to call when the checkbox is changed /\n onCheckedChange: (\n checked: boolean,\n e: React.ChangeEvent<HTMLInputElement> \| React.MouseEvent<HTMLLIElement>,\n ) => void;\n /* Function to call when the menu item is clicked /\n onClick?: never;\n /* Type of the menu item /\n type: 'checkbox';\n}\n\n/* Props for an icon menu item /\nexport interface IconMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon: React.ReactNode;\n /* Type of the menu item /\n type: 'icon';\n}\n\n/* Props for a text menu item /\nexport interface TextMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type?: 'text';\n}\n\n/* Props for the MenuItem component /\nexport type MenuItemProps =\n \| AvatarMenuItemProps\n \| CheckboxMenuItemProps\n \| IconMenuItemProps\n \| TextMenuItemProps;\n\nconst StyledStartAdornment = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n\n '& .MuiAvatar-img': {\n opacity: disabled ? theme.palette.action.disabledOpacity : 1,\n },\n}));\n\nconst StyledCheckbox = styled(Checkbox)(() => ({\n pointerEvents: 'none',\n}));\n\n/\n A customizable MenuItem component supporting text, avatar, icon and checkbox menu items.\n \n @param props - The component props\n * @returns The rendered MenuItem component\n */\nexport const MenuItem = ({\n children,\n disabled = false,\n label,\n secondaryText,\n type = 'text',\n ...props\n}: MenuItemProps): JSX.Element => {\n // Remove type-specific props from props object to avoid passing them to MuiMenuItem\n const muiProps: MuiMenuItemProps = ((): MuiMenuItemProps => {\n switch (type) {\n case 'checkbox': {\n const { checked: _c, onCheckedChange: _h, ...rest } = props as CheckboxMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'avatar': {\n const { avatarSrc: _avatarSrc, ...rest } = props as AvatarMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'icon': {\n const { icon: _i, ...rest } = props as IconMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n default:\n return props as MuiMenuItemProps;\n }\n })();\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled) {\n return;\n }\n\n // If menu item is a checkbox, clicking the menu item will toggle the checkbox\n if (type === 'checkbox') {\n event.preventDefault();\n event.stopPropagation();\n\n const { checked, onCheckedChange } = props as CheckboxMenuItemProps;\n const isChecked =\n typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n onCheckedChange?.(!isChecked, event);\n return;\n }\n\n muiProps?.onClick?.(event);\n };\n\n const renderAvatar = (): React.ReactNode => {\n const { avatarSrc } = props as AvatarMenuItemProps;\n return (\n <StyledStartAdornment className=\"fd-MenuItem-startAdornment\" disabled={disabled}>\n <Avatar\n alt=\"\" // Avatar is described by the label\n src={avatarSrc}\n type=\"logo\"\n />\n </StyledStartAdornment>\n );\n };\n\n const renderCheckbox = (): React.ReactNode => {\n const { checked } = props as CheckboxMenuItemProps;\n const isChecked = typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n return (\n <StyledCheckbox\n aria-hidden\n checked={isChecked}\n disabled={disabled}\n fdKey=\"checkbox-menu-item\"\n size=\"small\"\n tabIndex={-1}\n />\n );\n };\n\n const renderIcon = (): React.ReactNode => {\n const { icon } = props as IconMenuItemProps;\n return <StyledStartAdornment className=\"fd-MenuItem-startAdornment\">{icon}</StyledStartAdornment>;\n };\n\n const renderStartAdornment = (): React.ReactNode => {\n switch (type) {\n case 'avatar':\n return renderAvatar();\n case 'checkbox':\n return renderCheckbox();\n case 'icon':\n return renderIcon();\n default:\n return null;\n }\n };\n\n const renderText = (): React.ReactNode => {\n if (label \|\| secondaryText) {\n return <ListItemText primary={label} secondary={secondaryText} />;\n }\n\n return children;\n };\n\n return (\n <MuiMenuItem {...muiProps} disabled={disabled} onClick={handleClick}>\n {renderStartAdornment()}\n {renderText()}\n </MuiMenuItem>\n );\n};\n\nexport default MenuItem;\n"],"names":["StyledStartAdornment","styled","Box","shouldForwardProp","prop","theme","disabled","alignItems","display","justifyContent","opacity","palette","action","disabledOpacity","StyledCheckbox","Checkbox","pointerEvents","MenuItem","children","label","secondaryText","type","props","muiProps","checked","_c","onCheckedChange","_h","rest","avatarSrc","_avatarSrc","icon","_i","_jsxs","MuiMenuItem","onClick","event","preventDefault","stopPropagation","isChecked","Boolean","selected","_jsx","className","Avatar","alt","src","renderAvatar","fdKey","size","tabIndex","renderCheckbox","renderIcon","renderStartAdornment","ListItemText","primary","secondary"],"mappings":"uRA+EA,MAAMA,EAAuBC,EAAOC,EAAK,CACvCC,kBAAoBC,GAAkB,aAATA,GADFH,~~EAEF~~,EAAGI,QAAOC,YAAW,MAAO,CACrDC,WAAY,SACZC,QAAS,cACTC,eAAgB,SAEhB,mBAAoB,CAClBC,QAASJ,EAAWD,EAAMM,QAAQC,OAAOC,gBAAkB,~~OAIzDC~~,EAAiBb,EAAOc,EAAPd,~~EAAiB~~,KAAA,CACtCe,cAAe,~~WASJC~~,EAAW,EACtBC,WACAZ,YAAW,EACXa,QACAC,gBACAC,OAAO,UACJC,MAGH,MAAMC,EAA6B,MACjC,OAAQF,GACN,IAAK,WAAY,CACf,MAAQG,QAASC,EAAIC,gBAAiBC,KAAOC,GAASN,EACtD,OAAOM,CACT,CACA,IAAK,SAAU,CACb,MAAQC,UAAWC,KAAeF,GAASN,EAC3C,OAAOM,CACT,CACA,IAAK,OAAQ,CACX,MAAQG,KAAMC,KAAOJ,GAASN,EAC9B,OAAOM,CACT,CACA,QACE,OAAON,EAEZ,EAjBkC,GA+FnC,OACEW,EAACC,EAAW,IAAKX,EAAUjB,SAAUA,EAAU6B,QA7E5BC,IACnB,IAAI9B,~~EAKJ~~,GAAa,aAATe,~~EAYJE~~,~~GAAUY~~,~~UAAUC,OAZpB,CACEA,~~EAAMC,iBACND,EAAME,kBAEN,MAAMd,QAAEA,EAAOE,gBAAEA,GAAoBJ,EAC/BiB,EACe,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,~~UAE~~/Ef,KAAmBa,EAAWH,EAEhC,~~aAuC2B~~,MAC3B,OAAQf,GACN,IAAK,SACH,MArCe,MACnB,MAAMQ,UAAEA,GAAcP,EACtB,OACEoB,EAAC1C,GAAqB2C,UAAU,6BAA6BrC,SAAUA,EAAQY,SAC7EwB,EAACE,EAAM,CACLC,IAAI,GACJC,IAAKjB,EACLR,KAAK,YA8BA0B,GACT,IAAK,WACH,MA1BiB,MACrB,MAAMvB,QAAEA,GAAYF,EACdiB,EAA+B,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAE/F,OACEC,EAAC5B,EAAc,CAAA,eAAA,EAEbU,QAASe,EACTjC,SAAUA,EACV0C,MAAM,qBACNC,KAAK,QACLC,UAAU,KAeHC,GACT,IAAK,OACH,MAZa,MACjB,MAAMpB,KAAEA,GAAST,EACjB,OAAOoB,EAAC1C,EAAoB,CAAC2C,UAAU,6BAA4BzB,SAAEa,KAU1DqB,GACT,QACE,OAAO,OAcRC,GATClC,GAASC,EACJsB,EAACY,EAAY,CAACC,QAASpC,EAAOqC,UAAWpC,IAG3CF"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/MenuItem/index.tsx"],"sourcesContent":["import MuiMenuItem, { type MenuItemProps as MuiMenuItemProps } from '@mui/material/MenuItem';\nimport { styled } from '@mui/material/styles';\n\nimport Avatar from '../Avatar';\nimport Box from '../Box';\nimport Checkbox from '../Checkbox';\nimport ListItemText from '../ListItemText';\n\ntype BaseProps = Omit<MuiMenuItemProps, 'children'> & {\n /** Children of the menu item /\n children?: React.ReactNode;\n /* Label of the menu item /\n label?: React.ReactNode;\n /* Secondary text of the menu item /\n secondaryText?: React.ReactNode;\n};\n\n/* Props for an avatar menu item /\nexport interface AvatarMenuItemProps extends BaseProps {\n /* Source URL for the avatar image /\n avatarSrc: string;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type: 'avatar';\n}\n\n/* Props for a checkbox menu item /\nexport interface CheckboxMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checked state of the menu item /\n checked: boolean;\n /* Icon of the menu item /\n icon?: never;\n /* Function to call when the checkbox is changed /\n onCheckedChange: (\n checked: boolean,\n e: React.ChangeEvent<HTMLInputElement> \| React.MouseEvent<HTMLLIElement>,\n ) => void;\n /* Function to call when the menu item is clicked /\n onClick?: never;\n /* Type of the menu item /\n type: 'checkbox';\n}\n\n/* Props for an icon menu item /\nexport interface IconMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon: React.ReactNode;\n /* Type of the menu item /\n type: 'icon';\n}\n\n/* Props for a text menu item /\nexport interface TextMenuItemProps extends BaseProps {\n /* Avatar of the menu item /\n avatar?: never;\n /* Checkbox of the menu item /\n checkbox?: never;\n /* Icon of the menu item /\n icon?: never;\n /* Type of the menu item /\n type?: 'text';\n}\n\n/* Props for the MenuItem component /\nexport type MenuItemProps =\n \| AvatarMenuItemProps\n \| CheckboxMenuItemProps\n \| IconMenuItemProps\n \| TextMenuItemProps;\n\nconst StyledStartAdornment = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n\n '& .MuiAvatar-img': {\n opacity: disabled ? theme.palette.action.disabledOpacity : 1,\n },\n}));\n\nconst StyledCheckbox = styled(Checkbox)(() => ({\n pointerEvents: 'none',\n}));\n\n/\n A customizable MenuItem component supporting text, avatar, icon and checkbox menu items.\n \n @param props - The component props\n * @returns The rendered MenuItem component\n */\nexport const MenuItem = ({\n children,\n disabled = false,\n label,\n secondaryText,\n type = 'text',\n ...props\n}: MenuItemProps): JSX.Element => {\n // Remove type-specific props from props object to avoid passing them to MuiMenuItem\n const muiProps: MuiMenuItemProps = ((): MuiMenuItemProps => {\n switch (type) {\n case 'checkbox': {\n const { checked: _c, onCheckedChange: _h, ...rest } = props as CheckboxMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'avatar': {\n const { avatarSrc: _avatarSrc, ...rest } = props as AvatarMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n case 'icon': {\n const { icon: _i, ...rest } = props as IconMenuItemProps;\n return rest as MuiMenuItemProps;\n }\n default:\n return props as MuiMenuItemProps;\n }\n })();\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled) {\n return;\n }\n\n // If menu item is a checkbox, clicking the menu item will toggle the checkbox\n if (type === 'checkbox') {\n event.preventDefault();\n event.stopPropagation();\n\n const { checked, onCheckedChange } = props as CheckboxMenuItemProps;\n const isChecked =\n typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n onCheckedChange?.(!isChecked, event);\n return;\n }\n\n muiProps?.onClick?.(event);\n };\n\n const renderAvatar = (): React.ReactNode => {\n const { avatarSrc } = props as AvatarMenuItemProps;\n return (\n <StyledStartAdornment className=\"fd-MenuItem-startAdornment\" disabled={disabled}>\n <Avatar\n alt=\"\" // Avatar is described by the label\n src={avatarSrc}\n type=\"logo\"\n />\n </StyledStartAdornment>\n );\n };\n\n const renderCheckbox = (): React.ReactNode => {\n const { checked } = props as CheckboxMenuItemProps;\n const isChecked = typeof checked === 'boolean' ? checked : Boolean((props as MuiMenuItemProps).selected);\n\n return (\n <StyledCheckbox\n aria-hidden\n checked={isChecked}\n disabled={disabled}\n fdKey=\"checkbox-menu-item\"\n size=\"small\"\n tabIndex={-1}\n />\n );\n };\n\n const renderIcon = (): React.ReactNode => {\n const { icon } = props as IconMenuItemProps;\n return <StyledStartAdornment className=\"fd-MenuItem-startAdornment\">{icon}</StyledStartAdornment>;\n };\n\n const renderStartAdornment = (): React.ReactNode => {\n switch (type) {\n case 'avatar':\n return renderAvatar();\n case 'checkbox':\n return renderCheckbox();\n case 'icon':\n return renderIcon();\n default:\n return null;\n }\n };\n\n const renderText = (): React.ReactNode => {\n if (label \|\| secondaryText) {\n return <ListItemText primary={label} secondary={secondaryText} />;\n }\n\n return children;\n };\n\n return (\n <MuiMenuItem {...muiProps} disabled={disabled} onClick={handleClick}>\n {renderStartAdornment()}\n {renderText()}\n </MuiMenuItem>\n );\n};\n\nexport default MenuItem;\n"],"names":["StyledStartAdornment","styled","Box","shouldForwardProp","prop","theme","disabled","alignItems","display","justifyContent","opacity","palette","action","disabledOpacity","StyledCheckbox","Checkbox","pointerEvents","MenuItem","children","label","secondaryText","type","props","muiProps","checked","_c","onCheckedChange","_h","rest","avatarSrc","_avatarSrc","icon","_i","_jsxs","MuiMenuItem","onClick","event","preventDefault","stopPropagation","isChecked","Boolean","selected","_jsx","className","Avatar","alt","src","renderAvatar","fdKey","size","tabIndex","renderCheckbox","renderIcon","renderStartAdornment","ListItemText","primary","secondary"],"mappings":"uRA+EA,MAAMA,EAAuBC,EAAOC,EAAK,CACvCC,kBAAoBC,GAAkB,aAATA,GADFH,CAEF,EAAGI,QAAOC,YAAW,MAAO,CACrDC,WAAY,SACZC,QAAS,cACTC,eAAgB,SAEhB,mBAAoB,CAClBC,QAASJ,EAAWD,EAAMM,QAAQC,OAAOC,gBAAkB,MAIzDC,EAAiBb,EAAOc,EAAPd,CAAiB,KAAA,CACtCe,cAAe,UASJC,EAAW,EACtBC,WACAZ,YAAW,EACXa,QACAC,gBACAC,OAAO,UACJC,MAGH,MAAMC,EAA6B,MACjC,OAAQF,GACN,IAAK,WAAY,CACf,MAAQG,QAASC,EAAIC,gBAAiBC,KAAOC,GAASN,EACtD,OAAOM,CACT,CACA,IAAK,SAAU,CACb,MAAQC,UAAWC,KAAeF,GAASN,EAC3C,OAAOM,CACT,CACA,IAAK,OAAQ,CACX,MAAQG,KAAMC,KAAOJ,GAASN,EAC9B,OAAOM,CACT,CACA,QACE,OAAON,EAEZ,EAjBkC,GA+FnC,OACEW,EAACC,EAAW,IAAKX,EAAUjB,SAAUA,EAAU6B,QA7E5BC,IACnB,IAAI9B,EAAJ,CAKA,GAAa,aAATe,EAAqB,CACvBe,EAAMC,iBACND,EAAME,kBAEN,MAAMd,QAAEA,EAAOE,gBAAEA,GAAoBJ,EAC/BiB,EACe,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAG/E,YADAf,KAAmBa,EAAWH,EAEhC,CAEAb,GAAUY,UAAUC,EAfpB,aAoD2B,MAC3B,OAAQf,GACN,IAAK,SACH,MArCe,MACnB,MAAMQ,UAAEA,GAAcP,EACtB,OACEoB,EAAC1C,GAAqB2C,UAAU,6BAA6BrC,SAAUA,EAAQY,SAC7EwB,EAACE,EAAM,CACLC,IAAI,GACJC,IAAKjB,EACLR,KAAK,YA8BA0B,GACT,IAAK,WACH,MA1BiB,MACrB,MAAMvB,QAAEA,GAAYF,EACdiB,EAA+B,kBAAZf,EAAwBA,EAAUgB,QAASlB,EAA2BmB,UAE/F,OACEC,EAAC5B,EAAc,CAAA,eAAA,EAEbU,QAASe,EACTjC,SAAUA,EACV0C,MAAM,qBACNC,KAAK,QACLC,UAAU,KAeHC,GACT,IAAK,OACH,MAZa,MACjB,MAAMpB,KAAEA,GAAST,EACjB,OAAOoB,EAAC1C,EAAoB,CAAC2C,UAAU,6BAA4BzB,SAAEa,KAU1DqB,GACT,QACE,OAAO,OAcRC,GATClC,GAASC,EACJsB,EAACY,EAAY,CAACC,QAASpC,EAAOqC,UAAWpC,IAG3CF"}

package/dist/components/atoms/Radio/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material/Radio"),t=require("@mui/material/styles"),l=require("@mui/material/Box");const s=t.styled("span")((({theme:e})=>({display:"inline-flex",borderRadius:"50%",position:"relative","input:focus ~ &":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"95%",height:"95%",borderRadius:"50%",pointerEvents:"none",opacity:0,transition:"opacity 150ms ease"}}))),r=({error:i=!1,disabled:l=!1,size:r="medium"})=>{const o=t.useTheme(),a=l?o.palette.semantic.fill["fill-disabled"]:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.stroke["stroke-strong"],n="small"===r?24:32,d=i?o.palette.semantic.fill["fill-error-weak"]:o.palette.semantic.fill["fill-inverse-strong"];return e.jsx(s,{children:e.jsx("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:e.jsx("circle",{cx:"10",cy:"10",fill:d,r:"9",stroke:a,strokeWidth:"1"})})})},o=({error:i=!1,disabled:l=!1,size:r="medium"})=>{const o=t.useTheme(),a=l?o.palette.action.disabled:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.fill["fill-selected"],n="small"===r?24:32;return e.jsx(s,{children:e.jsxs("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:[e.jsx("circle",{cx:"10",cy:"10",fill:a,r:"9",stroke:a,strokeWidth:"1"}),e.jsx("circle",{cx:"10",cy:"10",fill:o.palette.semantic.fill["fill-inverse-strong"],r:"3"})]})})},a=t.styled(i)((({theme:e})=>({padding:0,"&:hover:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:active:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-press"]}}))),n=t.styled(l)((()=>({margin:0,position:"relative"}))),d=({disabled:i=!1,size:t="medium",fdKey:l="basic-radio",error:s=!1,checked:d,...c})=>{const p=s&&!i;return e.jsx(n,{children:e.jsx(a,{disableFocusRipple:!0,disableRipple:!0,disableTouchRipple:!0,checked:d,checkedIcon:e.jsx(o,{disabled:i,error:p,size:t}),"data-fd":l,disabled:i,icon:e.jsx(r,{disabled:i,error:p,size:t}),size:t,...c})})};exports.Radio=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material/Radio"),t=require("@mui/material/styles"),l=require("@mui/material/Box");const s=t.styled("span")(({theme:e})=>({display:"inline-flex",borderRadius:"50%",position:"relative","input:focus ~ &":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"95%",height:"95%",borderRadius:"50%",pointerEvents:"none",opacity:0,transition:"opacity 150ms ease"}})),r=({error:i=!1,disabled:l=!1,size:r="medium"})=>{const o=t.useTheme(),a=l?o.palette.semantic.fill["fill-disabled"]:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.stroke["stroke-strong"],n="small"===r?24:32,d=i?o.palette.semantic.fill["fill-error-weak"]:o.palette.semantic.fill["fill-inverse-strong"];return e.jsx(s,{children:e.jsx("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:e.jsx("circle",{cx:"10",cy:"10",fill:d,r:"9",stroke:a,strokeWidth:"1"})})})},o=({error:i=!1,disabled:l=!1,size:r="medium"})=>{const o=t.useTheme(),a=l?o.palette.action.disabled:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.fill["fill-selected"],n="small"===r?24:32;return e.jsx(s,{children:e.jsxs("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:[e.jsx("circle",{cx:"10",cy:"10",fill:a,r:"9",stroke:a,strokeWidth:"1"}),e.jsx("circle",{cx:"10",cy:"10",fill:o.palette.semantic.fill["fill-inverse-strong"],r:"3"})]})})},a=t.styled(i)(({theme:e})=>({padding:0,"&:hover:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:active:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-press"]}})),n=t.styled(l)(()=>({margin:0,position:"relative"})),d=({disabled:i=!1,size:t="medium",fdKey:l="basic-radio",error:s=!1,checked:d,...c})=>{const p=s&&!i;return e.jsx(n,{children:e.jsx(a,{disableFocusRipple:!0,disableRipple:!0,disableTouchRipple:!0,checked:d,checkedIcon:e.jsx(o,{disabled:i,error:p,size:t}),"data-fd":l,disabled:i,icon:e.jsx(r,{disabled:i,error:p,size:t}),size:t,...c})})};exports.Radio=d,exports.default=d;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Radio/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Radio/index.tsx"],"sourcesContent":["import MuiRadio, { type RadioProps as MuiRadioProps } from '@mui/material/Radio';\nimport { styled, useTheme } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\n\nconst IconWrapper = styled('span')(({ theme }) => ({\n display: 'inline-flex',\n borderRadius: '50%',\n position: 'relative',\n 'input:focus ~ &': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '95%',\n height: '95%',\n borderRadius: '50%',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'opacity 150ms ease',\n },\n}));\n\n// Custom unchecked icon - gray or red border circle\nconst RadioUncheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const strokeColor = disabled\n ? theme.palette.semantic.fill['fill-disabled']\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.stroke['stroke-strong'];\n const svgSize = size === 'small' ? 24 : 32;\n const fillBackground = error\n ? theme.palette.semantic.fill['fill-error-weak']\n : theme.palette.semantic.fill['fill-inverse-strong'];\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillBackground} r=\"9\" stroke={strokeColor} strokeWidth=\"1\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Custom checked icon - blue or red filled circle with white center dot\nconst RadioCheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const fillColor = disabled\n ? theme.palette.action.disabled\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-selected'];\n const svgSize = size === 'small' ? 24 : 32;\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillColor} r=\"9\" stroke={fillColor} strokeWidth=\"1\" />\n <circle cx=\"10\" cy=\"10\" fill={theme.palette.semantic.fill['fill-inverse-strong']} r=\"3\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Styled Radio with custom icons\nconst StyledRadio = styled(MuiRadio)(({ theme }) => ({\n padding: 0,\n '&:hover:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n '&:active:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n },\n}));\n\n/** Props for a radio /\nexport type RadioProps = Omit<MuiRadioProps, 'size'> & {\n /* Whether the radio is disabled. /\n disabled?: boolean;\n /* The size of the radio. /\n size?: 'medium' \| 'small';\n /* Whether the radio is required. /\n required?: boolean;\n /* The identifier of the radio. /\n fdKey?: string;\n /* Whether the radio is in an error state. /\n error?: boolean;\n};\n\nconst StyledRadioContainer = styled(Box)(() => ({\n margin: 0,\n position: 'relative',\n}));\n\n/\n Radio component is a wrapper component for a radio.\n \n @param checked - Whether the radio is checked.\n * @param size - The size of the radio.\n * @param fdKey - The identifier of the radio.\n * @param disabled - Whether the radio is disabled.\n * @param error - Whether the radio is in an error state.\n * @param props - Additional props to pass to the underlying MUI Radio component.\n * @returns The Radio component.\n */\nexport const Radio = ({\n disabled = false,\n size = 'medium',\n fdKey = 'basic-radio',\n error = false,\n checked,\n ...props\n}: RadioProps): React.ReactElement => {\n const isError = error && !disabled;\n\n return (\n <StyledRadioContainer>\n <StyledRadio\n disableFocusRipple\n disableRipple\n disableTouchRipple\n checked={checked}\n checkedIcon={<RadioCheckedIcon disabled={disabled} error={isError} size={size} />}\n data-fd={fdKey}\n disabled={disabled}\n icon={<RadioUncheckedIcon disabled={disabled} error={isError} size={size} />}\n size={size}\n {...props}\n />\n </StyledRadioContainer>\n );\n};\n\nexport default Radio;\n"],"names":["IconWrapper","styled","theme","display","borderRadius","position","outline","palette","semantic","stroke","outlineOffset","content","top","left","transform","width","height","pointerEvents","opacity","transition","RadioUncheckedIcon","error","disabled","size","useTheme","strokeColor","fill","svgSize","fillBackground","_jsx","children","viewBox","cx","cy","r","strokeWidth","RadioCheckedIcon","fillColor","action","_jsxs","StyledRadio","MuiRadio","padding","backgroundColor","StyledRadioContainer","Box","margin","Radio","fdKey","checked","props","isError","disableFocusRipple","disableRipple","disableTouchRipple","checkedIcon","icon"],"mappings":"yMAKA,MAAMA,EAAcC,EAAAA,OAAO,OAAPA,~~EAAe~~,EAAGC,YAAO,CAC3CC,QAAS,cACTC,aAAc,MACdC,SAAU,WACV,kBAAmB,CACjBC,QAAS,aAAaJ,EAAMK,QAAQC,SAASC,OAAO,kBACpDC,cAAe,OAEjB,YAAa,CACXC,QAAS,KACTN,SAAU,WACVO,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRZ,aAAc,MACda,cAAe,OACfC,QAAS,EACTC,WAAY,~~0BAKVC~~,EAAqB,EACzBC,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,EAAAA,WACRC,EAAcH,EAChBpB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BL,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASC,OAAO,iBAC9BkB,EAAmB,UAATJ,EAAmB,GAAK,GAClCK,EAAiBP,EACnBnB,EAAMK,QAAQC,SAASkB,KAAK,mBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,uBAChC,OACEG,EAAAA,IAAC7B,EAAW,CAAA8B,SACVD,EAAAA,WAAKH,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,EAAOG,SAClED,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAME,EAAgBM,EAAE,IAAIzB,OAAQgB,EAAaU,YAAY,WAOvFC,EAAmB,EACvBf,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,EAAAA,WACRa,EAAYf,EACdpB,EAAMK,QAAQ+B,OAAOhB,SACrBD,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BC,EAAmB,UAATJ,EAAmB,GAAK,GACxC,OACEM,MAAC7B,EAAW,CAAA8B,SACVS,EAAAA,KAAA,MAAA,CAAKb,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,YAC3DE,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMW,EAAWH,EAAE,IAAIzB,OAAQ4B,EAAWF,YAAY,MAC9EN,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMxB,EAAMK,QAAQC,SAASkB,KAAK,uBAAwBQ,EAAE,YAOtFM,EAAcvC,EAAAA,OAAOwC,EAAPxC,~~EAAiB~~,EAAGC,YAAO,CAC7CwC,QAAS,EACT,0CAA2C,CACzCxB,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,eAE/C,2CAA4C,CAC1CR,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,~~mBAkB3CkB~~,EAAuB3C,EAAAA,OAAO4C,EAAP5C,~~EAAY~~,KAAA,CACvC6C,OAAQ,EACRzC,SAAU,~~eAcC0C~~,EAAQ,EACnBzB,YAAW,EACXC,OAAO,SACPyB,QAAQ,cACR3B,SAAQ,EACR4B,aACGC,MAEH,MAAMC,EAAU9B,IAAUC,EAE1B,OACEO,EAAAA,IAACe,EAAoB,CAAAd,SACnBD,EAAAA,IAACW,EAAW,CACVY,oBAAkB,EAClBC,eAAa,EACbC,sBACAL,QAASA,EACTM,YAAa1B,EAAAA,IAACO,GAAiBd,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IAAQ,UACxEyB,EACT1B,SAAUA,EACVkC,KAAM3B,EAAAA,IAACT,EAAkB,CAACE,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IACpEA,KAAMA,KACF2B"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Radio/index.tsx"],"sourcesContent":["import MuiRadio, { type RadioProps as MuiRadioProps } from '@mui/material/Radio';\nimport { styled, useTheme } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\n\nconst IconWrapper = styled('span')(({ theme }) => ({\n display: 'inline-flex',\n borderRadius: '50%',\n position: 'relative',\n 'input:focus ~ &': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '95%',\n height: '95%',\n borderRadius: '50%',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'opacity 150ms ease',\n },\n}));\n\n// Custom unchecked icon - gray or red border circle\nconst RadioUncheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const strokeColor = disabled\n ? theme.palette.semantic.fill['fill-disabled']\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.stroke['stroke-strong'];\n const svgSize = size === 'small' ? 24 : 32;\n const fillBackground = error\n ? theme.palette.semantic.fill['fill-error-weak']\n : theme.palette.semantic.fill['fill-inverse-strong'];\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillBackground} r=\"9\" stroke={strokeColor} strokeWidth=\"1\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Custom checked icon - blue or red filled circle with white center dot\nconst RadioCheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const fillColor = disabled\n ? theme.palette.action.disabled\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-selected'];\n const svgSize = size === 'small' ? 24 : 32;\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillColor} r=\"9\" stroke={fillColor} strokeWidth=\"1\" />\n <circle cx=\"10\" cy=\"10\" fill={theme.palette.semantic.fill['fill-inverse-strong']} r=\"3\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Styled Radio with custom icons\nconst StyledRadio = styled(MuiRadio)(({ theme }) => ({\n padding: 0,\n '&:hover:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n '&:active:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n },\n}));\n\n/** Props for a radio /\nexport type RadioProps = Omit<MuiRadioProps, 'size'> & {\n /* Whether the radio is disabled. /\n disabled?: boolean;\n /* The size of the radio. /\n size?: 'medium' \| 'small';\n /* Whether the radio is required. /\n required?: boolean;\n /* The identifier of the radio. /\n fdKey?: string;\n /* Whether the radio is in an error state. /\n error?: boolean;\n};\n\nconst StyledRadioContainer = styled(Box)(() => ({\n margin: 0,\n position: 'relative',\n}));\n\n/\n Radio component is a wrapper component for a radio.\n \n @param checked - Whether the radio is checked.\n * @param size - The size of the radio.\n * @param fdKey - The identifier of the radio.\n * @param disabled - Whether the radio is disabled.\n * @param error - Whether the radio is in an error state.\n * @param props - Additional props to pass to the underlying MUI Radio component.\n * @returns The Radio component.\n */\nexport const Radio = ({\n disabled = false,\n size = 'medium',\n fdKey = 'basic-radio',\n error = false,\n checked,\n ...props\n}: RadioProps): React.ReactElement => {\n const isError = error && !disabled;\n\n return (\n <StyledRadioContainer>\n <StyledRadio\n disableFocusRipple\n disableRipple\n disableTouchRipple\n checked={checked}\n checkedIcon={<RadioCheckedIcon disabled={disabled} error={isError} size={size} />}\n data-fd={fdKey}\n disabled={disabled}\n icon={<RadioUncheckedIcon disabled={disabled} error={isError} size={size} />}\n size={size}\n {...props}\n />\n </StyledRadioContainer>\n );\n};\n\nexport default Radio;\n"],"names":["IconWrapper","styled","theme","display","borderRadius","position","outline","palette","semantic","stroke","outlineOffset","content","top","left","transform","width","height","pointerEvents","opacity","transition","RadioUncheckedIcon","error","disabled","size","useTheme","strokeColor","fill","svgSize","fillBackground","_jsx","children","viewBox","cx","cy","r","strokeWidth","RadioCheckedIcon","fillColor","action","_jsxs","StyledRadio","MuiRadio","padding","backgroundColor","StyledRadioContainer","Box","margin","Radio","fdKey","checked","props","isError","disableFocusRipple","disableRipple","disableTouchRipple","checkedIcon","icon"],"mappings":"yMAKA,MAAMA,EAAcC,EAAAA,OAAO,OAAPA,CAAe,EAAGC,YAAO,CAC3CC,QAAS,cACTC,aAAc,MACdC,SAAU,WACV,kBAAmB,CACjBC,QAAS,aAAaJ,EAAMK,QAAQC,SAASC,OAAO,kBACpDC,cAAe,OAEjB,YAAa,CACXC,QAAS,KACTN,SAAU,WACVO,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRZ,aAAc,MACda,cAAe,OACfC,QAAS,EACTC,WAAY,yBAKVC,EAAqB,EACzBC,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,EAAAA,WACRC,EAAcH,EAChBpB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BL,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASC,OAAO,iBAC9BkB,EAAmB,UAATJ,EAAmB,GAAK,GAClCK,EAAiBP,EACnBnB,EAAMK,QAAQC,SAASkB,KAAK,mBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,uBAChC,OACEG,EAAAA,IAAC7B,EAAW,CAAA8B,SACVD,EAAAA,WAAKH,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,EAAOG,SAClED,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAME,EAAgBM,EAAE,IAAIzB,OAAQgB,EAAaU,YAAY,WAOvFC,EAAmB,EACvBf,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,EAAAA,WACRa,EAAYf,EACdpB,EAAMK,QAAQ+B,OAAOhB,SACrBD,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BC,EAAmB,UAATJ,EAAmB,GAAK,GACxC,OACEM,MAAC7B,EAAW,CAAA8B,SACVS,EAAAA,KAAA,MAAA,CAAKb,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,YAC3DE,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMW,EAAWH,EAAE,IAAIzB,OAAQ4B,EAAWF,YAAY,MAC9EN,EAAAA,IAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMxB,EAAMK,QAAQC,SAASkB,KAAK,uBAAwBQ,EAAE,YAOtFM,EAAcvC,EAAAA,OAAOwC,EAAPxC,CAAiB,EAAGC,YAAO,CAC7CwC,QAAS,EACT,0CAA2C,CACzCxB,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,eAE/C,2CAA4C,CAC1CR,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,kBAkB3CkB,EAAuB3C,EAAAA,OAAO4C,EAAP5C,CAAY,KAAA,CACvC6C,OAAQ,EACRzC,SAAU,cAcC0C,EAAQ,EACnBzB,YAAW,EACXC,OAAO,SACPyB,QAAQ,cACR3B,SAAQ,EACR4B,aACGC,MAEH,MAAMC,EAAU9B,IAAUC,EAE1B,OACEO,EAAAA,IAACe,EAAoB,CAAAd,SACnBD,EAAAA,IAACW,EAAW,CACVY,oBAAkB,EAClBC,eAAa,EACbC,sBACAL,QAASA,EACTM,YAAa1B,EAAAA,IAACO,GAAiBd,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IAAQ,UACxEyB,EACT1B,SAAUA,EACVkC,KAAM3B,EAAAA,IAACT,EAAkB,CAACE,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IACpEA,KAAMA,KACF2B"}

package/dist/components/atoms/Radio/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import t from"@mui/material/Radio";import{styled as l,useTheme as r}from"@mui/material/styles";import o from"@mui/material/Box";const s=l("span")((({theme:e})=>({display:"inline-flex",borderRadius:"50%",position:"relative","input:focus ~ &":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"95%",height:"95%",borderRadius:"50%",pointerEvents:"none",opacity:0,transition:"opacity 150ms ease"}}))),a=({error:i=!1,disabled:t=!1,size:l="medium"})=>{const o=r(),a=t?o.palette.semantic.fill["fill-disabled"]:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.stroke["stroke-strong"],n="small"===l?24:32,c=i?o.palette.semantic.fill["fill-error-weak"]:o.palette.semantic.fill["fill-inverse-strong"];return e(s,{children:e("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:e("circle",{cx:"10",cy:"10",fill:c,r:"9",stroke:a,strokeWidth:"1"})})})},n=({error:t=!1,disabled:l=!1,size:o="medium"})=>{const a=r(),n=l?a.palette.action.disabled:t?a.palette.semantic.fill["fill-error-strong"]:a.palette.semantic.fill["fill-selected"],c="small"===o?24:32;return e(s,{children:i("svg",{fill:"none",height:c,viewBox:"0 0 20 20",width:c,children:[e("circle",{cx:"10",cy:"10",fill:n,r:"9",stroke:n,strokeWidth:"1"}),e("circle",{cx:"10",cy:"10",fill:a.palette.semantic.fill["fill-inverse-strong"],r:"3"})]})})},c=l(t)((({theme:e})=>({padding:0,"&:hover:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:active:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-press"]}}))),d=l(o)((()=>({margin:0,position:"relative"}))),p=({disabled:i=!1,size:t="medium",fdKey:l="basic-radio",error:r=!1,checked:o,...s})=>{const p=r&&!i;return e(d,{children:e(c,{disableFocusRipple:!0,disableRipple:!0,disableTouchRipple:!0,checked:o,checkedIcon:e(n,{disabled:i,error:p,size:t}),"data-fd":l,disabled:i,icon:e(a,{disabled:i,error:p,size:t}),size:t,...s})})};export{p as Radio,p as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import t from"@mui/material/Radio";import{styled as l,useTheme as r}from"@mui/material/styles";import o from"@mui/material/Box";const s=l("span")(({theme:e})=>({display:"inline-flex",borderRadius:"50%",position:"relative","input:focus ~ &":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&::before":{content:'""',position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"95%",height:"95%",borderRadius:"50%",pointerEvents:"none",opacity:0,transition:"opacity 150ms ease"}})),a=({error:i=!1,disabled:t=!1,size:l="medium"})=>{const o=r(),a=t?o.palette.semantic.fill["fill-disabled"]:i?o.palette.semantic.fill["fill-error-strong"]:o.palette.semantic.stroke["stroke-strong"],n="small"===l?24:32,c=i?o.palette.semantic.fill["fill-error-weak"]:o.palette.semantic.fill["fill-inverse-strong"];return e(s,{children:e("svg",{fill:"none",height:n,viewBox:"0 0 20 20",width:n,children:e("circle",{cx:"10",cy:"10",fill:c,r:"9",stroke:a,strokeWidth:"1"})})})},n=({error:t=!1,disabled:l=!1,size:o="medium"})=>{const a=r(),n=l?a.palette.action.disabled:t?a.palette.semantic.fill["fill-error-strong"]:a.palette.semantic.fill["fill-selected"],c="small"===o?24:32;return e(s,{children:i("svg",{fill:"none",height:c,viewBox:"0 0 20 20",width:c,children:[e("circle",{cx:"10",cy:"10",fill:n,r:"9",stroke:n,strokeWidth:"1"}),e("circle",{cx:"10",cy:"10",fill:a.palette.semantic.fill["fill-inverse-strong"],r:"3"})]})})},c=l(t)(({theme:e})=>({padding:0,"&:hover:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:active:not(.Mui-disabled) span::before":{opacity:1,backgroundColor:e.palette.semantic.fill["fill-press"]}})),d=l(o)(()=>({margin:0,position:"relative"})),p=({disabled:i=!1,size:t="medium",fdKey:l="basic-radio",error:r=!1,checked:o,...s})=>{const p=r&&!i;return e(d,{children:e(c,{disableFocusRipple:!0,disableRipple:!0,disableTouchRipple:!0,checked:o,checkedIcon:e(n,{disabled:i,error:p,size:t}),"data-fd":l,disabled:i,icon:e(a,{disabled:i,error:p,size:t}),size:t,...s})})};export{p as Radio,p as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Radio/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Radio/index.tsx"],"sourcesContent":["import MuiRadio, { type RadioProps as MuiRadioProps } from '@mui/material/Radio';\nimport { styled, useTheme } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\n\nconst IconWrapper = styled('span')(({ theme }) => ({\n display: 'inline-flex',\n borderRadius: '50%',\n position: 'relative',\n 'input:focus ~ &': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '95%',\n height: '95%',\n borderRadius: '50%',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'opacity 150ms ease',\n },\n}));\n\n// Custom unchecked icon - gray or red border circle\nconst RadioUncheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const strokeColor = disabled\n ? theme.palette.semantic.fill['fill-disabled']\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.stroke['stroke-strong'];\n const svgSize = size === 'small' ? 24 : 32;\n const fillBackground = error\n ? theme.palette.semantic.fill['fill-error-weak']\n : theme.palette.semantic.fill['fill-inverse-strong'];\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillBackground} r=\"9\" stroke={strokeColor} strokeWidth=\"1\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Custom checked icon - blue or red filled circle with white center dot\nconst RadioCheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const fillColor = disabled\n ? theme.palette.action.disabled\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-selected'];\n const svgSize = size === 'small' ? 24 : 32;\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillColor} r=\"9\" stroke={fillColor} strokeWidth=\"1\" />\n <circle cx=\"10\" cy=\"10\" fill={theme.palette.semantic.fill['fill-inverse-strong']} r=\"3\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Styled Radio with custom icons\nconst StyledRadio = styled(MuiRadio)(({ theme }) => ({\n padding: 0,\n '&:hover:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n '&:active:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n },\n}));\n\n/** Props for a radio /\nexport type RadioProps = Omit<MuiRadioProps, 'size'> & {\n /* Whether the radio is disabled. /\n disabled?: boolean;\n /* The size of the radio. /\n size?: 'medium' \| 'small';\n /* Whether the radio is required. /\n required?: boolean;\n /* The identifier of the radio. /\n fdKey?: string;\n /* Whether the radio is in an error state. /\n error?: boolean;\n};\n\nconst StyledRadioContainer = styled(Box)(() => ({\n margin: 0,\n position: 'relative',\n}));\n\n/\n Radio component is a wrapper component for a radio.\n \n @param checked - Whether the radio is checked.\n * @param size - The size of the radio.\n * @param fdKey - The identifier of the radio.\n * @param disabled - Whether the radio is disabled.\n * @param error - Whether the radio is in an error state.\n * @param props - Additional props to pass to the underlying MUI Radio component.\n * @returns The Radio component.\n */\nexport const Radio = ({\n disabled = false,\n size = 'medium',\n fdKey = 'basic-radio',\n error = false,\n checked,\n ...props\n}: RadioProps): React.ReactElement => {\n const isError = error && !disabled;\n\n return (\n <StyledRadioContainer>\n <StyledRadio\n disableFocusRipple\n disableRipple\n disableTouchRipple\n checked={checked}\n checkedIcon={<RadioCheckedIcon disabled={disabled} error={isError} size={size} />}\n data-fd={fdKey}\n disabled={disabled}\n icon={<RadioUncheckedIcon disabled={disabled} error={isError} size={size} />}\n size={size}\n {...props}\n />\n </StyledRadioContainer>\n );\n};\n\nexport default Radio;\n"],"names":["IconWrapper","styled","theme","display","borderRadius","position","outline","palette","semantic","stroke","outlineOffset","content","top","left","transform","width","height","pointerEvents","opacity","transition","RadioUncheckedIcon","error","disabled","size","useTheme","strokeColor","fill","svgSize","fillBackground","_jsx","children","viewBox","cx","cy","r","strokeWidth","RadioCheckedIcon","fillColor","action","_jsxs","StyledRadio","MuiRadio","padding","backgroundColor","StyledRadioContainer","Box","margin","Radio","fdKey","checked","props","isError","disableFocusRipple","disableRipple","disableTouchRipple","checkedIcon","icon"],"mappings":"kLAKA,MAAMA,EAAcC,EAAO,OAAPA,~~EAAe~~,EAAGC,YAAO,CAC3CC,QAAS,cACTC,aAAc,MACdC,SAAU,WACV,kBAAmB,CACjBC,QAAS,aAAaJ,EAAMK,QAAQC,SAASC,OAAO,kBACpDC,cAAe,OAEjB,YAAa,CACXC,QAAS,KACTN,SAAU,WACVO,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRZ,aAAc,MACda,cAAe,OACfC,QAAS,EACTC,WAAY,~~0BAKVC~~,EAAqB,EACzBC,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,IACRC,EAAcH,EAChBpB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BL,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASC,OAAO,iBAC9BkB,EAAmB,UAATJ,EAAmB,GAAK,GAClCK,EAAiBP,EACnBnB,EAAMK,QAAQC,SAASkB,KAAK,mBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,uBAChC,OACEG,EAAC7B,EAAW,CAAA8B,SACVD,SAAKH,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,EAAOG,SAClED,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAME,EAAgBM,EAAE,IAAIzB,OAAQgB,EAAaU,YAAY,WAOvFC,EAAmB,EACvBf,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,IACRa,EAAYf,EACdpB,EAAMK,QAAQ+B,OAAOhB,SACrBD,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BC,EAAmB,UAATJ,EAAmB,GAAK,GACxC,OACEM,EAAC7B,EAAW,CAAA8B,SACVS,EAAA,MAAA,CAAKb,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,YAC3DE,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMW,EAAWH,EAAE,IAAIzB,OAAQ4B,EAAWF,YAAY,MAC9EN,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMxB,EAAMK,QAAQC,SAASkB,KAAK,uBAAwBQ,EAAE,YAOtFM,EAAcvC,EAAOwC,EAAPxC,~~EAAiB~~,EAAGC,YAAO,CAC7CwC,QAAS,EACT,0CAA2C,CACzCxB,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,eAE/C,2CAA4C,CAC1CR,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,~~mBAkB3CkB~~,EAAuB3C,EAAO4C,EAAP5C,~~EAAY~~,KAAA,CACvC6C,OAAQ,EACRzC,SAAU,~~eAcC0C~~,EAAQ,EACnBzB,YAAW,EACXC,OAAO,SACPyB,QAAQ,cACR3B,SAAQ,EACR4B,aACGC,MAEH,MAAMC,EAAU9B,IAAUC,EAE1B,OACEO,EAACe,EAAoB,CAAAd,SACnBD,EAACW,EAAW,CACVY,oBAAkB,EAClBC,eAAa,EACbC,sBACAL,QAASA,EACTM,YAAa1B,EAACO,GAAiBd,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IAAQ,UACxEyB,EACT1B,SAAUA,EACVkC,KAAM3B,EAACT,EAAkB,CAACE,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IACpEA,KAAMA,KACF2B"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Radio/index.tsx"],"sourcesContent":["import MuiRadio, { type RadioProps as MuiRadioProps } from '@mui/material/Radio';\nimport { styled, useTheme } from '@mui/material/styles';\n\nimport Box from '@fd/components/atoms/Box';\n\nconst IconWrapper = styled('span')(({ theme }) => ({\n display: 'inline-flex',\n borderRadius: '50%',\n position: 'relative',\n 'input:focus ~ &': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '95%',\n height: '95%',\n borderRadius: '50%',\n pointerEvents: 'none',\n opacity: 0,\n transition: 'opacity 150ms ease',\n },\n}));\n\n// Custom unchecked icon - gray or red border circle\nconst RadioUncheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const strokeColor = disabled\n ? theme.palette.semantic.fill['fill-disabled']\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.stroke['stroke-strong'];\n const svgSize = size === 'small' ? 24 : 32;\n const fillBackground = error\n ? theme.palette.semantic.fill['fill-error-weak']\n : theme.palette.semantic.fill['fill-inverse-strong'];\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillBackground} r=\"9\" stroke={strokeColor} strokeWidth=\"1\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Custom checked icon - blue or red filled circle with white center dot\nconst RadioCheckedIcon = ({\n error = false,\n disabled = false,\n size = 'medium',\n}: {\n error?: boolean;\n disabled?: boolean;\n size?: 'medium' \| 'small';\n}): React.ReactElement => {\n const theme = useTheme();\n const fillColor = disabled\n ? theme.palette.action.disabled\n : error\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-selected'];\n const svgSize = size === 'small' ? 24 : 32;\n return (\n <IconWrapper>\n <svg fill=\"none\" height={svgSize} viewBox=\"0 0 20 20\" width={svgSize}>\n <circle cx=\"10\" cy=\"10\" fill={fillColor} r=\"9\" stroke={fillColor} strokeWidth=\"1\" />\n <circle cx=\"10\" cy=\"10\" fill={theme.palette.semantic.fill['fill-inverse-strong']} r=\"3\" />\n </svg>\n </IconWrapper>\n );\n};\n\n// Styled Radio with custom icons\nconst StyledRadio = styled(MuiRadio)(({ theme }) => ({\n padding: 0,\n '&:hover:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n '&:active:not(.Mui-disabled) span::before': {\n opacity: 1,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n },\n}));\n\n/** Props for a radio /\nexport type RadioProps = Omit<MuiRadioProps, 'size'> & {\n /* Whether the radio is disabled. /\n disabled?: boolean;\n /* The size of the radio. /\n size?: 'medium' \| 'small';\n /* Whether the radio is required. /\n required?: boolean;\n /* The identifier of the radio. /\n fdKey?: string;\n /* Whether the radio is in an error state. /\n error?: boolean;\n};\n\nconst StyledRadioContainer = styled(Box)(() => ({\n margin: 0,\n position: 'relative',\n}));\n\n/\n Radio component is a wrapper component for a radio.\n \n @param checked - Whether the radio is checked.\n * @param size - The size of the radio.\n * @param fdKey - The identifier of the radio.\n * @param disabled - Whether the radio is disabled.\n * @param error - Whether the radio is in an error state.\n * @param props - Additional props to pass to the underlying MUI Radio component.\n * @returns The Radio component.\n */\nexport const Radio = ({\n disabled = false,\n size = 'medium',\n fdKey = 'basic-radio',\n error = false,\n checked,\n ...props\n}: RadioProps): React.ReactElement => {\n const isError = error && !disabled;\n\n return (\n <StyledRadioContainer>\n <StyledRadio\n disableFocusRipple\n disableRipple\n disableTouchRipple\n checked={checked}\n checkedIcon={<RadioCheckedIcon disabled={disabled} error={isError} size={size} />}\n data-fd={fdKey}\n disabled={disabled}\n icon={<RadioUncheckedIcon disabled={disabled} error={isError} size={size} />}\n size={size}\n {...props}\n />\n </StyledRadioContainer>\n );\n};\n\nexport default Radio;\n"],"names":["IconWrapper","styled","theme","display","borderRadius","position","outline","palette","semantic","stroke","outlineOffset","content","top","left","transform","width","height","pointerEvents","opacity","transition","RadioUncheckedIcon","error","disabled","size","useTheme","strokeColor","fill","svgSize","fillBackground","_jsx","children","viewBox","cx","cy","r","strokeWidth","RadioCheckedIcon","fillColor","action","_jsxs","StyledRadio","MuiRadio","padding","backgroundColor","StyledRadioContainer","Box","margin","Radio","fdKey","checked","props","isError","disableFocusRipple","disableRipple","disableTouchRipple","checkedIcon","icon"],"mappings":"kLAKA,MAAMA,EAAcC,EAAO,OAAPA,CAAe,EAAGC,YAAO,CAC3CC,QAAS,cACTC,aAAc,MACdC,SAAU,WACV,kBAAmB,CACjBC,QAAS,aAAaJ,EAAMK,QAAQC,SAASC,OAAO,kBACpDC,cAAe,OAEjB,YAAa,CACXC,QAAS,KACTN,SAAU,WACVO,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,MAAO,MACPC,OAAQ,MACRZ,aAAc,MACda,cAAe,OACfC,QAAS,EACTC,WAAY,yBAKVC,EAAqB,EACzBC,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,IACRC,EAAcH,EAChBpB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BL,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASC,OAAO,iBAC9BkB,EAAmB,UAATJ,EAAmB,GAAK,GAClCK,EAAiBP,EACnBnB,EAAMK,QAAQC,SAASkB,KAAK,mBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,uBAChC,OACEG,EAAC7B,EAAW,CAAA8B,SACVD,SAAKH,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,EAAOG,SAClED,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAME,EAAgBM,EAAE,IAAIzB,OAAQgB,EAAaU,YAAY,WAOvFC,EAAmB,EACvBf,SAAQ,EACRC,YAAW,EACXC,OAAO,aAMP,MAAMrB,EAAQsB,IACRa,EAAYf,EACdpB,EAAMK,QAAQ+B,OAAOhB,SACrBD,EACEnB,EAAMK,QAAQC,SAASkB,KAAK,qBAC5BxB,EAAMK,QAAQC,SAASkB,KAAK,iBAC5BC,EAAmB,UAATJ,EAAmB,GAAK,GACxC,OACEM,EAAC7B,EAAW,CAAA8B,SACVS,EAAA,MAAA,CAAKb,KAAK,OAAOV,OAAQW,EAASI,QAAQ,YAAYhB,MAAOY,YAC3DE,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMW,EAAWH,EAAE,IAAIzB,OAAQ4B,EAAWF,YAAY,MAC9EN,EAAA,SAAA,CAAQG,GAAG,KAAKC,GAAG,KAAKP,KAAMxB,EAAMK,QAAQC,SAASkB,KAAK,uBAAwBQ,EAAE,YAOtFM,EAAcvC,EAAOwC,EAAPxC,CAAiB,EAAGC,YAAO,CAC7CwC,QAAS,EACT,0CAA2C,CACzCxB,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,eAE/C,2CAA4C,CAC1CR,QAAS,EACTyB,gBAAiBzC,EAAMK,QAAQC,SAASkB,KAAK,kBAkB3CkB,EAAuB3C,EAAO4C,EAAP5C,CAAY,KAAA,CACvC6C,OAAQ,EACRzC,SAAU,cAcC0C,EAAQ,EACnBzB,YAAW,EACXC,OAAO,SACPyB,QAAQ,cACR3B,SAAQ,EACR4B,aACGC,MAEH,MAAMC,EAAU9B,IAAUC,EAE1B,OACEO,EAACe,EAAoB,CAAAd,SACnBD,EAACW,EAAW,CACVY,oBAAkB,EAClBC,eAAa,EACbC,sBACAL,QAASA,EACTM,YAAa1B,EAACO,GAAiBd,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IAAQ,UACxEyB,EACT1B,SAAUA,EACVkC,KAAM3B,EAACT,EAAkB,CAACE,SAAUA,EAAUD,MAAO8B,EAAS5B,KAAMA,IACpEA,KAAMA,KACF2B"}

package/dist/components/atoms/Select/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Box"),l=require("@mui/material/FormHelperText"),t=require("@mui/material/InputLabel"),s=require("@mui/material/Select"),d=require("@mui/material/styles"),o=require("../../../icons/ArrowDown01/index.cjs.js"),a=require("../../../icons/ArrowUp01/index.cjs.js"),n=require("../../../icons/CancelCircle/index.cjs.js"),u=require("../MenuItem/index.cjs.js");const c=d.styled(i,{shouldForwardProp:e=>"fullWidth"!==e})((({theme:e,fullWidth:r=!1})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),width:r?"100%":"min(364px, 100%)"}))),p=d.styled(s,{shouldForwardProp:e=>!["fullWidth","showPlaceholder"].includes(e)})((({theme:e,fullWidth:r=!1,showPlaceholder:i=!1})=>({display:"flex",width:r?"100%":"auto","& .MuiSelect-select":{color:i?e.palette.semantic.text["text-weak"]:e.palette.semantic.text["text-strong"]}}))),h=d.styled(i,{shouldForwardProp:e=>"disabled"!==e})((({theme:e,disabled:r=!1})=>({alignItems:"center",cursor:r?"not-allowed":"pointer",display:"flex",justifyContent:"center",paddingRight:e.spacing(2),pointerEvents:"auto","& svg":{color:r?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]}}))),x=d.styled(u.MenuItem)((()=>({display:"none"}))),m=({children:s,disabled:d=!1,errorText:m,fdKey:j,fullWidth:b=!1,helperText:f,label:v,onChange:g,options:q=[],placeholder:y,required:w=!1,value:P,...C})=>{const[I,W]=r.useState(!1),M=f?`${j}-helper-text`:void 0,F=m?`${j}-error-message`:void 0,S=[M,F].filter(Boolean).join(" ")||void 0,D=!!m&&!d,T=!(!y||P&&""!==P);r.useEffect((()=>{d&&W(!1)}),[d]);const k=e=>{d||W(void 0===e?e=>!e:e)},A=r.useMemo((()=>q.map((r=>e.jsx(u.MenuItem,{disabled:r.disabled,value:r.value,children:r.label},r.value)))),[q]);return e.jsxs(c,{fullWidth:b,children:[e.jsxs(i,{children:[v&&e.jsx(t,{disabled:d,htmlFor:j,required:w,children:v}),f&&e.jsx(l,{disabled:d,id:M,children:f})]}),D&&e.jsxs(l,{error:!0,id:F,children:[e.jsx(n,{}),m]}),e.jsx(p,{"data-fd":j,disabled:d,error:D,fullWidth:b,IconComponent:()=>e.jsx(h,{disabled:d,onClick:e=>{d||(e.stopPropagation(),k())},children:I?e.jsx(a,{}):e.jsx(o,{})}),id:j,inputProps:{"aria-describedby":S},label:"",onChange:(e,r)=>{!(r&&"object"==typeof r&&"props"in r&&r.props?.disabled)?g&&g(e,r):e.preventDefault()},onClose:()=>k(!1),onOpen:()=>k(!0),open:I,required:w,showPlaceholder:T,value:T?y:String(P),variant:"outlined",...C,children:(()=>{const r=[];return T&&r.push(e.jsx(x,{disabled:!0,"aria-hidden":"true",tabIndex:-1,value:y,children:y},"placeholder")),q?.length>0?r.push(...A):r.push(s),r})()})]})};exports.Select=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Box"),l=require("@mui/material/FormHelperText"),t=require("@mui/material/InputLabel"),s=require("@mui/material/Select"),d=require("@mui/material/styles"),o=require("../../../icons/ArrowDown01/index.cjs.js"),a=require("../../../icons/ArrowUp01/index.cjs.js"),n=require("../../../icons/CancelCircle/index.cjs.js"),u=require("../MenuItem/index.cjs.js");const c=d.styled(i,{shouldForwardProp:e=>"fullWidth"!==e})(({theme:e,fullWidth:r=!1})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),width:r?"100%":"min(364px, 100%)"})),p=d.styled(s,{shouldForwardProp:e=>!["fullWidth","showPlaceholder"].includes(e)})(({theme:e,fullWidth:r=!1,showPlaceholder:i=!1})=>({display:"flex",width:r?"100%":"auto","& .MuiSelect-select":{color:i?e.palette.semantic.text["text-weak"]:e.palette.semantic.text["text-strong"]}})),h=d.styled(i,{shouldForwardProp:e=>"disabled"!==e})(({theme:e,disabled:r=!1})=>({alignItems:"center",cursor:r?"not-allowed":"pointer",display:"flex",justifyContent:"center",paddingRight:e.spacing(2),pointerEvents:"auto","& svg":{color:r?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]}})),x=d.styled(u.MenuItem)(()=>({display:"none"})),m=({children:s,disabled:d=!1,errorText:m,fdKey:j,fullWidth:b=!1,helperText:f,label:v,onChange:g,options:q=[],placeholder:y,required:w=!1,value:P,...C})=>{const[I,W]=r.useState(!1),M=f?`${j}-helper-text`:void 0,F=m?`${j}-error-message`:void 0,S=[M,F].filter(Boolean).join(" ")||void 0,D=!!m&&!d,T=!(!y||P&&""!==P);r.useEffect(()=>{d&&W(!1)},[d]);const k=e=>{d||W(void 0===e?e=>!e:e)},A=r.useMemo(()=>q.map(r=>e.jsx(u.MenuItem,{disabled:r.disabled,value:r.value,children:r.label},r.value)),[q]);return e.jsxs(c,{fullWidth:b,children:[e.jsxs(i,{children:[v&&e.jsx(t,{disabled:d,htmlFor:j,required:w,children:v}),f&&e.jsx(l,{disabled:d,id:M,children:f})]}),D&&e.jsxs(l,{error:!0,id:F,children:[e.jsx(n,{}),m]}),e.jsx(p,{"data-fd":j,disabled:d,error:D,fullWidth:b,IconComponent:()=>e.jsx(h,{disabled:d,onClick:e=>{d||(e.stopPropagation(),k())},children:I?e.jsx(a,{}):e.jsx(o,{})}),id:j,inputProps:{"aria-describedby":S},label:"",onChange:(e,r)=>{!(r&&"object"==typeof r&&"props"in r&&r.props?.disabled)?g&&g(e,r):e.preventDefault()},onClose:()=>k(!1),onOpen:()=>k(!0),open:I,required:w,showPlaceholder:T,value:T?y:String(P),variant:"outlined",...C,children:(()=>{const r=[];return T&&r.push(e.jsx(x,{disabled:!0,"aria-hidden":"true",tabIndex:-1,value:y,children:y},"placeholder")),q?.length>0?r.push(...A):r.push(s),r})()})]})};exports.Select=m,exports.default=m;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Select/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Select/index.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport MuiFormHelperText from '@mui/material/FormHelperText';\nimport MuiInputLabel from '@mui/material/InputLabel';\nimport MuiSelect, { type SelectChangeEvent, type SelectProps as MuiSelectProps } from '@mui/material/Select';\nimport { styled } from '@mui/material/styles';\n\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport CancelCircleIcon from '@fd/icons/CancelCircle';\n\nimport MenuItem from '../MenuItem';\n\nexport interface SelectOption {\n value: number \| string;\n label: string;\n disabled?: boolean;\n}\n\nexport type SelectProps = Omit<MuiSelectProps, 'error' \| 'id' \| 'value' \| 'variant'> & {\n errorText?: string;\n fdKey: string;\n helperText?: string;\n options?: SelectOption[];\n placeholder?: string;\n value?: number \| string;\n};\n\nconst StyledContainer = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ theme, fullWidth = false }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n width: fullWidth ? '100%' : 'min(364px, 100%)', // Constrain minWidth to a maximum of 100% of the container width\n}));\n\nconst StyledSelect = styled(MuiSelect, {\n shouldForwardProp: (prop) => !['fullWidth', 'showPlaceholder'].includes(prop as string),\n})<{ fullWidth?: boolean; showPlaceholder?: boolean }>(\n ({ theme, fullWidth = false, showPlaceholder = false }) => ({\n display: 'flex',\n width: fullWidth ? '100%' : 'auto',\n\n '& .MuiSelect-select': {\n color: showPlaceholder\n ? theme.palette.semantic.text['text-weak']\n : theme.palette.semantic.text['text-strong'],\n },\n }),\n);\n\nconst StyledIconContainer = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n cursor: disabled ? 'not-allowed' : 'pointer',\n display: 'flex',\n justifyContent: 'center',\n paddingRight: theme.spacing(2),\n pointerEvents: 'auto',\n\n '& svg': {\n color: disabled\n ? theme.palette.semantic.icon['icon-disabled']\n : theme.palette.semantic.icon['icon-strong'],\n },\n}));\n\nconst StyledHiddenPlaceholderMenuItem = styled(MenuItem)(() => ({\n display: 'none',\n}));\n\nexport const Select = ({\n children,\n disabled = false,\n errorText,\n fdKey,\n fullWidth = false,\n helperText,\n label,\n onChange,\n options = [],\n placeholder,\n required = false,\n value,\n ...props\n}: SelectProps): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n const helperTextId = helperText ? `${fdKey}-helper-text` : undefined;\n const errorMessageId = errorText ? `${fdKey}-error-message` : undefined;\n\n // Combine helper text and error message IDs for aria-describedby\n const ariaDescribedBy = [helperTextId, errorMessageId].filter(Boolean).join(' ') \|\| undefined;\n\n const isError = !!errorText && !disabled;\n const showPlaceholder = !!placeholder && (!value \|\| value === '');\n\n // Close the dropdown (if open) when the component is dynamically disabled\n useEffect(() => {\n if (disabled) {\n setIsOpen(false);\n }\n }, [disabled]);\n\n /*\n Toggles or sets the dropdown open state.\n * Does nothing when the component is disabled.\n \n @param open - Optional boolean to explicitly set open state; if undefined, toggles current state\n */\n const toggleOpen = (open?: boolean): void => {\n if (disabled) {\n return;\n }\n\n if (open !== undefined) {\n setIsOpen(open);\n return;\n }\n\n setIsOpen((prevOpen) => !prevOpen);\n };\n\n const handleChange = (event: SelectChangeEvent<unknown>, child?: React.ReactNode): void => {\n // Check if the child is disabled\n const isMenuItemDisabled = !!(\n child &&\n typeof child === 'object' &&\n 'props' in (child as React.ReactElement) &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n (child as React.ReactElement).props?.disabled\n );\n if (isMenuItemDisabled) {\n event.preventDefault();\n return;\n }\n\n // Call the original onChange handler if provided\n if (onChange) {\n onChange(event, child);\n }\n };\n\n const getDisplayValue = (): string => {\n if (showPlaceholder) {\n return placeholder;\n }\n\n return String(value);\n };\n\n const renderIcon = (): JSX.Element => {\n const handleIconClick = (event: React.MouseEvent): void => {\n if (disabled) {\n return;\n }\n\n event.stopPropagation();\n toggleOpen();\n };\n\n return (\n <StyledIconContainer disabled={disabled} onClick={handleIconClick}>\n {isOpen ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n </StyledIconContainer>\n );\n };\n\n const optionsMenuItems = useMemo((): React.ReactNode[] => {\n return options.map((option) => (\n <MenuItem key={option.value} disabled={option.disabled} value={option.value}>\n {option.label}\n </MenuItem>\n ));\n }, [options]);\n\n const renderMenuItems = (): React.ReactNode => {\n const menuItems = [];\n\n // Workaround to get the placeholder to show up when no value is selected\n // Placeholder must be a menu item to be displayed\n if (showPlaceholder) {\n menuItems.push(\n <StyledHiddenPlaceholderMenuItem\n key=\"placeholder\"\n disabled\n aria-hidden=\"true\"\n tabIndex={-1}\n value={placeholder}\n >\n {placeholder}\n </StyledHiddenPlaceholderMenuItem>,\n );\n }\n\n // Add either options or children\n if (options?.length > 0) {\n menuItems.push(...optionsMenuItems);\n } else {\n // If no options are provided, use the children\n menuItems.push(children);\n }\n\n return menuItems;\n };\n\n return (\n <StyledContainer fullWidth={fullWidth}>\n <Box>\n {label && (\n <MuiInputLabel disabled={disabled} htmlFor={fdKey} required={required}>\n {label}\n </MuiInputLabel>\n )}\n\n {helperText && (\n <MuiFormHelperText disabled={disabled} id={helperTextId}>\n {helperText}\n </MuiFormHelperText>\n )}\n </Box>\n\n {isError && (\n <MuiFormHelperText error id={errorMessageId}>\n <CancelCircleIcon />\n\n {errorText}\n </MuiFormHelperText>\n )}\n\n <StyledSelect\n data-fd={fdKey}\n disabled={disabled}\n error={isError}\n fullWidth={fullWidth}\n IconComponent={renderIcon}\n id={fdKey}\n inputProps={{\n 'aria-describedby': ariaDescribedBy,\n }}\n label=\"\" // Remove label from Select since we're rendering it separately\n onChange={handleChange}\n onClose={() => toggleOpen(false)}\n onOpen={() => toggleOpen(true)}\n open={isOpen}\n required={required}\n showPlaceholder={showPlaceholder}\n value={getDisplayValue()}\n variant=\"outlined\"\n {...props}\n >\n {renderMenuItems()}\n </StyledSelect>\n </StyledContainer>\n );\n};\n\nexport type { SelectChangeEvent };\nexport default Select;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","gap","spacing","width","StyledSelect","MuiSelect","includes","showPlaceholder","color","palette","semantic","text","StyledIconContainer","disabled","alignItems","cursor","justifyContent","paddingRight","pointerEvents","icon","StyledHiddenPlaceholderMenuItem","MenuItem","Select","children","errorText","fdKey","helperText","label","onChange","options","placeholder","required","value","props","isOpen","setIsOpen","useState","helperTextId","undefined","errorMessageId","ariaDescribedBy","filter","Boolean","join","isError","useEffect","toggleOpen","open","prevOpen","optionsMenuItems","useMemo","map","option","_jsx","_jsxs","MuiInputLabel","htmlFor","MuiFormHelperText","id","error","CancelCircleIcon","IconComponent","onClick","event","stopPropagation","ArrowUp01Icon","ArrowDown01Icon","inputProps","child","preventDefault","onClose","onOpen","String","variant","menuItems","push","tabIndex","length","renderMenuItems"],"mappings":"ifA6BA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAK,CAClCC,kBAAoBC,GAAkB,cAATA,GADPH,EAEI,EAAGI,QAAOC,aAAY,MAAO,CACvDC,QAAS,OACTC,cAAe,SACfC,IAAKJ,EAAMK,QAAQ,IACnBC,MAAOL,EAAY,OAAS,uBAGxBM,EAAeX,EAAAA,OAAOY,EAAW,CACrCV,kBAAoBC,IAAU,CAAC,YAAa,mBAAmBU,SAASV,IADrDH,EAGnB,EAAGI,QAAOC,aAAY,EAAOS,mBAAkB,MAAO,CACpDR,QAAS,OACTI,MAAOL,EAAY,OAAS,OAE5B,sBAAuB,CACrBU,MAAOD,EACHV,EAAMY,QAAQC,SAASC,KAAK,aAC5Bd,EAAMY,QAAQC,SAASC,KAAK,oBAKhCC,EAAsBnB,EAAAA,OAAOC,EAAK,CACtCC,kBAAoBC,GAAkB,aAATA,GADHH,EAED,EAAGI,QAAOgB,YAAW,MAAO,CACrDC,WAAY,SACZC,OAAQF,EAAW,cAAgB,UACnCd,QAAS,OACTiB,eAAgB,SAChBC,aAAcpB,EAAMK,QAAQ,GAC5BgB,cAAe,OAEf,QAAS,CACPV,MAAOK,EACHhB,EAAMY,QAAQC,SAASS,KAAK,iBAC5BtB,EAAMY,QAAQC,SAASS,KAAK,oBAI9BC,EAAkC3B,EAAAA,OAAO4B,EAAAA,SAAP5B,EAAiB,KAAA,CACvDM,QAAS,WAGEuB,EAAS,EACpBC,WACAV,YAAW,EACXW,YACAC,QACA3B,aAAY,EACZ4B,aACAC,QACAC,WACAC,UAAU,GACVC,cACAC,YAAW,EACXC,WACGC,MAEH,MAAOC,EAAQC,GAAaC,EAAAA,UAAkB,GAExCC,EAAeX,EAAa,GAAGD,qBAAsBa,EACrDC,EAAiBf,EAAY,GAAGC,uBAAwBa,EAGxDE,EAAkB,CAACH,EAAcE,GAAgBE,OAAOC,SAASC,KAAK,WAAQL,EAE9EM,IAAYpB,IAAcX,EAC1BN,KAAoBuB,GAAiBE,GAAmB,KAAVA,GAGpDa,EAAAA,WAAU,KACJhC,GACFsB,GAAU,KAEX,CAACtB,IAQJ,MAAMiC,EAAcC,IACdlC,GASJsB,OALaG,IAATS,EAKOC,IAAcA,EAJbD,IAoDRE,EAAmBC,EAAAA,SAAQ,IACxBrB,EAAQsB,KAAKC,GAClBC,EAAAA,IAAChC,WAAQ,CAAoBR,SAAUuC,EAAOvC,SAAUmB,MAAOoB,EAAOpB,eACnEoB,EAAOzB,OADKyB,EAAOpB,UAIvB,CAACH,IAgCJ,OACEyB,EAAAA,KAAC9D,EAAe,CAACM,UAAWA,YAC1BwD,EAAAA,KAAC5D,aACEiC,GACC0B,EAAAA,IAACE,GAAc1C,SAAUA,EAAU2C,QAAS/B,EAAOM,SAAUA,EAAQR,SAClEI,IAIJD,GACC2B,EAAAA,IAACI,EAAiB,CAAC5C,SAAUA,EAAU6C,GAAIrB,EAAYd,SACpDG,OAKNkB,GACCU,EAAAA,KAACG,EAAiB,CAACE,OAAK,EAACD,GAAInB,EAAchB,SAAA,CACzC8B,EAAAA,IAACO,EAAgB,CAAA,GAEhBpC,KAIL6B,EAAAA,IAACjD,aACUqB,EACTZ,SAAUA,EACV8C,MAAOf,EACP9C,UAAWA,EACX+D,cApFa,IAWfR,EAAAA,IAACzC,EAAmB,CAACC,SAAUA,EAAUiD,QAVlBC,IACnBlD,IAIJkD,EAAMC,kBACNlB,MAIiEvB,SAC9DW,EAASmB,EAAAA,IAACY,EAAa,IAAMZ,EAAAA,IAACa,EAAe,CAAA,KAyE9CR,GAAIjC,EACJ0C,WAAY,CACV,mBAAoB3B,GAEtBb,MAAM,GACNC,SAtHe,CAACmC,EAAmCK,OAGrDA,GACiB,iBAAVA,GACP,UAAYA,GAEXA,EAA6BnC,OAAOpB,UAQnCe,GACFA,EAASmC,EAAOK,GANhBL,EAAMM,kBA6GJC,QAAS,IAAMxB,GAAW,GAC1ByB,OAAQ,IAAMzB,GAAW,GACzBC,KAAMb,EACNH,SAAUA,EACVxB,gBAAiBA,EACjByB,MAvGAzB,EACKuB,EAGF0C,OAAOxC,GAoGVyC,QAAQ,cACJxC,EAAKV,SAzES,MACtB,MAAMmD,EAAY,GA0BlB,OAtBInE,GACFmE,EAAUC,KACRtB,MAACjC,GAECP,UAAQ,EAAA,cACI,OACZ+D,UAAU,EACV5C,MAAOF,EAAWP,SAEjBO,GANG,gBAYND,GAASgD,OAAS,EACpBH,EAAUC,QAAQ1B,GAGlByB,EAAUC,KAAKpD,GAGVmD,GAgDFI"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Select/index.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport Box from '@mui/material/Box';\nimport MuiFormHelperText from '@mui/material/FormHelperText';\nimport MuiInputLabel from '@mui/material/InputLabel';\nimport MuiSelect, { type SelectChangeEvent, type SelectProps as MuiSelectProps } from '@mui/material/Select';\nimport { styled } from '@mui/material/styles';\n\nimport ArrowDown01Icon from '@fd/icons/ArrowDown01';\nimport ArrowUp01Icon from '@fd/icons/ArrowUp01';\nimport CancelCircleIcon from '@fd/icons/CancelCircle';\n\nimport MenuItem from '../MenuItem';\n\nexport interface SelectOption {\n value: number \| string;\n label: string;\n disabled?: boolean;\n}\n\nexport type SelectProps = Omit<MuiSelectProps, 'error' \| 'id' \| 'value' \| 'variant'> & {\n errorText?: string;\n fdKey: string;\n helperText?: string;\n options?: SelectOption[];\n placeholder?: string;\n value?: number \| string;\n};\n\nconst StyledContainer = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'fullWidth',\n})<{ fullWidth?: boolean }>(({ theme, fullWidth = false }) => ({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n width: fullWidth ? '100%' : 'min(364px, 100%)', // Constrain minWidth to a maximum of 100% of the container width\n}));\n\nconst StyledSelect = styled(MuiSelect, {\n shouldForwardProp: (prop) => !['fullWidth', 'showPlaceholder'].includes(prop as string),\n})<{ fullWidth?: boolean; showPlaceholder?: boolean }>(\n ({ theme, fullWidth = false, showPlaceholder = false }) => ({\n display: 'flex',\n width: fullWidth ? '100%' : 'auto',\n\n '& .MuiSelect-select': {\n color: showPlaceholder\n ? theme.palette.semantic.text['text-weak']\n : theme.palette.semantic.text['text-strong'],\n },\n }),\n);\n\nconst StyledIconContainer = styled(Box, {\n shouldForwardProp: (prop) => prop !== 'disabled',\n})<{ disabled?: boolean }>(({ theme, disabled = false }) => ({\n alignItems: 'center',\n cursor: disabled ? 'not-allowed' : 'pointer',\n display: 'flex',\n justifyContent: 'center',\n paddingRight: theme.spacing(2),\n pointerEvents: 'auto',\n\n '& svg': {\n color: disabled\n ? theme.palette.semantic.icon['icon-disabled']\n : theme.palette.semantic.icon['icon-strong'],\n },\n}));\n\nconst StyledHiddenPlaceholderMenuItem = styled(MenuItem)(() => ({\n display: 'none',\n}));\n\nexport const Select = ({\n children,\n disabled = false,\n errorText,\n fdKey,\n fullWidth = false,\n helperText,\n label,\n onChange,\n options = [],\n placeholder,\n required = false,\n value,\n ...props\n}: SelectProps): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n\n const helperTextId = helperText ? `${fdKey}-helper-text` : undefined;\n const errorMessageId = errorText ? `${fdKey}-error-message` : undefined;\n\n // Combine helper text and error message IDs for aria-describedby\n const ariaDescribedBy = [helperTextId, errorMessageId].filter(Boolean).join(' ') \|\| undefined;\n\n const isError = !!errorText && !disabled;\n const showPlaceholder = !!placeholder && (!value \|\| value === '');\n\n // Close the dropdown (if open) when the component is dynamically disabled\n useEffect(() => {\n if (disabled) {\n setIsOpen(false);\n }\n }, [disabled]);\n\n /*\n Toggles or sets the dropdown open state.\n * Does nothing when the component is disabled.\n \n @param open - Optional boolean to explicitly set open state; if undefined, toggles current state\n */\n const toggleOpen = (open?: boolean): void => {\n if (disabled) {\n return;\n }\n\n if (open !== undefined) {\n setIsOpen(open);\n return;\n }\n\n setIsOpen((prevOpen) => !prevOpen);\n };\n\n const handleChange = (event: SelectChangeEvent<unknown>, child?: React.ReactNode): void => {\n // Check if the child is disabled\n const isMenuItemDisabled = !!(\n child &&\n typeof child === 'object' &&\n 'props' in (child as React.ReactElement) &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n (child as React.ReactElement).props?.disabled\n );\n if (isMenuItemDisabled) {\n event.preventDefault();\n return;\n }\n\n // Call the original onChange handler if provided\n if (onChange) {\n onChange(event, child);\n }\n };\n\n const getDisplayValue = (): string => {\n if (showPlaceholder) {\n return placeholder;\n }\n\n return String(value);\n };\n\n const renderIcon = (): JSX.Element => {\n const handleIconClick = (event: React.MouseEvent): void => {\n if (disabled) {\n return;\n }\n\n event.stopPropagation();\n toggleOpen();\n };\n\n return (\n <StyledIconContainer disabled={disabled} onClick={handleIconClick}>\n {isOpen ? <ArrowUp01Icon /> : <ArrowDown01Icon />}\n </StyledIconContainer>\n );\n };\n\n const optionsMenuItems = useMemo((): React.ReactNode[] => {\n return options.map((option) => (\n <MenuItem key={option.value} disabled={option.disabled} value={option.value}>\n {option.label}\n </MenuItem>\n ));\n }, [options]);\n\n const renderMenuItems = (): React.ReactNode => {\n const menuItems = [];\n\n // Workaround to get the placeholder to show up when no value is selected\n // Placeholder must be a menu item to be displayed\n if (showPlaceholder) {\n menuItems.push(\n <StyledHiddenPlaceholderMenuItem\n key=\"placeholder\"\n disabled\n aria-hidden=\"true\"\n tabIndex={-1}\n value={placeholder}\n >\n {placeholder}\n </StyledHiddenPlaceholderMenuItem>,\n );\n }\n\n // Add either options or children\n if (options?.length > 0) {\n menuItems.push(...optionsMenuItems);\n } else {\n // If no options are provided, use the children\n menuItems.push(children);\n }\n\n return menuItems;\n };\n\n return (\n <StyledContainer fullWidth={fullWidth}>\n <Box>\n {label && (\n <MuiInputLabel disabled={disabled} htmlFor={fdKey} required={required}>\n {label}\n </MuiInputLabel>\n )}\n\n {helperText && (\n <MuiFormHelperText disabled={disabled} id={helperTextId}>\n {helperText}\n </MuiFormHelperText>\n )}\n </Box>\n\n {isError && (\n <MuiFormHelperText error id={errorMessageId}>\n <CancelCircleIcon />\n\n {errorText}\n </MuiFormHelperText>\n )}\n\n <StyledSelect\n data-fd={fdKey}\n disabled={disabled}\n error={isError}\n fullWidth={fullWidth}\n IconComponent={renderIcon}\n id={fdKey}\n inputProps={{\n 'aria-describedby': ariaDescribedBy,\n }}\n label=\"\" // Remove label from Select since we're rendering it separately\n onChange={handleChange}\n onClose={() => toggleOpen(false)}\n onOpen={() => toggleOpen(true)}\n open={isOpen}\n required={required}\n showPlaceholder={showPlaceholder}\n value={getDisplayValue()}\n variant=\"outlined\"\n {...props}\n >\n {renderMenuItems()}\n </StyledSelect>\n </StyledContainer>\n );\n};\n\nexport type { SelectChangeEvent };\nexport default Select;\n"],"names":["StyledContainer","styled","Box","shouldForwardProp","prop","theme","fullWidth","display","flexDirection","gap","spacing","width","StyledSelect","MuiSelect","includes","showPlaceholder","color","palette","semantic","text","StyledIconContainer","disabled","alignItems","cursor","justifyContent","paddingRight","pointerEvents","icon","StyledHiddenPlaceholderMenuItem","MenuItem","Select","children","errorText","fdKey","helperText","label","onChange","options","placeholder","required","value","props","isOpen","setIsOpen","useState","helperTextId","undefined","errorMessageId","ariaDescribedBy","filter","Boolean","join","isError","useEffect","toggleOpen","open","prevOpen","optionsMenuItems","useMemo","map","option","_jsx","_jsxs","MuiInputLabel","htmlFor","MuiFormHelperText","id","error","CancelCircleIcon","IconComponent","onClick","event","stopPropagation","ArrowUp01Icon","ArrowDown01Icon","inputProps","child","preventDefault","onClose","onOpen","String","variant","menuItems","push","tabIndex","length","renderMenuItems"],"mappings":"ifA6BA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAK,CAClCC,kBAAoBC,GAAkB,cAATA,GADPH,CAEI,EAAGI,QAAOC,aAAY,MAAO,CACvDC,QAAS,OACTC,cAAe,SACfC,IAAKJ,EAAMK,QAAQ,IACnBC,MAAOL,EAAY,OAAS,sBAGxBM,EAAeX,EAAAA,OAAOY,EAAW,CACrCV,kBAAoBC,IAAU,CAAC,YAAa,mBAAmBU,SAASV,IADrDH,CAGnB,EAAGI,QAAOC,aAAY,EAAOS,mBAAkB,MAAO,CACpDR,QAAS,OACTI,MAAOL,EAAY,OAAS,OAE5B,sBAAuB,CACrBU,MAAOD,EACHV,EAAMY,QAAQC,SAASC,KAAK,aAC5Bd,EAAMY,QAAQC,SAASC,KAAK,mBAKhCC,EAAsBnB,EAAAA,OAAOC,EAAK,CACtCC,kBAAoBC,GAAkB,aAATA,GADHH,CAED,EAAGI,QAAOgB,YAAW,MAAO,CACrDC,WAAY,SACZC,OAAQF,EAAW,cAAgB,UACnCd,QAAS,OACTiB,eAAgB,SAChBC,aAAcpB,EAAMK,QAAQ,GAC5BgB,cAAe,OAEf,QAAS,CACPV,MAAOK,EACHhB,EAAMY,QAAQC,SAASS,KAAK,iBAC5BtB,EAAMY,QAAQC,SAASS,KAAK,mBAI9BC,EAAkC3B,EAAAA,OAAO4B,EAAAA,SAAP5B,CAAiB,KAAA,CACvDM,QAAS,UAGEuB,EAAS,EACpBC,WACAV,YAAW,EACXW,YACAC,QACA3B,aAAY,EACZ4B,aACAC,QACAC,WACAC,UAAU,GACVC,cACAC,YAAW,EACXC,WACGC,MAEH,MAAOC,EAAQC,GAAaC,EAAAA,UAAkB,GAExCC,EAAeX,EAAa,GAAGD,qBAAsBa,EACrDC,EAAiBf,EAAY,GAAGC,uBAAwBa,EAGxDE,EAAkB,CAACH,EAAcE,GAAgBE,OAAOC,SAASC,KAAK,WAAQL,EAE9EM,IAAYpB,IAAcX,EAC1BN,KAAoBuB,GAAiBE,GAAmB,KAAVA,GAGpDa,EAAAA,UAAU,KACJhC,GACFsB,GAAU,IAEX,CAACtB,IAQJ,MAAMiC,EAAcC,IACdlC,GASJsB,OALaG,IAATS,EAKOC,IAAcA,EAJbD,IAoDRE,EAAmBC,EAAAA,QAAQ,IACxBrB,EAAQsB,IAAKC,GAClBC,EAAAA,IAAChC,WAAQ,CAAoBR,SAAUuC,EAAOvC,SAAUmB,MAAOoB,EAAOpB,eACnEoB,EAAOzB,OADKyB,EAAOpB,QAIvB,CAACH,IAgCJ,OACEyB,EAAAA,KAAC9D,EAAe,CAACM,UAAWA,YAC1BwD,EAAAA,KAAC5D,aACEiC,GACC0B,EAAAA,IAACE,GAAc1C,SAAUA,EAAU2C,QAAS/B,EAAOM,SAAUA,EAAQR,SAClEI,IAIJD,GACC2B,EAAAA,IAACI,EAAiB,CAAC5C,SAAUA,EAAU6C,GAAIrB,EAAYd,SACpDG,OAKNkB,GACCU,EAAAA,KAACG,EAAiB,CAACE,OAAK,EAACD,GAAInB,EAAchB,SAAA,CACzC8B,EAAAA,IAACO,EAAgB,CAAA,GAEhBpC,KAIL6B,EAAAA,IAACjD,aACUqB,EACTZ,SAAUA,EACV8C,MAAOf,EACP9C,UAAWA,EACX+D,cApFa,IAWfR,EAAAA,IAACzC,EAAmB,CAACC,SAAUA,EAAUiD,QAVlBC,IACnBlD,IAIJkD,EAAMC,kBACNlB,MAIiEvB,SAC9DW,EAASmB,EAAAA,IAACY,EAAa,IAAMZ,EAAAA,IAACa,EAAe,CAAA,KAyE9CR,GAAIjC,EACJ0C,WAAY,CACV,mBAAoB3B,GAEtBb,MAAM,GACNC,SAtHe,CAACmC,EAAmCK,OAGrDA,GACiB,iBAAVA,GACP,UAAYA,GAEXA,EAA6BnC,OAAOpB,UAQnCe,GACFA,EAASmC,EAAOK,GANhBL,EAAMM,kBA6GJC,QAAS,IAAMxB,GAAW,GAC1ByB,OAAQ,IAAMzB,GAAW,GACzBC,KAAMb,EACNH,SAAUA,EACVxB,gBAAiBA,EACjByB,MAvGAzB,EACKuB,EAGF0C,OAAOxC,GAoGVyC,QAAQ,cACJxC,EAAKV,SAzES,MACtB,MAAMmD,EAAY,GA0BlB,OAtBInE,GACFmE,EAAUC,KACRtB,MAACjC,GAECP,UAAQ,EAAA,cACI,OACZ+D,UAAU,EACV5C,MAAOF,EAAWP,SAEjBO,GANG,gBAYND,GAASgD,OAAS,EACpBH,EAAUC,QAAQ1B,GAGlByB,EAAUC,KAAKpD,GAGVmD,GAgDFI"}

package/dist/components/atoms/Select/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as r,useEffect as o,useMemo as l}from"react";import t from"@mui/material/Box";import d from"@mui/material/FormHelperText";import a from"@mui/material/InputLabel";import n from"@mui/material/Select";import{styled as s}from"@mui/material/styles";import p from"../../../icons/ArrowDown01/index.js";import c from"../../../icons/ArrowUp01/index.js";import m from"../../../icons/CancelCircle/index.js";import{MenuItem as h}from"../MenuItem/index.js";const u=s(t,{shouldForwardProp:e=>"fullWidth"!==e})((({theme:e,fullWidth:i=!1})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),width:i?"100%":"min(364px, 100%)"}))),f=s(n,{shouldForwardProp:e=>!["fullWidth","showPlaceholder"].includes(e)})((({theme:e,fullWidth:i=!1,showPlaceholder:r=!1})=>({display:"flex",width:i?"100%":"auto","& .MuiSelect-select":{color:r?e.palette.semantic.text["text-weak"]:e.palette.semantic.text["text-strong"]}}))),x=s(t,{shouldForwardProp:e=>"disabled"!==e})((({theme:e,disabled:i=!1})=>({alignItems:"center",cursor:i?"not-allowed":"pointer",display:"flex",justifyContent:"center",paddingRight:e.spacing(2),pointerEvents:"auto","& svg":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]}}))),b=s(h)((()=>({display:"none"}))),g=({children:n,disabled:s=!1,errorText:g,fdKey:v,fullWidth:w=!1,helperText:y,label:j,onChange:C,options:P=[],placeholder:W,required:F=!1,value:I,...q})=>{const[D,S]=r(!1),T=y?`${v}-helper-text`:void 0,k=g?`${v}-error-message`:void 0,A=[T,k].filter(Boolean).join(" ")||void 0,B=!!g&&!s,M=!(!W||I&&""!==I);o((()=>{s&&S(!1)}),[s]);const $=e=>{s||S(void 0===e?e=>!e:e)},E=l((()=>P.map((i=>e(h,{disabled:i.disabled,value:i.value,children:i.label},i.value)))),[P]);return i(u,{fullWidth:w,children:[i(t,{children:[j&&e(a,{disabled:s,htmlFor:v,required:F,children:j}),y&&e(d,{disabled:s,id:T,children:y})]}),B&&i(d,{error:!0,id:k,children:[e(m,{}),g]}),e(f,{"data-fd":v,disabled:s,error:B,fullWidth:w,IconComponent:()=>e(x,{disabled:s,onClick:e=>{s||(e.stopPropagation(),$())},children:e(D?c:p,{})}),id:v,inputProps:{"aria-describedby":A},label:"",onChange:(e,i)=>{!(i&&"object"==typeof i&&"props"in i&&i.props?.disabled)?C&&C(e,i):e.preventDefault()},onClose:()=>$(!1),onOpen:()=>$(!0),open:D,required:F,showPlaceholder:M,value:M?W:String(I),variant:"outlined",...q,children:(()=>{const i=[];return M&&i.push(e(b,{disabled:!0,"aria-hidden":"true",tabIndex:-1,value:W,children:W},"placeholder")),P?.length>0?i.push(...E):i.push(n),i})()})]})};export{g as Select,g as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as r,useEffect as o,useMemo as l}from"react";import t from"@mui/material/Box";import d from"@mui/material/FormHelperText";import a from"@mui/material/InputLabel";import n from"@mui/material/Select";import{styled as s}from"@mui/material/styles";import p from"../../../icons/ArrowDown01/index.js";import c from"../../../icons/ArrowUp01/index.js";import m from"../../../icons/CancelCircle/index.js";import{MenuItem as h}from"../MenuItem/index.js";const u=s(t,{shouldForwardProp:e=>"fullWidth"!==e})(({theme:e,fullWidth:i=!1})=>({display:"flex",flexDirection:"column",gap:e.spacing(.5),width:i?"100%":"min(364px, 100%)"})),f=s(n,{shouldForwardProp:e=>!["fullWidth","showPlaceholder"].includes(e)})(({theme:e,fullWidth:i=!1,showPlaceholder:r=!1})=>({display:"flex",width:i?"100%":"auto","& .MuiSelect-select":{color:r?e.palette.semantic.text["text-weak"]:e.palette.semantic.text["text-strong"]}})),x=s(t,{shouldForwardProp:e=>"disabled"!==e})(({theme:e,disabled:i=!1})=>({alignItems:"center",cursor:i?"not-allowed":"pointer",display:"flex",justifyContent:"center",paddingRight:e.spacing(2),pointerEvents:"auto","& svg":{color:i?e.palette.semantic.icon["icon-disabled"]:e.palette.semantic.icon["icon-strong"]}})),b=s(h)(()=>({display:"none"})),g=({children:n,disabled:s=!1,errorText:g,fdKey:v,fullWidth:w=!1,helperText:y,label:j,onChange:C,options:P=[],placeholder:W,required:F=!1,value:I,...q})=>{const[D,S]=r(!1),T=y?`${v}-helper-text`:void 0,k=g?`${v}-error-message`:void 0,A=[T,k].filter(Boolean).join(" ")||void 0,B=!!g&&!s,M=!(!W||I&&""!==I);o(()=>{s&&S(!1)},[s]);const $=e=>{s||S(void 0===e?e=>!e:e)},E=l(()=>P.map(i=>e(h,{disabled:i.disabled,value:i.value,children:i.label},i.value)),[P]);return i(u,{fullWidth:w,children:[i(t,{children:[j&&e(a,{disabled:s,htmlFor:v,required:F,children:j}),y&&e(d,{disabled:s,id:T,children:y})]}),B&&i(d,{error:!0,id:k,children:[e(m,{}),g]}),e(f,{"data-fd":v,disabled:s,error:B,fullWidth:w,IconComponent:()=>e(x,{disabled:s,onClick:e=>{s||(e.stopPropagation(),$())},children:e(D?c:p,{})}),id:v,inputProps:{"aria-describedby":A},label:"",onChange:(e,i)=>{!(i&&"object"==typeof i&&"props"in i&&i.props?.disabled)?C&&C(e,i):e.preventDefault()},onClose:()=>$(!1),onOpen:()=>$(!0),open:D,required:F,showPlaceholder:M,value:M?W:String(I),variant:"outlined",...q,children:(()=>{const i=[];return M&&i.push(e(b,{disabled:!0,"aria-hidden":"true",tabIndex:-1,value:W,children:W},"placeholder")),P?.length>0?i.push(...E):i.push(n),i})()})]})};export{g as Select,g as default};
 //# sourceMappingURL=index.js.map