@fluentui/react-select 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.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 (48) hide show
  1. package/.swcrc +39 -0
  2. package/CHANGELOG.json +13 -13
  3. package/CHANGELOG.md +9 -9
  4. package/lib/Select.js +1 -1
  5. package/lib/Select.js.map +1 -1
  6. package/lib/SelectField.js +1 -1
  7. package/lib/SelectField.js.map +1 -1
  8. package/lib/components/Select/Select.js +6 -6
  9. package/lib/components/Select/Select.js.map +1 -1
  10. package/lib/components/Select/Select.types.js +1 -1
  11. package/lib/components/Select/Select.types.js.map +1 -1
  12. package/lib/components/Select/index.js +5 -5
  13. package/lib/components/Select/index.js.map +1 -1
  14. package/lib/components/Select/renderSelect.js +3 -9
  15. package/lib/components/Select/renderSelect.js.map +1 -1
  16. package/lib/components/Select/useSelect.js +12 -13
  17. package/lib/components/Select/useSelect.js.map +1 -1
  18. package/lib/components/Select/useSelectStyles.js +13 -13
  19. package/lib/components/Select/useSelectStyles.js.map +1 -1
  20. package/lib/components/SelectField/SelectField.js +2 -3
  21. package/lib/components/SelectField/SelectField.js.map +1 -1
  22. package/lib/components/SelectField/index.js +1 -1
  23. package/lib/components/SelectField/index.js.map +1 -1
  24. package/lib/index.js +2 -2
  25. package/lib/index.js.map +1 -1
  26. package/lib-commonjs/Select.js +5 -4
  27. package/lib-commonjs/Select.js.map +1 -1
  28. package/lib-commonjs/SelectField.js +5 -4
  29. package/lib-commonjs/SelectField.js.map +1 -1
  30. package/lib-commonjs/components/Select/Select.js +19 -20
  31. package/lib-commonjs/components/Select/Select.js.map +1 -1
  32. package/lib-commonjs/components/Select/Select.types.js +5 -2
  33. package/lib-commonjs/components/Select/Select.types.js.map +1 -1
  34. package/lib-commonjs/components/Select/index.js +9 -8
  35. package/lib-commonjs/components/Select/index.js.map +1 -1
  36. package/lib-commonjs/components/Select/renderSelect.js +13 -22
  37. package/lib-commonjs/components/Select/renderSelect.js.map +1 -1
  38. package/lib-commonjs/components/Select/useSelect.js +59 -69
  39. package/lib-commonjs/components/Select/useSelect.js.map +1 -1
  40. package/lib-commonjs/components/Select/useSelectStyles.js +589 -272
  41. package/lib-commonjs/components/Select/useSelectStyles.js.map +1 -1
  42. package/lib-commonjs/components/SelectField/SelectField.js +17 -11
  43. package/lib-commonjs/components/SelectField/SelectField.js.map +1 -1
  44. package/lib-commonjs/components/SelectField/index.js +5 -4
  45. package/lib-commonjs/components/SelectField/index.js.map +1 -1
  46. package/lib-commonjs/index.js +21 -49
  47. package/lib-commonjs/index.js.map +1 -1
  48. package/package.json +8 -8
@@ -1,25 +1,24 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Select", {
6
+ enumerable: true,
7
+ get: ()=>Select
5
8
  });
