@fluentui/react-combobox 9.2.3 → 9.2.5

package/lib-commonjs/components/Listbox/useListboxStyles.js

@@ -1,44 +1,68 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    listboxClassNames: ()=>listboxClassNames,
+    useListboxStyles_unstable: ()=>useListboxStyles_unstable
 });
-exports.useListboxStyles_unstable = exports.listboxClassNames = void 0;
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-exports.listboxClassNames = {
-  root: 'fui-Listbox'
+const _react = require("@griffel/react");
+const listboxClassNames = {
+    root: 'fui-Listbox'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    De3pzq: "fxugw4r",
-    B7ck84d: "f1ewtqcl",
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    Bf4jedk: "f3hsy1e",
-    Bmxbyg5: "f5zp4f",
-    Bpd4iqm: "fpvhumw",
-    oeaueh: "f1yog68k",
-    Bw0xxkn: "f13sgyd8",
-    z8tnut: "f1x4af0m",
-    z189sj: ["f7x41pl", "fruq291"],
-    Byoj8tv: "fd55psn",
-    uwmqm3: ["fruq291", "f7x41pl"],
-    Belr9w4: "fiut8dr"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        De3pzq: "fxugw4r",
+        B7ck84d: "f1ewtqcl",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Bf4jedk: "f3hsy1e",
+        Bmxbyg5: "f5zp4f",
+        Bpd4iqm: "fpvhumw",
+        oeaueh: "f1yog68k",
+        Bw0xxkn: "f13sgyd8",
+        z8tnut: "f1x4af0m",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "fd55psn",
+        uwmqm3: [
+            "fruq291",
+            "f7x41pl"
+        ],
+        Belr9w4: "fiut8dr"
+    }
 }, {
-  d: [".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f3hsy1e{min-width:160px;}", ".f5zp4f{overflow-y:auto;}", ".fpvhumw{outline-width:1px;}", ".f1yog68k{outline-style:solid;}", ".f13sgyd8{outline-color:var(--colorTransparentStroke);}", ".f1x4af0m{padding-top:var(--spacingHorizontalXS);}", ".f7x41pl{padding-right:var(--spacingHorizontalXS);}", ".fruq291{padding-left:var(--spacingHorizontalXS);}", ".fd55psn{padding-bottom:var(--spacingHorizontalXS);}", ".fiut8dr{row-gap:var(--spacingHorizontalXXS);}"]
+    d: [
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".f3hsy1e{min-width:160px;}",
+        ".f5zp4f{overflow-y:auto;}",
+        ".fpvhumw{outline-width:1px;}",
+        ".f1yog68k{outline-style:solid;}",
+        ".f13sgyd8{outline-color:var(--colorTransparentStroke);}",
+        ".f1x4af0m{padding-top:var(--spacingHorizontalXS);}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".fd55psn{padding-bottom:var(--spacingHorizontalXS);}",
+        ".fiut8dr{row-gap:var(--spacingHorizontalXXS);}"
+    ]
 });
