@radix-ui/react-select 2.3.3-rc.1783373461748 → 2.3.4-rc.1784059564143
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/dist/index.d.mts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/index.js +83 -98
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +84 -98
- package/dist/index.mjs.map +3 -3
- package/package.json +14 -14
package/dist/index.d.mts
CHANGED
|
@@ -36,9 +36,6 @@ interface SelectProviderProps extends SelectSharedProps {
|
|
|
36
36
|
onValueChange?(value: string): void;
|
|
37
37
|
}
|
|
38
38
|
declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
|
|
39
|
-
declare namespace SelectProvider {
|
|
40
|
-
var displayName: string;
|
|
41
|
-
}
|
|
42
39
|
declare const Select: React.FC<SelectProps>;
|
|
43
40
|
type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
44
41
|
interface SelectTriggerProps extends PrimitiveButtonProps {
|
package/dist/index.d.ts
CHANGED
|
@@ -36,9 +36,6 @@ interface SelectProviderProps extends SelectSharedProps {
|
|
|
36
36
|
onValueChange?(value: string): void;
|
|
37
37
|
}
|
|
38
38
|
declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
|
|
39
|
-
declare namespace SelectProvider {
|
|
40
|
-
var displayName: string;
|
|
41
|
-
}
|
|
42
39
|
declare const Select: React.FC<SelectProps>;
|
|
43
40
|
type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
44
41
|
interface SelectTriggerProps extends PrimitiveButtonProps {
|
package/dist/index.js
CHANGED
|
@@ -6,6 +6,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
10
|
var __export = (target, all) => {
|
|
10
11
|
for (var name in all)
|
|
11
12
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -109,7 +110,6 @@ var [createSelectContext, createSelectScope] = (0, import_react_context.createCo
|
|
|
109
110
|
var usePopperScope = (0, import_react_popper.createPopperScope)();
|
|
110
111
|
var [SelectProviderImpl, useSelectContext] = createSelectContext(SELECT_NAME);
|
|
111
112
|
var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
|
|
112
|
-
var PROVIDER_NAME = "SelectProvider";
|
|
113
113
|
function SelectProvider(props) {
|
|
114
114
|
const {
|
|
115
115
|
__scopeSelect,
|
|
@@ -151,7 +151,7 @@ function SelectProvider(props) {
|
|
|
151
151
|
React.useEffect(() => {
|
|
152
152
|
const associatedForm = form ? trigger?.ownerDocument.getElementById(form) : trigger?.form;
|
|
153
153
|
if (associatedForm instanceof HTMLFormElement) {
|
|
154
|
-
const reset = () => setValue(initialValueRef.current);
|
|
154
|
+
const reset = /* @__PURE__ */ __name(() => setValue(initialValueRef.current), "reset");
|
|
155
155
|
associatedForm.addEventListener("reset", reset);
|
|
156
156
|
return () => associatedForm.removeEventListener("reset", reset);
|
|
157
157
|
}
|
|
@@ -203,8 +203,8 @@ function SelectProvider(props) {
|
|
|
203
203
|
}
|
|
204
204
|
) }) }) });
|
|
205
205
|
}
|
|
206
|
-
SelectProvider
|
|
207
|
-
var Select = (props) => {
|
|
206
|
+
__name(SelectProvider, "SelectProvider");
|
|
207
|
+
var Select = /* @__PURE__ */ __name((props) => {
|
|
208
208
|
const { __scopeSelect, children, ...providerProps } = props;
|
|
209
209
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
210
210
|
SelectProvider,
|
|
@@ -222,11 +222,10 @@ var Select = (props) => {
|
|
|
222
222
|
] })
|
|
223
223
|
}
|
|
224
224
|
);
|
|
225
|
-
};
|
|
226
|
-
Select.displayName = SELECT_NAME;
|
|
225
|
+
}, "Select");
|
|
227
226
|
var TRIGGER_NAME = "SelectTrigger";
|
|
228
|
-
var SelectTrigger = React.forwardRef(
|
|
229
|
-
(props, forwardedRef)
|
|
227
|
+
var SelectTrigger = /* @__PURE__ */ React.forwardRef(
|
|
228
|
+
/* @__PURE__ */ __name(function SelectTrigger2(props, forwardedRef) {
|
|
230
229
|
const { __scopeSelect, disabled = false, ...triggerProps } = props;
|
|
231
230
|
const popperScope = usePopperScope(__scopeSelect);
|
|
232
231
|
const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
|
|
@@ -242,7 +241,7 @@ var SelectTrigger = React.forwardRef(
|
|
|
242
241
|
context.onValueChange(nextItem.value);
|
|
243
242
|
}
|
|
244
243
|
});
|
|
245
|
-
const handleOpen = (pointerEvent) => {
|
|
244
|
+
const handleOpen = /* @__PURE__ */ __name((pointerEvent) => {
|
|
246
245
|
if (!isDisabled) {
|
|
247
246
|
context.onOpenChange(true);
|
|
248
247
|
resetTypeahead();
|
|
@@ -253,7 +252,7 @@ var SelectTrigger = React.forwardRef(
|
|
|
253
252
|
y: Math.round(pointerEvent.pageY)
|
|
254
253
|
};
|
|
255
254
|
}
|
|
256
|
-
};
|
|
255
|
+
}, "handleOpen");
|
|
257
256
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
258
257
|
import_react_primitive.Primitive.button,
|
|
259
258
|
{
|
|
@@ -299,12 +298,11 @@ var SelectTrigger = React.forwardRef(
|
|
|
299
298
|
})
|
|
300
299
|
}
|
|
301
300
|
) });
|
|
302
|
-
}
|
|
301
|
+
}, "SelectTrigger")
|
|
303
302
|
);
|
|
304
|
-
SelectTrigger.displayName = TRIGGER_NAME;
|
|
305
303
|
var VALUE_NAME = "SelectValue";
|
|
306
|
-
var SelectValue = React.forwardRef(
|
|
307
|
-
(props, forwardedRef)
|
|
304
|
+
var SelectValue = /* @__PURE__ */ React.forwardRef(
|
|
305
|
+
/* @__PURE__ */ __name(function SelectValue2(props, forwardedRef) {
|
|
308
306
|
const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
|
|
309
307
|
const context = useSelectContext(VALUE_NAME, __scopeSelect);
|
|
310
308
|
const { onValueNodeHasChildrenChange } = context;
|
|
@@ -324,29 +322,25 @@ var SelectValue = React.forwardRef(
|
|
|
324
322
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
|
|
325
323
|
}
|
|
326
324
|
);
|
|
327
|
-
}
|
|
325
|
+
}, "SelectValue")
|
|
328
326
|
);
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
var SelectIcon = React.forwardRef(
|
|
332
|
-
(props, forwardedRef) => {
|
|
327
|
+
var SelectIcon = /* @__PURE__ */ React.forwardRef(
|
|
328
|
+
/* @__PURE__ */ __name(function SelectIcon2(props, forwardedRef) {
|
|
333
329
|
const { __scopeSelect, children, ...iconProps } = props;
|
|
334
330
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
|
|
335
|
-
}
|
|
331
|
+
}, "SelectIcon")
|
|
336
332
|
);
|
|
337
|
-
SelectIcon.displayName = ICON_NAME;
|
|
338
333
|
var PORTAL_NAME = "SelectPortal";
|
|
339
334
|
var [PortalProvider, usePortalContext] = createSelectContext(PORTAL_NAME, {
|
|
340
335
|
forceMount: void 0
|
|
341
336
|
});
|
|
342
|
-
var SelectPortal = (props) => {
|
|
337
|
+
var SelectPortal = /* @__PURE__ */ __name((props) => {
|
|
343
338
|
const { __scopeSelect, forceMount, ...portalProps } = props;
|
|
344
339
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, { scope: props.__scopeSelect, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_portal.Portal, { asChild: true, ...portalProps }) });
|
|
345
|
-
};
|
|
346
|
-
SelectPortal.displayName = PORTAL_NAME;
|
|
340
|
+
}, "SelectPortal");
|
|
347
341
|
var CONTENT_NAME = "SelectContent";
|
|
348
|
-
var SelectContent = React.forwardRef(
|
|
349
|
-
(props, forwardedRef)
|
|
342
|
+
var SelectContent = /* @__PURE__ */ React.forwardRef(
|
|
343
|
+
/* @__PURE__ */ __name(function SelectContent2(props, forwardedRef) {
|
|
350
344
|
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeSelect);
|
|
351
345
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
352
346
|
const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
|
|
@@ -355,24 +349,22 @@ var SelectContent = React.forwardRef(
|
|
|
355
349
|
setFragment(new DocumentFragment());
|
|
356
350
|
}, []);
|
|
357
351
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: ({ present }) => present ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentImpl, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentFragment, { ...contentProps, fragment }) });
|
|
358
|
-
}
|
|
352
|
+
}, "SelectContent")
|
|
359
353
|
);
|
|
360
|
-
|
|
361
|
-
var SelectContentFragment = React.forwardRef((props, forwardedRef) => {
|
|
354
|
+
var SelectContentFragment = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectContentFragment2(props, forwardedRef) {
|
|
362
355
|
const { __scopeSelect, children, fragment } = props;
|
|
363
356
|
if (!fragment) return null;
|
|
364
357
|
return ReactDOM.createPortal(
|
|
365
358
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: forwardedRef, children }) }) }),
|
|
366
359
|
fragment
|
|
367
360
|
);
|
|
368
|
-
});
|
|
369
|
-
SelectContentFragment.displayName = "SelectContentFragment";
|
|
361
|
+
}, "SelectContentFragment"));
|
|
370
362
|
var CONTENT_MARGIN = 10;
|
|
371
363
|
var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
|
|
372
|
-
var CONTENT_IMPL_NAME = "SelectContentImpl";
|
|
373
364
|
var Slot = (0, import_react_slot.createSlot)("SelectContent.RemoveScroll");
|
|
374
|
-
var SelectContentImpl = React.forwardRef(
|
|
375
|
-
|
|
365
|
+
var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
366
|
+
// blank line to reduce diff noise
|
|
367
|
+
/* @__PURE__ */ __name(function SelectContentImpl2(props, forwardedRef) {
|
|
376
368
|
const { __scopeSelect } = props;
|
|
377
369
|
const {
|
|
378
370
|
position = "item-aligned",
|
|
@@ -438,13 +430,13 @@ var SelectContentImpl = React.forwardRef(
|
|
|
438
430
|
React.useEffect(() => {
|
|
439
431
|
if (content) {
|
|
440
432
|
let pointerMoveDelta = { x: 0, y: 0 };
|
|
441
|
-
const handlePointerMove = (event) => {
|
|
433
|
+
const handlePointerMove = /* @__PURE__ */ __name((event) => {
|
|
442
434
|
pointerMoveDelta = {
|
|
443
435
|
x: Math.abs(Math.round(event.pageX) - (triggerPointerDownPosRef.current?.x ?? 0)),
|
|
444
436
|
y: Math.abs(Math.round(event.pageY) - (triggerPointerDownPosRef.current?.y ?? 0))
|
|
445
437
|
};
|
|
446
|
-
};
|
|
447
|
-
const handlePointerUp = (event) => {
|
|
438
|
+
}, "handlePointerMove");
|
|
439
|
+
const handlePointerUp = /* @__PURE__ */ __name((event) => {
|
|
448
440
|
if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
|
|
449
441
|
event.preventDefault();
|
|
450
442
|
} else {
|
|
@@ -454,7 +446,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
454
446
|
}
|
|
455
447
|
document.removeEventListener("pointermove", handlePointerMove);
|
|
456
448
|
triggerPointerDownPosRef.current = null;
|
|
457
|
-
};
|
|
449
|
+
}, "handlePointerUp");
|
|
458
450
|
if (triggerPointerDownPosRef.current !== null) {
|
|
459
451
|
document.addEventListener("pointermove", handlePointerMove);
|
|
460
452
|
document.addEventListener("pointerup", handlePointerUp, { capture: true, once: true });
|
|
@@ -466,7 +458,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
466
458
|
}
|
|
467
459
|
}, [content, onOpenChange, triggerPointerDownPosRef]);
|
|
468
460
|
React.useEffect(() => {
|
|
469
|
-
const close = () => onOpenChange(false);
|
|
461
|
+
const close = /* @__PURE__ */ __name(() => onOpenChange(false), "close");
|
|
470
462
|
window.addEventListener("blur", close);
|
|
471
463
|
window.addEventListener("resize", close);
|
|
472
464
|
return () => {
|
|
@@ -601,11 +593,9 @@ var SelectContentImpl = React.forwardRef(
|
|
|
601
593
|
) })
|
|
602
594
|
}
|
|
603
595
|
);
|
|
604
|
-
}
|
|
596
|
+
}, "SelectContentImpl")
|
|
605
597
|
);
|
|
606
|
-
|
|
607
|
-
var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
|
|
608
|
-
var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
598
|
+
var SelectItemAlignedPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectItemAlignedPosition2(props, forwardedRef) {
|
|
609
599
|
const { __scopeSelect, onPlaced, ...popperProps } = props;
|
|
610
600
|
const context = useSelectContext(CONTENT_NAME, __scopeSelect);
|
|
611
601
|
const contentContext = useSelectContentContext(CONTENT_NAME, __scopeSelect);
|
|
@@ -766,10 +756,8 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
766
756
|
)
|
|
767
757
|
}
|
|
768
758
|
);
|
|
769
|
-
});
|
|
770
|
-
|
|
771
|
-
var POPPER_POSITION_NAME = "SelectPopperPosition";
|
|
772
|
-
var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
|
|
759
|
+
}, "SelectItemAlignedPosition"));
|
|
760
|
+
var SelectPopperPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectPopperPosition2(props, forwardedRef) {
|
|
773
761
|
const {
|
|
774
762
|
__scopeSelect,
|
|
775
763
|
align = "start",
|
|
@@ -800,12 +788,11 @@ var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
800
788
|
}
|
|
801
789
|
}
|
|
802
790
|
);
|
|
803
|
-
});
|
|
804
|
-
SelectPopperPosition.displayName = POPPER_POSITION_NAME;
|
|
791
|
+
}, "SelectPopperPosition"));
|
|
805
792
|
var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME, {});
|
|
806
793
|
var VIEWPORT_NAME = "SelectViewport";
|
|
807
|
-
var SelectViewport = React.forwardRef(
|
|
808
|
-
(props, forwardedRef)
|
|
794
|
+
var SelectViewport = /* @__PURE__ */ React.forwardRef(
|
|
795
|
+
/* @__PURE__ */ __name(function SelectViewport2(props, forwardedRef) {
|
|
809
796
|
const { __scopeSelect, nonce, ...viewportProps } = props;
|
|
810
797
|
const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
|
|
811
798
|
const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
|
|
@@ -868,32 +855,29 @@ var SelectViewport = React.forwardRef(
|
|
|
868
855
|
}
|
|
869
856
|
) })
|
|
870
857
|
] });
|
|
871
|
-
}
|
|
858
|
+
}, "SelectViewport")
|
|
872
859
|
);
|
|
873
|
-
SelectViewport.displayName = VIEWPORT_NAME;
|
|
874
860
|
var GROUP_NAME = "SelectGroup";
|
|
875
861
|
var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
|
|
876
|
-
var SelectGroup = React.forwardRef(
|
|
877
|
-
(props, forwardedRef)
|
|
862
|
+
var SelectGroup = /* @__PURE__ */ React.forwardRef(
|
|
863
|
+
/* @__PURE__ */ __name(function SelectGroup2(props, forwardedRef) {
|
|
878
864
|
const { __scopeSelect, ...groupProps } = props;
|
|
879
865
|
const groupId = (0, import_react_id.useId)();
|
|
880
866
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
|
|
881
|
-
}
|
|
867
|
+
}, "SelectGroup")
|
|
882
868
|
);
|
|
883
|
-
SelectGroup.displayName = GROUP_NAME;
|
|
884
869
|
var LABEL_NAME = "SelectLabel";
|
|
885
|
-
var SelectLabel = React.forwardRef(
|
|
886
|
-
(props, forwardedRef)
|
|
870
|
+
var SelectLabel = /* @__PURE__ */ React.forwardRef(
|
|
871
|
+
/* @__PURE__ */ __name(function SelectLabel2(props, forwardedRef) {
|
|
887
872
|
const { __scopeSelect, ...labelProps } = props;
|
|
888
873
|
const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
|
|
889
874
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
|
|
890
|
-
}
|
|
875
|
+
}, "SelectLabel")
|
|
891
876
|
);
|
|
892
|
-
SelectLabel.displayName = LABEL_NAME;
|
|
893
877
|
var ITEM_NAME = "SelectItem";
|
|
894
878
|
var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
|
|
895
|
-
var SelectItem = React.forwardRef(
|
|
896
|
-
(props, forwardedRef)
|
|
879
|
+
var SelectItem = /* @__PURE__ */ React.forwardRef(
|
|
880
|
+
/* @__PURE__ */ __name(function SelectItem2(props, forwardedRef) {
|
|
897
881
|
const {
|
|
898
882
|
__scopeSelect,
|
|
899
883
|
value,
|
|
@@ -912,12 +896,12 @@ var SelectItem = React.forwardRef(
|
|
|
912
896
|
const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, handleItemRefCallback);
|
|
913
897
|
const textId = (0, import_react_id.useId)();
|
|
914
898
|
const pointerTypeRef = React.useRef("touch");
|
|
915
|
-
const handleSelect = () => {
|
|
899
|
+
const handleSelect = /* @__PURE__ */ __name(() => {
|
|
916
900
|
if (!disabled) {
|
|
917
901
|
context.onValueChange(value);
|
|
918
902
|
context.onOpenChange(false);
|
|
919
903
|
}
|
|
920
|
-
};
|
|
904
|
+
}, "handleSelect");
|
|
921
905
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
922
906
|
SelectItemContextProvider,
|
|
923
907
|
{
|
|
@@ -994,12 +978,11 @@ var SelectItem = React.forwardRef(
|
|
|
994
978
|
)
|
|
995
979
|
}
|
|
996
980
|
);
|
|
997
|
-
}
|
|
981
|
+
}, "SelectItem")
|
|
998
982
|
);
|
|
999
|
-
SelectItem.displayName = ITEM_NAME;
|
|
1000
983
|
var ITEM_TEXT_NAME = "SelectItemText";
|
|
1001
|
-
var SelectItemText = React.forwardRef(
|
|
1002
|
-
(props, forwardedRef)
|
|
984
|
+
var SelectItemText = /* @__PURE__ */ React.forwardRef(
|
|
985
|
+
/* @__PURE__ */ __name(function SelectItemText2(props, forwardedRef) {
|
|
1003
986
|
const { __scopeSelect, className, style, ...itemTextProps } = props;
|
|
1004
987
|
const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
1005
988
|
const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
@@ -1029,20 +1012,19 @@ var SelectItemText = React.forwardRef(
|
|
|
1029
1012
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
|
|
1030
1013
|
itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren && !shouldShowPlaceholder(context.value) ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
|
|
1031
1014
|
] });
|
|
1032
|
-
}
|
|
1015
|
+
}, "SelectItemText")
|
|
1033
1016
|
);
|
|
1034
|
-
SelectItemText.displayName = ITEM_TEXT_NAME;
|
|
1035
1017
|
var ITEM_INDICATOR_NAME = "SelectItemIndicator";
|
|
1036
|
-
var SelectItemIndicator = React.forwardRef(
|
|
1037
|
-
|
|
1018
|
+
var SelectItemIndicator = /* @__PURE__ */ React.forwardRef(
|
|
1019
|
+
// blank line to reduce diff noise
|
|
1020
|
+
/* @__PURE__ */ __name(function SelectItemIndicator2(props, forwardedRef) {
|
|
1038
1021
|
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
1039
1022
|
const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
1040
1023
|
return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
|
|
1041
|
-
}
|
|
1024
|
+
}, "SelectItemIndicator")
|
|
1042
1025
|
);
|
|
1043
|
-
SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
1044
1026
|
var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
|
|
1045
|
-
var SelectScrollUpButton = React.forwardRef((props, forwardedRef)
|
|
1027
|
+
var SelectScrollUpButton = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollUpButton2(props, forwardedRef) {
|
|
1046
1028
|
const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
|
|
1047
1029
|
const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
|
|
1048
1030
|
const [canScrollUp, setCanScrollUp] = React.useState(false);
|
|
@@ -1054,6 +1036,7 @@ var SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
|
|
|
1054
1036
|
setCanScrollUp(canScrollUp2);
|
|
1055
1037
|
};
|
|
1056
1038
|
var handleScroll = handleScroll2;
|
|
1039
|
+
__name(handleScroll2, "handleScroll");
|
|
1057
1040
|
const viewport = contentContext.viewport;
|
|
1058
1041
|
handleScroll2();
|
|
1059
1042
|
viewport.addEventListener("scroll", handleScroll2);
|
|
@@ -1073,10 +1056,9 @@ var SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
|
|
|
1073
1056
|
}
|
|
1074
1057
|
}
|
|
1075
1058
|
) : null;
|
|
1076
|
-
});
|
|
1077
|
-
SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
|
|
1059
|
+
}, "SelectScrollUpButton"));
|
|
1078
1060
|
var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
|
|
1079
|
-
var SelectScrollDownButton = React.forwardRef((props, forwardedRef)
|
|
1061
|
+
var SelectScrollDownButton = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollDownButton2(props, forwardedRef) {
|
|
1080
1062
|
const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
|
|
1081
1063
|
const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
|
|
1082
1064
|
const [canScrollDown, setCanScrollDown] = React.useState(false);
|
|
@@ -1089,6 +1071,7 @@ var SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
|
|
|
1089
1071
|
setCanScrollDown(canScrollDown2);
|
|
1090
1072
|
};
|
|
1091
1073
|
var handleScroll = handleScroll2;
|
|
1074
|
+
__name(handleScroll2, "handleScroll");
|
|
1092
1075
|
const viewport = contentContext.viewport;
|
|
1093
1076
|
handleScroll2();
|
|
1094
1077
|
viewport.addEventListener("scroll", handleScroll2);
|
|
@@ -1108,9 +1091,8 @@ var SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
|
|
|
1108
1091
|
}
|
|
1109
1092
|
}
|
|
1110
1093
|
) : null;
|
|
1111
|
-
});
|
|
1112
|
-
|
|
1113
|
-
var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
|
|
1094
|
+
}, "SelectScrollDownButton"));
|
|
1095
|
+
var SelectScrollButtonImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollButtonImpl2(props, forwardedRef) {
|
|
1114
1096
|
const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
|
|
1115
1097
|
const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
|
|
1116
1098
|
const autoScrollTimerRef = React.useRef(null);
|
|
@@ -1151,28 +1133,27 @@ var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
|
|
|
1151
1133
|
})
|
|
1152
1134
|
}
|
|
1153
1135
|
);
|
|
1154
|
-
});
|
|
1155
|
-
var
|
|
1156
|
-
|
|
1157
|
-
(props, forwardedRef)
|
|
1136
|
+
}, "SelectScrollButtonImpl"));
|
|
1137
|
+
var SelectSeparator = /* @__PURE__ */ React.forwardRef(
|
|
1138
|
+
// blank line to reduce diff noise
|
|
1139
|
+
/* @__PURE__ */ __name(function SelectSeparator2(props, forwardedRef) {
|
|
1158
1140
|
const { __scopeSelect, ...separatorProps } = props;
|
|
1159
1141
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
|
|
1160
|
-
}
|
|
1142
|
+
}, "SelectSeparator")
|
|
1161
1143
|
);
|
|
1162
|
-
SelectSeparator.displayName = SEPARATOR_NAME;
|
|
1163
1144
|
var ARROW_NAME = "SelectArrow";
|
|
1164
|
-
var SelectArrow = React.forwardRef(
|
|
1165
|
-
(props, forwardedRef)
|
|
1145
|
+
var SelectArrow = /* @__PURE__ */ React.forwardRef(
|
|
1146
|
+
/* @__PURE__ */ __name(function SelectArrow2(props, forwardedRef) {
|
|
1166
1147
|
const { __scopeSelect, ...arrowProps } = props;
|
|
1167
1148
|
const popperScope = usePopperScope(__scopeSelect);
|
|
1168
1149
|
const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
|
|
1169
1150
|
return contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
|
|
1170
|
-
}
|
|
1151
|
+
}, "SelectArrow")
|
|
1171
1152
|
);
|
|
1172
|
-
SelectArrow.displayName = ARROW_NAME;
|
|
1173
1153
|
var BUBBLE_INPUT_NAME = "SelectBubbleInput";
|
|
1174
|
-
var SelectBubbleInput = React.forwardRef(
|
|
1175
|
-
|
|
1154
|
+
var SelectBubbleInput = /* @__PURE__ */ React.forwardRef(
|
|
1155
|
+
// blank line to reduce diff noise
|
|
1156
|
+
/* @__PURE__ */ __name(function SelectBubbleInput2({ __scopeSelect, ...props }, forwardedRef) {
|
|
1176
1157
|
const context = useSelectContext(BUBBLE_INPUT_NAME, __scopeSelect);
|
|
1177
1158
|
const { value, onValueChange, required, disabled, name, autoComplete, form } = context;
|
|
1178
1159
|
const { nativeOptions, nativeSelectKey } = context;
|
|
@@ -1220,15 +1201,16 @@ var SelectBubbleInput = React.forwardRef(
|
|
|
1220
1201
|
},
|
|
1221
1202
|
nativeSelectKey
|
|
1222
1203
|
);
|
|
1223
|
-
}
|
|
1204
|
+
}, "SelectBubbleInput")
|
|
1224
1205
|
);
|
|
1225
|
-
SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
|
|
1226
1206
|
function isFunction(value) {
|
|
1227
1207
|
return typeof value === "function";
|
|
1228
1208
|
}
|
|
1209
|
+
__name(isFunction, "isFunction");
|
|
1229
1210
|
function shouldShowPlaceholder(value) {
|
|
1230
1211
|
return value === "" || value === void 0;
|
|
1231
1212
|
}
|
|
1213
|
+
__name(shouldShowPlaceholder, "shouldShowPlaceholder");
|
|
1232
1214
|
function useTypeaheadSearch(onSearchChange) {
|
|
1233
1215
|
const handleSearchChange = (0, import_react_use_callback_ref.useCallbackRef)(onSearchChange);
|
|
1234
1216
|
const searchRef = React.useRef("");
|
|
@@ -1237,11 +1219,11 @@ function useTypeaheadSearch(onSearchChange) {
|
|
|
1237
1219
|
(key) => {
|
|
1238
1220
|
const search = searchRef.current + key;
|
|
1239
1221
|
handleSearchChange(search);
|
|
1240
|
-
(function updateSearch(value) {
|
|
1222
|
+
(/* @__PURE__ */ __name((function updateSearch(value) {
|
|
1241
1223
|
searchRef.current = value;
|
|
1242
1224
|
window.clearTimeout(timerRef.current);
|
|
1243
1225
|
if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
|
|
1244
|
-
})(search);
|
|
1226
|
+
}), "updateSearch"))(search);
|
|
1245
1227
|
},
|
|
1246
1228
|
[handleSearchChange]
|
|
1247
1229
|
);
|
|
@@ -1254,6 +1236,7 @@ function useTypeaheadSearch(onSearchChange) {
|
|
|
1254
1236
|
}, []);
|
|
1255
1237
|
return [searchRef, handleTypeaheadSearch, resetTypeahead];
|
|
1256
1238
|
}
|
|
1239
|
+
__name(useTypeaheadSearch, "useTypeaheadSearch");
|
|
1257
1240
|
function findNextItem(items, search, currentItem) {
|
|
1258
1241
|
const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
|
|
1259
1242
|
const normalizedSearch = isRepeated ? search[0] : search;
|
|
@@ -1266,7 +1249,9 @@ function findNextItem(items, search, currentItem) {
|
|
|
1266
1249
|
);
|
|
1267
1250
|
return nextItem !== currentItem ? nextItem : void 0;
|
|
1268
1251
|
}
|
|
1252
|
+
__name(findNextItem, "findNextItem");
|
|
1269
1253
|
function wrapArray(array, startIndex) {
|
|
1270
1254
|
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
1271
1255
|
}
|
|
1256
|
+
__name(wrapArray, "wrapArray");
|
|
1272
1257
|
//# sourceMappingURL=index.js.map
|