6
- exports.Select = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const useSelect_1 = /*#__PURE__*/require("./useSelect");
9
- const renderSelect_1 = /*#__PURE__*/require("./renderSelect");
10
- const useSelectStyles_1 = /*#__PURE__*/require("./useSelectStyles");
11
- const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
12
- /**
13
- * Select component
14
- */
15
- exports.Select = /*#__PURE__*/React.forwardRef((props, ref) => {
16
- const state = useSelect_1.useSelect_unstable(props, ref);
17
- useSelectStyles_1.useSelectStyles_unstable(state);
18
- const {
19
- useSelectStyles_unstable: useCustomStyles
20
- } = react_shared_contexts_1.useCustomStyleHooks_unstable();
21
- useCustomStyles(state);
22
- return renderSelect_1.renderSelect_unstable(state);
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _useSelect = require("./useSelect");
12
+ const _renderSelect = require("./renderSelect");
13
+ const _useSelectStyles = require("./useSelectStyles");
14
+ const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
+ const Select = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
+ const state = (0, _useSelect.useSelect_unstable)(props, ref);
17
+ (0, _useSelectStyles.useSelectStyles_unstable)(state);
18
+ const { useSelectStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
19
+ useCustomStyles(state);
20
+ return (0, _renderSelect.renderSelect_unstable)(state);
23
21
  });
24
- exports.Select.displayName = 'Select';
22
+ Select.displayName = "Select"; //# sourceMappingURL=Select.js.map
23
+
25
24
  //# sourceMappingURL=Select.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","useSelect_1","renderSelect_1","useSelectStyles_1","react_shared_contexts_1","exports","Select","forwardRef","props","ref","state","useSelect_unstable","useSelectStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSelect_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/Select.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,WAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,iBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,MAAM,gBAAqCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtF,MAAMC,KAAK,GAAGT,WAAA,CAAAU,kBAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE5CN,iBAAA,CAAAS,wBAAwB,CAACF,KAAK,CAAC;EAE/B,MAAM;IAAEE,wBAAwB,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACpFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,cAAA,CAAAa,qBAAqB,CAACL,KAAK,CAAC;AACrC,CAAC,CAAC;AAEFL,OAAA,CAAAC,MAAM,CAACU,WAAW,GAAG,QAAQ"}
1
+ {"version":3,"sources":["../../../lib/components/Select/Select.js"],"sourcesContent":["import * as React from \"react\";\nimport { useSelect_unstable } from \"./useSelect\";\nimport { renderSelect_unstable } from \"./renderSelect\";\nimport { useSelectStyles_unstable } from \"./useSelectStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * Select component\n */\nexport const Select = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useSelect_unstable(props, ref);\n useSelectStyles_unstable(state);\n const {\n useSelectStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderSelect_unstable(state);\n});\nSelect.displayName = \"Select\";\n//# sourceMappingURL=Select.js.map"],"names":["Select","React","forwardRef","props","ref","state","useSelect_unstable","useSelectStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSelect_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;2BACY;8BACG;iCACG;qCACI;AAItC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,yCAAwB,EAACF;IACzB,MAAM,EACJE,0BAA0BC,gBAAe,EAC1C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mCAAqB,EAACL;AAC/B;AACAL,OAAOW,WAAW,GAAG,UACrB,kCAAkC"}
@@ -1,6 +1,9 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
5
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
+ //# sourceMappingURL=Select.types.js.map
8
+
6
9
  //# sourceMappingURL=Select.types.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/Select.types.ts"],"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"],"mappings":""}
1
+ {"version":3,"sources":["../../../lib/components/Select/Select.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=Select.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,wCAAwC"}
@@ -1,12 +1,13 @@
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("./Select"), exports);
8
- tslib_1.__exportStar(require("./Select.types"), exports);
9
- tslib_1.__exportStar(require("./renderSelect"), exports);
10
- tslib_1.__exportStar(require("./useSelect"), exports);
11
- tslib_1.__exportStar(require("./useSelectStyles"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./Select"), exports);
7
+ _exportStar(require("./Select.types"), exports);
8
+ _exportStar(require("./renderSelect"), exports);
9
+ _exportStar(require("./useSelect"), exports);
10
+ _exportStar(require("./useSelectStyles"), exports);
11
+ //# sourceMappingURL=index.js.map
12
+
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/index.ts"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,cAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Select/index.js"],"sourcesContent":["export * from \"./Select\";\nexport * from \"./Select.types\";\nexport * from \"./renderSelect\";\nexport * from \"./useSelect\";\nexport * from \"./useSelectStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -1,26 +1,17 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderSelect_unstable", {
6
+ enumerable: true,
7
+ get: ()=>renderSelect_unstable
5
8
  });
6
- exports.renderSelect_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- /**
10
- * Render the final JSX of Select
11
- */
12
- const renderSelect_unstable = state => {
13
- const {
14
- slots,
15
- slotProps
16
- } = react_utilities_1.getSlots(state);
17
- return React.createElement(slots.root, {
18
- ...slotProps.root
19
- }, React.createElement(slots.select, {
20
- ...slotProps.select
21
- }, slotProps.select.children), React.createElement(slots.icon, {
22
- ...slotProps.icon
23
- }));
24
- };
25
- exports.renderSelect_unstable = renderSelect_unstable;
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const renderSelect_unstable = (state)=>{
13
+ const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
14
+ return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.select, slotProps.select, slotProps.select.children), /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon));
15
+ }; //# sourceMappingURL=renderSelect.js.map
16
+
26
17
  //# sourceMappingURL=renderSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","react_utilities_1","renderSelect_unstable","state","slots","slotProps","getSlots","createElement","root","select","children","icon","exports"],"sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/renderSelect.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,qBAAqB,GAAIC,KAAkB,IAAI;EAC1D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAcH,KAAK,CAAC;EACzD,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,MAAM;IAAA,GAAKJ,SAAS,CAACI;EAAM,GAAGJ,SAAS,CAACI,MAAM,CAACC,QAAQ,CAAgB,EAC9EX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,IAAI;IAAA,GAAKN,SAAS,CAACM;EAAI,EAAI,CACvB;AAEjB,CAAC;AARYC,OAAA,CAAAV,qBAAqB,GAAAA,qBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Select/renderSelect.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.select, slotProps.select, slotProps.select.children), /*#__PURE__*/React.createElement(slots.icon, slotProps.icon));\n};\n//# sourceMappingURL=renderSelect.js.map"],"names":["renderSelect_unstable","state","slots","slotProps","getSlots","React","createElement","root","select","children","icon"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,MAAM,EAAEL,UAAUK,MAAM,EAAEL,UAAUK,MAAM,CAACC,QAAQ,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAC9N,GACA,wCAAwC"}