-/**
- * Apply styling to the Listbox slots based on the state
- */
-const useListboxStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.listboxClassNames.root, styles.root, state.root.className);
-  return state;
-};
-exports.useListboxStyles_unstable = useListboxStyles_unstable;
+const useListboxStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(listboxClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useListboxStyles.js.map
+
 //# sourceMappingURL=useListboxStyles.js.map

package/lib-commonjs/components/Listbox/useListboxStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_theme_1","require","react_1","exports","listboxClassNames","root","useStyles","__styles","De3pzq","B7ck84d","mc9l5x","Beiy3e4","Bf4jedk","Bmxbyg5","Bpd4iqm","oeaueh","Bw0xxkn","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","d","useListboxStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-combobox/src/components/Listbox/useListboxStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ListboxSlots, ListboxState } from './Listbox.types';\n\nexport const listboxClassNames: SlotClassNames<ListboxSlots> = {\n  root: 'fui-Listbox',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: '160px',\n    overflowY: 'auto',\n    ...shorthands.outline('1px', 'solid', tokens.colorTransparentStroke),\n    ...shorthands.padding(tokens.spacingHorizontalXS),\n    rowGap: tokens.spacingHorizontalXXS,\n  },\n});\n\n/**\n * Apply styling to the Listbox slots based on the state\n */\nexport const useListboxStyles_unstable = (state: ListboxState): ListboxState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(listboxClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,aAAA,gBAAAC,OAAA;AAEA,MAAAC,OAAA,gBAAAD,OAAA;AAGaE,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGJ,OAAA,CAAAK,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAY1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAMC,MAAM,GAAGnB,SAAS,EAAE;EAC1BkB,KAAK,CAACnB,IAAI,CAACqB,SAAS,GAAGxB,OAAA,CAAAyB,YAAY,CAACxB,OAAA,CAAAC,iBAAiB,CAACC,IAAI,EAAEoB,MAAM,CAACpB,IAAI,EAAEmB,KAAK,CAACnB,IAAI,CAACqB,SAAS,CAAC;EAE9F,OAAOF,KAAK;AACd,CAAC;AALYrB,OAAA,CAAAoB,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/Listbox/useListboxStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const listboxClassNames = {\n  root: 'fui-Listbox'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"fxugw4r\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Bf4jedk: \"f3hsy1e\",\n    Bmxbyg5: \"f5zp4f\",\n    Bpd4iqm: \"fpvhumw\",\n    oeaueh: \"f1yog68k\",\n    Bw0xxkn: \"f13sgyd8\",\n    z8tnut: \"f1x4af0m\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"fd55psn\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    Belr9w4: \"fiut8dr\"\n  }\n}, {\n  d: [\".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f3hsy1e{min-width:160px;}\", \".f5zp4f{overflow-y:auto;}\", \".fpvhumw{outline-width:1px;}\", \".f1yog68k{outline-style:solid;}\", \".f13sgyd8{outline-color:var(--colorTransparentStroke);}\", \".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".fiut8dr{row-gap:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the Listbox slots based on the state\n */\nexport const useListboxStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(listboxClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useListboxStyles.js.map"],"names":["listboxClassNames","useListboxStyles_unstable","root","useStyles","__styles","De3pzq","B7ck84d","mc9l5x","Beiy3e4","Bf4jedk","Bmxbyg5","Bpd4iqm","oeaueh","Bw0xxkn","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,iBAAiB,MAAjBA;IA6BAC,yBAAyB,MAAzBA;;uBA9BsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA8D;QAAqC;QAAwF;QAA6F;QAA8B;QAA6B;QAAgC;QAAmC;QAA2D;QAAsD;QAAuD;QAAsD;QAAwD;KAAiD;AACnuB;AAIO,MAAMlB,4BAA4BmB,CAAAA,QAAS;IAChD,MAAMC,SAASlB;IACfiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,kBAAkBE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMlB,IAAI,CAACoB,SAAS;IAC7F,OAAOF;AACT,GACA,4CAA4C"}

package/lib-commonjs/components/Option/Option.js

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Option", {
+    enumerable: true,
+    get: ()=>Option
 });
-exports.Option = void 0;
-const React = /*#__PURE__*/require("react");
-const useOption_1 = /*#__PURE__*/require("./useOption");
-const renderOption_1 = /*#__PURE__*/require("./renderOption");
-const useOptionStyles_1 = /*#__PURE__*/require("./useOptionStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * Option component: a styled child option of a Combobox
- */
-exports.Option = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useOption_1.useOption_unstable(props, ref);
-  useOptionStyles_1.useOptionStyles_unstable(state);
-  const {
-    useOptionStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderOption_1.renderOption_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useOption = require("./useOption");
+const _renderOption = require("./renderOption");
+const _useOptionStyles = require("./useOptionStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const Option = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useOption.useOption_unstable)(props, ref);
+    (0, _useOptionStyles.useOptionStyles_unstable)(state);
+    const { useOptionStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderOption.renderOption_unstable)(state);
 });
-exports.Option.displayName = 'Option';
+Option.displayName = 'Option'; //# sourceMappingURL=Option.js.map
+
 //# sourceMappingURL=Option.js.map

package/lib-commonjs/components/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","useOption_1","renderOption_1","useOptionStyles_1","react_shared_contexts_1","exports","Option","forwardRef","props","ref","state","useOption_unstable","useOptionStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderOption_unstable","displayName"],"sources":["../src/packages/react-components/react-combobox/src/components/Option/Option.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useOption_unstable } from './useOption';\nimport { renderOption_unstable } from './renderOption';\nimport { useOptionStyles_unstable } from './useOptionStyles';\nimport type { OptionProps } from './Option.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Option component: a styled child option of a Combobox\n */\nexport const Option: ForwardRefComponent<OptionProps> = React.forwardRef((props, ref) => {\n  const state = useOption_unstable(props, ref);\n\n  useOptionStyles_unstable(state);\n\n  const { useOptionStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderOption_unstable(state);\n});\n\nOption.displayName = 'Option';\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"}
+{"version":3,"sources":["../../../lib/components/Option/Option.js"],"sourcesContent":["import * as React from 'react';\nimport { useOption_unstable } from './useOption';\nimport { renderOption_unstable } from './renderOption';\nimport { useOptionStyles_unstable } from './useOptionStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Option component: a styled child option of a Combobox\n */\nexport const Option = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useOption_unstable(props, ref);\n  useOptionStyles_unstable(state);\n  const {\n    useOptionStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderOption_unstable(state);\n});\nOption.displayName = 'Option';\n//# sourceMappingURL=Option.js.map"],"names":["Option","React","forwardRef","props","ref","state","useOption_unstable","useOptionStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderOption_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"}

package/lib-commonjs/components/Option/Option.types.js

@@ -1,6 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+ //# sourceMappingURL=Option.types.js.map
+
 //# sourceMappingURL=Option.types.js.map

package/lib-commonjs/components/Option/Option.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-combobox/src/components/Option/Option.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type OptionSlots = {\n  /* The root option slot, with role=\"option\" */\n  root: NonNullable<Slot<'div'>>;\n\n  /* The check icon that is visible for selected options */\n  checkIcon: Slot<'span'>;\n};\n\n/**\n * Option Props\n */\nexport type OptionProps = ComponentProps<Partial<OptionSlots>> & {\n  /**\n   * Sets an option to the `disabled` state.\n   * Disabled options cannot be selected, but are still keyboard navigable\n   */\n  disabled?: boolean;\n\n  /*\n   * Defines a unique identifier for the option.\n   * Use this to control selectedOptions, or to get the option value in the onOptionSelect callback.\n   * Defaults to `text` if not provided.\n   */\n  value?: string;\n} & (\n    | {\n        /**\n         * An optional override the string value of the Option's display text,\n         * defaulting to the Option's child content.\n         * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n         * and as the comparison for type-to-find keyboard functionality.\n         */\n        text?: string;\n        children: string;\n      }\n    | {\n        /**\n         * The string value of the Option's display text when the Option's children are not a string.\n         * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n         * and as the comparison for type-to-find keyboard functionality.\n         */\n        text: string;\n        children?: React.ReactNode;\n      }\n  );\n\n/**\n * State used in rendering Option\n */\nexport type OptionState = ComponentState<OptionSlots> &\n  Pick<OptionProps, 'disabled'> & {\n    /* If true, this is the currently highlighted option */\n    active: boolean;\n\n    // Whether the keyboard focus outline style should be visible\n    focusVisible: boolean;\n\n    /* If true, the option is part of a multiselect combobox or listbox */\n    multiselect?: boolean;\n\n    /* If true, the option is selected */\n    selected: boolean;\n  };\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/Option/Option.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Option.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,wCAAwC"}

package/lib-commonjs/components/Option/index.js

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./Option"), exports);
-tslib_1.__exportStar(require("./Option.types"), exports);
-tslib_1.__exportStar(require("./renderOption"), exports);
-tslib_1.__exportStar(require("./useOption"), exports);
-tslib_1.__exportStar(require("./useOptionStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Option"), exports);
+_exportStar(require("./Option.types"), exports);
+_exportStar(require("./renderOption"), exports);
+_exportStar(require("./useOption"), exports);
+_exportStar(require("./useOptionStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Option/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-combobox/src/components/Option/index.ts"],"sourcesContent":["export * from './Option';\nexport * from './Option.types';\nexport * from './renderOption';\nexport * from './useOption';\nexport * from './useOptionStyles';\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"}
+{"version":3,"sources":["../../../lib/components/Option/index.js"],"sourcesContent":["export * from './Option';\nexport * from './Option.types';\nexport * from './renderOption';\nexport * from './useOption';\nexport * from './useOptionStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Option/renderOption.js

@@ -1,24 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderOption_unstable", {
+    enumerable: true,
+    get: ()=>renderOption_unstable
 });
-exports.renderOption_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of Option
- */
-const renderOption_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(slots.checkIcon, {
-    ...slotProps.checkIcon
-  }), slotProps.root.children);
-};
-exports.renderOption_unstable = renderOption_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderOption_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.checkIcon, slotProps.checkIcon), slotProps.root.children);
+}; //# sourceMappingURL=renderOption.js.map
+
 //# sourceMappingURL=renderOption.js.map

