@fluentui/react-select 9.1.4 → 9.1.5

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 (63) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +58 -1
  3. package/CHANGELOG.md +18 -2
  4. package/lib/Select.js.map +1 -1
  5. package/lib/SelectField.js.map +1 -1
  6. package/lib/components/Select/Select.js.map +1 -1
  7. package/lib/components/Select/Select.types.js +1 -1
  8. package/lib/components/Select/Select.types.js.map +1 -1
  9. package/lib/components/Select/index.js.map +1 -1
  10. package/lib/components/Select/renderSelect.js +1 -7
  11. package/lib/components/Select/renderSelect.js.map +1 -1
  12. package/lib/components/Select/useSelect.js +2 -2
  13. package/lib/components/Select/useSelect.js.map +1 -1
  14. package/lib/components/Select/useSelectStyles.js.map +1 -1
  15. package/lib/components/SelectField/SelectField.js +1 -2
  16. package/lib/components/SelectField/SelectField.js.map +1 -1
  17. package/lib/components/SelectField/index.js.map +1 -1
  18. package/lib/index.js.map +1 -1
  19. package/lib-commonjs/Select.js +5 -4
  20. package/lib-commonjs/Select.js.map +1 -1
  21. package/lib-commonjs/SelectField.js +5 -4
  22. package/lib-commonjs/SelectField.js.map +1 -1
  23. package/lib-commonjs/components/Select/Select.js +19 -20
  24. package/lib-commonjs/components/Select/Select.js.map +1 -1
  25. package/lib-commonjs/components/Select/Select.types.js +5 -2
  26. package/lib-commonjs/components/Select/Select.types.js.map +1 -1
  27. package/lib-commonjs/components/Select/index.js +9 -8
  28. package/lib-commonjs/components/Select/index.js.map +1 -1
  29. package/lib-commonjs/components/Select/renderSelect.js +13 -22
  30. package/lib-commonjs/components/Select/renderSelect.js.map +1 -1
  31. package/lib-commonjs/components/Select/useSelect.js +60 -69
  32. package/lib-commonjs/components/Select/useSelect.js.map +1 -1
  33. package/lib-commonjs/components/Select/useSelectStyles.js +589 -272
  34. package/lib-commonjs/components/Select/useSelectStyles.js.map +1 -1
  35. package/lib-commonjs/components/SelectField/SelectField.js +17 -11
  36. package/lib-commonjs/components/SelectField/SelectField.js.map +1 -1
  37. package/lib-commonjs/components/SelectField/index.js +5 -4
  38. package/lib-commonjs/components/SelectField/index.js.map +1 -1
  39. package/lib-commonjs/index.js +21 -49
  40. package/lib-commonjs/index.js.map +1 -1
  41. package/package.json +10 -9
  42. package/lib-amd/Select.js +0 -6
  43. package/lib-amd/Select.js.map +0 -1
  44. package/lib-amd/SelectField.js +0 -6
  45. package/lib-amd/SelectField.js.map +0 -1
  46. package/lib-amd/components/Select/Select.js +0 -17
  47. package/lib-amd/components/Select/Select.js.map +0 -1
  48. package/lib-amd/components/Select/Select.types.js +0 -5
  49. package/lib-amd/components/Select/Select.types.js.map +0 -1
  50. package/lib-amd/components/Select/index.js +0 -10
  51. package/lib-amd/components/Select/index.js.map +0 -1
  52. package/lib-amd/components/Select/renderSelect.js +0 -16
  53. package/lib-amd/components/Select/renderSelect.js.map +0 -1
  54. package/lib-amd/components/Select/useSelect.js +0 -51
  55. package/lib-amd/components/Select/useSelect.js.map +0 -1
  56. package/lib-amd/components/Select/useSelectStyles.js +0 -154
  57. package/lib-amd/components/Select/useSelectStyles.js.map +0 -1
  58. package/lib-amd/components/SelectField/SelectField.js +0 -10
  59. package/lib-amd/components/SelectField/SelectField.js.map +0 -1
  60. package/lib-amd/components/SelectField/index.js +0 -6
  61. package/lib-amd/components/SelectField/index.js.map +0 -1
  62. package/lib-amd/index.js +0 -13
  63. package/lib-amd/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["react_1","require","react_theme_1","exports","selectClassNames","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","useSelectStyles_unstable","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"sources":["../src/packages/react-components/react-select/src/components/Select/useSelectStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\nexport const selectClassNames: SlotClassNames<SelectSlots> = {\n root: 'fui-Select',\n select: 'fui-Select__select',\n icon: 'fui-Select__icon',\n};\n\nconst iconSizes = {\n small: '16px',\n medium: '20px',\n large: '24px',\n};\n\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n small: '24px',\n medium: '32px',\n large: '40px',\n};\n\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n small: `calc(${tokens.spacingHorizontalSNudge}\n + ${iconSizes.small}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge}\n + ${iconSizes.medium}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM}\n + ${iconSizes.large}\n + ${tokens.spacingHorizontalSNudge}\n + ${tokens.spacingHorizontalSNudge})`,\n};\n\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`,\n};\n\n/* end of shared values */\n\nconst useRootStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexWrap: 'nowrap',\n fontFamily: tokens.fontFamilyBase,\n position: 'relative',\n\n '&::after': {\n backgroundImage: `linear-gradient(\n 0deg,\n ${tokens.colorCompoundBrandStroke} 0%,\n ${tokens.colorCompoundBrandStroke} 50%,\n transparent 50%,\n transparent 100%\n )`,\n ...shorthands.borderRadius(0, 0, tokens.borderRadiusMedium, tokens.borderRadiusMedium),\n boxSizing: 'border-box',\n content: '\"\"',\n height: tokens.borderRadiusMedium,\n position: 'absolute',\n bottom: '0',\n left: '0',\n right: '0',\n transform: 'scaleX(0)',\n transitionProperty: 'transform',\n transitionDuration: tokens.durationUltraFast,\n transitionDelay: tokens.curveAccelerateMid,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n\n '&:focus-within::after': {\n transform: 'scaleX(1)',\n transitionProperty: 'transform',\n transitionDuration: tokens.durationNormal,\n transitionDelay: tokens.curveDecelerateMid,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n },\n});\n\nconst useSelectStyles = makeStyles({\n base: {\n appearance: 'none',\n ...shorthands.border('1px', 'solid', 'transparent'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n boxShadow: 'none',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n flexGrow: 1,\n maxWidth: '100%',\n paddingBottom: 0,\n paddingTop: 0,\n\n ':focus': {\n outlineWidth: '2px',\n outlineStyle: 'solid',\n outlineColor: 'transparent',\n },\n },\n disabled: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText'),\n },\n },\n disabledUnderline: {\n ...shorthands.borderColor(\n tokens.colorTransparentStrokeDisabled,\n tokens.colorTransparentStrokeDisabled,\n tokens.colorNeutralStrokeDisabled,\n ),\n },\n\n small: {\n height: fieldHeights.small,\n paddingLeft: paddingLeft.small,\n paddingRight: paddingRight.small,\n ...typographyStyles.caption1,\n },\n medium: {\n height: fieldHeights.medium,\n paddingLeft: paddingLeft.medium,\n paddingRight: paddingRight.medium,\n ...typographyStyles.body1,\n },\n large: {\n height: fieldHeights.large,\n paddingLeft: paddingLeft.large,\n paddingRight: paddingRight.large,\n ...typographyStyles.body2,\n },\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorNeutralStrokeAccessible,\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessible,\n },\n\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessible,\n },\n },\n underline: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderBottom('1px', 'solid', tokens.colorNeutralStrokeAccessible),\n ...shorthands.borderRadius(0),\n },\n 'filled-lighter': {\n backgroundColor: tokens.colorNeutralBackground1,\n },\n 'filled-darker': {\n backgroundColor: tokens.colorNeutralBackground3,\n },\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2),\n },\n },\n invalidUnderline: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n borderBottomColor: tokens.colorPaletteRedBorder2,\n },\n },\n});\n\nconst useIconStyles = makeStyles({\n icon: {\n boxSizing: 'border-box',\n color: tokens.colorNeutralStrokeAccessible,\n display: 'block',\n position: 'absolute',\n pointerEvents: 'none',\n\n // the SVG must have display: block for accurate positioning\n // otherwise an extra inline space is inserted after the svg element\n '& svg': {\n display: 'block',\n },\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n },\n small: {\n fontSize: iconSizes.small,\n height: iconSizes.small,\n right: tokens.spacingHorizontalSNudge,\n width: iconSizes.small,\n },\n medium: {\n fontSize: iconSizes.medium,\n height: iconSizes.medium,\n right: tokens.spacingHorizontalMNudge,\n width: iconSizes.medium,\n },\n large: {\n fontSize: iconSizes.large,\n height: iconSizes.large,\n right: tokens.spacingHorizontalM,\n width: iconSizes.large,\n },\n});\n\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = (state: SelectState): SelectState => {\n const { size, appearance } = state;\n const disabled = state.select.disabled;\n const invalid = `${state.select['aria-invalid']}` === 'true';\n\n const iconStyles = useIconStyles();\n const rootStyles = useRootStyles();\n const selectStyles = useSelectStyles();\n\n state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n\n state.select.className = mergeClasses(\n selectClassNames.select,\n selectStyles.base,\n selectStyles[size],\n selectStyles[appearance],\n !disabled && appearance === 'outline' && selectStyles.outlineInteractive,\n !disabled && invalid && appearance !== 'underline' && selectStyles.invalid,\n !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline,\n disabled && selectStyles.disabled,\n disabled && appearance === 'underline' && selectStyles.disabledUnderline,\n state.select.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(\n selectClassNames.icon,\n iconStyles.icon,\n disabled && iconStyles.disabled,\n iconStyles[size],\n state.icon.className,\n );\n }\n\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../lib/components/Select/useSelectStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n root: 'fui-Select',\n select: 'fui-Select__select',\n icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n small: '16px',\n medium: '20px',\n large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n small: '24px',\n medium: '32px',\n large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n small: `calc(${tokens.spacingHorizontalSNudge}\n + ${iconSizes.small}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge}\n + ${iconSizes.medium}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM}\n + ${iconSizes.large}\n + ${tokens.spacingHorizontalSNudge}\n + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Eh141a: \"flvyvdh\",\n Bahqtrf: \"fk6fouc\",\n qhf8xq: \"f10pi13n\",\n h62rwi: \"f7ll8cq\",\n B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n B4j8arr: [\"f53nyzz\", \"f18vqdqu\"],\n li1rpt: \"f1gw3sf2\",\n Bsft5z2: \"f13zj6fq\",\n Dlnsje: \"fhwjr99\",\n E3zdtr: \"f1mdlcz9\",\n By385i5: \"fo72kxq\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n b1kco5: \"f1yk9hq\",\n Ba2ppi3: \"fhwpy7i\",\n F2fol1: \"f14ee0xe\",\n lck23g: \"f1xhbsuh\",\n df92cz: \"fv8e3ye\",\n I188md: \"ftb5wc6\",\n umuwi5: \"fjw5xc1\",\n Blcqepd: \"f1xdyd5c\",\n nplu4u: \"fatpbeo\",\n Bioka5o: \"fb7uyps\",\n H713fs: \"f1cmft4k\",\n B9ooomg: \"f1x58t8o\"\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f10pi13n{position:relative;}\", \".f7ll8cq::after{background-image:linear-gradient(\\n 0deg,\\n var(--colorCompoundBrandStroke) 0%,\\n var(--colorCompoundBrandStroke) 50%,\\n transparent 50%,\\n transparent 100%\\n );}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fhwjr99::after{height:var(--borderRadiusMedium);}\", \".f1mdlcz9::after{position:absolute;}\", \".fo72kxq::after{bottom:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n w: [\".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\"]\n});\nconst useSelectStyles = /*#__PURE__*/__styles({\n base: {\n Bowrso0: \"fqrijq1\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n Bceei9c: \"f1k6fduh\",\n Bh6795r: \"fqerorx\",\n B2u0y6b: \"f6dzj5z\",\n Byoj8tv: \"f1qch9an\",\n z8tnut: \"f1g0x7ka\",\n B3aqqti: \"fatbyko\",\n Brovlpu: \"f1grzc83\",\n Bxa1mx5: \"f19shzzi\"\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n },\n disabledUnderline: {\n g2u3we: \"fgig46g\",\n h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n },\n small: {\n Bqenvij: \"frvgh55\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n z189sj: [\"fiqd4sw\", \"f11fkzut\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n z189sj: [\"f154vowv\", \"flqamny\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bqenvij: \"fbhnoac\",\n uwmqm3: [\"fnphzt9\", \"flt1dlf\"],\n z189sj: [\"f1xi5ia2\", \"f1xi1l47\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n },\n outline: {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n },\n outlineInteractive: {\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"flmw63s\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fqhmt4z\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n underline: {\n De3pzq: \"f1c21dwh\",\n Bn0qgzm: \"f1f09k3d\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"f1c1zstj\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n },\n \"filled-lighter\": {\n De3pzq: \"fxugw4r\"\n },\n \"filled-darker\": {\n De3pzq: \"f16xq7d1\"\n },\n invalid: {\n tvckwq: \"fs4k3qj\",\n gk2u95: [\"fcee079\", \"fmyw78r\"],\n hhx65j: \"f1fgmyf4\",\n Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n },\n invalidUnderline: {\n hhx65j: \"f1fgmyf4\"\n }\n}, {\n d: [\".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f6dzj5z{max-width:100%;}\", \".f1qch9an{padding-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".frvgh55{height:24px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\"],\n f: [\".fatbyko:focus{outline-width:2px;}\", \".f1grzc83:focus{outline-style:solid;}\", \".f19shzzi:focus{outline-color:transparent;}\"],\n m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n icon: {\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"fxkbij4\",\n mc9l5x: \"ftgm304\",\n qhf8xq: \"f1euv43f\",\n Bkecrkj: \"f1aehjj5\",\n Bo70h7d: \"fvc9v3g\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bbusuzp: \"f1dcs8yz\"\n },\n small: {\n Be2twd7: \"f4ybsrx\",\n Bqenvij: \"fd461yt\",\n j35jbq: [\"f13lnp83\", \"f1i5nn0v\"],\n a9b677: \"fjw5fx7\"\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n j35jbq: [\"fnyteob\", \"f1enpzzf\"],\n a9b677: \"f64fuq3\"\n },\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n j35jbq: [\"f8b87gs\", \"fedtrts\"],\n a9b677: \"fq4mcun\"\n }\n}, {\n d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1euv43f{position:absolute;}\", \".f1aehjj5{pointer-events:none;}\", \".fvc9v3g svg{display:block;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".f13lnp83{right:var(--spacingHorizontalSNudge);}\", \".f1i5nn0v{left:var(--spacingHorizontalSNudge);}\", \".fjw5fx7{width:16px;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".fnyteob{right:var(--spacingHorizontalMNudge);}\", \".f1enpzzf{left:var(--spacingHorizontalMNudge);}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".fq4mcun{width:24px;}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = state => {\n const {\n size,\n appearance\n } = state;\n const disabled = state.select.disabled;\n const invalid = `${state.select['aria-invalid']}` === 'true';\n const iconStyles = useIconStyles();\n const rootStyles = useRootStyles();\n const selectStyles = useSelectStyles();\n state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n if (state.icon) {\n state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useSelectStyles.js.map"],"names":["selectClassNames","useSelectStyles_unstable","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"mappings":"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"}
@@ -1,14 +1,20 @@
1
- "use strict";
2
-
1
+ /* eslint-disable deprecation/deprecation */ "use strict";
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ selectFieldClassNames: ()=>selectFieldClassNames,
13
+ SelectField: ()=>SelectField
5
14
  });