@@ -1,74 +1,64 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useSelect_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useSelect_unstable
5
8
  });
6
- exports.useSelect_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
10
- const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
11
- /**
12
- * Create the state required to render Select.
13
- *
14
- * The returned state can be modified with hooks such as useSelectStyles,
15
- * before being passed to renderSelect.
16
- *
17
- * @param props - props from this instance of Select
18
- * @param ref - reference to the `<select>` element in Select
19
- */
20
- const useSelect_unstable = (props, ref) => {
21
- var _a;
22
- const overrides = react_shared_contexts_1.useOverrides_unstable();
23
- const {
24
- defaultValue,
25
- value,
26
- select,
27
- icon,
28
- root,
29
- appearance = (_a = overrides.inputDefaultAppearance) !== null && _a !== void 0 ? _a : 'outline',
30
- onChange,
31
- size = 'medium'
32
- } = props;
33
- const nativeProps = react_utilities_1.getPartitionedNativeProps({
34
- props,
35
- primarySlotTagName: 'select',
36
- excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']
37
- });
38
- const state = {
39
- size,
40
- appearance,
41
- components: {
42
- root: 'span',
43
- select: 'select',
44
- icon: 'span'
45
- },
46
- select: react_utilities_1.resolveShorthand(select, {
47
- required: true,
48
- defaultProps: {
49
- defaultValue,
50
- value,
51
- ref,
52
- ...nativeProps.primary
53
- }
54
- }),
55
- icon: react_utilities_1.resolveShorthand(icon, {
56
- required: true,
57
- defaultProps: {
58
- children: React.createElement(react_icons_1.ChevronDownRegular, null)
59
- }
60
- }),
61
- root: react_utilities_1.resolveShorthand(root, {
62
- required: true,
63
- defaultProps: nativeProps.root
64
- })
65
- };
66
- state.select.onChange = react_utilities_1.useEventCallback(event => {
67
- onChange === null || onChange === void 0 ? void 0 : onChange(event, {
68
- value: event.target.value
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _reactUtilities = require("@fluentui/react-utilities");
12
+ const _reactIcons = require("@fluentui/react-icons");
13
+ const _reactSharedContexts = require("@fluentui/react-shared-contexts");
14
+ const useSelect_unstable = (props, ref)=>{
15
+ const overrides = (0, _reactSharedContexts.useOverrides_unstable)();
16
+ const { defaultValue , value , select , icon , root , appearance =overrides.inputDefaultAppearance ?? "outline" , onChange , size ="medium" } = props;
17
+ const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
18
+ props,
19
+ primarySlotTagName: "select",
20
+ excludedPropNames: [
21
+ "appearance",
22
+ "defaultValue",
23
+ "onChange",
24
+ "size",
25
+ "value"
26
+ ]
69
27
  });
70
- });
71
- return state;
72
- };
73
- exports.useSelect_unstable = useSelect_unstable;
28
+ const state = {
29
+ size,
30
+ appearance,
31
+ components: {
32
+ root: "span",
33
+ select: "select",
34
+ icon: "span"
35
+ },
36
+ select: (0, _reactUtilities.resolveShorthand)(select, {
37
+ required: true,
38
+ defaultProps: {
39
+ defaultValue,
40
+ value,
41
+ ref,
42
+ ...nativeProps.primary
43
+ }
44
+ }),
45
+ icon: (0, _reactUtilities.resolveShorthand)(icon, {
46
+ required: true,
47
+ defaultProps: {
48
+ children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
49
+ }
50
+ }),
51
+ root: (0, _reactUtilities.resolveShorthand)(root, {
52
+ required: true,
53
+ defaultProps: nativeProps.root
54
+ })
55
+ };
56
+ state.select.onChange = (0, _reactUtilities.useEventCallback)((event)=>{
57
+ onChange?.(event, {
58
+ value: event.target.value
59
+ });
60
+ });
61
+ return state;
62
+ }; //# sourceMappingURL=useSelect.js.map
63
+
74
64
  //# sourceMappingURL=useSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","react_utilities_1","react_icons_1","react_shared_contexts_1","useSelect_unstable","props","ref","overrides","useOverrides_unstable","defaultValue","value","select","icon","root","appearance","_a","inputDefaultAppearance","onChange","size","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","state","components","resolveShorthand","required","defaultProps","primary","children","createElement","ChevronDownRegular","useEventCallback","event","target","exports"],"sources":["../../../../../../../../../packages/react-components/react-select/src/components/Select/useSelect.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AAEA,MAAAG,uBAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,kBAAkB,GAAGA,CAACC,KAAkB,EAAEC,GAAiC,KAAiB;;EACvG,MAAMC,SAAS,GAAGJ,uBAAA,CAAAK,qBAAY,EAAE;EAEhC,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,MAAM;IACNC,IAAI;IACJC,IAAI;IACJC,UAAU,GAAG,CAAAC,EAAA,GAAAR,SAAS,CAACS,sBAAsB,cAAAD,EAAA,cAAAA,EAAA,GAAI,SAAS;IAE1DE,QAAQ;IACRC,IAAI,GAAG;EAAQ,CAChB,GAAGb,KAAK;EAET,MAAMc,WAAW,GAAGlB,iBAAA,CAAAmB,yBAAyB,CAAC;IAC5Cf,KAAK;IACLgB,kBAAkB,EAAE,QAAQ;IAC5BC,iBAAiB,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO;GAC9E,CAAC;EAEF,MAAMC,KAAK,GAAgB;IACzBL,IAAI;IACJJ,UAAU;IACVU,UAAU,EAAE;MACVX,IAAI,EAAE,MAAM;MACZF,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAE;KACP;IACDD,MAAM,EAAEV,iBAAA,CAAAwB,gBAAgB,CAACd,MAAM,EAAE;MAC/Be,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZlB,YAAY;QACZC,KAAK;QACLJ,GAAG;QACH,GAAGa,WAAW,CAACS;;KAElB,CAAC;IACFhB,IAAI,EAAEX,iBAAA,CAAAwB,gBAAgB,CAACb,IAAI,EAAE;MAC3Bc,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QAAEE,QAAQ,EAAE9B,KAAA,CAAA+B,aAAA,CAAC5B,aAAA,CAAA6B,kBAAkB;MAAG;KACjD,CAAC;IACFlB,IAAI,EAAEZ,iBAAA,CAAAwB,gBAAgB,CAACZ,IAAI,EAAE;MAC3Ba,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAER,WAAW,CAACN;KAC3B;GACF;EAEDU,KAAK,CAACZ,MAAM,CAACM,QAAQ,GAAGhB,iBAAA,CAAA+B,gBAAgB,CAACC,KAAK,IAAG;IAC/ChB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGgB,KAAK,EAAE;MAAEvB,KAAK,EAAGuB,KAAK,CAACC,MAA4B,CAACxB;IAAK,CAAE,CAAC;EACzE,CAAC,CAAC;EAEF,OAAOa,KAAK;AACd,CAAC;AArDYY,OAAA,CAAA/B,kBAAkB,GAAAA,kBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/Select/useSelect.js"],"sourcesContent":["import * as React from \"react\";\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from \"@fluentui/react-utilities\";\nimport { ChevronDownRegular } from \"@fluentui/react-icons\";\nimport { useOverrides_unstable as useOverrides } from \"@fluentui/react-shared-contexts\";\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, ref) => {\n const overrides = useOverrides();\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = overrides.inputDefaultAppearance ?? \"outline\",\n onChange,\n size = \"medium\"\n } = props;\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: \"select\",\n excludedPropNames: [\"appearance\", \"defaultValue\", \"onChange\", \"size\", \"value\"]\n });\n const state = {\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: {\n children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)\n }\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root\n })\n };\n state.select.onChange = useEventCallback(event => {\n onChange?.(event, {\n value: event.target.value\n });\n });\n return state;\n};\n//# sourceMappingURL=useSelect.js.map"],"names":["useSelect_unstable","props","ref","overrides","useOverrides","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","state","components","resolveShorthand","required","defaultProps","primary","children","React","createElement","ChevronDownRegular","useEventCallback","event","target"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACuD;4BAC3C;qCACmB;AAU/C,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,MAAM,EACJC,aAAY,EACZC,MAAK,EACLC,OAAM,EACNC,KAAI,EACJC,KAAI,EACJC,YAAaP,UAAUQ,sBAAsB,IAAI,UAAS,EAC1DC,SAAQ,EACRC,MAAO,SAAQ,EAChB,GAAGZ;IACJ,MAAMa,cAAcC,IAAAA,yCAAyB,EAAC;QAC5Cd;QACAe,oBAAoB;QACpBC,mBAAmB;YAAC;YAAc;YAAgB;YAAY;YAAQ;SAAQ;IAChF;IACA,MAAMC,QAAQ;QACZL;QACAH;QACAS,YAAY;YACVV,MAAM;YACNF,QAAQ;YACRC,MAAM;QACR;QACAD,QAAQa,IAAAA,gCAAgB,EAACb,QAAQ;YAC/Bc,UAAU,IAAI;YACdC,cAAc;gBACZjB;gBACAC;gBACAJ;gBACA,GAAGY,YAAYS,OAAO;YACxB;QACF;QACAf,MAAMY,IAAAA,gCAAgB,EAACZ,MAAM;YAC3Ba,UAAU,IAAI;YACdC,cAAc;gBACZE,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACrE;QACF;QACAlB,MAAMW,IAAAA,gCAAgB,EAACX,MAAM;YAC3BY,UAAU,IAAI;YACdC,cAAcR,YAAYL,IAAI;QAChC;IACF;IACAS,MAAMX,MAAM,CAACK,QAAQ,GAAGgB,IAAAA,gCAAgB,EAACC,CAAAA,QAAS;QAChDjB,WAAWiB,OAAO;YAChBvB,OAAOuB,MAAMC,MAAM,CAACxB,KAAK;QAC3B;IACF;IACA,OAAOY;AACT,GACA,qCAAqC"}