@cdx-ui/primitives 0.1.5 → 0.1.7
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/dialog/DialogContent.js +13 -5
- package/lib/commonjs/dialog/DialogContent.js.map +1 -1
- package/lib/commonjs/dialog/DialogPopup.js +7 -1
- package/lib/commonjs/dialog/DialogPopup.js.map +1 -1
- package/lib/commonjs/dialog/DialogRoot.js +3 -1
- package/lib/commonjs/dialog/DialogRoot.js.map +1 -1
- package/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/portal/portal.js +4 -2
- package/lib/commonjs/portal/portal.js.map +1 -1
- package/lib/commonjs/select/SelectContent.js +1 -0
- package/lib/commonjs/select/SelectContent.js.map +1 -1
- package/lib/commonjs/toggle-button/ToggleButtonGroup.js +185 -0
- package/lib/commonjs/toggle-button/ToggleButtonGroup.js.map +1 -0
- package/lib/commonjs/toggle-button/ToggleButtonRoot.js +131 -0
- package/lib/commonjs/toggle-button/ToggleButtonRoot.js.map +1 -0
- package/lib/commonjs/toggle-button/ToggleButtonRoot.web.js +180 -0
- package/lib/commonjs/toggle-button/ToggleButtonRoot.web.js.map +1 -0
- package/lib/commonjs/toggle-button/context.js +27 -0
- package/lib/commonjs/toggle-button/context.js.map +1 -0
- package/lib/commonjs/toggle-button/index.js +45 -0
- package/lib/commonjs/toggle-button/index.js.map +1 -0
- package/lib/commonjs/toggle-button/toggleState.js +23 -0
- package/lib/commonjs/toggle-button/toggleState.js.map +1 -0
- package/lib/commonjs/toggle-button/types.js +6 -0
- package/lib/commonjs/toggle-button/types.js.map +1 -0
- package/lib/commonjs/toggle-button/useToggleButtonGroupNavigation.js +80 -0
- package/lib/commonjs/toggle-button/useToggleButtonGroupNavigation.js.map +1 -0
- package/lib/module/dialog/DialogContent.js +13 -5
- package/lib/module/dialog/DialogContent.js.map +1 -1
- package/lib/module/dialog/DialogPopup.js +7 -1
- package/lib/module/dialog/DialogPopup.js.map +1 -1
- package/lib/module/dialog/DialogRoot.js +4 -2
- package/lib/module/dialog/DialogRoot.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/portal/portal.js +4 -2
- package/lib/module/portal/portal.js.map +1 -1
- package/lib/module/select/SelectContent.js +2 -1
- package/lib/module/select/SelectContent.js.map +1 -1
- package/lib/module/toggle-button/ToggleButtonGroup.js +181 -0
- package/lib/module/toggle-button/ToggleButtonGroup.js.map +1 -0
- package/lib/module/toggle-button/ToggleButtonRoot.js +127 -0
- package/lib/module/toggle-button/ToggleButtonRoot.js.map +1 -0
- package/lib/module/toggle-button/ToggleButtonRoot.web.js +176 -0
- package/lib/module/toggle-button/ToggleButtonRoot.web.js.map +1 -0
- package/lib/module/toggle-button/context.js +18 -0
- package/lib/module/toggle-button/context.js.map +1 -0
- package/lib/module/toggle-button/index.js +6 -0
- package/lib/module/toggle-button/index.js.map +1 -0
- package/lib/module/toggle-button/toggleState.js +19 -0
- package/lib/module/toggle-button/toggleState.js.map +1 -0
- package/lib/module/toggle-button/types.js +4 -0
- package/lib/module/toggle-button/types.js.map +1 -0
- package/lib/module/toggle-button/useToggleButtonGroupNavigation.js +75 -0
- package/lib/module/toggle-button/useToggleButtonGroupNavigation.js.map +1 -0
- package/lib/typescript/breadcrumbs/types.d.ts +13 -0
- package/lib/typescript/breadcrumbs/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/types.d.ts +4 -0
- package/lib/typescript/checkbox/types.d.ts.map +1 -1
- package/lib/typescript/dialog/DialogContent.d.ts +1 -1
- package/lib/typescript/dialog/DialogContent.d.ts.map +1 -1
- package/lib/typescript/dialog/DialogPopup.d.ts.map +1 -1
- package/lib/typescript/dialog/DialogRoot.d.ts.map +1 -1
- package/lib/typescript/dialog/types.d.ts +12 -0
- package/lib/typescript/dialog/types.d.ts.map +1 -1
- package/lib/typescript/field/types.d.ts +1 -1
- package/lib/typescript/field/types.d.ts.map +1 -1
- package/lib/typescript/form/types.d.ts +6 -0
- package/lib/typescript/form/types.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +1 -0
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/link/types.d.ts +2 -2
- package/lib/typescript/list-item/types.d.ts +3 -2
- package/lib/typescript/list-item/types.d.ts.map +1 -1
- package/lib/typescript/portal/portal.d.ts +13 -2
- package/lib/typescript/portal/portal.d.ts.map +1 -1
- package/lib/typescript/progress-bar/types.d.ts +9 -4
- package/lib/typescript/progress-bar/types.d.ts.map +1 -1
- package/lib/typescript/radio/types.d.ts +2 -0
- package/lib/typescript/radio/types.d.ts.map +1 -1
- package/lib/typescript/select/SelectContent.d.ts.map +1 -1
- package/lib/typescript/switch/types.d.ts +4 -4
- package/lib/typescript/tabs/types.d.ts +7 -2
- package/lib/typescript/tabs/types.d.ts.map +1 -1
- package/lib/typescript/toggle-button/ToggleButtonGroup.d.ts +5 -0
- package/lib/typescript/toggle-button/ToggleButtonGroup.d.ts.map +1 -0
- package/lib/typescript/toggle-button/ToggleButtonRoot.d.ts +5 -0
- package/lib/typescript/toggle-button/ToggleButtonRoot.d.ts.map +1 -0
- package/lib/typescript/toggle-button/ToggleButtonRoot.web.d.ts +5 -0
- package/lib/typescript/toggle-button/ToggleButtonRoot.web.d.ts.map +1 -0
- package/lib/typescript/toggle-button/context.d.ts +27 -0
- package/lib/typescript/toggle-button/context.d.ts.map +1 -0
- package/lib/typescript/toggle-button/index.d.ts +5 -0
- package/lib/typescript/toggle-button/index.d.ts.map +1 -0
- package/lib/typescript/toggle-button/toggleState.d.ts +14 -0
- package/lib/typescript/toggle-button/toggleState.d.ts.map +1 -0
- package/lib/typescript/toggle-button/types.d.ts +87 -0
- package/lib/typescript/toggle-button/types.d.ts.map +1 -0
- package/lib/typescript/toggle-button/useToggleButtonGroupNavigation.d.ts +19 -0
- package/lib/typescript/toggle-button/useToggleButtonGroupNavigation.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/breadcrumbs/types.ts +13 -0
- package/src/checkbox/types.ts +4 -0
- package/src/dialog/DialogContent.tsx +13 -5
- package/src/dialog/DialogPopup.tsx +7 -1
- package/src/dialog/DialogRoot.tsx +3 -1
- package/src/dialog/types.ts +12 -0
- package/src/field/types.tsx +1 -1
- package/src/form/types.tsx +6 -0
- package/src/index.ts +1 -0
- package/src/input/types.ts +1 -0
- package/src/link/types.ts +2 -2
- package/src/list-item/types.ts +3 -2
- package/src/portal/portal.tsx +17 -2
- package/src/progress-bar/types.ts +9 -4
- package/src/radio/types.ts +2 -0
- package/src/select/SelectContent.tsx +2 -1
- package/src/switch/types.ts +4 -4
- package/src/tabs/types.ts +7 -2
- package/src/toggle-button/ToggleButtonGroup.tsx +260 -0
- package/src/toggle-button/ToggleButtonRoot.tsx +151 -0
- package/src/toggle-button/ToggleButtonRoot.web.tsx +225 -0
- package/src/toggle-button/context.tsx +30 -0
- package/src/toggle-button/index.ts +16 -0
- package/src/toggle-button/toggleState.ts +19 -0
- package/src/toggle-button/types.ts +94 -0
- package/src/toggle-button/useToggleButtonGroupNavigation.ts +112 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","KeyboardAvoidingView","Modal","Platform","Pressable","StyleSheet","View","FocusScope","Slot","MODAL_OVERLAY_Z_INDEX","useEscapeKey","createPortalFn","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","jsxs","_jsxs","DialogPopup","asChild","children","forceMount","avoidKeyboard","keyboardVerticalOffset","zIndex","overlayClassName","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","handleClose","id","groupId","layer","overlayProps","onPress","accessible","importantForAccessibility","className","slot","ariaProps","popupAttrs","state","Comp","OS","contain","restoreFocus","autoFocus","style","position","inset","display","alignItems","justifyContent","document","body","keyboardBehavior","select","ios","default","undefined","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","behavior","displayName","create","flex"],"sourceRoot":"../../../src","sources":["dialog/DialogPopup.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,QAA2B,OAAO;AAClE,SACEC,oBAAoB,EACpBC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,qBAAqB,EAAEC,YAAY,QAAQ,YAAY;AAChE,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,SAAS,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AActC,OAAO,MAAMC,WAAW,gBAAGpB,UAAU,CACnC,CACE;EACEqB,OAAO;EACPC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,aAAa,GAAG,IAAI;EACpBC,sBAAsB,GAAG,CAAC;EAC1BC,MAAM,GAAGhB,qBAAqB;EAC9BiB,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,oBAAoB;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGpB,SAAS,CAAC,CAAC;EAE/F,MAAMqB,WAAW,GAAGnC,WAAW,CAAC,MAAM;IACpC8B,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","KeyboardAvoidingView","Modal","Platform","Pressable","StyleSheet","View","FocusScope","Slot","MODAL_OVERLAY_Z_INDEX","useEscapeKey","createPortalFn","dataAttributes","mergeDataAttributes","useDialog","jsx","_jsx","jsxs","_jsxs","DialogPopup","asChild","children","forceMount","avoidKeyboard","keyboardVerticalOffset","zIndex","overlayClassName","props","ref","open","onOpenChange","closeOnBackdropPress","closeOnEscKey","nativeID","role","handleClose","handleEscape","id","groupId","layer","overlayProps","onPress","accessible","importantForAccessibility","className","slot","ariaProps","popupAttrs","state","Comp","OS","contain","restoreFocus","autoFocus","style","position","inset","display","alignItems","justifyContent","document","body","keyboardBehavior","select","ios","default","undefined","visible","transparent","statusBarTranslucent","onRequestClose","styles","fill","center","pointerEvents","behavior","displayName","create","flex"],"sourceRoot":"../../../src","sources":["dialog/DialogPopup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useCallback, useId, useMemo } from 'react';
|
|
3
|
+
import { forwardRef, useCallback, useId, useMemo, useRef } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { useControllableState } from '@cdx-ui/utils';
|
|
6
6
|
import { Slot } from '../slot';
|
|
@@ -28,13 +28,15 @@ export const DialogRoot = /*#__PURE__*/forwardRef(({
|
|
|
28
28
|
}, [setOpenState]);
|
|
29
29
|
const id = useId();
|
|
30
30
|
const nativeID = `dialog-${id}`;
|
|
31
|
+
const backHandlerRef = useRef(undefined);
|
|
31
32
|
const contextValue = useMemo(() => ({
|
|
32
33
|
open: open ?? false,
|
|
33
34
|
onOpenChange: setOpen,
|
|
34
35
|
closeOnBackdropPress,
|
|
35
36
|
closeOnEscKey,
|
|
36
37
|
nativeID,
|
|
37
|
-
role
|
|
38
|
+
role,
|
|
39
|
+
backHandlerRef
|
|
38
40
|
}), [open, setOpen, closeOnBackdropPress, closeOnEscKey, nativeID, role]);
|
|
39
41
|
const Comp = asChild ? Slot : View;
|
|
40
42
|
return /*#__PURE__*/_jsx(DialogProvider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","isOpen","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","open","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","contextValue","Comp","value","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAA2B,OAAO;
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","DialogProvider","jsx","_jsx","DialogRoot","isOpen","openProp","onOpenChange","defaultOpen","closeOnBackdropPress","closeOnEscKey","role","asChild","children","props","ref","open","setOpenState","prop","defaultProp","onChange","setOpen","newOpen","id","nativeID","backHandlerRef","undefined","contextValue","Comp","value","state","displayName"],"sourceRoot":"../../../src","sources":["dialog/DialogRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,QAA2B,OAAO;AAC1F,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,MAAMC,UAAU,gBAAGb,UAAU,CAClC,CACE;EACEc,MAAM,EAAEC,QAAQ;EAChBC,YAAY;EACZC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAG,IAAI;EAC3BC,aAAa,GAAG,IAAI;EACpBC,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,IAAI,EAAEC,YAAY,CAAC,GAAGpB,oBAAoB,CAAU;IACzDqB,IAAI,EAAEZ,QAAQ;IACda,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMc,OAAO,GAAG7B,WAAW,CACxB8B,OAAgB,IAAK;IACpBL,YAAY,CAACK,OAAO,CAAC;EACvB,CAAC,EACD,CAACL,YAAY,CACf,CAAC;EAED,MAAMM,EAAE,GAAG9B,KAAK,CAAC,CAAC;EAClB,MAAM+B,QAAQ,GAAG,UAAUD,EAAE,EAAE;EAC/B,MAAME,cAAc,GAAG9B,MAAM,CAA2B+B,SAAS,CAAC;EAElE,MAAMC,YAAY,GAAGjC,OAAO,CAC1B,OAAO;IACLsB,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBT,YAAY,EAAEc,OAAO;IACrBZ,oBAAoB;IACpBC,aAAa;IACbc,QAAQ;IACRb,IAAI;IACJc;EACF,CAAC,CAAC,EACF,CAACT,IAAI,EAAEK,OAAO,EAAEZ,oBAAoB,EAAEC,aAAa,EAAEc,QAAQ,EAAEb,IAAI,CACrE,CAAC;EAED,MAAMiB,IAAI,GAAGhB,OAAO,GAAGd,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,cAAc;IAAC4B,KAAK,EAAEF,YAAa;IAAAd,QAAA,eAClCV,IAAA,CAACyB,IAAI;MACHb,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAE+B,KAAK,EAAEd,IAAI,GAAG,MAAM,GAAG;MAAS,CAAC,CAAC,CAAC;MAAAH,QAAA,EAElFA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDT,UAAU,CAAC2B,WAAW,GAAG,YAAY","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX","OVERLAY_PLACEMENTS","getAnchoredOverlayPosition","OverlayContainer","OverlayInsetsProvider","OverlayStackProvider","useAnchorPosition","useAnchoredOverlay","useDismissOverlay","useEscapeKey","useOverlayStackRegistration","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","mapViewPropsToDom","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,SACEA,qBAAqB,EACrBC,4BAA4B,EAC5BC,kBAAkB,EAElBC,0BAA0B,EAC1BC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,EACZC,2BAA2B,EAC3BC,kBAAkB,QAmBb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,iBAAiB,QAAuC,2BAA2B;AAC5F,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX","OVERLAY_PLACEMENTS","getAnchoredOverlayPosition","OverlayContainer","OverlayInsetsProvider","OverlayStackProvider","useAnchorPosition","useAnchoredOverlay","useDismissOverlay","useEscapeKey","useOverlayStackRegistration","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","mapViewPropsToDom","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,SACEA,qBAAqB,EACrBC,4BAA4B,EAC5BC,kBAAkB,EAElBC,0BAA0B,EAC1BC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,EACZC,2BAA2B,EAC3BC,kBAAkB,QAmBb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,iBAAiB,QAAuC,2BAA2B;AAC5F,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
|
|
@@ -103,7 +103,8 @@ export function PortalProvider({
|
|
|
103
103
|
// --------------------------------------------------
|
|
104
104
|
|
|
105
105
|
export function PortalHost({
|
|
106
|
-
name = DEFAULT_PORTAL_HOST
|
|
106
|
+
name = DEFAULT_PORTAL_HOST,
|
|
107
|
+
container
|
|
107
108
|
}) {
|
|
108
109
|
const registry = React.useContext(PortalRegistryContext) ?? fallbackPortalRegistry;
|
|
109
110
|
const hostId = React.useRef(Symbol()).current;
|
|
@@ -125,7 +126,8 @@ export function PortalHost({
|
|
|
125
126
|
}, portalName))
|
|
126
127
|
});
|
|
127
128
|
if (Platform.OS === 'web' && createPortalFn && typeof document !== 'undefined') {
|
|
128
|
-
|
|
129
|
+
if (container === null) return null;
|
|
130
|
+
return createPortalFn(content, container ?? document.body);
|
|
129
131
|
}
|
|
130
132
|
return content;
|
|
131
133
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useSyncExternalStore","Platform","createPortalFn","jsx","_jsx","Fragment","_Fragment","DEFAULT_PORTAL_HOST","createPortalRegistry","map","Map","set","hostStacks","portalListeners","Set","hostListeners","hasWarnedMultipleHosts","fallbackPortalRegistry","PortalRegistryContext","createContext","emitPortals","registry","cb","emitHosts","subscribeHosts","add","delete","pushPortalHost","name","id","stacks","stack","get","push","__DEV__","length","console","warn","popPortalHost","filter","entry","isActivePortalHost","subscribePortals","updatePortal","hostName","children","next","portal","removePortal","size","PortalProvider","useState","Provider","value","PortalHost","useContext","hostId","useRef","Symbol","current","portalMap","content","Array","from","entries","portalName","OS","document","body","Portal","ROOT","flex","useModalPortalRoot","ref","offset","setSideOffSet","onLayout","useCallback","measure","_x","_y","_width","_height","_pageX","pageY","style"],"sourceRoot":"../../../src","sources":["portal/portal.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useEffect","useSyncExternalStore","Platform","createPortalFn","jsx","_jsx","Fragment","_Fragment","DEFAULT_PORTAL_HOST","createPortalRegistry","map","Map","set","hostStacks","portalListeners","Set","hostListeners","hasWarnedMultipleHosts","fallbackPortalRegistry","PortalRegistryContext","createContext","emitPortals","registry","cb","emitHosts","subscribeHosts","add","delete","pushPortalHost","name","id","stacks","stack","get","push","__DEV__","length","console","warn","popPortalHost","filter","entry","isActivePortalHost","subscribePortals","updatePortal","hostName","children","next","portal","removePortal","size","PortalProvider","useState","Provider","value","PortalHost","container","useContext","hostId","useRef","Symbol","current","portalMap","content","Array","from","entries","portalName","OS","document","body","Portal","ROOT","flex","useModalPortalRoot","ref","offset","setSideOffSet","onLayout","useCallback","measure","_x","_y","_width","_height","_pageX","pageY","style"],"sourceRoot":"../../../src","sources":["portal/portal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import React, { forwardRef, useCallback, useRef } from 'react';
|
|
|
4
4
|
import { Platform, View } from 'react-native';
|
|
5
5
|
import { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
6
6
|
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
7
|
-
import { OverlayContainer, useAnchoredOverlay, useDismissOverlay } from '../overlay';
|
|
7
|
+
import { OverlayContainer, useAnchoredOverlay, useDismissOverlay, useEscapeKey } from '../overlay';
|
|
8
8
|
import { Slot } from '../slot';
|
|
9
9
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
10
10
|
import { useSelectContext } from './context';
|
|
@@ -63,6 +63,7 @@ export const SelectContent = /*#__PURE__*/forwardRef(({
|
|
|
63
63
|
});
|
|
64
64
|
const mergedRef = mergeRefs(ref, focusOnMount, floatingRef);
|
|
65
65
|
useDismissOverlay(overlayOpen, contentRef, [triggerRef], dismiss);
|
|
66
|
+
useEscapeKey(overlayOpen, dismiss);
|
|
66
67
|
const {
|
|
67
68
|
handleKeyDown
|
|
68
69
|
} = useListboxNavigation({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useRef","Platform","View","FadeIn","FadeOut","composeEventHandlers","mergeRefs","OverlayContainer","useAnchoredOverlay","useDismissOverlay","Slot","dataAttributes","mergeDataAttributes","useSelectContext","useContentFocus","useListboxNavigation","jsx","_jsx","SelectContent","asChild","children","enteringAnimation","exitingAnimation","onLayout","style","placement","offset","crossOffset","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","value","onValueChange","native","triggerRef","items","contentRef","focusOnMount","node","current","OS","requestAnimationFrame","setTimeout","focus","dismiss","overlayOpen","floatingRef","onFloatingLayout","overlayStyle","position","collisionBehavior","width","mergedRef","handleKeyDown","onSelect","val","onDismiss","webProps","onKeyDown","tabIndex","Comp","entering","duration","exiting","role","id","state","side","resolvedPlacement","align","displayName"],"sourceRoot":"../../../src","sources":["select/SelectContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,MAAM,QAA2B,OAAO;AACjF,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,gBAAgB,EAAEC,kBAAkB,EAAEC,iBAAiB,QAAQ,YAAY;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useRef","Platform","View","FadeIn","FadeOut","composeEventHandlers","mergeRefs","OverlayContainer","useAnchoredOverlay","useDismissOverlay","useEscapeKey","Slot","dataAttributes","mergeDataAttributes","useSelectContext","useContentFocus","useListboxNavigation","jsx","_jsx","SelectContent","asChild","children","enteringAnimation","exitingAnimation","onLayout","style","placement","offset","crossOffset","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","value","onValueChange","native","triggerRef","items","contentRef","focusOnMount","node","current","OS","requestAnimationFrame","setTimeout","focus","dismiss","overlayOpen","floatingRef","onFloatingLayout","overlayStyle","position","collisionBehavior","width","mergedRef","handleKeyDown","onSelect","val","onDismiss","webProps","onKeyDown","tabIndex","Comp","entering","duration","exiting","role","id","state","side","resolvedPlacement","align","displayName"],"sourceRoot":"../../../src","sources":["select/SelectContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { Platform, View } from 'react-native';
|
|
5
|
+
import { composeEventHandlers, useControllableState } from '@cdx-ui/utils';
|
|
6
|
+
import { Slot } from '../slot';
|
|
7
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { ToggleButtonGroupContextProvider } from './context';
|
|
9
|
+
import { useToggleButtonGroupNavigation } from './useToggleButtonGroupNavigation';
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
// Map insertion order drifts when an item re-registers (e.g. its disabled state changes)
|
|
12
|
+
// or mounts conditionally, so navigation order is derived from document position instead.
|
|
13
|
+
function getItemsInRenderedOrder(items) {
|
|
14
|
+
const entries = Array.from(items.entries());
|
|
15
|
+
if (Platform.OS !== 'web' || typeof Node === 'undefined') {
|
|
16
|
+
return entries;
|
|
17
|
+
}
|
|
18
|
+
return entries.sort(([, first], [, second]) => {
|
|
19
|
+
const firstNode = first.node;
|
|
20
|
+
const secondNode = second.node;
|
|
21
|
+
if (!firstNode?.compareDocumentPosition || !secondNode) {
|
|
22
|
+
return 0;
|
|
23
|
+
}
|
|
24
|
+
const position = firstNode.compareDocumentPosition(secondNode);
|
|
25
|
+
if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
|
|
26
|
+
return -1;
|
|
27
|
+
}
|
|
28
|
+
if (position & Node.DOCUMENT_POSITION_PRECEDING) {
|
|
29
|
+
return 1;
|
|
30
|
+
}
|
|
31
|
+
return 0;
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function getAnchorValue(type, state) {
|
|
35
|
+
if (type === 'single') {
|
|
36
|
+
return typeof state === 'string' ? state : undefined;
|
|
37
|
+
}
|
|
38
|
+
if (Array.isArray(state) && state.length > 0) {
|
|
39
|
+
return state[0];
|
|
40
|
+
}
|
|
41
|
+
return undefined;
|
|
42
|
+
}
|
|
43
|
+
export const ToggleButtonGroup = /*#__PURE__*/forwardRef((props, ref) => {
|
|
44
|
+
const {
|
|
45
|
+
asChild = false,
|
|
46
|
+
children,
|
|
47
|
+
className,
|
|
48
|
+
style,
|
|
49
|
+
type: typeProp = 'single',
|
|
50
|
+
value: valueProp,
|
|
51
|
+
defaultValue,
|
|
52
|
+
onValueChange,
|
|
53
|
+
isDisabled = false,
|
|
54
|
+
orientation = 'horizontal',
|
|
55
|
+
'aria-label': ariaLabel,
|
|
56
|
+
'aria-labelledby': ariaLabelledBy,
|
|
57
|
+
...rest
|
|
58
|
+
} = props;
|
|
59
|
+
const type = typeProp;
|
|
60
|
+
const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
|
|
61
|
+
const [state, setState] = useControllableState({
|
|
62
|
+
prop: valueProp,
|
|
63
|
+
defaultProp,
|
|
64
|
+
onChange: next => {
|
|
65
|
+
if (next !== undefined) {
|
|
66
|
+
onValueChange?.(next);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
const [focusedValue, setFocusedValue] = useState(undefined);
|
|
71
|
+
const [registrationEpoch, setRegistrationEpoch] = useState(0);
|
|
72
|
+
const itemsRef = useRef(new Map());
|
|
73
|
+
|
|
74
|
+
// Single-select: if the parent changes `value`, drop a stale roving tab stop so
|
|
75
|
+
// arrow keys follow the selected item. Multiple-select keeps focus on the last
|
|
76
|
+
// pressed/focused item even when it is no longer selected.
|
|
77
|
+
useEffect(() => {
|
|
78
|
+
if (type !== 'single') {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const selectedId = typeof state === 'string' ? state : undefined;
|
|
82
|
+
setFocusedValue(prev => prev !== undefined && prev !== selectedId ? undefined : prev);
|
|
83
|
+
}, [type, state]);
|
|
84
|
+
const getItems = useCallback(() => getItemsInRenderedOrder(itemsRef.current), [registrationEpoch]);
|
|
85
|
+
const registerItem = useCallback((itemValue, entry) => {
|
|
86
|
+
itemsRef.current.set(itemValue, entry);
|
|
87
|
+
setRegistrationEpoch(epoch => epoch + 1);
|
|
88
|
+
}, []);
|
|
89
|
+
const unregisterItem = useCallback(itemValue => {
|
|
90
|
+
itemsRef.current.delete(itemValue);
|
|
91
|
+
setRegistrationEpoch(epoch => epoch + 1);
|
|
92
|
+
}, []);
|
|
93
|
+
const isSelected = useCallback(buttonValue => {
|
|
94
|
+
if (type === 'single') {
|
|
95
|
+
return state === buttonValue;
|
|
96
|
+
}
|
|
97
|
+
return Array.isArray(state) && state.includes(buttonValue);
|
|
98
|
+
}, [type, state]);
|
|
99
|
+
const toggleValue = useCallback(buttonValue => {
|
|
100
|
+
if (isDisabled) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
if (type === 'single') {
|
|
104
|
+
if (state === buttonValue) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
setState(buttonValue);
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
const arr = Array.isArray(state) ? [...state] : [];
|
|
111
|
+
const idx = arr.indexOf(buttonValue);
|
|
112
|
+
if (idx >= 0) {
|
|
113
|
+
arr.splice(idx, 1);
|
|
114
|
+
setState(arr);
|
|
115
|
+
} else {
|
|
116
|
+
arr.push(buttonValue);
|
|
117
|
+
setState(arr);
|
|
118
|
+
}
|
|
119
|
+
}, [isDisabled, type, state, setState]);
|
|
120
|
+
const anchorValue = getAnchorValue(type, state);
|
|
121
|
+
const {
|
|
122
|
+
handleKeyDown
|
|
123
|
+
} = useToggleButtonGroupNavigation({
|
|
124
|
+
type,
|
|
125
|
+
orientation,
|
|
126
|
+
getItems,
|
|
127
|
+
focusedValue,
|
|
128
|
+
setFocusedValue,
|
|
129
|
+
anchorValue,
|
|
130
|
+
selectOnFocus: type === 'single' ? toggleValue : undefined
|
|
131
|
+
});
|
|
132
|
+
const webProps = Platform.OS === 'web' ? {
|
|
133
|
+
onKeyDown: composeEventHandlers(rest.onKeyDown, handleKeyDown)
|
|
134
|
+
} : {};
|
|
135
|
+
const contextValue = useMemo(() => ({
|
|
136
|
+
type,
|
|
137
|
+
orientation,
|
|
138
|
+
value: state,
|
|
139
|
+
toggleValue,
|
|
140
|
+
isSelected,
|
|
141
|
+
isGroupDisabled: isDisabled,
|
|
142
|
+
focusedValue,
|
|
143
|
+
setFocusedValue,
|
|
144
|
+
registerItem,
|
|
145
|
+
unregisterItem,
|
|
146
|
+
getItems
|
|
147
|
+
}), [type, orientation, state, toggleValue, isSelected, isDisabled, focusedValue, registerItem, unregisterItem, getItems]);
|
|
148
|
+
|
|
149
|
+
// `AccessibilityRole` has no `group` member, so multiple-select relies on the `role` prop,
|
|
150
|
+
// which RN resolves natively and ranks above `accessibilityRole`.
|
|
151
|
+
const role = rest.role ?? (type === 'single' ? 'radiogroup' : 'group');
|
|
152
|
+
const Comp = asChild ? Slot : View;
|
|
153
|
+
return /*#__PURE__*/_jsx(ToggleButtonGroupContextProvider, {
|
|
154
|
+
value: contextValue,
|
|
155
|
+
children: /*#__PURE__*/_jsx(Comp, {
|
|
156
|
+
ref: ref,
|
|
157
|
+
...rest,
|
|
158
|
+
role: role,
|
|
159
|
+
...(type === 'single' ? {
|
|
160
|
+
accessibilityRole: 'radiogroup'
|
|
161
|
+
} : {}),
|
|
162
|
+
...(ariaLabel ? {
|
|
163
|
+
'aria-label': ariaLabel,
|
|
164
|
+
accessibilityLabel: ariaLabel
|
|
165
|
+
} : {}),
|
|
166
|
+
...(ariaLabelledBy ? {
|
|
167
|
+
'aria-labelledby': ariaLabelledBy
|
|
168
|
+
} : {}),
|
|
169
|
+
className: className,
|
|
170
|
+
style: style,
|
|
171
|
+
...mergeDataAttributes(rest, dataAttributes({
|
|
172
|
+
orientation,
|
|
173
|
+
disabled: isDisabled
|
|
174
|
+
})),
|
|
175
|
+
...webProps,
|
|
176
|
+
children: children
|
|
177
|
+
})
|
|
178
|
+
});
|
|
179
|
+
});
|
|
180
|
+
ToggleButtonGroup.displayName = 'ToggleButtonGroup';
|
|
181
|
+
//# sourceMappingURL=ToggleButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","Platform","View","composeEventHandlers","useControllableState","Slot","dataAttributes","mergeDataAttributes","ToggleButtonGroupContextProvider","useToggleButtonGroupNavigation","jsx","_jsx","getItemsInRenderedOrder","items","entries","Array","from","OS","Node","sort","first","second","firstNode","node","secondNode","compareDocumentPosition","position","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","getAnchorValue","type","state","undefined","isArray","length","ToggleButtonGroup","props","ref","asChild","children","className","style","typeProp","value","valueProp","defaultValue","onValueChange","isDisabled","orientation","ariaLabel","ariaLabelledBy","rest","defaultProp","setState","prop","onChange","next","focusedValue","setFocusedValue","registrationEpoch","setRegistrationEpoch","itemsRef","Map","selectedId","prev","getItems","current","registerItem","itemValue","entry","set","epoch","unregisterItem","delete","isSelected","buttonValue","includes","toggleValue","arr","idx","indexOf","splice","push","anchorValue","handleKeyDown","selectOnFocus","webProps","onKeyDown","contextValue","isGroupDisabled","role","Comp","accessibilityRole","accessibilityLabel","disabled","displayName"],"sourceRoot":"../../../src","sources":["toggle-button/ToggleButtonGroup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useMemo } from 'react';
|
|
4
|
+
import { Pressable } from 'react-native';
|
|
5
|
+
import { composeEventHandlers, useControllableState } from '@cdx-ui/utils';
|
|
6
|
+
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
7
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
8
|
+
import { Slot } from '../slot';
|
|
9
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
10
|
+
import { ToggleButtonProvider, useOptionalToggleButtonGroupContext } from './context';
|
|
11
|
+
import { getToggleState } from './toggleState';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export const ToggleButtonRoot = /*#__PURE__*/forwardRef(({
|
|
14
|
+
asChild = false,
|
|
15
|
+
value,
|
|
16
|
+
isSelected: controlledSelected,
|
|
17
|
+
defaultSelected,
|
|
18
|
+
onSelectedChange,
|
|
19
|
+
isDisabled: isDisabledProp = false,
|
|
20
|
+
children,
|
|
21
|
+
onPress,
|
|
22
|
+
onFocus,
|
|
23
|
+
onBlur,
|
|
24
|
+
style,
|
|
25
|
+
...rest
|
|
26
|
+
}, ref) => {
|
|
27
|
+
const group = useOptionalToggleButtonGroupContext();
|
|
28
|
+
const [standaloneSelected = false, setStandaloneSelected] = useControllableState({
|
|
29
|
+
prop: controlledSelected,
|
|
30
|
+
defaultProp: defaultSelected ?? false,
|
|
31
|
+
onChange: next => {
|
|
32
|
+
onSelectedChange?.(next);
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
const isSelected = group ? group.isSelected(value) : standaloneSelected;
|
|
36
|
+
const isDisabled = (group?.isGroupDisabled ?? false) || isDisabledProp;
|
|
37
|
+
const {
|
|
38
|
+
focusProps,
|
|
39
|
+
isFocused
|
|
40
|
+
} = useFocus();
|
|
41
|
+
const {
|
|
42
|
+
isFocusVisible,
|
|
43
|
+
focusProps: focusRingProps
|
|
44
|
+
} = useFocusRing();
|
|
45
|
+
const {
|
|
46
|
+
pressProps,
|
|
47
|
+
isPressed
|
|
48
|
+
} = usePress({
|
|
49
|
+
isDisabled
|
|
50
|
+
});
|
|
51
|
+
const {
|
|
52
|
+
hoverProps,
|
|
53
|
+
isHovered
|
|
54
|
+
} = useHover();
|
|
55
|
+
const selectionType = group ? group.type : 'standalone';
|
|
56
|
+
const role = selectionType === 'single' ? 'radio' : 'button';
|
|
57
|
+
const accessibilityState = useMemo(() => ({
|
|
58
|
+
disabled: isDisabled,
|
|
59
|
+
...(selectionType === 'single' ? {
|
|
60
|
+
checked: isSelected,
|
|
61
|
+
selected: isSelected
|
|
62
|
+
} : {
|
|
63
|
+
selected: isSelected
|
|
64
|
+
})
|
|
65
|
+
}), [isDisabled, isSelected, selectionType]);
|
|
66
|
+
const ariaProps = selectionType === 'single' ? {
|
|
67
|
+
'aria-checked': isSelected
|
|
68
|
+
} : {
|
|
69
|
+
'aria-pressed': isSelected
|
|
70
|
+
};
|
|
71
|
+
const toggleButtonContext = useMemo(() => ({
|
|
72
|
+
value,
|
|
73
|
+
isSelected,
|
|
74
|
+
isDisabled,
|
|
75
|
+
selectionType,
|
|
76
|
+
hover: isHovered,
|
|
77
|
+
active: isPressed,
|
|
78
|
+
focus: isFocused,
|
|
79
|
+
focusVisible: isFocusVisible
|
|
80
|
+
}), [value, isSelected, isDisabled, selectionType, isHovered, isPressed, isFocused, isFocusVisible]);
|
|
81
|
+
const composedOnPress = composeEventHandlers(onPress, () => {
|
|
82
|
+
if (isDisabled) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (group) {
|
|
86
|
+
group.toggleValue(value);
|
|
87
|
+
} else {
|
|
88
|
+
setStandaloneSelected(!standaloneSelected);
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const Comp = asChild ? Slot : Pressable;
|
|
92
|
+
return /*#__PURE__*/_jsx(ToggleButtonProvider, {
|
|
93
|
+
value: toggleButtonContext,
|
|
94
|
+
children: /*#__PURE__*/_jsx(Comp, {
|
|
95
|
+
ref: ref,
|
|
96
|
+
accessibilityRole: role,
|
|
97
|
+
role: role,
|
|
98
|
+
accessibilityState: accessibilityState,
|
|
99
|
+
...ariaProps,
|
|
100
|
+
...(isDisabled ? {
|
|
101
|
+
'aria-disabled': true
|
|
102
|
+
} : {}),
|
|
103
|
+
disabled: isDisabled,
|
|
104
|
+
...rest,
|
|
105
|
+
...mergeDataAttributes(rest, dataAttributes({
|
|
106
|
+
selected: isSelected,
|
|
107
|
+
disabled: isDisabled,
|
|
108
|
+
active: isPressed,
|
|
109
|
+
hover: isHovered,
|
|
110
|
+
focus: isFocused,
|
|
111
|
+
focusVisible: isFocusVisible,
|
|
112
|
+
toggleState: getToggleState(isSelected, isPressed, isHovered)
|
|
113
|
+
})),
|
|
114
|
+
style: style,
|
|
115
|
+
onPress: isDisabled ? undefined : composedOnPress,
|
|
116
|
+
onPressIn: composeEventHandlers(rest.onPressIn, pressProps.onPressIn),
|
|
117
|
+
onPressOut: composeEventHandlers(rest.onPressOut, pressProps.onPressOut),
|
|
118
|
+
onHoverIn: composeEventHandlers(rest.onHoverIn, hoverProps.onHoverIn),
|
|
119
|
+
onHoverOut: composeEventHandlers(rest.onHoverOut, hoverProps.onHoverOut),
|
|
120
|
+
onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
121
|
+
onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
122
|
+
children: children
|
|
123
|
+
})
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
ToggleButtonRoot.displayName = 'ToggleButtonRoot';
|
|
127
|
+
//# sourceMappingURL=ToggleButtonRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","Pressable","composeEventHandlers","useControllableState","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ToggleButtonProvider","useOptionalToggleButtonGroupContext","getToggleState","jsx","_jsx","ToggleButtonRoot","asChild","value","isSelected","controlledSelected","defaultSelected","onSelectedChange","isDisabled","isDisabledProp","children","onPress","onFocus","onBlur","style","rest","ref","group","standaloneSelected","setStandaloneSelected","prop","defaultProp","onChange","next","isGroupDisabled","focusProps","isFocused","isFocusVisible","focusRingProps","pressProps","isPressed","hoverProps","isHovered","selectionType","type","role","accessibilityState","disabled","checked","selected","ariaProps","toggleButtonContext","hover","active","focus","focusVisible","composedOnPress","toggleValue","Comp","accessibilityRole","toggleState","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","displayName"],"sourceRoot":"../../../src","sources":["toggle-button/ToggleButtonRoot.tsx"],"mappings":"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","ignoreList":[]}
|