6
- exports.SelectField = exports.selectFieldClassNames = void 0;
7
- /* eslint-disable deprecation/deprecation */
8
- const react_field_1 = /*#__PURE__*/require("@fluentui/react-field");
9
- const Select_1 = /*#__PURE__*/require("../../Select");
10
- /** @deprecated Use Field with Select: `<Field><Select /></Field>` */
11
- exports.selectFieldClassNames = /*#__PURE__*/react_field_1.getDeprecatedFieldClassNames(Select_1.selectClassNames.root);
12
- /** @deprecated Use Field with Select: `<Field><Select /></Field>` */
13
- exports.SelectField = /*#__PURE__*/react_field_1.makeDeprecatedField(Select_1.Select);
15
+ const _reactField = require("@fluentui/react-field");
16
+ const _select = require("../../Select");
17
+ const selectFieldClassNames = /*#__PURE__*/ (0, _reactField.getDeprecatedFieldClassNames)(_select.selectClassNames.root);
18
+ const SelectField = /*#__PURE__*/ (0, _reactField.makeDeprecatedField)(_select.Select); //# sourceMappingURL=SelectField.js.map
19
+
14
20
  //# sourceMappingURL=SelectField.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["react_field_1","require","Select_1","exports","selectFieldClassNames","getDeprecatedFieldClassNames","selectClassNames","root","SelectField","makeDeprecatedField","Select"],"sources":["../src/packages/react-components/react-select/src/components/SelectField/SelectField.tsx"],"sourcesContent":["/* eslint-disable deprecation/deprecation */\nimport { DeprecatedFieldProps, getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { Select, selectClassNames, SelectProps } from '../../Select';\n\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport type SelectFieldProps = DeprecatedFieldProps<SelectProps>;\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const selectFieldClassNames = getDeprecatedFieldClassNames(selectClassNames.root);\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const SelectField: ForwardRefComponent<SelectFieldProps> = makeDeprecatedField(Select);\n"],"mappings":";;;;;;AAAA;AACA,MAAAA,aAAA,gBAAAC,OAAA;AAEA,MAAAC,QAAA,gBAAAD,OAAA;AAIA;AACaE,OAAA,CAAAC,qBAAqB,gBAAGJ,aAAA,CAAAK,4BAA4B,CAACH,QAAA,CAAAI,gBAAgB,CAACC,IAAI,CAAC;AACxF;AACaJ,OAAA,CAAAK,WAAW,gBAA0CR,aAAA,CAAAS,mBAAmB,CAACP,QAAA,CAAAQ,MAAM,CAAC"}
