@basic-ui/material 1.0.0-alpha.21 → 1.0.0-alpha.22
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.
|
@@ -122,7 +122,8 @@ export var Select = /*#__PURE__*/forwardRef(function Select(props, forwardedRef)
|
|
|
122
122
|
width: "100%",
|
|
123
123
|
children: [!native && /*#__PURE__*/_jsx("input", {
|
|
124
124
|
type: "hidden",
|
|
125
|
-
name: name
|
|
125
|
+
name: name,
|
|
126
|
+
value: value
|
|
126
127
|
}), /*#__PURE__*/_jsxs(Container, {
|
|
127
128
|
theme: theme,
|
|
128
129
|
label: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["forwardRef","useState","useRef","useEffect","useId","wrapEvent","assignMultipleRefs","useControlledState","useTheme","Select","SelectComp","SelectButton","FilledContainer","HelperText","OutlinedContainer","SelectProvider","Menu","MenuPopover","MenuList","SelectIcon","makeDefaultRender","Box","IconContainer","listItemStyle","componentMap","outlined","filled","props","forwardedRef","idProp","id","name","variant","color","valueProp","value","defaultValue","disabled","error","label","placeholder","helperTextProp","helperText","onChangeProp","onChange","onFocus","onBlur","native","children","renderValueProp","renderValue","leadingIcon","otherProps","setState","e","v","hasFocus","setHasFocus","buttonRef","open","setOpen","fallbackId","theme","Container","handleFocus","handleBlur","handleToggle","isOpen","handleOnChange","target","currentTarget","dataset","hasError","Boolean","inputId","helperTextId","undefined","labelIsFloating","Comp","current","onSelect","minWidth","offsetWidth"],"sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import type {\n SelectHTMLAttributes,\n ReactNode,\n ChangeEvent,\n ComponentType,\n} from 'react';\nimport { forwardRef, useState, useRef, useEffect, useId } from 'react';\nimport {\n wrapEvent,\n assignMultipleRefs,\n useControlledState,\n} from '@basic-ui/core';\n\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport { Select as SelectComp, SelectButton } from './styledComponents';\nimport { FilledContainer } from '../TextField/FilledContainer';\nimport { HelperText } from '../TextField/HelperText';\nimport { OutlinedContainer } from '../TextField/OutlinedContainer';\nimport { SelectProvider } from './context';\nimport { Menu, MenuPopover, MenuList } from '../Menu';\nimport { SelectIcon } from './SelectIcon';\nimport { makeDefaultRender } from './defaultRender';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { IconContainer } from '../TextField/IconContainer';\nimport { listItemStyle } from '../ListItem';\n\nconst componentMap = {\n outlined: OutlinedContainer,\n filled: FilledContainer,\n};\n\nexport interface SelectProps\n extends Omit<\n BoxProps<HTMLSelectElement, SelectHTMLAttributes<HTMLSelectElement>>,\n 'value' | 'defaultValue' | 'onChange'\n > {\n variant?: 'outlined' | 'filled';\n color?: 'primary' | 'secondary';\n label?: ReactNode;\n helperText?: string;\n defaultValue?: string;\n value?: string;\n native?: boolean;\n theme?: Theme;\n error?: boolean | string;\n onChange?: (e: ChangeEvent<HTMLSelectElement>, value: string) => void;\n renderValue?: (value?: string) => string | undefined;\n leadingIcon?: ReactNode;\n}\n\nexport const Select = forwardRef<\n HTMLSelectElement | HTMLButtonElement,\n SelectProps\n>(function Select(props, forwardedRef) {\n const {\n id: idProp,\n name,\n variant = 'outlined',\n color = 'primary',\n value: valueProp,\n defaultValue = '',\n disabled,\n error = false,\n label = null,\n placeholder,\n helperText: helperTextProp,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n native = false,\n children,\n renderValue: renderValueProp,\n leadingIcon = null,\n ...otherProps\n } = props;\n const [value, onChange] = useControlledState(\n valueProp,\n onChangeProp,\n defaultValue,\n (setState) => (e, v) => {\n setState(v);\n }\n );\n const [hasFocus, setHasFocus] = useState(false);\n const buttonRef = useRef<HTMLButtonElement | HTMLSelectElement>();\n const [open, setOpen] = useState(false);\n const fallbackId = useId();\n const theme = useTheme();\n\n const Container = componentMap[variant] || OutlinedContainer;\n\n const handleFocus = () => {\n setHasFocus(true);\n };\n\n const handleBlur = () => {\n setHasFocus(false);\n };\n\n const handleToggle = (e: unknown, isOpen: boolean) => {\n setOpen(isOpen);\n };\n\n const handleOnChange = (e: any) => {\n onChange &&\n onChange(\n e as any,\n native ? e.target.value : e.currentTarget.dataset.value\n );\n };\n\n const hasError = Boolean(error);\n const helperText = typeof error === 'string' ? error : helperTextProp;\n\n const id = idProp || fallbackId;\n const inputId = `${id}-text-field`;\n const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n const renderValue = renderValueProp || makeDefaultRender(children);\n\n const labelIsFloating = hasFocus || open || renderValue(value) !== undefined;\n\n const Comp: ComponentType<any> = native\n ? (SelectComp as any)\n : (SelectButton as any);\n\n useEffect(() => {\n // right after mounting, if the default value in the select element\n // is different than the value we have stored in state we need to\n // update our state to reflect that.\n if (native && buttonRef.current && buttonRef.current.value !== value) {\n onChange && onChange({} as any, buttonRef.current.value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <SelectProvider value={{ native, onSelect: handleOnChange, value }}>\n <Box display=\"inline-flex\" flexDirection=\"column\" width=\"100%\">\n {!native && <input type=\"hidden\" name={name} />}\n <Container\n theme={theme}\n label={label}\n color={color}\n labelIsFloating={labelIsFloating}\n inputId={inputId}\n hasFocus={hasFocus}\n disabled={disabled}\n forceActive={open}\n error={hasError}\n leadingIcon={Boolean(leadingIcon)}\n >\n <Menu onChange={handleToggle} open={open}>\n {leadingIcon && (\n <IconContainer position=\"start\">{leadingIcon}</IconContainer>\n )}\n <Comp\n ref={assignMultipleRefs(forwardedRef, buttonRef)}\n variant={variant}\n id={inputId}\n onFocus={wrapEvent(onFocus, handleFocus)}\n onBlur={wrapEvent(onBlur, handleBlur)}\n onChange={native ? handleOnChange : undefined}\n value={native ? value : undefined}\n theme={theme}\n placeholder={placeholder}\n disabled={disabled}\n aria-disabled={disabled ? 'true' : undefined}\n aria-describedby={helperTextId}\n hasLabel={!!label}\n leadingIcon={Boolean(leadingIcon)}\n name={native ? name : undefined}\n trailingIcon={true}\n {...otherProps}\n >\n {native ? children : renderValue(value)}\n </Comp>\n {!native && (\n <MenuPopover usePortal>\n <MenuList\n defaultActiveItemValue={value}\n style={{\n minWidth: buttonRef?.current?.offsetWidth,\n }}\n role=\"listbox\"\n __css={{\n '& [data-menu-item=\"\"]': {\n ...listItemStyle('primary'),\n },\n }}\n >\n {children}\n </MenuList>\n </MenuPopover>\n )}\n </Menu>\n <SelectIcon open={open} />\n </Container>\n\n <HelperText\n disabled={disabled}\n id={helperTextId}\n leftSide={helperText}\n error={hasError}\n />\n </Box>\n </SelectProvider>\n );\n});\n"],"mappings":";;;;AAMA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,EAAkDC,KAAlD,QAA+D,OAA/D;AACA,SACEC,SADF,EAEEC,kBAFF,EAGEC,kBAHF,QAIO,gBAJP;AAOA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,MAAM,IAAIC,UAAnB,EAA+BC,YAA/B,QAAmD,oBAAnD;AACA,SAASC,eAAT,QAAgC,8BAAhC;AACA,SAASC,UAAT,QAA2B,yBAA3B;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,IAAT,EAAeC,WAAf,EAA4BC,QAA5B,QAA4C,SAA5C;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,iBAAT,QAAkC,iBAAlC;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,aAAT,QAA8B,4BAA9B;AACA,SAASC,aAAT,QAA8B,aAA9B;;;AAEA,IAAMC,YAAY,GAAG;EACnBC,QAAQ,EAAEX,iBADS;EAEnBY,MAAM,EAAEd;AAFW,CAArB;AAwBA,OAAO,IAAMH,MAAM,gBAAGT,UAAU,CAG9B,SAASS,MAAT,CAAgBkB,KAAhB,EAAuBC,YAAvB,EAAqC;EAAA;;EACrC,IACMC,MADN,GAoBIF,KApBJ,CACEG,EADF;EAAA,IAEEC,IAFF,GAoBIJ,KApBJ,CAEEI,IAFF;EAAA,qBAoBIJ,KApBJ,CAGEK,OAHF;EAAA,IAGEA,OAHF,+BAGY,UAHZ;EAAA,mBAoBIL,KApBJ,CAIEM,KAJF;EAAA,IAIEA,KAJF,6BAIU,SAJV;EAAA,IAKSC,SALT,GAoBIP,KApBJ,CAKEQ,KALF;EAAA,0BAoBIR,KApBJ,CAMES,YANF;EAAA,IAMEA,YANF,oCAMiB,EANjB;EAAA,IAOEC,QAPF,GAoBIV,KApBJ,CAOEU,QAPF;EAAA,mBAoBIV,KApBJ,CAQEW,KARF;EAAA,IAQEA,KARF,6BAQU,KARV;EAAA,mBAoBIX,KApBJ,CASEY,KATF;EAAA,IASEA,KATF,6BASU,IATV;EAAA,IAUEC,WAVF,GAoBIb,KApBJ,CAUEa,WAVF;EAAA,IAWcC,cAXd,GAoBId,KApBJ,CAWEe,UAXF;EAAA,IAYYC,YAZZ,GAoBIhB,KApBJ,CAYEiB,QAZF;EAAA,IAaEC,OAbF,GAoBIlB,KApBJ,CAaEkB,OAbF;EAAA,IAcEC,MAdF,GAoBInB,KApBJ,CAcEmB,MAdF;EAAA,oBAoBInB,KApBJ,CAeEoB,MAfF;EAAA,IAeEA,MAfF,8BAeW,KAfX;EAAA,IAgBEC,QAhBF,GAoBIrB,KApBJ,CAgBEqB,QAhBF;EAAA,IAiBeC,eAjBf,GAoBItB,KApBJ,CAiBEuB,WAjBF;EAAA,yBAoBIvB,KApBJ,CAkBEwB,WAlBF;EAAA,IAkBEA,WAlBF,mCAkBgB,IAlBhB;EAAA,IAmBKC,UAnBL,4BAoBIzB,KApBJ;;EAqBA,0BAA0BpB,kBAAkB,CAC1C2B,SAD0C,EAE1CS,YAF0C,EAG1CP,YAH0C,EAI1C,UAACiB,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,CAAJ,EAAU;MACtBF,QAAQ,CAACE,CAAD,CAAR;IACD,CAFD;EAAA,CAJ0C,CAA5C;EAAA;EAAA,IAAOpB,KAAP;EAAA,IAAcS,QAAd;;EAQA,gBAAgC3C,QAAQ,CAAC,KAAD,CAAxC;EAAA;EAAA,IAAOuD,QAAP;EAAA,IAAiBC,WAAjB;;EACA,IAAMC,SAAS,GAAGxD,MAAM,EAAxB;;EACA,iBAAwBD,QAAQ,CAAC,KAAD,CAAhC;EAAA;EAAA,IAAO0D,IAAP;EAAA,IAAaC,OAAb;;EACA,IAAMC,UAAU,GAAGzD,KAAK,EAAxB;EACA,IAAM0D,KAAK,GAAGtD,QAAQ,EAAtB;EAEA,IAAMuD,SAAS,GAAGvC,YAAY,CAACQ,OAAD,CAAZ,IAAyBlB,iBAA3C;;EAEA,IAAMkD,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBP,WAAW,CAAC,IAAD,CAAX;EACD,CAFD;;EAIA,IAAMQ,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvBR,WAAW,CAAC,KAAD,CAAX;EACD,CAFD;;EAIA,IAAMS,YAAY,GAAG,SAAfA,YAAe,CAACZ,CAAD,EAAaa,MAAb,EAAiC;IACpDP,OAAO,CAACO,MAAD,CAAP;EACD,CAFD;;EAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACd,CAAD,EAAY;IACjCV,QAAQ,IACNA,QAAQ,CACNU,CADM,EAENP,MAAM,GAAGO,CAAC,CAACe,MAAF,CAASlC,KAAZ,GAAoBmB,CAAC,CAACgB,aAAF,CAAgBC,OAAhB,CAAwBpC,KAF5C,CADV;EAKD,CAND;;EAQA,IAAMqC,QAAQ,GAAGC,OAAO,CAACnC,KAAD,CAAxB;EACA,IAAMI,UAAU,GAAG,OAAOJ,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCG,cAAvD;EAEA,IAAMX,EAAE,GAAGD,MAAM,IAAIgC,UAArB;EACA,IAAMa,OAAO,aAAM5C,EAAN,gBAAb;EACA,IAAM6C,YAAY,GAAGjC,UAAU,aAAMZ,EAAN,oBAAyB8C,SAAxD;EAEA,IAAM1B,WAAW,GAAGD,eAAe,IAAI7B,iBAAiB,CAAC4B,QAAD,CAAxD;EAEA,IAAM6B,eAAe,GAAGrB,QAAQ,IAAIG,IAAZ,IAAoBT,WAAW,CAACf,KAAD,CAAX,KAAuByC,SAAnE;EAEA,IAAME,IAAwB,GAAG/B,MAAM,GAClCrC,UADkC,GAElCC,YAFL;EAIAR,SAAS,CAAC,YAAM;IACd;IACA;IACA;IACA,IAAI4C,MAAM,IAAIW,SAAS,CAACqB,OAApB,IAA+BrB,SAAS,CAACqB,OAAV,CAAkB5C,KAAlB,KAA4BA,KAA/D,EAAsE;MACpES,QAAQ,IAAIA,QAAQ,CAAC,EAAD,EAAYc,SAAS,CAACqB,OAAV,CAAkB5C,KAA9B,CAApB;IACD,CANa,CAOd;;EACD,CARQ,EAQN,EARM,CAAT;EAUA,oBACE,KAAC,cAAD;IAAgB,KAAK,EAAE;MAAEY,MAAM,EAANA,MAAF;MAAUiC,QAAQ,EAAEZ,cAApB;MAAoCjC,KAAK,EAALA;IAApC,CAAvB;IAAA,uBACE,MAAC,GAAD;MAAK,OAAO,EAAC,aAAb;MAA2B,aAAa,EAAC,QAAzC;MAAkD,KAAK,EAAC,MAAxD;MAAA,WACG,CAACY,MAAD,iBAAW;QAAO,IAAI,EAAC,QAAZ;QAAqB,IAAI,EAAEhB;MAA3B,EADd,eAEE,MAAC,SAAD;QACE,KAAK,EAAE+B,KADT;QAEE,KAAK,EAAEvB,KAFT;QAGE,KAAK,EAAEN,KAHT;QAIE,eAAe,EAAE4C,eAJnB;QAKE,OAAO,EAAEH,OALX;QAME,QAAQ,EAAElB,QANZ;QAOE,QAAQ,EAAEnB,QAPZ;QAQE,WAAW,EAAEsB,IARf;QASE,KAAK,EAAEa,QATT;QAUE,WAAW,EAAEC,OAAO,CAACtB,WAAD,CAVtB;QAAA,wBAYE,MAAC,IAAD;UAAM,QAAQ,EAAEe,YAAhB;UAA8B,IAAI,EAAEP,IAApC;UAAA,WACGR,WAAW,iBACV,KAAC,aAAD;YAAe,QAAQ,EAAC,OAAxB;YAAA,UAAiCA;UAAjC,EAFJ,eAIE,KAAC,IAAD;YACE,GAAG,EAAE7C,kBAAkB,CAACsB,YAAD,EAAe8B,SAAf,CADzB;YAEE,OAAO,EAAE1B,OAFX;YAGE,EAAE,EAAE0C,OAHN;YAIE,OAAO,EAAErE,SAAS,CAACwC,OAAD,EAAUmB,WAAV,CAJpB;YAKE,MAAM,EAAE3D,SAAS,CAACyC,MAAD,EAASmB,UAAT,CALnB;YAME,QAAQ,EAAElB,MAAM,GAAGqB,cAAH,GAAoBQ,SANtC;YAOE,KAAK,EAAE7B,MAAM,GAAGZ,KAAH,GAAWyC,SAP1B;YAQE,KAAK,EAAEd,KART;YASE,WAAW,EAAEtB,WATf;YAUE,QAAQ,EAAEH,QAVZ;YAWE,iBAAeA,QAAQ,GAAG,MAAH,GAAYuC,SAXrC;YAYE,oBAAkBD,YAZpB;YAaE,QAAQ,EAAE,CAAC,CAACpC,KAbd;YAcE,WAAW,EAAEkC,OAAO,CAACtB,WAAD,CAdtB;YAeE,IAAI,EAAEJ,MAAM,GAAGhB,IAAH,GAAU6C,SAfxB;YAgBE,YAAY,EAAE;UAhBhB,GAiBMxB,UAjBN;YAAA,UAmBGL,MAAM,GAAGC,QAAH,GAAcE,WAAW,CAACf,KAAD;UAnBlC,GAJF,EAyBG,CAACY,MAAD,iBACC,KAAC,WAAD;YAAa,SAAS,MAAtB;YAAA,uBACE,KAAC,QAAD;cACE,sBAAsB,EAAEZ,KAD1B;cAEE,KAAK,EAAE;gBACL8C,QAAQ,EAAEvB,SAAF,aAAEA,SAAF,6CAAEA,SAAS,CAAEqB,OAAb,uDAAE,mBAAoBG;cADzB,CAFT;cAKE,IAAI,EAAC,SALP;cAME,KAAK,EAAE;gBACL,sCACK3D,aAAa,CAAC,SAAD,CADlB;cADK,CANT;cAAA,UAYGyB;YAZH;UADF,EA1BJ;QAAA,EAZF,eAwDE,KAAC,UAAD;UAAY,IAAI,EAAEW;QAAlB,EAxDF;MAAA,EAFF,eA6DE,KAAC,UAAD;QACE,QAAQ,EAAEtB,QADZ;QAEE,EAAE,EAAEsC,YAFN;QAGE,QAAQ,EAAEjC,UAHZ;QAIE,KAAK,EAAE8B;MAJT,EA7DF;IAAA;EADF,EADF;AAwED,CA9J+B,CAAzB"}
|
|
1
|
+
{"version":3,"file":"Select.js","names":["forwardRef","useState","useRef","useEffect","useId","wrapEvent","assignMultipleRefs","useControlledState","useTheme","Select","SelectComp","SelectButton","FilledContainer","HelperText","OutlinedContainer","SelectProvider","Menu","MenuPopover","MenuList","SelectIcon","makeDefaultRender","Box","IconContainer","listItemStyle","componentMap","outlined","filled","props","forwardedRef","idProp","id","name","variant","color","valueProp","value","defaultValue","disabled","error","label","placeholder","helperTextProp","helperText","onChangeProp","onChange","onFocus","onBlur","native","children","renderValueProp","renderValue","leadingIcon","otherProps","setState","e","v","hasFocus","setHasFocus","buttonRef","open","setOpen","fallbackId","theme","Container","handleFocus","handleBlur","handleToggle","isOpen","handleOnChange","target","currentTarget","dataset","hasError","Boolean","inputId","helperTextId","undefined","labelIsFloating","Comp","current","onSelect","minWidth","offsetWidth"],"sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import type {\n SelectHTMLAttributes,\n ReactNode,\n ChangeEvent,\n ComponentType,\n} from 'react';\nimport { forwardRef, useState, useRef, useEffect, useId } from 'react';\nimport {\n wrapEvent,\n assignMultipleRefs,\n useControlledState,\n} from '@basic-ui/core';\n\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport { Select as SelectComp, SelectButton } from './styledComponents';\nimport { FilledContainer } from '../TextField/FilledContainer';\nimport { HelperText } from '../TextField/HelperText';\nimport { OutlinedContainer } from '../TextField/OutlinedContainer';\nimport { SelectProvider } from './context';\nimport { Menu, MenuPopover, MenuList } from '../Menu';\nimport { SelectIcon } from './SelectIcon';\nimport { makeDefaultRender } from './defaultRender';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { IconContainer } from '../TextField/IconContainer';\nimport { listItemStyle } from '../ListItem';\n\nconst componentMap = {\n outlined: OutlinedContainer,\n filled: FilledContainer,\n};\n\nexport interface SelectProps\n extends Omit<\n BoxProps<HTMLSelectElement, SelectHTMLAttributes<HTMLSelectElement>>,\n 'value' | 'defaultValue' | 'onChange'\n > {\n variant?: 'outlined' | 'filled';\n color?: 'primary' | 'secondary';\n label?: ReactNode;\n helperText?: string;\n defaultValue?: string;\n value?: string;\n native?: boolean;\n theme?: Theme;\n error?: boolean | string;\n onChange?: (e: ChangeEvent<HTMLSelectElement>, value: string) => void;\n renderValue?: (value?: string) => string | undefined;\n leadingIcon?: ReactNode;\n}\n\nexport const Select = forwardRef<\n HTMLSelectElement | HTMLButtonElement,\n SelectProps\n>(function Select(props, forwardedRef) {\n const {\n id: idProp,\n name,\n variant = 'outlined',\n color = 'primary',\n value: valueProp,\n defaultValue = '',\n disabled,\n error = false,\n label = null,\n placeholder,\n helperText: helperTextProp,\n onChange: onChangeProp,\n onFocus,\n onBlur,\n native = false,\n children,\n renderValue: renderValueProp,\n leadingIcon = null,\n ...otherProps\n } = props;\n const [value, onChange] = useControlledState(\n valueProp,\n onChangeProp,\n defaultValue,\n (setState) => (e, v) => {\n setState(v);\n }\n );\n const [hasFocus, setHasFocus] = useState(false);\n const buttonRef = useRef<HTMLButtonElement | HTMLSelectElement>();\n const [open, setOpen] = useState(false);\n const fallbackId = useId();\n const theme = useTheme();\n\n const Container = componentMap[variant] || OutlinedContainer;\n\n const handleFocus = () => {\n setHasFocus(true);\n };\n\n const handleBlur = () => {\n setHasFocus(false);\n };\n\n const handleToggle = (e: unknown, isOpen: boolean) => {\n setOpen(isOpen);\n };\n\n const handleOnChange = (e: any) => {\n onChange &&\n onChange(\n e as any,\n native ? e.target.value : e.currentTarget.dataset.value\n );\n };\n\n const hasError = Boolean(error);\n const helperText = typeof error === 'string' ? error : helperTextProp;\n\n const id = idProp || fallbackId;\n const inputId = `${id}-text-field`;\n const helperTextId = helperText ? `${id}-helper-text` : undefined;\n\n const renderValue = renderValueProp || makeDefaultRender(children);\n\n const labelIsFloating = hasFocus || open || renderValue(value) !== undefined;\n\n const Comp: ComponentType<any> = native\n ? (SelectComp as any)\n : (SelectButton as any);\n\n useEffect(() => {\n // right after mounting, if the default value in the select element\n // is different than the value we have stored in state we need to\n // update our state to reflect that.\n if (native && buttonRef.current && buttonRef.current.value !== value) {\n onChange && onChange({} as any, buttonRef.current.value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <SelectProvider value={{ native, onSelect: handleOnChange, value }}>\n <Box display=\"inline-flex\" flexDirection=\"column\" width=\"100%\">\n {!native && <input type=\"hidden\" name={name} value={value} />}\n <Container\n theme={theme}\n label={label}\n color={color}\n labelIsFloating={labelIsFloating}\n inputId={inputId}\n hasFocus={hasFocus}\n disabled={disabled}\n forceActive={open}\n error={hasError}\n leadingIcon={Boolean(leadingIcon)}\n >\n <Menu onChange={handleToggle} open={open}>\n {leadingIcon && (\n <IconContainer position=\"start\">{leadingIcon}</IconContainer>\n )}\n <Comp\n ref={assignMultipleRefs(forwardedRef, buttonRef)}\n variant={variant}\n id={inputId}\n onFocus={wrapEvent(onFocus, handleFocus)}\n onBlur={wrapEvent(onBlur, handleBlur)}\n onChange={native ? handleOnChange : undefined}\n value={native ? value : undefined}\n theme={theme}\n placeholder={placeholder}\n disabled={disabled}\n aria-disabled={disabled ? 'true' : undefined}\n aria-describedby={helperTextId}\n hasLabel={!!label}\n leadingIcon={Boolean(leadingIcon)}\n name={native ? name : undefined}\n trailingIcon={true}\n {...otherProps}\n >\n {native ? children : renderValue(value)}\n </Comp>\n {!native && (\n <MenuPopover usePortal>\n <MenuList\n defaultActiveItemValue={value}\n style={{\n minWidth: buttonRef?.current?.offsetWidth,\n }}\n role=\"listbox\"\n __css={{\n '& [data-menu-item=\"\"]': {\n ...listItemStyle('primary'),\n },\n }}\n >\n {children}\n </MenuList>\n </MenuPopover>\n )}\n </Menu>\n <SelectIcon open={open} />\n </Container>\n\n <HelperText\n disabled={disabled}\n id={helperTextId}\n leftSide={helperText}\n error={hasError}\n />\n </Box>\n </SelectProvider>\n );\n});\n"],"mappings":"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"}
|