package/lib-commonjs/components/Option/renderOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderOption_unstable","state","slots","slotProps","getSlots","createElement","root","checkIcon","children","exports"],"sources":["../src/packages/react-components/react-combobox/src/components/Option/renderOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { OptionState, OptionSlots } from './Option.types';\n\n/**\n * Render the final JSX of Option\n */\nexport const renderOption_unstable = (state: OptionState) => {\n  const { slots, slotProps } = getSlots<OptionSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.checkIcon {...slotProps.checkIcon} />\n      {slotProps.root.children}\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;EAEzD,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,SAAS;IAAA,GAAKJ,SAAS,CAACI;EAAS,EAAI,EAC3CJ,SAAS,CAACG,IAAI,CAACE,QAAQ,CACb;AAEjB,CAAC;AATYC,OAAA,CAAAT,qBAAqB,GAAAA,qBAAA"}
+{"version":3,"sources":["../../../lib/components/Option/renderOption.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Option\n */\nexport const renderOption_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.checkIcon, slotProps.checkIcon), slotProps.root.children);\n};\n//# sourceMappingURL=renderOption.js.map"],"names":["renderOption_unstable","state","slots","slotProps","getSlots","React","createElement","root","checkIcon","children"],"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,SAAS,EAAEL,UAAUK,SAAS,GAAGL,UAAUI,IAAI,CAACE,QAAQ;AACrK,GACA,wCAAwC"}

package/lib-commonjs/components/Option/useOption.js

@@ -1,139 +1,137 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useOption_unstable", {
+    enumerable: true,
+    get: ()=>useOption_unstable
 });