1
+ {"version":3,"sources":["../../../lib/components/SelectField/SelectField.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport { Select, selectClassNames } from '../../Select';\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const selectFieldClassNames = /*#__PURE__*/getDeprecatedFieldClassNames(selectClassNames.root);\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const SelectField = /*#__PURE__*/makeDeprecatedField(Select);\n//# sourceMappingURL=SelectField.js.map"],"names":["selectFieldClassNames","SelectField","getDeprecatedFieldClassNames","selectClassNames","root","makeDeprecatedField","Select"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAG7BA,qBAAqB,MAArBA;IAEAC,WAAW,MAAXA;;4BALiG;wBACrE;AAElC,MAAMD,wBAAwB,WAAW,GAAEE,IAAAA,wCAA4B,EAACC,wBAAgB,CAACC,IAAI;AAE7F,MAAMH,cAAc,WAAW,GAAEI,IAAAA,+BAAmB,EAACC,cAAM,GAClE,uCAAuC"}
@@ -1,8 +1,9 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./SelectField"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./SelectField"), exports);
7
+ //# sourceMappingURL=index.js.map
8
+
8
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-select/src/components/SelectField/index.ts"],"sourcesContent":["export * from './SelectField';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/SelectField/index.js"],"sourcesContent":["export * from './SelectField';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
@@ -1,52 +1,24 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.selectFieldClassNames = exports.SelectField_unstable = exports.useSelect_unstable = exports.useSelectStyles_unstable = exports.renderSelect_unstable = exports.selectClassNames = exports.Select = void 0;
7
- var Select_1 = /*#__PURE__*/require("./Select");
8
- Object.defineProperty(exports, "Select", {
9
- enumerable: true,
10
- get: function () {
11
- return Select_1.Select;
12
- }
13
- });
14
- Object.defineProperty(exports, "selectClassNames", {
15
- enumerable: true,
16
- get: function () {
17
- return Select_1.selectClassNames;
18
- }
19
- });
20
- Object.defineProperty(exports, "renderSelect_unstable", {
21
- enumerable: true,
22
- get: function () {
23
- return Select_1.renderSelect_unstable;
24
- }
25
- });
26
- Object.defineProperty(exports, "useSelectStyles_unstable", {
27
- enumerable: true,
28
- get: function () {
29
- return Select_1.useSelectStyles_unstable;
30
- }
31
- });
32
- Object.defineProperty(exports, "useSelect_unstable", {
33
- enumerable: true,
34
- get: function () {
35
- return Select_1.useSelect_unstable;
36
- }
37
- });
38
- // eslint-disable-next-line deprecation/deprecation
39
- var SelectField_1 = /*#__PURE__*/require("./SelectField");
40
- Object.defineProperty(exports, "SelectField_unstable", {
41
- enumerable: true,
42
- get: function () {
43
- return SelectField_1.SelectField;
44
- }
45
- });
46
- Object.defineProperty(exports, "selectFieldClassNames", {
47
- enumerable: true,
48
- get: function () {
49
- return SelectField_1.selectFieldClassNames;
50
- }
51
- });
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ Select: ()=>_select.Select,
13
+ selectClassNames: ()=>_select.selectClassNames,
14
+ renderSelect_unstable: ()=>_select.renderSelect_unstable,
15
+ useSelectStyles_unstable: ()=>_select.useSelectStyles_unstable,
16
+ useSelect_unstable: ()=>_select.useSelect_unstable,
17
+ SelectField_unstable: ()=>_selectField.SelectField,
18
+ selectFieldClassNames: ()=>_selectField.selectFieldClassNames
19
+ });
20
+ const _select = require("./Select");
21
+ const _selectField = require("./SelectField");
22
+ //# sourceMappingURL=index.js.map
23
+
52
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Select_1","require","Object","defineProperty","exports","enumerable","get","Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable","SelectField_1","SelectField","selectFieldClassNames"],"sources":["../src/packages/react-components/react-select/src/index.ts"],"sourcesContent":["export {\n Select,\n selectClassNames,\n renderSelect_unstable,\n useSelectStyles_unstable,\n useSelect_unstable,\n} from './Select';\nexport type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from './Select';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SelectField as SelectField_unstable, selectFieldClassNames } from './SelectField';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SelectFieldProps as SelectFieldProps_unstable } from './SelectField';\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,QAAA,CAAAO,MAAM;EAAA;AAAA;AACNL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,QAAA,CAAAQ,gBAAgB;EAAA;AAAA;AAChBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,QAAA,CAAAS,qBAAqB;EAAA;AAAA;AACrBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,QAAA,CAAAU,wBAAwB;EAAA;AAAA;AACxBR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,QAAA,CAAAW,kBAAkB;EAAA;AAAA;AAIpB;AACA,IAAAC,aAAA,gBAAAX,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,aAAA,CAAAC,WAAW;EAAA;AAAA;AAA0BX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,aAAA,CAAAE,qBAAqB;EAAA;AAAA"}
1
+ {"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n// eslint-disable-next-line deprecation/deprecation\nexport { SelectField as SelectField_unstable, selectFieldClassNames } from './SelectField';\n//# sourceMappingURL=index.js.map"],"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable","SelectField_unstable","SelectField","selectFieldClassNames"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IAE9EC,oBAAoB,MAAnCC,wBAAW;IAA0BC,qBAAqB,MAArBA,kCAAqB;;wBAF2C;6BAEnC;CAC3E,iCAAiC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-select",
3
- "version": "9.1.4",
3
+ "version": "9.1.5",
4
4
  "description": "Fluent UI React Select component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,23 +22,23 @@
