@cdx-ui/primitives 0.3.2 → 0.3.4
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/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/insight/InsightRoot.js +159 -0
- package/lib/commonjs/insight/InsightRoot.js.map +1 -0
- package/lib/commonjs/insight/context.js +11 -0
- package/lib/commonjs/insight/context.js.map +1 -0
- package/lib/commonjs/insight/index.js +26 -0
- package/lib/commonjs/insight/index.js.map +1 -0
- package/lib/commonjs/insight/types.js +6 -0
- package/lib/commonjs/insight/types.js.map +1 -0
- package/lib/commonjs/list-item/ListItemRoot.js +2 -18
- package/lib/commonjs/list-item/ListItemRoot.js.map +1 -1
- package/lib/commonjs/select/SelectContent.js +89 -45
- package/lib/commonjs/select/SelectContent.js.map +1 -1
- package/lib/commonjs/select/SelectDismissButton.js +14 -0
- package/lib/commonjs/select/SelectDismissButton.js.map +1 -0
- package/lib/commonjs/select/SelectDismissButton.web.js +28 -0
- package/lib/commonjs/select/SelectDismissButton.web.js.map +1 -0
- package/lib/commonjs/select/SelectEmpty.js +53 -0
- package/lib/commonjs/select/SelectEmpty.js.map +1 -0
- package/lib/commonjs/select/SelectItem.js +30 -9
- package/lib/commonjs/select/SelectItem.js.map +1 -1
- package/lib/commonjs/select/SelectListbox.js +47 -0
- package/lib/commonjs/select/SelectListbox.js.map +1 -0
- package/lib/commonjs/select/SelectRoot.js +110 -21
- package/lib/commonjs/select/SelectRoot.js.map +1 -1
- package/lib/commonjs/select/SelectSearch.js +81 -0
- package/lib/commonjs/select/SelectSearch.js.map +1 -0
- package/lib/commonjs/select/SelectSearchStatus.js +14 -0
- package/lib/commonjs/select/SelectSearchStatus.js.map +1 -0
- package/lib/commonjs/select/SelectSearchStatus.web.js +24 -0
- package/lib/commonjs/select/SelectSearchStatus.web.js.map +1 -0
- package/lib/commonjs/select/SelectSheetContent.js +67 -0
- package/lib/commonjs/select/SelectSheetContent.js.map +1 -0
- package/lib/commonjs/select/context.js +5 -1
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/filter.js +16 -0
- package/lib/commonjs/select/filter.js.map +1 -0
- package/lib/commonjs/select/index.js +34 -0
- package/lib/commonjs/select/index.js.map +1 -1
- package/lib/commonjs/select/popupRole.js +27 -0
- package/lib/commonjs/select/popupRole.js.map +1 -0
- package/lib/commonjs/select/useContentFocus.js +10 -21
- package/lib/commonjs/select/useContentFocus.js.map +1 -1
- package/lib/commonjs/select/useListboxNavigation.js +21 -8
- package/lib/commonjs/select/useListboxNavigation.js.map +1 -1
- package/lib/commonjs/select/useQueryHighlight.js +50 -0
- package/lib/commonjs/select/useQueryHighlight.js.map +1 -0
- package/lib/commonjs/select/useSelectTrigger.js +4 -1
- package/lib/commonjs/select/useSelectTrigger.js.map +1 -1
- package/lib/commonjs/select/useSelectTrigger.web.js +4 -1
- package/lib/commonjs/select/useSelectTrigger.web.js.map +1 -1
- package/lib/commonjs/utils/splitContainerProps.js +26 -0
- package/lib/commonjs/utils/splitContainerProps.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/insight/InsightRoot.js +154 -0
- package/lib/module/insight/InsightRoot.js.map +1 -0
- package/lib/module/insight/context.js +5 -0
- package/lib/module/insight/context.js.map +1 -0
- package/lib/module/insight/index.js +5 -0
- package/lib/module/insight/index.js.map +1 -0
- package/lib/module/insight/types.js +4 -0
- package/lib/module/insight/types.js.map +1 -0
- package/lib/module/list-item/ListItemRoot.js +1 -17
- package/lib/module/list-item/ListItemRoot.js.map +1 -1
- package/lib/module/select/SelectContent.js +94 -48
- package/lib/module/select/SelectContent.js.map +1 -1
- package/lib/module/select/SelectDismissButton.js +10 -0
- package/lib/module/select/SelectDismissButton.js.map +1 -0
- package/lib/module/select/SelectDismissButton.web.js +24 -0
- package/lib/module/select/SelectDismissButton.web.js.map +1 -0
- package/lib/module/select/SelectEmpty.js +49 -0
- package/lib/module/select/SelectEmpty.js.map +1 -0
- package/lib/module/select/SelectItem.js +32 -11
- package/lib/module/select/SelectItem.js.map +1 -1
- package/lib/module/select/SelectListbox.js +43 -0
- package/lib/module/select/SelectListbox.js.map +1 -0
- package/lib/module/select/SelectRoot.js +111 -22
- package/lib/module/select/SelectRoot.js.map +1 -1
- package/lib/module/select/SelectSearch.js +77 -0
- package/lib/module/select/SelectSearch.js.map +1 -0
- package/lib/module/select/SelectSearchStatus.js +10 -0
- package/lib/module/select/SelectSearchStatus.js.map +1 -0
- package/lib/module/select/SelectSearchStatus.web.js +20 -0
- package/lib/module/select/SelectSearchStatus.web.js.map +1 -0
- package/lib/module/select/SelectSheetContent.js +63 -0
- package/lib/module/select/SelectSheetContent.js.map +1 -0
- package/lib/module/select/context.js +2 -0
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/filter.js +11 -0
- package/lib/module/select/filter.js.map +1 -0
- package/lib/module/select/index.js +5 -1
- package/lib/module/select/index.js.map +1 -1
- package/lib/module/select/popupRole.js +23 -0
- package/lib/module/select/popupRole.js.map +1 -0
- package/lib/module/select/useContentFocus.js +11 -22
- package/lib/module/select/useContentFocus.js.map +1 -1
- package/lib/module/select/useListboxNavigation.js +21 -8
- package/lib/module/select/useListboxNavigation.js.map +1 -1
- package/lib/module/select/useQueryHighlight.js +46 -0
- package/lib/module/select/useQueryHighlight.js.map +1 -0
- package/lib/module/select/useSelectTrigger.js +4 -1
- package/lib/module/select/useSelectTrigger.js.map +1 -1
- package/lib/module/select/useSelectTrigger.web.js +4 -1
- package/lib/module/select/useSelectTrigger.web.js.map +1 -1
- package/lib/module/utils/splitContainerProps.js +22 -0
- package/lib/module/utils/splitContainerProps.js.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/insight/InsightRoot.d.ts +6 -0
- package/lib/typescript/insight/InsightRoot.d.ts.map +1 -0
- package/lib/typescript/insight/context.d.ts +6 -0
- package/lib/typescript/insight/context.d.ts.map +1 -0
- package/lib/typescript/insight/index.d.ts +4 -0
- package/lib/typescript/insight/index.d.ts.map +1 -0
- package/lib/typescript/insight/types.d.ts +44 -0
- package/lib/typescript/insight/types.d.ts.map +1 -0
- package/lib/typescript/list-item/ListItemRoot.d.ts.map +1 -1
- package/lib/typescript/select/SelectContent.d.ts.map +1 -1
- package/lib/typescript/select/SelectDismissButton.d.ts +10 -0
- package/lib/typescript/select/SelectDismissButton.d.ts.map +1 -0
- package/lib/typescript/select/SelectDismissButton.web.d.ts +9 -0
- package/lib/typescript/select/SelectDismissButton.web.d.ts.map +1 -0
- package/lib/typescript/select/SelectEmpty.d.ts +12 -0
- package/lib/typescript/select/SelectEmpty.d.ts.map +1 -0
- package/lib/typescript/select/SelectItem.d.ts.map +1 -1
- package/lib/typescript/select/SelectListbox.d.ts +12 -0
- package/lib/typescript/select/SelectListbox.d.ts.map +1 -0
- package/lib/typescript/select/SelectRoot.d.ts +2 -2
- package/lib/typescript/select/SelectRoot.d.ts.map +1 -1
- package/lib/typescript/select/SelectSearch.d.ts +18 -0
- package/lib/typescript/select/SelectSearch.d.ts.map +1 -0
- package/lib/typescript/select/SelectSearchStatus.d.ts +9 -0
- package/lib/typescript/select/SelectSearchStatus.d.ts.map +1 -0
- package/lib/typescript/select/SelectSearchStatus.web.d.ts +8 -0
- package/lib/typescript/select/SelectSearchStatus.web.d.ts.map +1 -0
- package/lib/typescript/select/SelectSheetContent.d.ts +14 -0
- package/lib/typescript/select/SelectSheetContent.d.ts.map +1 -0
- package/lib/typescript/select/context.d.ts +9 -0
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/filter.d.ts +4 -0
- package/lib/typescript/select/filter.d.ts.map +1 -0
- package/lib/typescript/select/index.d.ts +6 -2
- package/lib/typescript/select/index.d.ts.map +1 -1
- package/lib/typescript/select/popupRole.d.ts +18 -0
- package/lib/typescript/select/popupRole.d.ts.map +1 -0
- package/lib/typescript/select/types.d.ts +129 -8
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/select/useContentFocus.d.ts +4 -7
- package/lib/typescript/select/useContentFocus.d.ts.map +1 -1
- package/lib/typescript/select/useListboxNavigation.d.ts +16 -3
- package/lib/typescript/select/useListboxNavigation.d.ts.map +1 -1
- package/lib/typescript/select/useQueryHighlight.d.ts +21 -0
- package/lib/typescript/select/useQueryHighlight.d.ts.map +1 -0
- package/lib/typescript/select/useSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/select/useSelectTrigger.web.d.ts.map +1 -1
- package/lib/typescript/utils/splitContainerProps.d.ts +9 -0
- package/lib/typescript/utils/splitContainerProps.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/index.ts +1 -0
- package/src/insight/InsightRoot.tsx +162 -0
- package/src/insight/context.tsx +5 -0
- package/src/insight/index.ts +11 -0
- package/src/insight/types.ts +51 -0
- package/src/list-item/ListItemRoot.tsx +1 -14
- package/src/select/SelectContent.tsx +89 -54
- package/src/select/SelectDismissButton.tsx +14 -0
- package/src/select/SelectDismissButton.web.tsx +26 -0
- package/src/select/SelectEmpty.tsx +61 -0
- package/src/select/SelectItem.tsx +42 -10
- package/src/select/SelectListbox.tsx +43 -0
- package/src/select/SelectRoot.tsx +184 -12
- package/src/select/SelectSearch.tsx +98 -0
- package/src/select/SelectSearchStatus.tsx +11 -0
- package/src/select/SelectSearchStatus.web.tsx +18 -0
- package/src/select/SelectSheetContent.tsx +54 -0
- package/src/select/context.tsx +9 -0
- package/src/select/filter.ts +12 -0
- package/src/select/index.ts +14 -1
- package/src/select/popupRole.ts +26 -0
- package/src/select/types.ts +142 -9
- package/src/select/useContentFocus.ts +12 -31
- package/src/select/useListboxNavigation.ts +41 -9
- package/src/select/useQueryHighlight.ts +61 -0
- package/src/select/useSelectTrigger.ts +5 -1
- package/src/select/useSelectTrigger.web.ts +5 -1
- package/src/utils/splitContainerProps.ts +16 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_utils","_overlay","_slot","_dataAttributes","_context","_useContentFocus","_useListboxNavigation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectContent","exports","forwardRef","asChild","children","enteringAnimation","exitingAnimation","onLayout","style","placement","offset","crossOffset","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_utils","_focus","_overlay","_slot","_dataAttributes","_context","_popupRole","_SelectDismissButton","_useContentFocus","_useListboxNavigation","_useQueryHighlight","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","keepSearchInputFocus","target","closest","preventDefault","SelectContent","exports","forwardRef","asChild","children","enteringAnimation","exitingAnimation","onLayout","style","placement","offset","crossOffset","dismissAccessibilityLabel","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","type","selectedValues","toggleValue","selectValueAndClose","isItemDisabled","native","triggerRef","inputValue","visibleItems","hasSearch","labelId","accessibilityLabel","useSelectContext","contentRef","useRef","dismissButtonRef","dismiss","useCallback","overlayOpen","floatingRef","onFloatingLayout","overlayStyle","position","useAnchoredOverlay","collisionBehavior","width","mergedRef","mergeRefs","useDismissOverlay","useEscapeKey","handleKeyDown","useListboxNavigation","items","onToggle","onSelectAndClose","onDismiss","isSearch","useContentFocus","useQueryHighlight","contentContext","useMemo","platformProps","Platform","OS","onKeyDown","composeEventHandlers","tabIndex","undefined","onMouseDown","onAccessibilityEscape","roleProps","getPopupRoleProps","Comp","Slot","View","jsx","SelectContentProvider","value","OverlayContainer","entering","FadeIn","duration","exiting","FadeOut","jsxs","FocusScope","autoFocus","id","mergeDataAttributes","dataAttributes","state","side","resolvedPlacement","align","SelectDismissButton","displayName"],"sourceRoot":"../../../src","sources":["select/SelectContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectDismissButton = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Web-only. Native screen readers close the popup with the iOS escape gesture
|
|
10
|
+
* (`onAccessibilityEscape` on `SelectContent`) and Android back (`onRequestClose`).
|
|
11
|
+
*/
|
|
12
|
+
const SelectDismissButton = exports.SelectDismissButton = /*#__PURE__*/(0, _react.forwardRef)(() => null);
|
|
13
|
+
SelectDismissButton.displayName = 'SelectDismissButton';
|
|
14
|
+
//# sourceMappingURL=SelectDismissButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","SelectDismissButton","exports","forwardRef","displayName"],"sourceRoot":"../../../src","sources":["select/SelectDismissButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAAoC,MAAM,IAAI,CAAC;AAE5FF,mBAAmB,CAACG,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectDismissButton = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _visuallyHidden = require("@react-aria/visually-hidden");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
/**
|
|
11
|
+
* Visually hidden close control for screen-reader users, who cannot press Escape or click
|
|
12
|
+
* outside while browsing the popup. Out of the Tab order (Tab already closes the listbox).
|
|
13
|
+
* Rendered as a sibling of the listbox because a listbox may only own options.
|
|
14
|
+
*/
|
|
15
|
+
const SelectDismissButton = exports.SelectDismissButton = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
onDismiss,
|
|
17
|
+
accessibilityLabel
|
|
18
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
|
|
19
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
20
|
+
ref: ref,
|
|
21
|
+
type: "button",
|
|
22
|
+
tabIndex: -1,
|
|
23
|
+
"aria-label": accessibilityLabel,
|
|
24
|
+
onClick: onDismiss
|
|
25
|
+
})
|
|
26
|
+
}));
|
|
27
|
+
SelectDismissButton.displayName = 'SelectDismissButton';
|
|
28
|
+
//# sourceMappingURL=SelectDismissButton.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_visuallyHidden","_jsxRuntime","SelectDismissButton","exports","forwardRef","onDismiss","accessibilityLabel","ref","jsx","VisuallyHidden","children","type","tabIndex","onClick","displayName"],"sourceRoot":"../../../src","sources":["select/SelectDismissButton.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAA6D,IAAAE,WAAA,GAAAF,OAAA;AAK7D;AACA;AACA;AACA;AACA;AACO,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAC3C,CAAC;EAAEC,SAAS;EAAEC;AAAmB,CAAC,EAAEC,GAAG,kBACrC,IAAAN,WAAA,CAAAO,GAAA,EAACR,eAAA,CAAAS,cAAc;EAAAC,QAAA,eACb,IAAAT,WAAA,CAAAO,GAAA;IACED,GAAG,EAAEA,GAAI;IACTI,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAC,CAAE;IACb,cAAYN,kBAAmB;IAC/BO,OAAO,EAAER;EAAU,CACpB;AAAC,CACY,CAEpB,CAAC;AAEDH,mBAAmB,CAACY,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectEmpty = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _slot = require("../slot");
|
|
10
|
+
var _context = require("./context");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function getTextContent(node) {
|
|
13
|
+
return _react.Children.toArray(node).map(child => {
|
|
14
|
+
if (typeof child === 'string' || typeof child === 'number') {
|
|
15
|
+
return String(child);
|
|
16
|
+
}
|
|
17
|
+
if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
18
|
+
return getTextContent(child.props.children);
|
|
19
|
+
}
|
|
20
|
+
return '';
|
|
21
|
+
}).join('');
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Renders only when no option matches. Its text is also what the search live region
|
|
26
|
+
* announces in that case.
|
|
27
|
+
*/
|
|
28
|
+
const SelectEmpty = exports.SelectEmpty = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
29
|
+
asChild,
|
|
30
|
+
children,
|
|
31
|
+
...props
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const {
|
|
34
|
+
visibleItems,
|
|
35
|
+
setEmptyText
|
|
36
|
+
} = (0, _context.useSelectContext)();
|
|
37
|
+
const text = getTextContent(children);
|
|
38
|
+
(0, _react.useLayoutEffect)(() => {
|
|
39
|
+
setEmptyText(text || undefined);
|
|
40
|
+
return () => setEmptyText(undefined);
|
|
41
|
+
}, [setEmptyText, text]);
|
|
42
|
+
if (visibleItems.length > 0) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
47
|
+
ref: ref,
|
|
48
|
+
...props,
|
|
49
|
+
children: children
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
SelectEmpty.displayName = 'SelectEmpty';
|
|
53
|
+
//# sourceMappingURL=SelectEmpty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_context","_jsxRuntime","getTextContent","node","Children","toArray","map","child","String","isValidElement","props","children","join","SelectEmpty","exports","forwardRef","asChild","ref","visibleItems","setEmptyText","useSelectContext","text","useLayoutEffect","undefined","length","Comp","Slot","View","jsx","displayName"],"sourceRoot":"../../../src","sources":["select/SelectEmpty.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAQ7C,SAASK,cAAcA,CAACC,IAAe,EAAU;EAC/C,OAAOC,eAAQ,CAACC,OAAO,CAACF,IAAI,CAAC,CAC1BG,GAAG,CAAEC,KAAK,IAAK;IACd,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC1D,OAAOC,MAAM,CAACD,KAAK,CAAC;IACtB;IACA,iBAAI,IAAAE,qBAAc,EAA2BF,KAAK,CAAC,EAAE;MACnD,OAAOL,cAAc,CAACK,KAAK,CAACG,KAAK,CAACC,QAAQ,CAAC;IAC7C;IACA,OAAO,EAAE;EACX,CAAC,CAAC,CACDC,IAAI,CAAC,EAAE,CAAC;AACb;;AAEA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CAAC;EAAEC,OAAO;EAAEL,QAAQ;EAAE,GAAGD;AAAM,CAAC,EAAEO,GAAG,KAAK;EACxC,MAAM;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACzD,MAAMC,IAAI,GAAGnB,cAAc,CAACS,QAAQ,CAAC;EAErC,IAAAW,sBAAe,EAAC,MAAM;IACpBH,YAAY,CAACE,IAAI,IAAIE,SAAS,CAAC;IAC/B,OAAO,MAAMJ,YAAY,CAACI,SAAS,CAAC;EACtC,CAAC,EAAE,CAACJ,YAAY,EAAEE,IAAI,CAAC,CAAC;EAExB,IAAIH,YAAY,CAACM,MAAM,GAAG,CAAC,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,MAAMC,IAAI,GAAGT,OAAO,GAAGU,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA1B,WAAA,CAAA2B,GAAA,EAACH,IAAI;IAACR,GAAG,EAAEA,GAAI;IAAA,GAAKP,KAAK;IAAAC,QAAA,EACtBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDE,WAAW,CAACgB,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -13,6 +13,13 @@ var _slot = require("../slot");
|
|
|
13
13
|
var _dataAttributes = require("../utils/dataAttributes");
|
|
14
14
|
var _context = require("./context");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
/**
|
|
17
|
+
* Options are reached through the highlight (`aria-activedescendant`), not the Tab order, so
|
|
18
|
+
* popup autofocus lands on the search input or the listbox rather than the first option.
|
|
19
|
+
*/
|
|
20
|
+
const WEB_OPTION_PROPS = _reactNative.Platform.OS === 'web' ? {
|
|
21
|
+
tabIndex: -1
|
|
22
|
+
} : {};
|
|
16
23
|
const SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
24
|
asChild,
|
|
18
25
|
children,
|
|
@@ -26,16 +33,26 @@ const SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
26
33
|
...props
|
|
27
34
|
}, ref) => {
|
|
28
35
|
const {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
setOpen,
|
|
36
|
+
isSelected,
|
|
37
|
+
commitValue,
|
|
32
38
|
activeValue,
|
|
39
|
+
setActiveValue,
|
|
33
40
|
contentId,
|
|
34
|
-
|
|
41
|
+
items,
|
|
42
|
+
disabled: contextDisabled,
|
|
43
|
+
registerDisabledItem,
|
|
44
|
+
isItemVisible
|
|
35
45
|
} = (0, _context.useSelectContext)();
|
|
36
|
-
const
|
|
37
|
-
const
|
|
46
|
+
const isDisabledByItem = !!disabledProp || !!isDisabledProp;
|
|
47
|
+
const disabled = contextDisabled || isDisabledByItem || items.some(item => item.value === itemValue && !!item.disabled);
|
|
48
|
+
const checked = isSelected(itemValue);
|
|
38
49
|
const highlighted = activeValue === itemValue;
|
|
50
|
+
(0, _react.useLayoutEffect)(() => {
|
|
51
|
+
if (isDisabledByItem) {
|
|
52
|
+
return registerDisabledItem(itemValue);
|
|
53
|
+
}
|
|
54
|
+
return undefined;
|
|
55
|
+
}, [isDisabledByItem, itemValue, registerDisabledItem]);
|
|
39
56
|
const {
|
|
40
57
|
isFocusVisible,
|
|
41
58
|
focusProps: focusRingProps
|
|
@@ -56,10 +73,10 @@ const SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
56
73
|
} = (0, _interactions.useHover)();
|
|
57
74
|
const handlePress = (0, _react.useCallback)(() => {
|
|
58
75
|
if (!disabled) {
|
|
59
|
-
|
|
60
|
-
|
|
76
|
+
setActiveValue(itemValue);
|
|
77
|
+
commitValue(itemValue);
|
|
61
78
|
}
|
|
62
|
-
}, [disabled, itemValue,
|
|
79
|
+
}, [disabled, itemValue, commitValue, setActiveValue]);
|
|
63
80
|
const interactionState = (0, _react.useMemo)(() => ({
|
|
64
81
|
hover: !!(isHoveredProp || isHovered),
|
|
65
82
|
focus: !!(isFocusedProp || isFocused),
|
|
@@ -69,6 +86,9 @@ const SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
69
86
|
highlighted,
|
|
70
87
|
checked
|
|
71
88
|
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
|
|
89
|
+
if (!isItemVisible(itemValue)) {
|
|
90
|
+
return null;
|
|
91
|
+
}
|
|
72
92
|
const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
|
|
73
93
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectItemProvider, {
|
|
74
94
|
value: interactionState,
|
|
@@ -79,6 +99,7 @@ const SelectItem = exports.SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
79
99
|
"aria-selected": checked,
|
|
80
100
|
"aria-disabled": disabled,
|
|
81
101
|
disabled: disabled,
|
|
102
|
+
...WEB_OPTION_PROPS,
|
|
82
103
|
...props,
|
|
83
104
|
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
84
105
|
hover: interactionState.hover,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","SelectItem","exports","forwardRef","asChild","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","WEB_OPTION_PROPS","Platform","OS","tabIndex","SelectItem","exports","forwardRef","asChild","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","isSelected","commitValue","activeValue","setActiveValue","contentId","items","contextDisabled","registerDisabledItem","isItemVisible","useSelectContext","isDisabledByItem","some","item","checked","highlighted","useLayoutEffect","undefined","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","interactionState","useMemo","hover","focus","active","focusVisible","Comp","Slot","Pressable","jsx","SelectItemProvider","role","id","mergeDataAttributes","dataAttributes","state","onPress","composeEventHandlers","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["select/SelectItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectListbox = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _slot = require("../slot");
|
|
10
|
+
var _context = require("./context");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
/**
|
|
13
|
+
* Wraps the options. With `Select.Search` mounted it is the `role="listbox"` inside the dialog
|
|
14
|
+
* popup; without it the popup itself is the listbox and this renders a plain container.
|
|
15
|
+
*/
|
|
16
|
+
const SelectListbox = exports.SelectListbox = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
|
+
asChild,
|
|
18
|
+
children,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
hasSearch,
|
|
23
|
+
listboxId,
|
|
24
|
+
labelId,
|
|
25
|
+
triggerId,
|
|
26
|
+
accessibilityLabel,
|
|
27
|
+
type
|
|
28
|
+
} = (0, _context.useSelectContext)();
|
|
29
|
+
const listboxProps = hasSearch ? {
|
|
30
|
+
role: 'listbox',
|
|
31
|
+
id: listboxId,
|
|
32
|
+
'aria-labelledby': labelId ?? (accessibilityLabel ? undefined : triggerId),
|
|
33
|
+
'aria-label': labelId ? undefined : accessibilityLabel,
|
|
34
|
+
...(_reactNative.Platform.OS === 'web' ? {
|
|
35
|
+
'aria-multiselectable': type === 'multiple' || undefined
|
|
36
|
+
} : {})
|
|
37
|
+
} : {};
|
|
38
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
...listboxProps,
|
|
42
|
+
...props,
|
|
43
|
+
children: children
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
SelectListbox.displayName = 'SelectListbox';
|
|
47
|
+
//# sourceMappingURL=SelectListbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_context","_jsxRuntime","SelectListbox","exports","forwardRef","asChild","children","props","ref","hasSearch","listboxId","labelId","triggerId","accessibilityLabel","type","useSelectContext","listboxProps","role","id","undefined","Platform","OS","Comp","Slot","View","jsx","displayName"],"sourceRoot":"../../../src","sources":["select/SelectListbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAQ7C;AACA;AACA;AACA;AACO,MAAMK,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC;EAAK,CAAC,GAC1E,IAAAC,yBAAgB,EAAC,CAAC;EAEpB,MAAMC,YAAY,GAAGP,SAAS,GAC1B;IACEQ,IAAI,EAAE,SAAkB;IACxBC,EAAE,EAAER,SAAS;IACb,iBAAiB,EAAEC,OAAO,KAAKE,kBAAkB,GAAGM,SAAS,GAAGP,SAAS,CAAC;IAC1E,YAAY,EAAED,OAAO,GAAGQ,SAAS,GAAGN,kBAAkB;IACtD,IAAIO,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACrB;MAAE,sBAAsB,EAAEP,IAAI,KAAK,UAAU,IAAIK;IAAU,CAAC,GAC5D,CAAC,CAAC;EACR,CAAC,GACD,CAAC,CAAC;EAEN,MAAMG,IAAI,GAAGjB,OAAO,GAAGkB,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACH,IAAI;IAACd,GAAG,EAAEA,GAAI;IAAA,GAAKQ,YAAY;IAAA,GAAMT,KAAK;IAAAD,QAAA,EACxCA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,aAAa,CAACwB,WAAW,GAAG,eAAe","ignoreList":[]}
|
|
@@ -10,25 +10,38 @@ var _utils = require("@cdx-ui/utils");
|
|
|
10
10
|
var _slot = require("../slot");
|
|
11
11
|
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
12
|
var _context = require("./context");
|
|
13
|
+
var _filter = require("./filter");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Internal widening of the public discriminated union: the runtime accepts either value
|
|
17
|
+
* shape and reads `type` to decide branch behavior. The public API stays narrow.
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
const EMPTY_VALUES = [];
|
|
21
|
+
const SelectRoot = exports.SelectRoot = /*#__PURE__*/(0, _react.forwardRef)((rootProps, ref) => {
|
|
22
|
+
const {
|
|
23
|
+
asChild,
|
|
24
|
+
children,
|
|
25
|
+
items,
|
|
26
|
+
type = 'single',
|
|
27
|
+
value: valueProp,
|
|
28
|
+
defaultValue,
|
|
29
|
+
onValueChange,
|
|
30
|
+
isOpen: openProp,
|
|
31
|
+
defaultOpen = false,
|
|
32
|
+
onOpenChange,
|
|
33
|
+
disabled = false,
|
|
34
|
+
isRequired,
|
|
35
|
+
isInvalid,
|
|
36
|
+
isReadOnly,
|
|
37
|
+
native = false,
|
|
38
|
+
accessibilityLabel,
|
|
39
|
+
inputValue: inputValueProp,
|
|
40
|
+
defaultInputValue = '',
|
|
41
|
+
onInputChange,
|
|
42
|
+
filter = _filter.defaultSelectFilter,
|
|
43
|
+
...props
|
|
44
|
+
} = rootProps;
|
|
32
45
|
const formControlProps = (0, _utils.useFormControl)({
|
|
33
46
|
isDisabled: disabled,
|
|
34
47
|
isRequired,
|
|
@@ -39,15 +52,23 @@ const SelectRoot = exports.SelectRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
39
52
|
const isEffectivelyRequired = !!formControlProps.required;
|
|
40
53
|
const isEffectivelyInvalid = !!formControlProps['aria-invalid'];
|
|
41
54
|
const isEffectivelyReadOnly = !!formControlProps.readOnly;
|
|
55
|
+
const isMultiple = type === 'multiple';
|
|
42
56
|
const [value, setValue] = (0, _utils.useControllableState)({
|
|
43
57
|
prop: valueProp,
|
|
44
|
-
defaultProp: defaultValue,
|
|
58
|
+
defaultProp: defaultValue ?? (isMultiple ? EMPTY_VALUES : undefined),
|
|
45
59
|
onChange: newValue => {
|
|
46
60
|
if (newValue !== undefined) {
|
|
47
61
|
onValueChange?.(newValue);
|
|
48
62
|
}
|
|
49
63
|
}
|
|
50
64
|
});
|
|
65
|
+
const selectedValues = (0, _react.useMemo)(() => {
|
|
66
|
+
if (isMultiple) {
|
|
67
|
+
return Array.isArray(value) ? value : EMPTY_VALUES;
|
|
68
|
+
}
|
|
69
|
+
return typeof value === 'string' ? [value] : EMPTY_VALUES;
|
|
70
|
+
}, [isMultiple, value]);
|
|
71
|
+
const isSelected = (0, _react.useCallback)(itemValue => selectedValues.includes(itemValue), [selectedValues]);
|
|
51
72
|
const [open, setOpenState] = (0, _utils.useControllableState)({
|
|
52
73
|
prop: openProp,
|
|
53
74
|
defaultProp: defaultOpen,
|
|
@@ -60,18 +81,76 @@ const SelectRoot = exports.SelectRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
60
81
|
setOpenState(newOpen);
|
|
61
82
|
}, [isEffectivelyDisabled, isEffectivelyReadOnly, setOpenState]);
|
|
62
83
|
const [activeValue, setActiveValue] = (0, _react.useState)(undefined);
|
|
84
|
+
const [inputValueState, setInputValueState] = (0, _utils.useControllableState)({
|
|
85
|
+
prop: inputValueProp,
|
|
86
|
+
defaultProp: defaultInputValue,
|
|
87
|
+
onChange: onInputChange
|
|
88
|
+
});
|
|
89
|
+
const inputValue = inputValueState ?? '';
|
|
90
|
+
const setInputValue = (0, _react.useCallback)(next => setInputValueState(next), [setInputValueState]);
|
|
91
|
+
const wasOpenRef = (0, _react.useRef)(!!open);
|
|
92
|
+
(0, _react.useEffect)(() => {
|
|
93
|
+
const wasOpen = wasOpenRef.current;
|
|
94
|
+
wasOpenRef.current = !!open;
|
|
95
|
+
if (wasOpen && !open) {
|
|
96
|
+
setInputValueState('');
|
|
97
|
+
}
|
|
98
|
+
}, [open, setInputValueState]);
|
|
99
|
+
const visibleItems = (0, _react.useMemo)(() => inputValue === '' ? items : items.filter(item => filter(item.label, inputValue)), [items, inputValue, filter]);
|
|
100
|
+
const visibleValues = (0, _react.useMemo)(() => new Set(visibleItems.map(item => item.value)), [visibleItems]);
|
|
101
|
+
const isItemVisible = (0, _react.useCallback)(itemValue => inputValue === '' || visibleValues.has(itemValue), [inputValue, visibleValues]);
|
|
102
|
+
const [searchCount, setSearchCount] = (0, _react.useState)(0);
|
|
103
|
+
const registerSearch = (0, _react.useCallback)(() => {
|
|
104
|
+
setSearchCount(count => count + 1);
|
|
105
|
+
return () => setSearchCount(count => count - 1);
|
|
106
|
+
}, []);
|
|
107
|
+
const [emptyText, setEmptyText] = (0, _react.useState)(undefined);
|
|
108
|
+
const toggleValue = (0, _react.useCallback)(itemValue => {
|
|
109
|
+
setValue(prev => {
|
|
110
|
+
const current = Array.isArray(prev) ? prev : EMPTY_VALUES;
|
|
111
|
+
return current.includes(itemValue) ? current.filter(v => v !== itemValue) : [...current, itemValue];
|
|
112
|
+
});
|
|
113
|
+
}, [setValue]);
|
|
114
|
+
const selectValueAndClose = (0, _react.useCallback)(itemValue => {
|
|
115
|
+
setValue(itemValue);
|
|
116
|
+
setOpen(false);
|
|
117
|
+
}, [setValue, setOpen]);
|
|
118
|
+
const commitValue = isMultiple ? toggleValue : selectValueAndClose;
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* `Select.Item disabled` lives on the rendered child, not in `items`, so mounted items
|
|
122
|
+
* register here for keyboard navigation. A ref keeps registration from re-rendering the root.
|
|
123
|
+
*/
|
|
124
|
+
const disabledItemsRef = (0, _react.useRef)(new Set());
|
|
125
|
+
const registerDisabledItem = (0, _react.useCallback)(itemValue => {
|
|
126
|
+
disabledItemsRef.current.add(itemValue);
|
|
127
|
+
return () => {
|
|
128
|
+
disabledItemsRef.current.delete(itemValue);
|
|
129
|
+
};
|
|
130
|
+
}, []);
|
|
131
|
+
const isItemDisabled = (0, _react.useCallback)(itemValue => isEffectivelyDisabled || disabledItemsRef.current.has(itemValue) || items.some(item => item.value === itemValue && !!item.disabled), [isEffectivelyDisabled, items]);
|
|
63
132
|
const triggerRef = (0, _react.useRef)(null);
|
|
64
133
|
const reactId = (0, _react.useId)();
|
|
65
134
|
/** Align with `useFormControl` default id (`${field.id}-input`) when inside `Form.Field`. */
|
|
66
135
|
const triggerId = formControlProps.id ?? `select-trigger-${reactId}`;
|
|
67
136
|
const contentId = `select-content-${reactId}`;
|
|
137
|
+
const listboxId = `${contentId}-listbox`;
|
|
68
138
|
const ariaDescribedBy = formControlProps['aria-describedby'];
|
|
139
|
+
const labelId = formControlProps['aria-labelledby'];
|
|
140
|
+
const hasSearch = searchCount > 0;
|
|
69
141
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
70
142
|
open: open ?? false,
|
|
71
143
|
items,
|
|
72
144
|
setOpen,
|
|
145
|
+
type,
|
|
73
146
|
value,
|
|
74
|
-
|
|
147
|
+
selectedValues,
|
|
148
|
+
isSelected,
|
|
149
|
+
toggleValue,
|
|
150
|
+
selectValueAndClose,
|
|
151
|
+
commitValue,
|
|
152
|
+
isItemDisabled,
|
|
153
|
+
registerDisabledItem,
|
|
75
154
|
disabled: isEffectivelyDisabled,
|
|
76
155
|
required: isEffectivelyRequired,
|
|
77
156
|
invalid: isEffectivelyInvalid,
|
|
@@ -80,11 +159,21 @@ const SelectRoot = exports.SelectRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
80
159
|
triggerRef,
|
|
81
160
|
contentId,
|
|
82
161
|
triggerId,
|
|
162
|
+
inputValue,
|
|
163
|
+
setInputValue,
|
|
164
|
+
visibleItems,
|
|
165
|
+
isItemVisible,
|
|
166
|
+
hasSearch,
|
|
167
|
+
registerSearch,
|
|
168
|
+
emptyText,
|
|
169
|
+
setEmptyText,
|
|
170
|
+
listboxId,
|
|
171
|
+
labelId,
|
|
83
172
|
activeValue,
|
|
84
173
|
setActiveValue,
|
|
85
174
|
accessibilityLabel,
|
|
86
175
|
ariaDescribedBy
|
|
87
|
-
}), [open, items, setOpen, value,
|
|
176
|
+
}), [open, items, setOpen, type, value, selectedValues, isSelected, toggleValue, selectValueAndClose, commitValue, isItemDisabled, registerDisabledItem, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, inputValue, setInputValue, visibleItems, isItemVisible, hasSearch, registerSearch, emptyText, listboxId, labelId, activeValue, accessibilityLabel, ariaDescribedBy]);
|
|
88
177
|
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
89
178
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectProvider, {
|
|
90
179
|
value: contextValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","SelectRoot","exports","forwardRef","asChild","children","items","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_filter","_jsxRuntime","EMPTY_VALUES","SelectRoot","exports","forwardRef","rootProps","ref","asChild","children","items","type","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","inputValue","inputValueProp","defaultInputValue","onInputChange","filter","defaultSelectFilter","props","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","isMultiple","setValue","useControllableState","prop","defaultProp","undefined","onChange","newValue","selectedValues","useMemo","Array","isArray","isSelected","useCallback","itemValue","includes","open","setOpenState","setOpen","newOpen","activeValue","setActiveValue","useState","inputValueState","setInputValueState","setInputValue","next","wasOpenRef","useRef","useEffect","wasOpen","current","visibleItems","item","label","visibleValues","Set","map","isItemVisible","has","searchCount","setSearchCount","registerSearch","count","emptyText","setEmptyText","toggleValue","prev","v","selectValueAndClose","commitValue","disabledItemsRef","registerDisabledItem","add","delete","isItemDisabled","some","triggerRef","reactId","useId","triggerId","id","contentId","listboxId","ariaDescribedBy","labelId","hasSearch","contextValue","invalid","Comp","Slot","View","jsx","SelectProvider","mergeDataAttributes","dataAttributes","readonly","displayName"],"sourceRoot":"../../../src","sources":["select/SelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectSearch = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _utils = require("@cdx-ui/utils");
|
|
10
|
+
var _slot = require("../slot");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
var _SelectSearchStatus = require("./SelectSearchStatus");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const defaultResultCountLabel = count => count === 1 ? '1 result' : `${String(count)} results`;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Search input for `Select.Content`. Its query filters the options through the root `filter`.
|
|
18
|
+
* Mounting it turns the popup into a dialog that contains this searchbox and the listbox.
|
|
19
|
+
*
|
|
20
|
+
* Web uses virtual focus: DOM focus stays here, arrow keys move the highlight, and
|
|
21
|
+
* `aria-activedescendant` points at it. Native renders the input without virtual focus.
|
|
22
|
+
*/
|
|
23
|
+
const SelectSearch = exports.SelectSearch = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
24
|
+
asChild,
|
|
25
|
+
children,
|
|
26
|
+
accessibilityLabel,
|
|
27
|
+
getResultCountLabel = defaultResultCountLabel,
|
|
28
|
+
onKeyPress,
|
|
29
|
+
...props
|
|
30
|
+
}, ref) => {
|
|
31
|
+
const {
|
|
32
|
+
inputValue,
|
|
33
|
+
setInputValue,
|
|
34
|
+
registerSearch,
|
|
35
|
+
listboxId,
|
|
36
|
+
contentId,
|
|
37
|
+
activeValue,
|
|
38
|
+
isItemVisible,
|
|
39
|
+
visibleItems,
|
|
40
|
+
emptyText
|
|
41
|
+
} = (0, _context.useSelectContext)();
|
|
42
|
+
const {
|
|
43
|
+
handleKeyDown
|
|
44
|
+
} = (0, _context.useSelectContentContext)();
|
|
45
|
+
(0, _react.useLayoutEffect)(() => registerSearch(), [registerSearch]);
|
|
46
|
+
const activeDescendant = activeValue !== undefined && isItemVisible(activeValue) ? `${contentId}-option-${activeValue}` : undefined;
|
|
47
|
+
|
|
48
|
+
// RNW's TextInput stops keydown propagation, so the listbox keys are handled here.
|
|
49
|
+
const platformProps = _reactNative.Platform.OS === 'web' ? {
|
|
50
|
+
'aria-controls': listboxId,
|
|
51
|
+
'aria-autocomplete': 'list',
|
|
52
|
+
'aria-activedescendant': activeDescendant,
|
|
53
|
+
onKeyPress: (0, _utils.composeEventHandlers)(onKeyPress, handleKeyDown)
|
|
54
|
+
} : {
|
|
55
|
+
onKeyPress
|
|
56
|
+
};
|
|
57
|
+
const count = visibleItems.length;
|
|
58
|
+
const statusMessage = count === 0 && emptyText ? emptyText : getResultCountLabel(count);
|
|
59
|
+
const Comp = asChild ? _slot.Slot : _reactNative.TextInput;
|
|
60
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
61
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
62
|
+
ref: ref,
|
|
63
|
+
role: "searchbox",
|
|
64
|
+
value: inputValue,
|
|
65
|
+
onChangeText: setInputValue,
|
|
66
|
+
autoCapitalize: "none",
|
|
67
|
+
autoComplete: "off",
|
|
68
|
+
autoCorrect: false,
|
|
69
|
+
spellCheck: false,
|
|
70
|
+
accessibilityLabel: accessibilityLabel,
|
|
71
|
+
"aria-label": accessibilityLabel,
|
|
72
|
+
...platformProps,
|
|
73
|
+
...props,
|
|
74
|
+
children: children
|
|
75
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectSearchStatus.SelectSearchStatus, {
|
|
76
|
+
message: statusMessage
|
|
77
|
+
})]
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
SelectSearch.displayName = 'SelectSearch';
|
|
81
|
+
//# sourceMappingURL=SelectSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_SelectSearchStatus","_jsxRuntime","defaultResultCountLabel","count","String","SelectSearch","exports","forwardRef","asChild","children","accessibilityLabel","getResultCountLabel","onKeyPress","props","ref","inputValue","setInputValue","registerSearch","listboxId","contentId","activeValue","isItemVisible","visibleItems","emptyText","useSelectContext","handleKeyDown","useSelectContentContext","useLayoutEffect","activeDescendant","undefined","platformProps","Platform","OS","composeEventHandlers","length","statusMessage","Comp","Slot","TextInput","jsxs","Fragment","jsx","role","value","onChangeText","autoCapitalize","autoComplete","autoCorrect","spellCheck","SelectSearchStatus","message","displayName"],"sourceRoot":"../../../src","sources":["select/SelectSearch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,IAAAM,WAAA,GAAAN,OAAA;AAU1D,MAAMO,uBAAuB,GAAIC,KAAa,IAC5CA,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,GAAGC,MAAM,CAACD,KAAK,CAAC,UAAU;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CACE;EACEC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,mBAAmB,GAAGT,uBAAuB;EAC7CU,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,cAAc;IACdC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAEnD,IAAAC,sBAAe,EAAC,MAAMV,cAAc,CAAC,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEzD,MAAMW,gBAAgB,GACpBR,WAAW,KAAKS,SAAS,IAAIR,aAAa,CAACD,WAAW,CAAC,GACnD,GAAGD,SAAS,WAAWC,WAAW,EAAE,GACpCS,SAAS;;EAEf;EACA,MAAMC,aAAa,GACjBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACE,eAAe,EAAEd,SAAS;IAC1B,mBAAmB,EAAE,MAAe;IACpC,uBAAuB,EAAEU,gBAAgB;IACzChB,UAAU,EAAE,IAAAqB,2BAAoB,EAACrB,UAAU,EAAEa,aAAa;EAC5D,CAAC,GACD;IAAEb;EAAW,CAAC;EAEpB,MAAMT,KAAK,GAAGmB,YAAY,CAACY,MAAM;EACjC,MAAMC,aAAa,GAAGhC,KAAK,KAAK,CAAC,IAAIoB,SAAS,GAAGA,SAAS,GAAGZ,mBAAmB,CAACR,KAAK,CAAC;EAEvF,MAAMiC,IAAI,GAAG5B,OAAO,GAAG6B,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAArC,WAAA,CAAAsC,IAAA,EAAAtC,WAAA,CAAAuC,QAAA;IAAA/B,QAAA,gBACE,IAAAR,WAAA,CAAAwC,GAAA,EAACL,IAAI;MACHtB,GAAG,EAAEA,GAAI;MACT4B,IAAI,EAAC,WAAW;MAChBC,KAAK,EAAE5B,UAAW;MAClB6B,YAAY,EAAE5B,aAAc;MAC5B6B,cAAc,EAAC,MAAM;MACrBC,YAAY,EAAC,KAAK;MAClBC,WAAW,EAAE,KAAM;MACnBC,UAAU,EAAE,KAAM;MAClBtC,kBAAkB,EAAEA,kBAAmB;MACvC,cAAYA,kBAAmB;MAAA,GAC3BoB,aAAa;MAAA,GACbjB,KAAK;MAAAJ,QAAA,EAERA;IAAQ,CACL,CAAC,eACP,IAAAR,WAAA,CAAAwC,GAAA,EAACzC,mBAAA,CAAAiD,kBAAkB;MAACC,OAAO,EAAEf;IAAc,CAAE,CAAC;EAAA,CAC9C,CAAC;AAEP,CACF,CAAC;AAED9B,YAAY,CAAC8C,WAAW,GAAG,cAAc","ignoreList":[]}
|