@fluentui/react-combobox 9.5.8 → 9.5.10
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 +121 -1
- package/CHANGELOG.md +35 -2
- package/lib/components/Combobox/Combobox.js.map +1 -1
- package/lib/components/Combobox/renderCombobox.js +15 -7
- package/lib/components/Combobox/renderCombobox.js.map +1 -1
- package/lib/components/Combobox/useCombobox.js +17 -13
- package/lib/components/Combobox/useCombobox.js.map +1 -1
- package/lib/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/renderDropdown.js +19 -7
- package/lib/components/Dropdown/renderDropdown.js.map +1 -1
- package/lib/components/Dropdown/useDropdown.js +4 -3
- package/lib/components/Dropdown/useDropdown.js.map +1 -1
- package/lib/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib/components/Listbox/Listbox.js.map +1 -1
- package/lib/components/Listbox/renderListbox.js +5 -4
- package/lib/components/Listbox/renderListbox.js.map +1 -1
- package/lib/components/Listbox/useListbox.js +5 -4
- package/lib/components/Listbox/useListbox.js.map +1 -1
- package/lib/components/Option/Option.js.map +1 -1
- package/lib/components/Option/renderOption.js +7 -2
- package/lib/components/Option/renderOption.js.map +1 -1
- package/lib/components/Option/useOption.js +5 -4
- package/lib/components/Option/useOption.js.map +1 -1
- package/lib/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib/components/OptionGroup/OptionGroup.js.map +1 -1
- package/lib/components/OptionGroup/renderOptionGroup.js +9 -2
- package/lib/components/OptionGroup/renderOptionGroup.js.map +1 -1
- package/lib/components/OptionGroup/useOptionGroup.js +1 -1
- package/lib/components/OptionGroup/useOptionGroup.js.map +1 -1
- package/lib/contexts/ComboboxContext.js.map +1 -1
- package/lib/contexts/ListboxContext.js.map +1 -1
- package/lib/contexts/useComboboxContextValues.js +1 -1
- package/lib/contexts/useComboboxContextValues.js.map +1 -1
- package/lib/contexts/useListboxContextValues.js +1 -1
- package/lib/contexts/useListboxContextValues.js.map +1 -1
- package/lib/utils/dropdownKeyActions.js +2 -2
- package/lib/utils/dropdownKeyActions.js.map +1 -1
- package/lib/utils/useComboboxBaseState.js +5 -4
- package/lib/utils/useComboboxBaseState.js.map +1 -1
- package/lib/utils/useComboboxPopup.js +5 -4
- package/lib/utils/useComboboxPopup.js.map +1 -1
- package/lib/utils/useOptionCollection.js +2 -1
- package/lib/utils/useOptionCollection.js.map +1 -1
- package/lib/utils/useScrollOptionsIntoView.js +3 -3
- package/lib/utils/useScrollOptionsIntoView.js.map +1 -1
- package/lib/utils/useSelection.js +5 -3
- package/lib/utils/useSelection.js.map +1 -1
- package/lib/utils/useTriggerListboxSlots.js +11 -9
- package/lib/utils/useTriggerListboxSlots.js.map +1 -1
- package/lib-commonjs/Combobox.js +2 -2
- package/lib-commonjs/Combobox.js.map +1 -1
- package/lib-commonjs/Dropdown.js +2 -2
- package/lib-commonjs/Dropdown.js.map +1 -1
- package/lib-commonjs/Listbox.js +2 -2
- package/lib-commonjs/Listbox.js.map +1 -1
- package/lib-commonjs/Option.js +2 -2
- package/lib-commonjs/Option.js.map +1 -1
- package/lib-commonjs/OptionGroup.js +2 -2
- package/lib-commonjs/OptionGroup.js.map +1 -1
- package/lib-commonjs/Selection.js +2 -2
- package/lib-commonjs/Selection.js.map +1 -1
- package/lib-commonjs/components/Combobox/Combobox.js +9 -7
- package/lib-commonjs/components/Combobox/Combobox.js.map +1 -1
- package/lib-commonjs/components/Combobox/Combobox.types.js +2 -2
- package/lib-commonjs/components/Combobox/Combobox.types.js.map +1 -1
- package/lib-commonjs/components/Combobox/index.js +6 -6
- package/lib-commonjs/components/Combobox/index.js.map +1 -1
- package/lib-commonjs/components/Combobox/renderCombobox.js +22 -12
- package/lib-commonjs/components/Combobox/renderCombobox.js.map +1 -1
- package/lib-commonjs/components/Combobox/useCombobox.js +43 -38
- package/lib-commonjs/components/Combobox/useCombobox.js.map +1 -1
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js +10 -6
- package/lib-commonjs/components/Combobox/useComboboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Dropdown/Dropdown.js +9 -7
- package/lib-commonjs/components/Dropdown/Dropdown.js.map +1 -1
- package/lib-commonjs/components/Dropdown/index.js +6 -6
- package/lib-commonjs/components/Dropdown/index.js.map +1 -1
- package/lib-commonjs/components/Dropdown/renderDropdown.js +26 -12
- package/lib-commonjs/components/Dropdown/renderDropdown.js.map +1 -1
- package/lib-commonjs/components/Dropdown/useDropdown.js +24 -21
- package/lib-commonjs/components/Dropdown/useDropdown.js.map +1 -1
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js +9 -5
- package/lib-commonjs/components/Dropdown/useDropdownStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Listbox/Listbox.js +9 -7
- package/lib-commonjs/components/Listbox/Listbox.js.map +1 -1
- package/lib-commonjs/components/Listbox/index.js +6 -6
- package/lib-commonjs/components/Listbox/index.js.map +1 -1
- package/lib-commonjs/components/Listbox/renderListbox.js +12 -9
- package/lib-commonjs/components/Listbox/renderListbox.js.map +1 -1
- package/lib-commonjs/components/Listbox/useListbox.js +23 -20
- package/lib-commonjs/components/Listbox/useListbox.js.map +1 -1
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js +7 -3
- package/lib-commonjs/components/Listbox/useListboxStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Option/Option.js +9 -7
- package/lib-commonjs/components/Option/Option.js.map +1 -1
- package/lib-commonjs/components/Option/Option.types.js +2 -2
- package/lib-commonjs/components/Option/Option.types.js.map +1 -1
- package/lib-commonjs/components/Option/index.js +6 -6
- package/lib-commonjs/components/Option/index.js.map +1 -1
- package/lib-commonjs/components/Option/renderOption.js +13 -6
- package/lib-commonjs/components/Option/renderOption.js.map +1 -1
- package/lib-commonjs/components/Option/useOption.js +29 -26
- package/lib-commonjs/components/Option/useOption.js.map +1 -1
- package/lib-commonjs/components/Option/useOptionStyles.styles.js +8 -4
- package/lib-commonjs/components/Option/useOptionStyles.styles.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/OptionGroup.js +9 -7
- package/lib-commonjs/components/OptionGroup/OptionGroup.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/index.js +6 -6
- package/lib-commonjs/components/OptionGroup/index.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/renderOptionGroup.js +15 -6
- package/lib-commonjs/components/OptionGroup/renderOptionGroup.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/useOptionGroup.js +10 -8
- package/lib-commonjs/components/OptionGroup/useOptionGroup.js.map +1 -1
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js +7 -3
- package/lib-commonjs/components/OptionGroup/useOptionGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/ComboboxContext.js +8 -4
- package/lib-commonjs/contexts/ComboboxContext.js.map +1 -1
- package/lib-commonjs/contexts/ListboxContext.js +8 -4
- package/lib-commonjs/contexts/ListboxContext.js.map +1 -1
- package/lib-commonjs/contexts/useComboboxContextValues.js +4 -2
- package/lib-commonjs/contexts/useComboboxContextValues.js.map +1 -1
- package/lib-commonjs/contexts/useListboxContextValues.js +8 -6
- package/lib-commonjs/contexts/useListboxContextValues.js.map +1 -1
- package/lib-commonjs/index.js +94 -36
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/ComboboxBase.types.js +2 -2
- package/lib-commonjs/utils/ComboboxBase.types.js.map +1 -1
- package/lib-commonjs/utils/Selection.types.js +2 -2
- package/lib-commonjs/utils/Selection.types.js.map +1 -1
- package/lib-commonjs/utils/dropdownKeyActions.js +23 -19
- package/lib-commonjs/utils/dropdownKeyActions.js.map +1 -1
- package/lib-commonjs/utils/internalTokens.js +3 -1
- package/lib-commonjs/utils/internalTokens.js.map +1 -1
- package/lib-commonjs/utils/useComboboxBaseState.js +14 -11
- package/lib-commonjs/utils/useComboboxBaseState.js.map +1 -1
- package/lib-commonjs/utils/useComboboxPopup.js +11 -8
- package/lib-commonjs/utils/useComboboxPopup.js.map +1 -1
- package/lib-commonjs/utils/useOptionCollection.js +7 -4
- package/lib-commonjs/utils/useOptionCollection.js.map +1 -1
- package/lib-commonjs/utils/useScrollOptionsIntoView.js +10 -8
- package/lib-commonjs/utils/useScrollOptionsIntoView.js.map +1 -1
- package/lib-commonjs/utils/useSelection.js +10 -6
- package/lib-commonjs/utils/useSelection.js.map +1 -1
- package/lib-commonjs/utils/useTriggerListboxSlots.js +25 -21
- package/lib-commonjs/utils/useTriggerListboxSlots.js.map +1 -1
- package/package.json +15 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["OptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useOptionGroup_unstable } from './useOptionGroup';\nimport { renderOptionGroup_unstable } from './renderOptionGroup';\nimport { useOptionGroupStyles_unstable } from './useOptionGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * OptionGroup component: allows grouping of Option components within a Combobox\n */ export const OptionGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useOptionGroup_unstable(props, ref);\n useOptionGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useOptionGroupStyles_unstable')(state);\n return renderOptionGroup_unstable(state);\n});\nOptionGroup.displayName = 'OptionGroup';\n"],"names":["OptionGroup","React","forwardRef","props","ref","state","useOptionGroup_unstable","useOptionGroupStyles_unstable","useCustomStyleHook_unstable","renderOptionGroup_unstable","displayName"],"mappings":";;;;+BAOiBA
|
|
1
|
+
{"version":3,"sources":["OptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useOptionGroup_unstable } from './useOptionGroup';\nimport { renderOptionGroup_unstable } from './renderOptionGroup';\nimport { useOptionGroupStyles_unstable } from './useOptionGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * OptionGroup component: allows grouping of Option components within a Combobox\n */ export const OptionGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useOptionGroup_unstable(props, ref);\n useOptionGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useOptionGroupStyles_unstable')(state);\n return renderOptionGroup_unstable(state);\n});\nOptionGroup.displayName = 'OptionGroup';\n"],"names":["OptionGroup","React","forwardRef","props","ref","state","useOptionGroup_unstable","useOptionGroupStyles_unstable","useCustomStyleHook_unstable","renderOptionGroup_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;gCACiB;mCACG;4CACG;qCACF;AAGjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC;AACAL,YAAYU,WAAW,GAAG"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./OptionGroup"), exports);
|
|
7
|
+
_export_star._(require("./OptionGroup.types"), exports);
|
|
8
|
+
_export_star._(require("./renderOptionGroup"), exports);
|
|
9
|
+
_export_star._(require("./useOptionGroup"), exports);
|
|
10
|
+
_export_star._(require("./useOptionGroupStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './OptionGroup';\nexport * from './OptionGroup.types';\nexport * from './renderOptionGroup';\nexport * from './useOptionGroup';\nexport * from './useOptionGroupStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './OptionGroup';\nexport * from './OptionGroup.types';\nexport * from './renderOptionGroup';\nexport * from './useOptionGroup';\nexport * from './useOptionGroupStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderOptionGroup_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderOptionGroup_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
11
13
|
const renderOptionGroup_unstable = (state)=>{
|
|
12
|
-
(0,
|
|
13
|
-
return /*#__PURE__*/ (0,
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
16
|
+
children: [
|
|
17
|
+
state.label && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {
|
|
18
|
+
children: state.label.children
|
|
19
|
+
}),
|
|
20
|
+
state.root.children
|
|
21
|
+
]
|
|
22
|
+
});
|
|
14
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderOptionGroup.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderOptionGroup.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of OptionGroup\n */ export const renderOptionGroup_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n state.label && /*#__PURE__*/ _jsx(state.label, {\n children: state.label.children\n }),\n state.root.children\n ]\n });\n};\n"],"names":["renderOptionGroup_unstable","state","assertSlots","_jsxs","root","children","label","_jsx"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE;gBAC3CD,UAAUJ,MAAMK,KAAK,CAACD,QAAQ;YAClC;YACAJ,MAAMG,IAAI,CAACC,QAAQ;SACtB;IACL;AACJ"}
|
|
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useOptionGroup_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useOptionGroup_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
12
14
|
const useOptionGroup_unstable = (props, ref)=>{
|
|
13
|
-
const labelId = (0,
|
|
14
|
-
const { label
|
|
15
|
+
const labelId = (0, _reactutilities.useId)('group-label');
|
|
16
|
+
const { label } = props;
|
|
15
17
|
return {
|
|
16
18
|
components: {
|
|
17
19
|
root: 'div',
|
|
18
20
|
label: 'span'
|
|
19
21
|
},
|
|
20
|
-
root:
|
|
22
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
|
21
23
|
ref,
|
|
22
24
|
role: 'group',
|
|
23
25
|
'aria-labelledby': label ? labelId : undefined,
|
|
@@ -25,7 +27,7 @@ const useOptionGroup_unstable = (props, ref)=>{
|
|
|
25
27
|
}), {
|
|
26
28
|
elementType: 'div'
|
|
27
29
|
}),
|
|
28
|
-
label:
|
|
30
|
+
label: _reactutilities.slot.optional(label, {
|
|
29
31
|
defaultProps: {
|
|
30
32
|
id: labelId,
|
|
31
33
|
role: 'presentation'
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;eAAAA;;;;iEAVM;gCAC4B;AASxC,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAMC,UAAUC,IAAAA,qBAAK,EAAC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGJ;IAClB,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;YACrC,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"}
|
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
optionGroupClassNames: ()
|
|
13
|
-
|
|
12
|
+
optionGroupClassNames: function() {
|
|
13
|
+
return optionGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
useOptionGroupStyles_unstable: function() {
|
|
16
|
+
return useOptionGroupStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const optionGroupClassNames = {
|
|
@@ -19,7 +23,7 @@ const optionGroupClassNames = {
|
|
|
19
23
|
};
|
|
20
24
|
/**
|
|
21
25
|
* Styles for the root slot
|
|
22
|
-
*/ const useStyles = /*#__PURE__*/ (0, _react
|
|
26
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
23
27
|
root: {
|
|
24
28
|
mc9l5x: "f22iagw",
|
|
25
29
|
Beiy3e4: "f1vx9l62",
|
|
@@ -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: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
|
|
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;eAArBA;;IA4CAC,6BAA6B;eAA7BA;;;uBA7CsC;AAC5C,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,OAAO;AACT;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,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;IAC3C,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;IACA,OAAOF;AACT,GACA,uDAAuD"}
|
|
@@ -9,11 +9,15 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
ComboboxContext: ()
|
|
13
|
-
|
|
12
|
+
ComboboxContext: function() {
|
|
13
|
+
return ComboboxContext;
|
|
14
|
+
},
|
|
15
|
+
ComboboxProvider: function() {
|
|
16
|
+
return ComboboxProvider;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
16
|
-
const ComboboxContext = (0,
|
|
19
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
20
|
+
const ComboboxContext = (0, _reactcontextselector.createContext)({
|
|
17
21
|
activeOption: undefined,
|
|
18
22
|
appearance: 'outline',
|
|
19
23
|
focusVisible: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ComboboxContext.js"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ComboboxContext = createContext({\n activeOption: undefined,\n appearance: 'outline',\n focusVisible: false,\n open: false,\n registerOption () {\n return ()=>undefined;\n },\n selectedOptions: [],\n selectOption () {\n // noop\n },\n setActiveOption () {\n // noop\n },\n setOpen () {\n // noop\n },\n size: 'medium'\n});\nexport const ComboboxProvider = ComboboxContext.Provider;\n"],"names":["ComboboxContext","ComboboxProvider","createContext","activeOption","undefined","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","Provider"],"mappings":";;;;;;;;;;;IAEaA,eAAe
|
|
1
|
+
{"version":3,"sources":["ComboboxContext.js"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ComboboxContext = createContext({\n activeOption: undefined,\n appearance: 'outline',\n focusVisible: false,\n open: false,\n registerOption () {\n return ()=>undefined;\n },\n selectedOptions: [],\n selectOption () {\n // noop\n },\n setActiveOption () {\n // noop\n },\n setOpen () {\n // noop\n },\n size: 'medium'\n});\nexport const ComboboxProvider = ComboboxContext.Provider;\n"],"names":["ComboboxContext","ComboboxProvider","createContext","activeOption","undefined","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","Provider"],"mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IAoBAC,gBAAgB;eAAhBA;;;sCAtBiB;AAEvB,MAAMD,kBAAkBE,IAAAA,mCAAa,EAAC;IACzCC,cAAcC;IACdC,YAAY;IACZC,cAAc;IACdC,MAAM;IACNC;QACI,OAAO,IAAIJ;IACf;IACAK,iBAAiB,EAAE;IACnBC;IACA,OAAO;IACP;IACAC;IACA,OAAO;IACP;IACAC;IACA,OAAO;IACP;IACAC,MAAM;AACV;AACO,MAAMZ,mBAAmBD,gBAAgBc,QAAQ"}
|
|
@@ -9,11 +9,15 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
ListboxContext: ()
|
|
13
|
-
|
|
12
|
+
ListboxContext: function() {
|
|
13
|
+
return ListboxContext;
|
|
14
|
+
},
|
|
15
|
+
ListboxProvider: function() {
|
|
16
|
+
return ListboxProvider;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
16
|
-
const ListboxContext = (0,
|
|
19
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
20
|
+
const ListboxContext = (0, _reactcontextselector.createContext)({
|
|
17
21
|
activeOption: undefined,
|
|
18
22
|
focusVisible: false,
|
|
19
23
|
multiselect: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ListboxContext.js"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ListboxContext = createContext({\n activeOption: undefined,\n focusVisible: false,\n multiselect: false,\n registerOption () {\n return ()=>undefined;\n },\n selectedOptions: [],\n selectOption () {\n // noop\n },\n setActiveOption () {\n // noop\n }\n});\nexport const ListboxProvider = ListboxContext.Provider;\n"],"names":["ListboxContext","ListboxProvider","createContext","activeOption","undefined","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","Provider"],"mappings":";;;;;;;;;;;IAEaA,cAAc
|
|
1
|
+
{"version":3,"sources":["ListboxContext.js"],"sourcesContent":["import { createContext } from '@fluentui/react-context-selector';\n// eslint-disable-next-line @fluentui/no-context-default-value\nexport const ListboxContext = createContext({\n activeOption: undefined,\n focusVisible: false,\n multiselect: false,\n registerOption () {\n return ()=>undefined;\n },\n selectedOptions: [],\n selectOption () {\n // noop\n },\n setActiveOption () {\n // noop\n }\n});\nexport const ListboxProvider = ListboxContext.Provider;\n"],"names":["ListboxContext","ListboxProvider","createContext","activeOption","undefined","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","Provider"],"mappings":";;;;;;;;;;;IAEaA,cAAc;eAAdA;;IAeAC,eAAe;eAAfA;;;sCAjBiB;AAEvB,MAAMD,iBAAiBE,IAAAA,mCAAa,EAAC;IACxCC,cAAcC;IACdC,cAAc;IACdC,aAAa;IACbC;QACI,OAAO,IAAIH;IACf;IACAI,iBAAiB,EAAE;IACnBC;IACA,OAAO;IACP;IACAC;IACA,OAAO;IACP;AACJ;AACO,MAAMT,kBAAkBD,eAAeW,QAAQ"}
|
|
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useComboboxContextValues", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useComboboxContextValues;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
function useComboboxContextValues(state) {
|
|
10
|
-
const { activeOption
|
|
12
|
+
const { activeOption, appearance, focusVisible, open, registerOption, selectedOptions, selectOption, setActiveOption, setOpen, size } = state;
|
|
11
13
|
const combobox = {
|
|
12
14
|
activeOption,
|
|
13
15
|
appearance,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useComboboxContextValues.js"],"sourcesContent":["export function useComboboxContextValues(state) {\n const { activeOption
|
|
1
|
+
{"version":3,"sources":["useComboboxContextValues.js"],"sourcesContent":["export function useComboboxContextValues(state) {\n const { activeOption, appearance, focusVisible, open, registerOption, selectedOptions, selectOption, setActiveOption, setOpen, size } = state;\n const combobox = {\n activeOption,\n appearance,\n focusVisible,\n open,\n registerOption,\n selectedOptions,\n selectOption,\n setActiveOption,\n setOpen,\n size\n };\n return {\n combobox\n };\n}\n"],"names":["useComboboxContextValues","state","activeOption","appearance","focusVisible","open","registerOption","selectedOptions","selectOption","setActiveOption","setOpen","size","combobox"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,yBAAyBC,KAAK;IAC1C,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,YAAY,EAAEC,IAAI,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,eAAe,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGV;IACxI,MAAMW,WAAW;QACbV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
|
|
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useListboxContextValues", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useListboxContextValues;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
12
|
+
const _ComboboxContext = require("./ComboboxContext");
|
|
11
13
|
function useListboxContextValues(state) {
|
|
12
|
-
const hasComboboxContext = (0,
|
|
13
|
-
const { activeOption
|
|
14
|
+
const hasComboboxContext = (0, _reactcontextselector.useHasParentContext)(_ComboboxContext.ComboboxContext);
|
|
15
|
+
const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } = state;
|
|
14
16
|
// get register/unregister functions from parent combobox context
|
|
15
|
-
const comboboxRegisterOption = (0,
|
|
17
|
+
const comboboxRegisterOption = (0, _reactcontextselector.useContextSelector)(_ComboboxContext.ComboboxContext, (ctx)=>ctx.registerOption);
|
|
16
18
|
const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;
|
|
17
19
|
const listbox = {
|
|
18
20
|
activeOption,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useListboxContextValues.js"],"sourcesContent":["import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ComboboxContext } from './ComboboxContext';\nexport function useListboxContextValues(state) {\n const hasComboboxContext = useHasParentContext(ComboboxContext);\n const { activeOption
|
|
1
|
+
{"version":3,"sources":["useListboxContextValues.js"],"sourcesContent":["import { useContextSelector, useHasParentContext } from '@fluentui/react-context-selector';\nimport { ComboboxContext } from './ComboboxContext';\nexport function useListboxContextValues(state) {\n const hasComboboxContext = useHasParentContext(ComboboxContext);\n const { activeOption, focusVisible, multiselect, registerOption, selectedOptions, selectOption, setActiveOption } = state;\n // get register/unregister functions from parent combobox context\n const comboboxRegisterOption = useContextSelector(ComboboxContext, (ctx)=>ctx.registerOption);\n const registerOptionValue = hasComboboxContext ? comboboxRegisterOption : registerOption;\n const listbox = {\n activeOption,\n focusVisible,\n multiselect,\n registerOption: registerOptionValue,\n selectedOptions,\n selectOption,\n setActiveOption\n };\n return {\n listbox\n };\n}\n"],"names":["useListboxContextValues","state","hasComboboxContext","useHasParentContext","ComboboxContext","activeOption","focusVisible","multiselect","registerOption","selectedOptions","selectOption","setActiveOption","comboboxRegisterOption","useContextSelector","ctx","registerOptionValue","listbox"],"mappings":";;;;+BAEgBA;;;eAAAA;;;sCAFwC;iCACxB;AACzB,SAASA,wBAAwBC,KAAK;IACzC,MAAMC,qBAAqBC,IAAAA,yCAAmB,EAACC,gCAAe;IAC9D,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAEC,cAAc,EAAEC,eAAe,EAAEC,YAAY,EAAEC,eAAe,EAAE,GAAGV;IACpH,iEAAiE;IACjE,MAAMW,yBAAyBC,IAAAA,wCAAkB,EAACT,gCAAe,EAAE,CAACU,MAAMA,IAAIN,cAAc;IAC5F,MAAMO,sBAAsBb,qBAAqBU,yBAAyBJ;IAC1E,MAAMQ,UAAU;QACZX;QACAC;QACAC;QACAC,gBAAgBO;QAChBN;QACAC;QACAC;IACJ;IACA,OAAO;QACHK;IACJ;AACJ"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -9,42 +9,100 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
ComboboxProvider: ()
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
12
|
+
ComboboxProvider: function() {
|
|
13
|
+
return _ComboboxContext.ComboboxProvider;
|
|
14
|
+
},
|
|
15
|
+
ListboxProvider: function() {
|
|
16
|
+
return _ListboxContext.ListboxProvider;
|
|
17
|
+
},
|
|
18
|
+
useComboboxContextValues: function() {
|
|
19
|
+
return _useComboboxContextValues.useComboboxContextValues;
|
|
20
|
+
},
|
|
21
|
+
useListboxContextValues: function() {
|
|
22
|
+
return _useListboxContextValues.useListboxContextValues;
|
|
23
|
+
},
|
|
24
|
+
Listbox: function() {
|
|
25
|
+
return _Listbox.Listbox;
|
|
26
|
+
},
|
|
27
|
+
listboxClassNames: function() {
|
|
28
|
+
return _Listbox.listboxClassNames;
|
|
29
|
+
},
|
|
30
|
+
renderListbox_unstable: function() {
|
|
31
|
+
return _Listbox.renderListbox_unstable;
|
|
32
|
+
},
|
|
33
|
+
useListboxStyles_unstable: function() {
|
|
34
|
+
return _Listbox.useListboxStyles_unstable;
|
|
35
|
+
},
|
|
36
|
+
useListbox_unstable: function() {
|
|
37
|
+
return _Listbox.useListbox_unstable;
|
|
38
|
+
},
|
|
39
|
+
Option: function() {
|
|
40
|
+
return _Option.Option;
|
|
41
|
+
},
|
|
42
|
+
optionClassNames: function() {
|
|
43
|
+
return _Option.optionClassNames;
|
|
44
|
+
},
|
|
45
|
+
renderOption_unstable: function() {
|
|
46
|
+
return _Option.renderOption_unstable;
|
|
47
|
+
},
|
|
48
|
+
useOptionStyles_unstable: function() {
|
|
49
|
+
return _Option.useOptionStyles_unstable;
|
|
50
|
+
},
|
|
51
|
+
useOption_unstable: function() {
|
|
52
|
+
return _Option.useOption_unstable;
|
|
53
|
+
},
|
|
54
|
+
Combobox: function() {
|
|
55
|
+
return _Combobox.Combobox;
|
|
56
|
+
},
|
|
57
|
+
comboboxClassNames: function() {
|
|
58
|
+
return _Combobox.comboboxClassNames;
|
|
59
|
+
},
|
|
60
|
+
renderCombobox_unstable: function() {
|
|
61
|
+
return _Combobox.renderCombobox_unstable;
|
|
62
|
+
},
|
|
63
|
+
useComboboxStyles_unstable: function() {
|
|
64
|
+
return _Combobox.useComboboxStyles_unstable;
|
|
65
|
+
},
|
|
66
|
+
useCombobox_unstable: function() {
|
|
67
|
+
return _Combobox.useCombobox_unstable;
|
|
68
|
+
},
|
|
69
|
+
Dropdown: function() {
|
|
70
|
+
return _Dropdown.Dropdown;
|
|
71
|
+
},
|
|
72
|
+
dropdownClassNames: function() {
|
|
73
|
+
return _Dropdown.dropdownClassNames;
|
|
74
|
+
},
|
|
75
|
+
renderDropdown_unstable: function() {
|
|
76
|
+
return _Dropdown.renderDropdown_unstable;
|
|
77
|
+
},
|
|
78
|
+
useDropdownStyles_unstable: function() {
|
|
79
|
+
return _Dropdown.useDropdownStyles_unstable;
|
|
80
|
+
},
|
|
81
|
+
useDropdown_unstable: function() {
|
|
82
|
+
return _Dropdown.useDropdown_unstable;
|
|
83
|
+
},
|
|
84
|
+
OptionGroup: function() {
|
|
85
|
+
return _OptionGroup.OptionGroup;
|
|
86
|
+
},
|
|
87
|
+
optionGroupClassNames: function() {
|
|
88
|
+
return _OptionGroup.optionGroupClassNames;
|
|
89
|
+
},
|
|
90
|
+
renderOptionGroup_unstable: function() {
|
|
91
|
+
return _OptionGroup.renderOptionGroup_unstable;
|
|
92
|
+
},
|
|
93
|
+
useOptionGroupStyles_unstable: function() {
|
|
94
|
+
return _OptionGroup.useOptionGroupStyles_unstable;
|
|
95
|
+
},
|
|
96
|
+
useOptionGroup_unstable: function() {
|
|
97
|
+
return _OptionGroup.useOptionGroup_unstable;
|
|
98
|
+
}
|
|
41
99
|
});
|
|
42
|
-
const
|
|
43
|
-
const
|
|
100
|
+
const _ComboboxContext = require("./contexts/ComboboxContext");
|
|
101
|
+
const _ListboxContext = require("./contexts/ListboxContext");
|
|
44
102
|
const _useComboboxContextValues = require("./contexts/useComboboxContextValues");
|
|
45
103
|
const _useListboxContextValues = require("./contexts/useListboxContextValues");
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
const
|
|
49
|
-
const
|
|
50
|
-
const
|
|
104
|
+
const _Listbox = require("./Listbox");
|
|
105
|
+
const _Option = require("./Option");
|
|
106
|
+
const _Combobox = require("./Combobox");
|
|
107
|
+
const _Dropdown = require("./Dropdown");
|
|
108
|
+
const _OptionGroup = require("./OptionGroup");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { ComboboxProvider } from './contexts/ComboboxContext';\nexport { ListboxProvider } from './contexts/ListboxContext';\nexport { useComboboxContextValues } from './contexts/useComboboxContextValues';\nexport { useListboxContextValues } from './contexts/useListboxContextValues';\nexport { Listbox, listboxClassNames, renderListbox_unstable, useListboxStyles_unstable, useListbox_unstable } from './Listbox';\nexport { Option, optionClassNames, renderOption_unstable, useOptionStyles_unstable, useOption_unstable } from './Option';\nexport { Combobox, comboboxClassNames, renderCombobox_unstable, useComboboxStyles_unstable, useCombobox_unstable } from './Combobox';\nexport { Dropdown, dropdownClassNames, renderDropdown_unstable, useDropdownStyles_unstable, useDropdown_unstable } from './Dropdown';\nexport { OptionGroup, optionGroupClassNames, renderOptionGroup_unstable, useOptionGroupStyles_unstable, useOptionGroup_unstable } from './OptionGroup';\n"],"names":["ComboboxProvider","ListboxProvider","useComboboxContextValues","useListboxContextValues","Listbox","listboxClassNames","renderListbox_unstable","useListboxStyles_unstable","useListbox_unstable","Option","optionClassNames","renderOption_unstable","useOptionStyles_unstable","useOption_unstable","Combobox","comboboxClassNames","renderCombobox_unstable","useComboboxStyles_unstable","useCombobox_unstable","Dropdown","dropdownClassNames","renderDropdown_unstable","useDropdownStyles_unstable","useDropdown_unstable","OptionGroup","optionGroupClassNames","renderOptionGroup_unstable","useOptionGroupStyles_unstable","useOptionGroup_unstable"],"mappings":";;;;;;;;;;;IAASA,gBAAgB,
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { ComboboxProvider } from './contexts/ComboboxContext';\nexport { ListboxProvider } from './contexts/ListboxContext';\nexport { useComboboxContextValues } from './contexts/useComboboxContextValues';\nexport { useListboxContextValues } from './contexts/useListboxContextValues';\nexport { Listbox, listboxClassNames, renderListbox_unstable, useListboxStyles_unstable, useListbox_unstable } from './Listbox';\nexport { Option, optionClassNames, renderOption_unstable, useOptionStyles_unstable, useOption_unstable } from './Option';\nexport { Combobox, comboboxClassNames, renderCombobox_unstable, useComboboxStyles_unstable, useCombobox_unstable } from './Combobox';\nexport { Dropdown, dropdownClassNames, renderDropdown_unstable, useDropdownStyles_unstable, useDropdown_unstable } from './Dropdown';\nexport { OptionGroup, optionGroupClassNames, renderOptionGroup_unstable, useOptionGroupStyles_unstable, useOptionGroup_unstable } from './OptionGroup';\n"],"names":["ComboboxProvider","ListboxProvider","useComboboxContextValues","useListboxContextValues","Listbox","listboxClassNames","renderListbox_unstable","useListboxStyles_unstable","useListbox_unstable","Option","optionClassNames","renderOption_unstable","useOptionStyles_unstable","useOption_unstable","Combobox","comboboxClassNames","renderCombobox_unstable","useComboboxStyles_unstable","useCombobox_unstable","Dropdown","dropdownClassNames","renderDropdown_unstable","useDropdownStyles_unstable","useDropdown_unstable","OptionGroup","optionGroupClassNames","renderOptionGroup_unstable","useOptionGroupStyles_unstable","useOptionGroup_unstable"],"mappings":";;;;;;;;;;;IAASA,gBAAgB;eAAhBA,iCAAgB;;IAChBC,eAAe;eAAfA,+BAAe;;IACfC,wBAAwB;eAAxBA,kDAAwB;;IACxBC,uBAAuB;eAAvBA,gDAAuB;;IACvBC,OAAO;eAAPA,gBAAO;;IAAEC,iBAAiB;eAAjBA,0BAAiB;;IAAEC,sBAAsB;eAAtBA,+BAAsB;;IAAEC,yBAAyB;eAAzBA,kCAAyB;;IAAEC,mBAAmB;eAAnBA,4BAAmB;;IAClGC,MAAM;eAANA,cAAM;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAC7FC,QAAQ;eAARA,kBAAQ;;IAAEC,kBAAkB;eAAlBA,4BAAkB;;IAAEC,uBAAuB;eAAvBA,iCAAuB;;IAAEC,0BAA0B;eAA1BA,oCAA0B;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IACvGC,QAAQ;eAARA,kBAAQ;;IAAEC,kBAAkB;eAAlBA,4BAAkB;;IAAEC,uBAAuB;eAAvBA,iCAAuB;;IAAEC,0BAA0B;eAA1BA,oCAA0B;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IACvGC,WAAW;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;;iCAR9F;gCACD;0CACS;yCACD;yBAC2E;wBACL;0BACU;0BACA;6BACe"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
const _react = /*#__PURE__*/
|
|
5
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
6
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ComboboxBase.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["ComboboxBase.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
const _react = /*#__PURE__*/
|
|
5
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
6
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Selection.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["Selection.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -9,58 +9,62 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
getDropdownActionFromKey: ()
|
|
13
|
-
|
|
12
|
+
getDropdownActionFromKey: function() {
|
|
13
|
+
return getDropdownActionFromKey;
|
|
14
|
+
},
|
|
15
|
+
getIndexFromAction: function() {
|
|
16
|
+
return getIndexFromAction;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const _react = /*#__PURE__*/
|
|
19
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
20
|
+
const _keyboardkeys = /*#__PURE__*/ _interop_require_wildcard._(require("@fluentui/keyboard-keys"));
|
|
21
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
18
22
|
function getDropdownActionFromKey(e, options = {}) {
|
|
19
|
-
const { open =true
|
|
23
|
+
const { open = true, multiselect = false } = options;
|
|
20
24
|
const code = e.key;
|
|
21
|
-
const { altKey
|
|
25
|
+
const { altKey, ctrlKey, key, metaKey } = e;
|
|
22
26
|
// typing action occurs whether open or closed
|
|
23
|
-
if (key.length === 1 && code !==
|
|
27
|
+
if (key.length === 1 && code !== _keyboardkeys.Space && !altKey && !ctrlKey && !metaKey) {
|
|
24
28
|
return 'Type';
|
|
25
29
|
}
|
|
26
30
|
// handle opening the dropdown if closed
|
|
27
31
|
if (!open) {
|
|
28
|
-
if (code ===
|
|
32
|
+
if (code === _keyboardkeys.ArrowDown || code === _keyboardkeys.ArrowUp || code === _keyboardkeys.Enter || code === _keyboardkeys.Space) {
|
|
29
33
|
return 'Open';
|
|
30
34
|
}
|
|
31
35
|
// if the dropdown is closed and an action did not match the above, do nothing
|
|
32
36
|
return 'None';
|
|
33
37
|
}
|
|
34
38
|
// select or close actions
|
|
35
|
-
if (code ===
|
|
39
|
+
if (code === _keyboardkeys.ArrowUp && altKey || code === _keyboardkeys.Enter || !multiselect && code === _keyboardkeys.Space) {
|
|
36
40
|
return 'CloseSelect';
|
|
37
41
|
}
|
|
38
|
-
if (multiselect && code ===
|
|
42
|
+
if (multiselect && code === _keyboardkeys.Space) {
|
|
39
43
|
return 'Select';
|
|
40
44
|
}
|
|
41
|
-
if (code ===
|
|
45
|
+
if (code === _keyboardkeys.Escape) {
|
|
42
46
|
return 'Close';
|
|
43
47
|
}
|
|
44
48
|
// navigation interactions
|
|
45
|
-
if (code ===
|
|
49
|
+
if (code === _keyboardkeys.ArrowDown) {
|
|
46
50
|
return 'Next';
|
|
47
51
|
}
|
|
48
|
-
if (code ===
|
|
52
|
+
if (code === _keyboardkeys.ArrowUp) {
|
|
49
53
|
return 'Previous';
|
|
50
54
|
}
|
|
51
|
-
if (code ===
|
|
55
|
+
if (code === _keyboardkeys.Home) {
|
|
52
56
|
return 'First';
|
|
53
57
|
}
|
|
54
|
-
if (code ===
|
|
58
|
+
if (code === _keyboardkeys.End) {
|
|
55
59
|
return 'Last';
|
|
56
60
|
}
|
|
57
|
-
if (code ===
|
|
61
|
+
if (code === _keyboardkeys.PageUp) {
|
|
58
62
|
return 'PageUp';
|
|
59
63
|
}
|
|
60
|
-
if (code ===
|
|
64
|
+
if (code === _keyboardkeys.PageDown) {
|
|
61
65
|
return 'PageDown';
|
|
62
66
|
}
|
|
63
|
-
if (code ===
|
|
67
|
+
if (code === _keyboardkeys.Tab) {
|
|
64
68
|
return 'Tab';
|
|
65
69
|
}
|
|
66
70
|
// if nothing matched, return none
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["dropdownKeyActions.js"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n/**\n * Converts a keyboard interaction into a defined action\n */ export function getDropdownActionFromKey(e, options = {}) {\n const { open =true
|
|
1
|
+
{"version":3,"sources":["dropdownKeyActions.js"],"sourcesContent":["import * as keys from '@fluentui/keyboard-keys';\nimport * as React from 'react';\n/**\n * Converts a keyboard interaction into a defined action\n */ export function getDropdownActionFromKey(e, options = {}) {\n const { open = true, multiselect = false } = options;\n const code = e.key;\n const { altKey, ctrlKey, key, metaKey } = e;\n // typing action occurs whether open or closed\n if (key.length === 1 && code !== keys.Space && !altKey && !ctrlKey && !metaKey) {\n return 'Type';\n }\n // handle opening the dropdown if closed\n if (!open) {\n if (code === keys.ArrowDown || code === keys.ArrowUp || code === keys.Enter || code === keys.Space) {\n return 'Open';\n }\n // if the dropdown is closed and an action did not match the above, do nothing\n return 'None';\n }\n // select or close actions\n if (code === keys.ArrowUp && altKey || code === keys.Enter || !multiselect && code === keys.Space) {\n return 'CloseSelect';\n }\n if (multiselect && code === keys.Space) {\n return 'Select';\n }\n if (code === keys.Escape) {\n return 'Close';\n }\n // navigation interactions\n if (code === keys.ArrowDown) {\n return 'Next';\n }\n if (code === keys.ArrowUp) {\n return 'Previous';\n }\n if (code === keys.Home) {\n return 'First';\n }\n if (code === keys.End) {\n return 'Last';\n }\n if (code === keys.PageUp) {\n return 'PageUp';\n }\n if (code === keys.PageDown) {\n return 'PageDown';\n }\n if (code === keys.Tab) {\n return 'Tab';\n }\n // if nothing matched, return none\n return 'None';\n}\n/**\n * Returns the requested option index from an action\n */ export function getIndexFromAction(action, currentIndex, maxIndex) {\n switch(action){\n case 'Next':\n return Math.min(maxIndex, currentIndex + 1);\n break;\n case 'Previous':\n return Math.max(0, currentIndex - 1);\n case 'First':\n return 0;\n case 'Last':\n return maxIndex;\n case 'PageDown':\n return Math.min(maxIndex, currentIndex + 10);\n case 'PageUp':\n return Math.max(0, currentIndex - 10);\n default:\n return currentIndex;\n }\n}\n"],"names":["getDropdownActionFromKey","getIndexFromAction","e","options","open","multiselect","code","key","altKey","ctrlKey","metaKey","length","keys","Space","ArrowDown","ArrowUp","Enter","Escape","Home","End","PageUp","PageDown","Tab","action","currentIndex","maxIndex","Math","min","max"],"mappings":";;;;;;;;;;;IAIoBA,wBAAwB;eAAxBA;;IAqDAC,kBAAkB;eAAlBA;;;;wEAzDE;iEACC;AAGZ,SAASD,yBAAyBE,CAAC,EAAEC,UAAU,CAAC,CAAC;IACxD,MAAM,EAAEC,OAAO,IAAI,EAAEC,cAAc,KAAK,EAAE,GAAGF;IAC7C,MAAMG,OAAOJ,EAAEK,GAAG;IAClB,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEF,GAAG,EAAEG,OAAO,EAAE,GAAGR;IAC1C,8CAA8C;IAC9C,IAAIK,IAAII,MAAM,KAAK,KAAKL,SAASM,cAAKC,KAAK,IAAI,CAACL,UAAU,CAACC,WAAW,CAACC,SAAS;QAC5E,OAAO;IACX;IACA,wCAAwC;IACxC,IAAI,CAACN,MAAM;QACP,IAAIE,SAASM,cAAKE,SAAS,IAAIR,SAASM,cAAKG,OAAO,IAAIT,SAASM,cAAKI,KAAK,IAAIV,SAASM,cAAKC,KAAK,EAAE;YAChG,OAAO;QACX;QACA,8EAA8E;QAC9E,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIP,SAASM,cAAKG,OAAO,IAAIP,UAAUF,SAASM,cAAKI,KAAK,IAAI,CAACX,eAAeC,SAASM,cAAKC,KAAK,EAAE;QAC/F,OAAO;IACX;IACA,IAAIR,eAAeC,SAASM,cAAKC,KAAK,EAAE;QACpC,OAAO;IACX;IACA,IAAIP,SAASM,cAAKK,MAAM,EAAE;QACtB,OAAO;IACX;IACA,0BAA0B;IAC1B,IAAIX,SAASM,cAAKE,SAAS,EAAE;QACzB,OAAO;IACX;IACA,IAAIR,SAASM,cAAKG,OAAO,EAAE;QACvB,OAAO;IACX;IACA,IAAIT,SAASM,cAAKM,IAAI,EAAE;QACpB,OAAO;IACX;IACA,IAAIZ,SAASM,cAAKO,GAAG,EAAE;QACnB,OAAO;IACX;IACA,IAAIb,SAASM,cAAKQ,MAAM,EAAE;QACtB,OAAO;IACX;IACA,IAAId,SAASM,cAAKS,QAAQ,EAAE;QACxB,OAAO;IACX;IACA,IAAIf,SAASM,cAAKU,GAAG,EAAE;QACnB,OAAO;IACX;IACA,kCAAkC;IAClC,OAAO;AACX;AAGW,SAASrB,mBAAmBsB,MAAM,EAAEC,YAAY,EAAEC,QAAQ;IACjE,OAAOF;QACH,KAAK;YACD,OAAOG,KAAKC,GAAG,CAACF,UAAUD,eAAe;YACzC;QACJ,KAAK;YACD,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACtC,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAOC;QACX,KAAK;YACD,OAAOC,KAAKC,GAAG,CAACF,UAAUD,eAAe;QAC7C,KAAK;YACD,OAAOE,KAAKE,GAAG,CAAC,GAAGJ,eAAe;QACtC;YACI,OAAOA;IACf;AACJ"}
|