-exports.useOption_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const ComboboxContext_1 = /*#__PURE__*/require("../../contexts/ComboboxContext");
-const ListboxContext_1 = /*#__PURE__*/require("../../contexts/ListboxContext");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const _reactIcons = require("@fluentui/react-icons");
+const _comboboxContext = require("../../contexts/ComboboxContext");
+const _listboxContext = require("../../contexts/ListboxContext");
 function getTextString(text, children) {
-  if (text !== undefined) {
-    return text;
-  }
-  let textString = '';
-  let hasNonStringChild = false;
-  React.Children.forEach(children, child => {
-    if (typeof child === 'string') {
-      textString += child;
-    } else {
-      hasNonStringChild = true;
-    }
-  });
-  // warn if an Option has non-string children and no text prop
-  if (hasNonStringChild) {
-    // eslint-disable-next-line no-console
-    console.warn('Provide a `text` prop to Option components when they contain non-string children.');
-  }
-  return textString;
-}
-/**
- * Create the state required to render Option.
- *
- * The returned state can be modified with hooks such as useOptionStyles_unstable,
- * before being passed to renderOption_unstable.
- *
- * @param props - props from this instance of Option
- * @param ref - reference to root HTMLElement of Option
- */
-const useOption_unstable = (props, ref) => {
-  const {
-    children,
-    disabled,
-    text,
-    value
-  } = props;
-  const optionRef = React.useRef(null);
-  const optionText = getTextString(text, children);
-  const optionValue = value !== null && value !== void 0 ? value : optionText;
-  // use the id if provided, otherwise use a generated id
-  const id = react_utilities_1.useId('fluent-option', props.id);
-  // data used for context registration & events
-  const optionData = React.useMemo(() => ({
-    id,
-    disabled,
-    text: optionText,
-    value: optionValue
-  }), [id, disabled, optionText, optionValue]);
-  // context values
-  const focusVisible = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => ctx.focusVisible);
-  const multiselect = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => ctx.multiselect);
-  const registerOption = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => ctx.registerOption);
-  const selected = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => {
-    const selectedOptions = ctx.selectedOptions;
-    return !!optionValue && !!selectedOptions.find(o => o === optionValue);
-  });
-  const selectOption = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => ctx.selectOption);
-  const setActiveOption = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => ctx.setActiveOption);
-  const setOpen = react_context_selector_1.useContextSelector(ComboboxContext_1.ComboboxContext, ctx => ctx.setOpen);
-  // current active option?
-  const active = react_context_selector_1.useContextSelector(ListboxContext_1.ListboxContext, ctx => {
-    var _a, _b;
-    return ((_a = ctx.activeOption) === null || _a === void 0 ? void 0 : _a.id) !== undefined && ((_b = ctx.activeOption) === null || _b === void 0 ? void 0 : _b.id) === id;
-  });
-  // check icon
-  let CheckIcon = React.createElement(react_icons_1.CheckmarkFilled, null);
-  if (multiselect) {
-    CheckIcon = selected ? React.createElement(react_icons_1.Checkmark12Filled, null) : '';
-  }
-  const onClick = event => {
-    var _a;
-    if (disabled) {
-      event.preventDefault();
-      return;
+    if (text !== undefined) {
+        return text;
     }
-    // clicked option should always become active option
-    setActiveOption(optionData);
-    // close on option click for single-select options in a combobox
-    if (!multiselect) {
-      setOpen === null || setOpen === void 0 ? void 0 : setOpen(event, false);
+    let textString = '';
+    let hasNonStringChild = false;
+    _react.Children.forEach(children, (child)=>{
+        if (typeof child === 'string') {
+            textString += child;
+        } else {
+            hasNonStringChild = true;
+        }
+    });
+    // warn if an Option has non-string children and no text prop
+    if (hasNonStringChild) {
+        // eslint-disable-next-line no-console
+        console.warn('Provide a `text` prop to Option components when they contain non-string children.');
     }
-    // handle selection change
-    selectOption(event, optionData);
-    (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
-  };
-  // register option data with context
-  React.useEffect(() => {
-    if (id && optionRef.current) {
-      return registerOption(optionData, optionRef.current);
+    return textString;
+}
+const useOption_unstable = (props, ref)=>{
+    const { children , disabled , text , value  } = props;
+    const optionRef = _react.useRef(null);
+    const optionText = getTextString(text, children);
+    const optionValue = value !== null && value !== void 0 ? value : optionText;
+    // use the id if provided, otherwise use a generated id
+    const id = (0, _reactUtilities.useId)('fluent-option', props.id);
+    // data used for context registration & events
+    const optionData = _react.useMemo(()=>({
+            id,
+            disabled,
+            text: optionText,
+            value: optionValue
+        }), [
+        id,
+        disabled,
+        optionText,
+        optionValue
+    ]);
+    // context values
+    const focusVisible = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>ctx.focusVisible);
+    const multiselect = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>ctx.multiselect);
+    const registerOption = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>ctx.registerOption);
+    const selected = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>{
+        const selectedOptions = ctx.selectedOptions;
+        return !!optionValue && !!selectedOptions.find((o)=>o === optionValue);
+    });
+    const selectOption = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>ctx.selectOption);
+    const setActiveOption = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>ctx.setActiveOption);
+    const setOpen = (0, _reactContextSelector.useContextSelector)(_comboboxContext.ComboboxContext, (ctx)=>ctx.setOpen);
+    // current active option?
+    const active = (0, _reactContextSelector.useContextSelector)(_listboxContext.ListboxContext, (ctx)=>{
+        var _ctx_activeOption, _ctx_activeOption1;
+        return ((_ctx_activeOption = ctx.activeOption) === null || _ctx_activeOption === void 0 ? void 0 : _ctx_activeOption.id) !== undefined && ((_ctx_activeOption1 = ctx.activeOption) === null || _ctx_activeOption1 === void 0 ? void 0 : _ctx_activeOption1.id) === id;
+    });
+    // check icon
+    let CheckIcon = /*#__PURE__*/ _react.createElement(_reactIcons.CheckmarkFilled, null);
+    if (multiselect) {
+        CheckIcon = selected ? /*#__PURE__*/ _react.createElement(_reactIcons.Checkmark12Filled, null) : '';
     }