22
22
  "test": "jest --passWithNoTests",
23
23
  "storybook": "start-storybook",
24
24
  "type-check": "tsc -b tsconfig.json",
25
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
25
+ "generate-api": "just-scripts generate-api"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
29
  "@fluentui/react-conformance": "*",
30
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
30
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-field": "9.0.0-alpha.26",
36
- "@fluentui/react-icons": "^2.0.175",
37
- "@fluentui/react-shared-contexts": "^9.3.1",
38
- "@fluentui/react-theme": "^9.1.6",
39
- "@fluentui/react-utilities": "^9.7.1",
35
+ "@fluentui/react-field": "9.0.0-alpha.27",
36
+ "@fluentui/react-icons": "^2.0.196",
37
+ "@fluentui/react-shared-contexts": "^9.3.2",
38
+ "@fluentui/react-theme": "^9.1.7",
39
+ "@fluentui/react-utilities": "^9.7.2",
40
40
  "@griffel/react": "^1.5.2",
41
- "tslib": "^2.1.0"
41
+ "@swc/helpers": "^0.4.14"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@types/react": ">=16.8.0 <19.0.0",
@@ -56,6 +56,7 @@
56
56
  "exports": {
57
57
  ".": {
58
58
  "types": "./dist/index.d.ts",
59
+ "node": "./lib-commonjs/index.js",
59
60
  "import": "./lib/index.js",
60
61
  "require": "./lib-commonjs/index.js"
61
62
  },
package/lib-amd/Select.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/Select/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-select/src/Select.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Select/index';\n"]}
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/SelectField/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=SelectField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-select/src/SelectField.ts"],"names":[],"mappings":";;;IAAA,uCAA+C","sourcesContent":["export * from './components/SelectField/index';\n"]}
@@ -1,17 +0,0 @@
1
- define(["require", "exports", "react", "./useSelect", "./renderSelect", "./useSelectStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useSelect_1, renderSelect_1, useSelectStyles_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Select = void 0;
5
- /**
6
- * Select component
7
- */
8
- exports.Select = React.forwardRef(function (props, ref) {
9
- var state = useSelect_1.useSelect_unstable(props, ref);
10
- useSelectStyles_1.useSelectStyles_unstable(state);
11
- var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useSelectStyles_unstable;
12
- useCustomStyles(state);
13
- return renderSelect_1.renderSelect_unstable(state);
14
- });
15
- exports.Select.displayName = 'Select';
16
- });
17
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/Select.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,MAAM,GAAqC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAClF,IAAM,KAAK,GAAG,8BAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE7C,0CAAwB,CAAC,KAAK,CAAC,CAAC;QAExB,IAA0B,eAAe,GAAK,oDAA4B,EAAE,yBAAnC,CAAoC;QACrF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,oCAAqB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles';\nimport type { SelectProps } from './Select.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Select component\n */\nexport const Select: ForwardRefComponent<SelectProps> = React.forwardRef((props, ref) => {\n const state = useSelect_unstable(props, ref);\n\n useSelectStyles_unstable(state);\n\n const { useSelectStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderSelect_unstable(state);\n});\n\nSelect.displayName = 'Select';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=Select.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/Select.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type SelectSlots = {\n /*\n * Wrapper for both the select and icon, renders as a `<span>`.\n * The `className` and `style` props on `<Select>` are applied to this slot;\n * All other top-level props are applied to the primary slot, `select`.\n */\n root: NonNullable<Slot<'span'>>;\n\n /** Primary slot: the actual `<select>` element */\n select: NonNullable<Slot<'select'>>;\n\n /** the icon, typically a down arrow */\n icon: Slot<'span'>;\n};\n\nexport type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {\n /**\n * Controls the colors and borders of the Select.\n *\n * @default 'outline'\n */\n appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';\n\n /**\n * Called when the user changes the select element's value by selecting an option.\n */\n onChange?: (ev: React.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;\n\n /**\n * Matches the Input sizes\n *\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n};\n\nexport type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;\n\n/**\n * Data passed to the `onChange` callback when a new option is selected.\n */\nexport type SelectOnChangeData = {\n /**\n * Updated `<select>` value, taken from either the selected option's value prop or inner text.\n */\n value: string;\n};\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./Select", "./Select.types", "./renderSelect", "./useSelect", "./useSelectStyles"], function (require, exports, tslib_1, Select_1, Select_types_1, renderSelect_1, useSelect_1, useSelectStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Select_1, exports);
5
- tslib_1.__exportStar(Select_types_1, exports);
6
- tslib_1.__exportStar(renderSelect_1, exports);
7
- tslib_1.__exportStar(useSelect_1, exports);
8
- tslib_1.__exportStar(useSelectStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB;IACzB,8CAA+B;IAC/B,8CAA+B;IAC/B,2CAA4B;IAC5B,iDAAkC","sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles';\n"]}
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderSelect_unstable = void 0;
5
- /**
6
- * Render the final JSX of Select
7
- */
8
- var renderSelect_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
11
- React.createElement(slots.select, tslib_1.__assign({}, slotProps.select), slotProps.select.children),
12
- React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon))));
13
- };
14
- exports.renderSelect_unstable = renderSelect_unstable;
15
- });
16
- //# sourceMappingURL=renderSelect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderSelect.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/renderSelect.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAkB;QAChD,IAAA,KAAuB,0BAAQ,CAAc,KAAK,CAAC,EAAjD,KAAK,WAAA,EAAE,SAAS,eAAiC,CAAC;QAC1D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAgB;YAC9E,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACvB,CACd,CAAC;IACJ,CAAC,CAAC;IARW,QAAA,qBAAqB,yBAQhC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SelectSlots, SelectState } from './Select.types';\n\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = (state: SelectState) => {\n const { slots, slotProps } = getSlots<SelectSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n <slots.select {...slotProps.select}>{slotProps.select.children}</slots.select>\n <slots.icon {...slotProps.icon} />\n </slots.root>\n );\n};\n"]}
@@ -1,51 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-icons", "@fluentui/react-shared-contexts"], function (require, exports, tslib_1, React, react_utilities_1, react_icons_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useSelect_unstable = void 0;
5
- /**
6
- * Create the state required to render Select.
7
- *
8
- * The returned state can be modified with hooks such as useSelectStyles,
9
- * before being passed to renderSelect.
10
- *
11
- * @param props - props from this instance of Select
12
- * @param ref - reference to the `<select>` element in Select
13
- */
14
- var useSelect_unstable = function (props, ref) {
15
- var _a;
16
- var overrides = react_shared_contexts_1.useOverrides_unstable();
17
- var defaultValue = props.defaultValue, value = props.value, select = props.select, icon = props.icon, root = props.root, _b = props.appearance, appearance = _b === void 0 ? (_a = overrides.inputDefaultAppearance) !== null && _a !== void 0 ? _a : 'outline' : _b, onChange = props.onChange, _c = props.size, size = _c === void 0 ? 'medium' : _c;
18
- var nativeProps = react_utilities_1.getPartitionedNativeProps({
19
- props: props,
20
- primarySlotTagName: 'select',
21
- excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],
22
- });
23
- var state = {
24
- size: size,
25
- appearance: appearance,
26
- components: {
27
- root: 'span',
28
- select: 'select',
29
- icon: 'span',
30
- },
31
- select: react_utilities_1.resolveShorthand(select, {
32
- required: true,
33
- defaultProps: tslib_1.__assign({ defaultValue: defaultValue, value: value, ref: ref }, nativeProps.primary),
34
- }),
35
- icon: react_utilities_1.resolveShorthand(icon, {
36
- required: true,
37
- defaultProps: { children: React.createElement(react_icons_1.ChevronDownRegular, null) },
38
- }),
39
- root: react_utilities_1.resolveShorthand(root, {
40
- required: true,
41
- defaultProps: nativeProps.root,
42
- }),
43
- };
44
- state.select.onChange = react_utilities_1.useEventCallback(function (event) {
45
- onChange === null || onChange === void 0 ? void 0 : onChange(event, { value: event.target.value });
46
- });
47
- return state;
48
- };
49
- exports.useSelect_unstable = useSelect_unstable;
50
- });
51
- //# sourceMappingURL=useSelect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/useSelect.tsx"],"names":[],"mappings":";;;;IAMA;;;;;;;;OAQG;IACI,IAAM,kBAAkB,GAAG,UAAC,KAAkB,EAAE,GAAiC;;QACtF,IAAM,SAAS,GAAG,6CAAY,EAAE,CAAC;QAG/B,IAAA,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,MAAM,GAOJ,KAAK,OAPD,EACN,IAAI,GAMF,KAAK,KANH,EACJ,IAAI,GAKF,KAAK,KALH,EACJ,KAIE,KAAK,WAJmD,EAA1D,UAAU,mBAAG,MAAA,SAAS,CAAC,sBAAsB,mCAAI,SAAS,KAAA,EAE1D,QAAQ,GAEN,KAAK,SAFC,EACR,KACE,KAAK,KADQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,CACP;QAEV,IAAM,WAAW,GAAG,2CAAyB,CAAC;YAC5C,KAAK,OAAA;YACL,kBAAkB,EAAE,QAAQ;YAC5B,iBAAiB,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC;SAC/E,CAAC,CAAC;QAEH,IAAM,KAAK,GAAgB;YACzB,IAAI,MAAA;YACJ,UAAU,YAAA;YACV,UAAU,EAAE;gBACV,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,MAAM;aACb;YACD,MAAM,EAAE,kCAAgB,CAAC,MAAM,EAAE;gBAC/B,QAAQ,EAAE,IAAI;gBACd,YAAY,qBACV,YAAY,cAAA,EACZ,KAAK,OAAA,EACL,GAAG,KAAA,IACA,WAAW,CAAC,OAAO,CACvB;aACF,CAAC;YACF,IAAI,EAAE,kCAAgB,CAAC,IAAI,EAAE;gBAC3B,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE,EAAE,QAAQ,EAAE,oBAAC,gCAAkB,OAAG,EAAE;aACnD,CAAC;YACF,IAAI,EAAE,kCAAgB,CAAC,IAAI,EAAE;gBAC3B,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE,WAAW,CAAC,IAAI;aAC/B,CAAC;SACH,CAAC;QAEF,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,kCAAgB,CAAC,UAAA,KAAK;YAC5C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE,EAAE,KAAK,EAAG,KAAK,CAAC,MAA4B,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IArDW,QAAA,kBAAkB,sBAqD7B","sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n const overrides = useOverrides();\n\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = overrides.inputDefaultAppearance ?? 'outline',\n\n onChange,\n size = 'medium',\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'select',\n excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n });\n\n const state: SelectState = {\n size,\n appearance,\n components: {\n root: 'span',\n select: 'select',\n icon: 'span',\n },\n select: resolveShorthand(select, {\n required: true,\n defaultProps: {\n defaultValue,\n value,\n ref,\n ...nativeProps.primary,\n },\n }),\n icon: resolveShorthand(icon, {\n required: true,\n defaultProps: { children: <ChevronDownRegular /> },\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root,\n }),\n };\n\n state.select.onChange = useEventCallback(event => {\n onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n });\n\n return state;\n};\n"]}