@fluentui/react-combobox 9.5.1 → 9.5.3
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.
- package/CHANGELOG.json +103 -1
- package/CHANGELOG.md +32 -2
- package/lib/components/Combobox/renderCombobox.js +5 -5
- package/lib/components/Combobox/renderCombobox.js.map +1 -1
- package/lib/components/Combobox/useCombobox.js +16 -15
- package/lib/components/Combobox/useCombobox.js.map +1 -1
- package/lib/components/Combobox/useComboboxStyles.styles.js +2 -4
- package/lib/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib/components/Dropdown/renderDropdown.js +5 -5
- package/lib/components/Dropdown/renderDropdown.js.map +1 -1
- package/lib/components/Dropdown/useDropdown.js +15 -14
- package/lib/components/Dropdown/useDropdown.js.map +1 -1
- package/lib/components/Dropdown/useDropdownStyles.styles.js +3 -5
- package/lib/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib/components/Listbox/renderListbox.js +3 -3
- package/lib/components/Listbox/renderListbox.js.map +1 -1
- package/lib/components/Listbox/useListbox.js +4 -2
- package/lib/components/Listbox/useListbox.js.map +1 -1
- package/lib/components/Listbox/useListboxStyles.styles.js +1 -1
- package/lib/components/Option/renderOption.js +3 -3
- package/lib/components/Option/renderOption.js.map +1 -1
- package/lib/components/Option/useOption.js +8 -5
- package/lib/components/Option/useOption.js.map +1 -1
- package/lib/components/Option/useOptionStyles.styles.js +1 -3
- package/lib/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib/components/OptionGroup/renderOptionGroup.js +3 -3
- package/lib/components/OptionGroup/renderOptionGroup.js.map +1 -1
- package/lib/components/OptionGroup/useOptionGroup.js +7 -4
- package/lib/components/OptionGroup/useOptionGroup.js.map +1 -1
- package/lib/components/OptionGroup/useOptionGroupStyles.styles.js +1 -1
- package/lib-commonjs/components/Combobox/renderCombobox.js +4 -4
- package/lib-commonjs/components/Combobox/renderCombobox.js.map +1 -1
- package/lib-commonjs/components/Combobox/useCombobox.js +15 -14
- package/lib-commonjs/components/Combobox/useCombobox.js.map +1 -1
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js +9 -15
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Dropdown/renderDropdown.js +4 -4
- package/lib-commonjs/components/Dropdown/renderDropdown.js.map +1 -1
- package/lib-commonjs/components/Dropdown/useDropdown.js +14 -12
- package/lib-commonjs/components/Dropdown/useDropdown.js.map +1 -1
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js +11 -17
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Listbox/renderListbox.js +2 -2
- package/lib-commonjs/components/Listbox/renderListbox.js.map +1 -1
- package/lib-commonjs/components/Listbox/useListbox.js +3 -1
- package/lib-commonjs/components/Listbox/useListbox.js.map +1 -1
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js +2 -2
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Option/renderOption.js +2 -2
- package/lib-commonjs/components/Option/renderOption.js.map +1 -1
- package/lib-commonjs/components/Option/useOption.js +7 -4
- package/lib-commonjs/components/Option/useOption.js.map +1 -1
- package/lib-commonjs/components/Option/useOptionStyles.styles.js +4 -10
- package/lib-commonjs/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/renderOptionGroup.js +2 -2
- package/lib-commonjs/components/OptionGroup/renderOptionGroup.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/useOptionGroup.js +6 -3
- package/lib-commonjs/components/OptionGroup/useOptionGroup.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js +2 -2
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps,
|
|
1
|
+
{"version":3,"sources":["useOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render OptionGroup.\n *\n * The returned state can be modified with hooks such as useOptionGroupStyles_unstable,\n * before being passed to renderOptionGroup_unstable.\n *\n * @param props - props from this instance of OptionGroup\n * @param ref - reference to root HTMLElement of OptionGroup\n */ export const useOptionGroup_unstable = (props, ref)=>{\n const labelId = useId('group-label');\n const { label } = props;\n return {\n components: {\n root: 'div',\n label: 'span'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n role: 'group',\n 'aria-labelledby': label ? labelId : undefined,\n ...props\n }), {\n elementType: 'div'\n }),\n label: slot.optional(label, {\n defaultProps: {\n id: labelId,\n role: 'presentation'\n },\n elementType: 'span'\n })\n };\n};\n"],"names":["useOptionGroup_unstable","props","ref","labelId","useId","label","components","root","slot","always","getNativeElementProps","role","undefined","elementType","optional","defaultProps","id"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCAC4B;AASxC,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAMC,UAAUC,IAAAA,qBAAK,EAAC;IACtB,MAAM,EAAEC,MAAK,EAAG,GAAGJ;IACnB,OAAO;QACHK,YAAY;YACRC,MAAM;YACNF,OAAO;QACX;QACAE,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CR;YACAS,MAAM;YACN,mBAAmBN,QAAQF,UAAUS,SAAS;YAC9C,GAAGX,KAAK;QACZ,IAAI;YACAY,aAAa;QACjB;QACAR,OAAOG,oBAAI,CAACM,QAAQ,CAACT,OAAO;YACxBU,cAAc;gBACVC,IAAIb;gBACJQ,MAAM;YACV;YACAE,aAAa;QACjB;IACJ;AACJ"}
|
|
@@ -76,8 +76,8 @@ const optionGroupClassNames = {
|
|
|
76
76
|
}
|
|
77
77
|
}, {
|
|
78
78
|
d: [
|
|
79
|
-
".f22iagw{display
|
|
80
|
-
".f1vx9l62{
|
|
79
|
+
".f22iagw{display:flex;}",
|
|
80
|
+
".f1vx9l62{flex-direction:column;}",
|
|
81
81
|
".fiut8dr{row-gap:var(--spacingHorizontalXXS);}",
|
|
82
82
|
".f1xxzjds:not(:last-child)::after{content:\"\";}",
|
|
83
83
|
".fu19d3i:not(:last-child)::after{border-bottom-width:var(--strokeWidthThin);}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useOptionGroupStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const optionGroupClassNames = {\n root: 'fui-OptionGroup',\n label: 'fui-OptionGroup__label'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Belr9w4: \"fiut8dr\",\n B8lkq7l: \"f1xxzjds\",\n Gwp8xu: \"fu19d3i\",\n H93o2g: \"flylvvz\",\n eii1in: \"f1ug5m11\",\n om0q45: \"f5642y\",\n Hl9o3s: \"ffdf81h\",\n Bi9x0x4: \"flgyru6\",\n B0i58d9: [\"f1fjgumo\", \"f1sgo0dv\"],\n sl1c2c: \"fwsdxdw\",\n z4hxbw: [\"f1sgo0dv\", \"f1fjgumo\"]\n },\n label: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f17mpqex\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n }\n}, {\n d: [\".f22iagw{display
|
|
1
|
+
{"version":3,"sources":["useOptionGroupStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const optionGroupClassNames = {\n root: 'fui-OptionGroup',\n label: 'fui-OptionGroup__label'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Belr9w4: \"fiut8dr\",\n B8lkq7l: \"f1xxzjds\",\n Gwp8xu: \"fu19d3i\",\n H93o2g: \"flylvvz\",\n eii1in: \"f1ug5m11\",\n om0q45: \"f5642y\",\n Hl9o3s: \"ffdf81h\",\n Bi9x0x4: \"flgyru6\",\n B0i58d9: [\"f1fjgumo\", \"f1sgo0dv\"],\n sl1c2c: \"fwsdxdw\",\n z4hxbw: [\"f1sgo0dv\", \"f1fjgumo\"]\n },\n label: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n sj55zd: \"f11d4kpn\",\n mc9l5x: \"ftgm304\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f17mpqex\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".fiut8dr{row-gap:var(--spacingHorizontalXXS);}\", \".f1xxzjds:not(:last-child)::after{content:\\\"\\\";}\", \".fu19d3i:not(:last-child)::after{border-bottom-width:var(--strokeWidthThin);}\", \".flylvvz:not(:last-child)::after{border-bottom-style:solid;}\", \".f1ug5m11:not(:last-child)::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5642y:not(:last-child)::after{display:block;}\", \".ffdf81h:not(:last-child)::after{padding-bottom:var(--spacingHorizontalXS);}\", \".flgyru6:not(:last-child)::after{margin-top:0;}\", \".f1fjgumo:not(:last-child)::after{margin-right:calc(var(--spacingHorizontalXS) * -1);}\", \".f1sgo0dv:not(:last-child)::after{margin-left:calc(var(--spacingHorizontalXS) * -1);}\", \".fwsdxdw:not(:last-child)::after{margin-bottom:var(--spacingVerticalXS);}\", \".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);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".ftgm304{display:block;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\"]\n});\n/**\n * Apply styling to the OptionGroup slots based on the state\n */\nexport const useOptionGroupStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(optionGroupClassNames.root, styles.root, state.root.className);\n if (state.label) {\n state.label.className = mergeClasses(optionGroupClassNames.label, styles.label, state.label.className);\n }\n return state;\n};\n//# sourceMappingURL=useOptionGroupStyles.styles.js.map"],"names":["optionGroupClassNames","useOptionGroupStyles_unstable","root","label","useStyles","__styles","mc9l5x","Beiy3e4","Belr9w4","B8lkq7l","Gwp8xu","H93o2g","eii1in","om0q45","Hl9o3s","Bi9x0x4","B0i58d9","sl1c2c","z4hxbw","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","sj55zd","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,qBAAqB,MAArBA;IA4CAC,6BAA6B,MAA7BA;;uBA7CsC;AAC5C,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,OAAO;AACT;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAf,OAAO;QACLgB,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;QACRjB,QAAQ;QACRkB,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAqC;QAAkD;QAAoD;QAAiF;QAAgE;QAAsF;QAAmD;QAAgF;QAAmD;QAA0F;QAAyF;QAA6E;QAAoE;QAAmE;QAAiE;QAA+D;QAAoD;QAA4B;QAA+C;QAAoD;QAAmD;QAAqD;QAA2D;QAA0D;KAAsD;AACthD;AAIO,MAAM9B,gCAAgC+B,CAAAA,QAAS;IACpD,MAAMC,SAAS7B;IACf4B,MAAM9B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACnC,sBAAsBE,IAAI,EAAE+B,OAAO/B,IAAI,EAAE8B,MAAM9B,IAAI,CAACgC,SAAS;IACjG,IAAIF,MAAM7B,KAAK,EAAE;QACf6B,MAAM7B,KAAK,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACnC,sBAAsBG,KAAK,EAAE8B,OAAO9B,KAAK,EAAE6B,MAAM7B,KAAK,CAAC+B,SAAS;IACvG,CAAC;IACD,OAAOF;AACT,GACA,uDAAuD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-combobox",
|
|
3
|
-
"version": "9.5.
|
|
3
|
+
"version": "9.5.3",
|
|
4
4
|
"description": "Fluent UI React Combobox component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -34,16 +34,16 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui/keyboard-keys": "^9.0.3",
|
|
37
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
38
|
-
"@fluentui/react-field": "^9.1.
|
|
37
|
+
"@fluentui/react-context-selector": "^9.1.28",
|
|
38
|
+
"@fluentui/react-field": "^9.1.17",
|
|
39
39
|
"@fluentui/react-icons": "^2.0.207",
|
|
40
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
41
|
-
"@fluentui/react-portal": "^9.3.
|
|
42
|
-
"@fluentui/react-positioning": "^9.9.
|
|
43
|
-
"@fluentui/react-shared-contexts": "^9.7.
|
|
44
|
-
"@fluentui/react-theme": "^9.1.
|
|
45
|
-
"@fluentui/react-utilities": "^9.11.
|
|
46
|
-
"@griffel/react": "^1.5.
|
|
40
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.15",
|
|
41
|
+
"@fluentui/react-portal": "^9.3.7",
|
|
42
|
+
"@fluentui/react-positioning": "^9.9.4",
|
|
43
|
+
"@fluentui/react-shared-contexts": "^9.7.2",
|
|
44
|
+
"@fluentui/react-theme": "^9.1.11",
|
|
45
|
+
"@fluentui/react-utilities": "^9.11.1",
|
|
46
|
+
"@griffel/react": "^1.5.14",
|
|
47
47
|
"@swc/helpers": "^0.4.14"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|