-  }, [id, optionData, registerOption]);
-  const semanticProps = multiselect ? {
-    role: 'menuitemcheckbox',
-    'aria-checked': selected
-  } : {
-    role: 'option',
-    'aria-selected': selected
-  };
-  return {
-    components: {
-      root: 'div',
-      checkIcon: 'span'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref: react_utilities_1.useMergedRefs(ref, optionRef),
-      'aria-disabled': disabled ? 'true' : undefined,
-      id,
-      ...semanticProps,
-      ...props,
-      onClick
-    }),
-    checkIcon: react_utilities_1.resolveShorthand(props.checkIcon, {
-      required: true,
-      defaultProps: {
-        'aria-hidden': 'true',
-        children: CheckIcon
-      }
-    }),
-    active,
-    disabled,
-    focusVisible,
-    multiselect,
-    selected
-  };
-};
-exports.useOption_unstable = useOption_unstable;
+    const onClick = (event)=>{
+        var _props_onClick;
+        if (disabled) {
+            event.preventDefault();
+            return;
+        }
+        // clicked option should always become active option
+        setActiveOption(optionData);
+        // close on option click for single-select options in a combobox
+        if (!multiselect) {
+            setOpen === null || setOpen === void 0 ? void 0 : setOpen(event, false);
+        }
+        // handle selection change
+        selectOption(event, optionData);
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
+    };
+    // register option data with context
+    _react.useEffect(()=>{
+        if (id && optionRef.current) {
+            return registerOption(optionData, optionRef.current);
+        }
+    }, [
+        id,
+        optionData,
+        registerOption
+    ]);
+    const semanticProps = multiselect ? {
+        role: 'menuitemcheckbox',
+        'aria-checked': selected
+    } : {
+        role: 'option',
+        'aria-selected': selected
+    };
+    return {
+        components: {
+            root: 'div',
+            checkIcon: 'span'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, optionRef),
+            'aria-disabled': disabled ? 'true' : undefined,
+            id,
+            ...semanticProps,
+            ...props,
+            onClick
+        }),
+        checkIcon: (0, _reactUtilities.resolveShorthand)(props.checkIcon, {
+            required: true,
+            defaultProps: {
+                'aria-hidden': 'true',
+                children: CheckIcon
+            }
+        }),
+        active,
+        disabled,
+        focusVisible,
+        multiselect,
+        selected
+    };
+}; //# sourceMappingURL=useOption.js.map
+
 //# sourceMappingURL=useOption.js.map