@fluentui/react-combobox 9.17.1 → 9.17.2

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 (78) hide show
  1. package/CHANGELOG.md +28 -10
  2. package/dist/index.d.ts +9 -0
  3. package/lib/components/Combobox/useCombobox.js +4 -3
  4. package/lib/components/Combobox/useCombobox.js.map +1 -1
  5. package/lib/components/Combobox/useComboboxStyles.styles.js +5 -0
  6. package/lib/components/Combobox/useComboboxStyles.styles.js.map +1 -1
  7. package/lib/components/Combobox/useComboboxStyles.styles.raw.js +5 -0
  8. package/lib/components/Combobox/useComboboxStyles.styles.raw.js.map +1 -1
  9. package/lib/components/Combobox/useInputTriggerSlot.js +4 -0
  10. package/lib/components/Combobox/useInputTriggerSlot.js.map +1 -1
  11. package/lib/components/Dropdown/useButtonTriggerSlot.js +1 -0
  12. package/lib/components/Dropdown/useButtonTriggerSlot.js.map +1 -1
  13. package/lib/components/Dropdown/useDropdown.js +4 -3
  14. package/lib/components/Dropdown/useDropdown.js.map +1 -1
  15. package/lib/components/Dropdown/useDropdownStyles.styles.js +5 -0
  16. package/lib/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
  17. package/lib/components/Dropdown/useDropdownStyles.styles.raw.js +5 -0
  18. package/lib/components/Dropdown/useDropdownStyles.styles.raw.js.map +1 -1
  19. package/lib/components/Listbox/useListbox.js +4 -2
  20. package/lib/components/Listbox/useListbox.js.map +1 -1
  21. package/lib/components/Listbox/useListboxStyles.styles.js +1 -0
  22. package/lib/components/Listbox/useListboxStyles.styles.js.map +1 -1
  23. package/lib/components/Listbox/useListboxStyles.styles.raw.js +1 -0
  24. package/lib/components/Listbox/useListboxStyles.styles.raw.js.map +1 -1
  25. package/lib/components/Option/useOptionStyles.styles.js +10 -17
  26. package/lib/components/Option/useOptionStyles.styles.js.map +1 -1
  27. package/lib/components/Option/useOptionStyles.styles.raw.js +7 -12
  28. package/lib/components/Option/useOptionStyles.styles.raw.js.map +1 -1
  29. package/lib/components/OptionGroup/useOptionGroupStyles.styles.js +2 -0
  30. package/lib/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
  31. package/lib/components/OptionGroup/useOptionGroupStyles.styles.raw.js +2 -0
  32. package/lib/components/OptionGroup/useOptionGroupStyles.styles.raw.js.map +1 -1
  33. package/lib/index.js +1 -0
  34. package/lib/index.js.map +1 -1
  35. package/lib/utils/isComboboxOptionElement.js +9 -0
  36. package/lib/utils/isComboboxOptionElement.js.map +1 -0
  37. package/lib/utils/useListboxSlot.js +2 -1
  38. package/lib/utils/useListboxSlot.js.map +1 -1
  39. package/lib/utils/useOptionCollection.js +1 -0
  40. package/lib/utils/useOptionCollection.js.map +1 -1
  41. package/lib-commonjs/components/Combobox/useCombobox.js +2 -2
  42. package/lib-commonjs/components/Combobox/useCombobox.js.map +1 -1
  43. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js +5 -0
  44. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map +1 -1
  45. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.raw.js +5 -0
  46. package/lib-commonjs/components/Combobox/useComboboxStyles.styles.raw.js.map +1 -1
  47. package/lib-commonjs/components/Combobox/useInputTriggerSlot.js +4 -0
  48. package/lib-commonjs/components/Combobox/useInputTriggerSlot.js.map +1 -1
  49. package/lib-commonjs/components/Dropdown/useButtonTriggerSlot.js +1 -0
  50. package/lib-commonjs/components/Dropdown/useButtonTriggerSlot.js.map +1 -1
  51. package/lib-commonjs/components/Dropdown/useDropdown.js +2 -2
  52. package/lib-commonjs/components/Dropdown/useDropdown.js.map +1 -1
  53. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js +5 -0
  54. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
  55. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.raw.js +5 -0
  56. package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.raw.js.map +1 -1
  57. package/lib-commonjs/components/Listbox/useListbox.js +4 -2
  58. package/lib-commonjs/components/Listbox/useListbox.js.map +1 -1
  59. package/lib-commonjs/components/Listbox/useListboxStyles.styles.js +1 -0
  60. package/lib-commonjs/components/Listbox/useListboxStyles.styles.js.map +1 -1
  61. package/lib-commonjs/components/Listbox/useListboxStyles.styles.raw.js +1 -0
  62. package/lib-commonjs/components/Listbox/useListboxStyles.styles.raw.js.map +1 -1
  63. package/lib-commonjs/components/Option/useOptionStyles.styles.js +10 -40
  64. package/lib-commonjs/components/Option/useOptionStyles.styles.js.map +1 -1
  65. package/lib-commonjs/components/Option/useOptionStyles.styles.raw.js +7 -12
  66. package/lib-commonjs/components/Option/useOptionStyles.styles.raw.js.map +1 -1
  67. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js +2 -0
  68. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
  69. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.raw.js +2 -0
  70. package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.raw.js.map +1 -1
  71. package/lib-commonjs/index.js +4 -0
  72. package/lib-commonjs/index.js.map +1 -1
  73. package/lib-commonjs/utils/isComboboxOptionElement.js +19 -0
  74. package/lib-commonjs/utils/isComboboxOptionElement.js.map +1 -0
  75. package/lib-commonjs/utils/useListboxSlot.js.map +1 -1
  76. package/lib-commonjs/utils/useOptionCollection.js +1 -0
  77. package/lib-commonjs/utils/useOptionCollection.js.map +1 -1
  78. package/package.json +9 -9
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/utils/useOptionCollection.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\n\n/**\n * A hook for managing a collection of child Options\n */\nexport const useOptionCollection = (): OptionCollectionState => {\n const optionsById = React.useRef(new Map<string, OptionValue>());\n\n const collectionAPI = React.useMemo(() => {\n const getCount = () => optionsById.current.size;\n\n // index searches are no longer used\n const getOptionAtIndex = () => undefined;\n const getIndexOfId = () => -1;\n\n const getOptionById = (id: string) => {\n return optionsById.current.get(id);\n };\n const getOptionsMatchingText = (matcher: (text: string) => boolean) => {\n return Array.from(optionsById.current.values()).filter(({ text }) => matcher(text));\n };\n\n const getOptionsMatchingValue = (matcher: (value: string) => boolean) => {\n const matches: OptionValue[] = [];\n for (const option of optionsById.current.values()) {\n if (matcher(option.value)) {\n matches.push(option);\n }\n }\n\n return matches;\n };\n\n return {\n getCount,\n getOptionAtIndex,\n getIndexOfId,\n getOptionById,\n getOptionsMatchingText,\n getOptionsMatchingValue,\n };\n }, []);\n\n const registerOption = React.useCallback((option: OptionValue) => {\n optionsById.current.set(option.id, option);\n\n return () => optionsById.current.delete(option.id);\n }, []);\n\n return {\n ...collectionAPI,\n options: Array.from(optionsById.current.values()),\n registerOption,\n };\n};\n"],"names":["React","useOptionCollection","optionsById","useRef","Map","collectionAPI","useMemo","getCount","current","size","getOptionAtIndex","undefined","getIndexOfId","getOptionById","id","get","getOptionsMatchingText","matcher","Array","from","values","filter","text","getOptionsMatchingValue","matches","option","value","push","registerOption","useCallback","set","delete","options"],"mappings":"AAAA;;;;;+BAQaC;;;;;;;iEANU,QAAQ;AAMxB,4BAA4B;IACjC,MAAMC,cAAcF,OAAMG,MAAM,CAAC,IAAIC;IAErC,MAAMC,gBAAgBL,OAAMM,OAAO,CAAC;QAClC,MAAMC,WAAW,IAAML,YAAYM,OAAO,CAACC,IAAI;QAE/C,oCAAoC;QACpC,MAAMC,mBAAmB,IAAMC;QAC/B,MAAMC,eAAe,IAAM,CAAC;QAE5B,MAAMC,gBAAgB,CAACC;YACrB,OAAOZ,YAAYM,OAAO,CAACO,GAAG,CAACD;QACjC;QACA,MAAME,yBAAyB,CAACC;YAC9B,OAAOC,MAAMC,IAAI,CAACjB,YAAYM,OAAO,CAACY,MAAM,IAAIC,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKL,QAAQK;QAC/E;QAEA,MAAMC,0BAA0B,CAACN;YAC/B,MAAMO,UAAyB,EAAE;YACjC,KAAK,MAAMC,UAAUvB,YAAYM,OAAO,CAACY,MAAM,GAAI;gBACjD,IAAIH,QAAQQ,OAAOC,KAAK,GAAG;oBACzBF,QAAQG,IAAI,CAACF;gBACf;YACF;YAEA,OAAOD;QACT;QAEA,OAAO;YACLjB;YACAG;YACAE;YACAC;YACAG;YACAO;QACF;IACF,GAAG,EAAE;IAEL,MAAMK,iBAAiB5B,OAAM6B,WAAW,CAAC,CAACJ;QACxCvB,YAAYM,OAAO,CAACsB,GAAG,CAACL,OAAOX,EAAE,EAAEW;QAEnC,OAAO,IAAMvB,YAAYM,OAAO,CAACuB,MAAM,CAACN,OAAOX,EAAE;IACnD,GAAG,EAAE;IAEL,OAAO;QACL,GAAGT,aAAa;QAChB2B,SAASd,MAAMC,IAAI,CAACjB,YAAYM,OAAO,CAACY,MAAM;QAC9CQ;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/utils/useOptionCollection.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { OptionCollectionState, OptionValue } from './OptionCollection.types';\n\n/**\n * A hook for managing a collection of child Options\n */\nexport const useOptionCollection = (): OptionCollectionState => {\n const optionsById = React.useRef(new Map<string, OptionValue>());\n\n const collectionAPI = React.useMemo(() => {\n const getCount = () => optionsById.current.size;\n\n // index searches are no longer used\n const getOptionAtIndex = () => undefined;\n const getIndexOfId = () => -1;\n\n const getOptionById = (id: string) => {\n return optionsById.current.get(id);\n };\n const getOptionsMatchingText = (matcher: (text: string) => boolean) => {\n return Array.from(optionsById.current.values()).filter(({ text }) => matcher(text));\n };\n\n const getOptionsMatchingValue = (matcher: (value: string) => boolean) => {\n const matches: OptionValue[] = [];\n for (const option of optionsById.current.values()) {\n if (matcher(option.value)) {\n matches.push(option);\n }\n }\n\n return matches;\n };\n\n return {\n getCount,\n getOptionAtIndex,\n getIndexOfId,\n getOptionById,\n getOptionsMatchingText,\n getOptionsMatchingValue,\n };\n }, []);\n\n const registerOption = React.useCallback((option: OptionValue) => {\n optionsById.current.set(option.id, option);\n\n return () => optionsById.current.delete(option.id);\n }, []);\n\n return {\n ...collectionAPI,\n // eslint-disable-next-line react-hooks/refs\n options: Array.from(optionsById.current.values()),\n registerOption,\n };\n};\n"],"names":["React","useOptionCollection","optionsById","useRef","Map","collectionAPI","useMemo","getCount","current","size","getOptionAtIndex","undefined","getIndexOfId","getOptionById","id","get","getOptionsMatchingText","matcher","Array","from","values","filter","text","getOptionsMatchingValue","matches","option","value","push","registerOption","useCallback","set","delete","options"],"mappings":"AAAA;;;;;+BAQaC;;;;;;;iEANU,QAAQ;AAMxB,4BAA4B;IACjC,MAAMC,cAAcF,OAAMG,MAAM,CAAC,IAAIC;IAErC,MAAMC,gBAAgBL,OAAMM,OAAO,CAAC;QAClC,MAAMC,WAAW,IAAML,YAAYM,OAAO,CAACC,IAAI;QAE/C,oCAAoC;QACpC,MAAMC,mBAAmB,IAAMC;QAC/B,MAAMC,eAAe,IAAM,CAAC;QAE5B,MAAMC,gBAAgB,CAACC;YACrB,OAAOZ,YAAYM,OAAO,CAACO,GAAG,CAACD;QACjC;QACA,MAAME,yBAAyB,CAACC;YAC9B,OAAOC,MAAMC,IAAI,CAACjB,YAAYM,OAAO,CAACY,MAAM,IAAIC,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKL,QAAQK;QAC/E;QAEA,MAAMC,0BAA0B,CAACN;YAC/B,MAAMO,UAAyB,EAAE;YACjC,KAAK,MAAMC,UAAUvB,YAAYM,OAAO,CAACY,MAAM,GAAI;gBACjD,IAAIH,QAAQQ,OAAOC,KAAK,GAAG;oBACzBF,QAAQG,IAAI,CAACF;gBACf;YACF;YAEA,OAAOD;QACT;QAEA,OAAO;YACLjB;YACAG;YACAE;YACAC;YACAG;YACAO;QACF;IACF,GAAG,EAAE;IAEL,MAAMK,iBAAiB5B,OAAM6B,WAAW,CAAC,CAACJ;QACxCvB,YAAYM,OAAO,CAACsB,GAAG,CAACL,OAAOX,EAAE,EAAEW;QAEnC,OAAO,IAAMvB,YAAYM,OAAO,CAACuB,MAAM,CAACN,OAAOX,EAAE;IACnD,GAAG,EAAE;IAEL,OAAO;QACL,GAAGT,aAAa;QAChB,4CAA4C;QAC5C2B,SAASd,MAAMC,IAAI,CAACjB,YAAYM,OAAO,CAACY,MAAM;QAC9CQ;IACF;AACF,EAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-combobox",
3
- "version": "9.17.1",
3
+ "version": "9.17.2",
4
4
  "description": "Fluent UI React Combobox component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,18 +12,18 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui/react-aria": "^9.17.11",
15
+ "@fluentui/react-aria": "^9.17.12",
16
16
  "@fluentui/keyboard-keys": "^9.0.8",
17
- "@fluentui/react-context-selector": "^9.2.16",
18
- "@fluentui/react-field": "^9.5.1",
17
+ "@fluentui/react-context-selector": "^9.2.17",
18
+ "@fluentui/react-field": "^9.5.2",
19
19
  "@fluentui/react-icons": "^2.0.245",
20
- "@fluentui/react-jsx-runtime": "^9.4.2",
21
- "@fluentui/react-portal": "^9.8.12",
22
- "@fluentui/react-positioning": "^9.22.1",
20
+ "@fluentui/react-jsx-runtime": "^9.4.3",
21
+ "@fluentui/react-portal": "^9.8.13",
22
+ "@fluentui/react-positioning": "^9.22.2",
23
23
  "@fluentui/react-shared-contexts": "^9.26.2",
24
- "@fluentui/react-tabster": "^9.26.14",
24
+ "@fluentui/react-tabster": "^9.26.15",
25
25
  "@fluentui/react-theme": "^9.2.1",
26
- "@fluentui/react-utilities": "^9.26.3",
26
+ "@fluentui/react-utilities": "^9.26.4",
27
27
  "@griffel/react": "^1.5.32",
28
28
  "@swc/helpers": "^0.5.1"
29
29
  },