@orioncactuscorp/ui 1.13.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +155 -0
- package/README.md +133 -36
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/CheckMark/CheckMark.js +19 -17
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Checkbox/Checkbox.js +38 -36
- package/dist/components/FloatingWindow/FloatingWindow.css +1 -0
- package/dist/components/FloatingWindow/FloatingWindow.js +693 -0
- package/dist/components/FloatingWindow/FloatingWindow.module.scss.js +17 -0
- package/dist/components/FloatingWindow/FloatingWindowManager.js +36 -0
- package/dist/components/FloatingWindow/contexts.js +25 -0
- package/dist/components/FloatingWindow/geometry.js +222 -0
- package/dist/components/FloatingWindow/stack.js +31 -0
- package/dist/components/FloatingWindow.d.ts +6 -0
- package/dist/components/FloatingWindow.js +18 -0
- package/dist/components/Interaction/Interaction.css +1 -1
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Menu/Menu.js +95 -87
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +558 -723
- package/dist/components/Modal/Modal.module.scss.js +69 -60
- package/dist/components/Modal/initialFocus.js +11 -0
- package/dist/components/Modal/keyboardSession.js +104 -0
- package/dist/components/Modal/snapPoints.js +95 -82
- package/dist/components/Modal/useModalDrag.js +730 -762
- package/dist/components/Modal/useModalKeyboardAvoidance.js +159 -0
- package/dist/components/Modal/useModalViewportGeometry.js +36 -0
- package/dist/components/PositionSnap/PositionSnap.css +1 -0
- package/dist/components/PositionSnap/PositionSnap.js +330 -0
- package/dist/components/PositionSnap/PositionSnap.module.scss.js +9 -0
- package/dist/components/PositionSnap/contexts.js +12 -0
- package/dist/components/PositionSnap/geometry.js +75 -0
- package/dist/components/PositionSnap/gesture.js +7 -0
- package/dist/components/PositionSnap/policy.js +60 -0
- package/dist/components/PositionSnap.d.ts +6 -0
- package/dist/components/PositionSnap.js +7 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.css +1 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.js +45 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.module.scss.js +13 -0
- package/dist/components/ProgressIndicator.d.ts +6 -0
- package/dist/components/ProgressIndicator.js +4 -0
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/Radio/Radio.js +26 -24
- package/dist/components/Switch/Switch.css +1 -1
- package/dist/components/Switch/Switch.js +18 -16
- package/dist/components/Tabs/Tabs.css +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/components/Tooltip/Tooltip.js +59 -56
- package/dist/components/Tooltip/Tooltip.module.scss.js +6 -4
- package/dist/components/internal/ModalPresentation.js +361 -0
- package/dist/components/internal/OverlayPortalContext.js +20 -0
- package/dist/index.js +135 -112
- package/dist/styles.css +13 -10
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts +1 -1
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/types.d.ts +2 -1
- package/dist/ui/src/components/CheckMark/types.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/types.d.ts +2 -1
- package/dist/ui/src/components/Checkbox/types.d.ts.map +1 -1
- package/dist/ui/src/components/FloatingWindow/FloatingWindow.d.ts +32 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindow.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindowManager.d.ts +4 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindowManager.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/contexts.d.ts +36 -0
- package/dist/ui/src/components/FloatingWindow/contexts.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/geometry.d.ts +31 -0
- package/dist/ui/src/components/FloatingWindow/geometry.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/index.d.ts +4 -0
- package/dist/ui/src/components/FloatingWindow/index.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/stack.d.ts +9 -0
- package/dist/ui/src/components/FloatingWindow/stack.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/types.d.ts +121 -0
- package/dist/ui/src/components/FloatingWindow/types.d.ts.map +1 -0
- package/dist/ui/src/components/Interaction/index.d.ts +1 -1
- package/dist/ui/src/components/Interaction/index.d.ts.map +1 -1
- package/dist/ui/src/components/Interaction/types.d.ts +9 -1
- package/dist/ui/src/components/Interaction/types.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/Menu.d.ts +2 -2
- package/dist/ui/src/components/Menu/Menu.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/types.d.ts +9 -2
- package/dist/ui/src/components/Menu/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts +2 -2
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/contexts.d.ts +3 -0
- package/dist/ui/src/components/Modal/contexts.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/initialFocus.d.ts +18 -0
- package/dist/ui/src/components/Modal/initialFocus.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/keyboardSession.d.ts +46 -0
- package/dist/ui/src/components/Modal/keyboardSession.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/snapPoints.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +17 -2
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts +17 -0
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts +9 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts +11 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts +17 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts +2 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts +3 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts +24 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts +4 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts +3 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts +17 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts.map +1 -0
- package/dist/ui/src/components/Radio/Radio.d.ts +1 -1
- package/dist/ui/src/components/Radio/Radio.d.ts.map +1 -1
- package/dist/ui/src/components/Radio/types.d.ts +2 -1
- package/dist/ui/src/components/Radio/types.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/types.d.ts +2 -1
- package/dist/ui/src/components/Switch/types.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/types.d.ts +6 -0
- package/dist/ui/src/components/Tooltip/types.d.ts.map +1 -1
- package/dist/ui/src/components/internal/ModalPresentation.d.ts +62 -0
- package/dist/ui/src/components/internal/ModalPresentation.d.ts.map +1 -0
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts +10 -0
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts.map +1 -0
- package/dist/ui/src/index.d.ts +7 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/dist/ui/src/utils/motion.d.ts.map +1 -1
- package/dist/utils/motion.js +194 -135
- package/docs/api-conventions.md +4 -0
- package/docs/motion.md +4 -0
- package/docs/overlay-stacking.md +48 -0
- package/docs/responsive-foundation-profile.md +1 -1
- package/docs/scss-helpers.md +110 -5
- package/docs/selector-contract.md +126 -2
- package/docs/tokens.md +2 -0
- package/package.json +1 -1
- package/src/scss/foundations/atomic.scss +9 -8
- package/src/scss/index.scss +2 -0
- package/src/scss/mixins/_fluid.scss +57 -0
- package/src/scss/mixins/_fluid.test.ts +87 -0
- package/src/scss/mixins/_gradient.scss +99 -0
- package/src/scss/mixins/_gradient.test.ts +111 -0
- package/src/scss/mixins/_responsive.scss +2 -1
- package/src/scss/mixins/_typo.scss +2 -1
- package/src/scss/mixins/_units.scss +14 -0
- package/src/scss/mixins/_utils.scss +3 -22
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CheckMarkProps } from './types';
|
|
2
|
-
declare function CheckMark({ children, className, size, onChange, onCheckedChange, ref, ...props }: CheckMarkProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function CheckMark({ children, className, size, onChange, onCheckedChange, ref, 'data-oc-interaction-variant': interactionVariant, ...props }: CheckMarkProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default CheckMark;
|
|
4
4
|
//# sourceMappingURL=CheckMark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckMark/CheckMark.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAc,EACd,IAAe,EACf,QAAQ,EACR,eAAe,EACf,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"CheckMark.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckMark/CheckMark.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAc,EACd,IAAe,EACf,QAAQ,EACR,eAAe,EACf,GAAG,EACH,6BAA6B,EAAE,kBAAkB,EACjD,GAAG,KAAK,EACT,EAAE,cAAc,2CAoChB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { InteractionHostProps } from '../Interaction';
|
|
2
3
|
export type CheckMarkSize = 'medium' | 'small';
|
|
3
|
-
export interface CheckMarkProps extends Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size'> {
|
|
4
|
+
export interface CheckMarkProps extends InteractionHostProps, Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size' | keyof InteractionHostProps> {
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
size?: CheckMarkSize;
|
|
6
7
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckMark/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CheckMark/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,cACf,SACE,oBAAoB,EACpB,IAAI,CACF,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,MAAM,GAAG,MAAM,GAAG,MAAM,oBAAoB,CAC7C;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CheckboxProps } from './types';
|
|
2
|
-
declare function Checkbox({ children, className, size, fill, indeterminate, trailingCompound, onChange, onCheckedChange, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function Checkbox({ children, className, size, fill, indeterminate, trailingCompound, onChange, onCheckedChange, ref, 'data-oc-interaction-variant': interactionVariant, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Checkbox;
|
|
4
4
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAc,EACd,IAAe,EACf,IAAY,EACZ,aAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAc,EACd,IAAe,EACf,IAAY,EACZ,aAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,GAAG,EACH,6BAA6B,EAAE,kBAAkB,EACjD,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Ef;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { InteractionHostProps } from '../Interaction';
|
|
2
3
|
export type CheckboxSize = 'medium' | 'small';
|
|
3
|
-
export interface CheckboxProps extends Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size'> {
|
|
4
|
+
export interface CheckboxProps extends InteractionHostProps, Omit<React.ComponentPropsWithRef<'input'>, 'type' | 'size' | keyof InteractionHostProps> {
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
indeterminate?: boolean;
|
|
6
7
|
size?: CheckboxSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9C,MAAM,WAAW,aACf,SACE,oBAAoB,EACpB,IAAI,CACF,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,MAAM,GAAG,MAAM,GAAG,MAAM,oBAAoB,CAC7C;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { FloatingWindowBodyProps, FloatingWindowCloseProps, FloatingWindowContentProps, FloatingWindowDescriptionProps, FloatingWindowDragHandleProps, FloatingWindowFooterProps, FloatingWindowHeaderProps, FloatingWindowNavigationSectionProps, FloatingWindowRootProps, FloatingWindowTitleProps, FloatingWindowTriggerProps, ModalWindowRootProps } from './types';
|
|
2
|
+
import { FloatingWindowManager } from './FloatingWindowManager';
|
|
3
|
+
export declare function FloatingWindowRoot(props: FloatingWindowRootProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function ModalWindowRoot({ modal, ...props }: ModalWindowRootProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function FloatingWindowTrigger({ children, className, render, nativeButton, ref, }: FloatingWindowTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function FloatingWindowContent({ children, className, style, position, defaultPosition, placement, side, alignment, sideOffset, alignOffset, anchor, onPositionChange, onPositionCommit, collisionBoundary, collisionPadding, collisionAvoidance, dragHandleVisibility, draggable, backdrop, size, resize, container, initialFocus, stackLevel, ...props }: FloatingWindowContentProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function FloatingWindowDragHandle({ children, className, onPointerDown, ...props }: FloatingWindowDragHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function FloatingWindowHeader({ title, leadingContent, trailingContent, closeButton, closeLabel, draggable, children, className, onPointerDown, ref, ...props }: FloatingWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function FloatingWindowNavigationSection({ handle, ...props }: FloatingWindowNavigationSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function FloatingWindowBody({ children, className, layout, containerClassName, containerProps, ref, ...props }: FloatingWindowBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function FloatingWindowFooter({ children, className, background, ...props }: FloatingWindowFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function FloatingWindowTitle({ className, ref, ...props }: FloatingWindowTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function FloatingWindowDescription(props: FloatingWindowDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function FloatingWindowClose(props: FloatingWindowCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare const FloatingWindow: typeof FloatingWindowRoot & {
|
|
16
|
+
Manager: typeof FloatingWindowManager;
|
|
17
|
+
Root: typeof FloatingWindowRoot;
|
|
18
|
+
ModalRoot: typeof ModalWindowRoot;
|
|
19
|
+
Trigger: typeof FloatingWindowTrigger;
|
|
20
|
+
Content: typeof FloatingWindowContent;
|
|
21
|
+
DragHandle: typeof FloatingWindowDragHandle;
|
|
22
|
+
Header: typeof FloatingWindowHeader;
|
|
23
|
+
NavigationSection: typeof FloatingWindowNavigationSection;
|
|
24
|
+
Body: typeof FloatingWindowBody;
|
|
25
|
+
Footer: typeof FloatingWindowFooter;
|
|
26
|
+
Title: typeof FloatingWindowTitle;
|
|
27
|
+
Description: typeof FloatingWindowDescription;
|
|
28
|
+
Close: typeof FloatingWindowClose;
|
|
29
|
+
};
|
|
30
|
+
export default FloatingWindow;
|
|
31
|
+
export { FloatingWindowManager };
|
|
32
|
+
//# sourceMappingURL=FloatingWindow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingWindow.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/FloatingWindow.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAEV,uBAAuB,EACvB,wBAAwB,EACxB,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,oCAAoC,EAGpC,uBAAuB,EAEvB,wBAAwB,EACxB,0BAA0B,EAC1B,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA8OhE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQhE;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAY,EACZ,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAStB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAc,EACd,MAAM,EACN,YAAY,EACZ,GAAG,GACJ,EAAE,0BAA0B,2CAkB5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,QAAQ,EACR,eAAe,EACf,SAAS,EACT,IAAe,EACf,SAAoB,EACpB,UAAe,EACf,WAAe,EACf,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EAChB,iBAA8B,EAC9B,gBAAqB,EACrB,kBAAkB,EAClB,oBAAyB,EACzB,SAAgB,EAChB,QAAiB,EACjB,IAAe,EACf,MAAkB,EAClB,SAAS,EACT,YAAY,EACZ,UAAc,EACd,GAAG,KAAK,EACT,EAAE,0BAA0B,2CA4d5B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,aAAa,EACb,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAiB/B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,cAAc,EACd,eAAe,EACf,WAAkB,EAClB,UAAiB,EACjB,SAAgB,EAChB,QAAQ,EACR,SAAc,EACd,aAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,EAAE,yBAAyB,2CA0B3B;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,MAAa,EACb,GAAG,KAAK,EACT,EAAE,oCAAoC,2CAYtC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAc,EACd,MAAkB,EAClB,kBAAuB,EACvB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2BzB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,UAAmB,EACnB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkB3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAe1B;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAGtC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAuBlE;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;CAclB,CAAC;AAEH,eAAe,cAAc,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FloatingWindowManagerProps } from './types';
|
|
2
|
+
export declare function FloatingWindowManager({ children, }: FloatingWindowManagerProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default FloatingWindowManager;
|
|
4
|
+
//# sourceMappingURL=FloatingWindowManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingWindowManager.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/FloatingWindowManager.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE,0BAA0B,2CA+C5B;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ModalScrollState } from '../Modal/modalScrollArbitration';
|
|
3
|
+
import { FloatingWindowModality } from './types';
|
|
4
|
+
interface FloatingWindowManagerContextValue {
|
|
5
|
+
activeWindowId?: string;
|
|
6
|
+
activateWindow: (windowId: string) => void;
|
|
7
|
+
registerWindow: (windowId: string, modality: FloatingWindowModality) => () => void;
|
|
8
|
+
stackLevels: ReadonlyMap<string, number>;
|
|
9
|
+
}
|
|
10
|
+
interface FloatingWindowRootContextValue {
|
|
11
|
+
defaultBackdrop: 'visible' | 'hidden';
|
|
12
|
+
modal: boolean | 'trap-focus';
|
|
13
|
+
manager: FloatingWindowManagerContextValue | null;
|
|
14
|
+
presentation: 'floating' | 'modal';
|
|
15
|
+
onActivate?: (windowId: string | undefined) => void;
|
|
16
|
+
setTriggerNode: (node: HTMLElement | null) => void;
|
|
17
|
+
triggerNode: HTMLElement | null;
|
|
18
|
+
windowId?: string;
|
|
19
|
+
}
|
|
20
|
+
interface FloatingWindowContentContextValue {
|
|
21
|
+
bodyNode: HTMLElement | null;
|
|
22
|
+
draggable: boolean;
|
|
23
|
+
scrollState: ModalScrollState;
|
|
24
|
+
setBodyNode: (node: HTMLElement | null) => void;
|
|
25
|
+
setScrollState: (state: ModalScrollState) => void;
|
|
26
|
+
setTitleNode: (node: HTMLElement | null) => void;
|
|
27
|
+
startDrag: (event: React.PointerEvent<HTMLElement>) => void;
|
|
28
|
+
}
|
|
29
|
+
export declare const FloatingWindowRootContext: React.Context<FloatingWindowRootContextValue | null>;
|
|
30
|
+
export declare const FloatingWindowContentContext: React.Context<FloatingWindowContentContextValue | null>;
|
|
31
|
+
export declare const FloatingWindowManagerContext: React.Context<FloatingWindowManagerContextValue | null>;
|
|
32
|
+
export declare function useFloatingWindowManagerContext(): FloatingWindowManagerContextValue | null;
|
|
33
|
+
export declare function useFloatingWindowRootContext(component: string): FloatingWindowRootContextValue;
|
|
34
|
+
export declare function useFloatingWindowContentContext(component: string): FloatingWindowContentContextValue;
|
|
35
|
+
export {};
|
|
36
|
+
//# sourceMappingURL=contexts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/contexts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,UAAU,iCAAiC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,sBAAsB,KAC7B,MAAM,IAAI,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,UAAU,8BAA8B;IACtC,eAAe,EAAE,SAAS,GAAG,QAAQ,CAAC;IACtC,KAAK,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,OAAO,EAAE,iCAAiC,GAAG,IAAI,CAAC;IAClD,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,iCAAiC;IACzC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,yBAAyB,sDACsB,CAAC;AAC7D,eAAO,MAAM,4BAA4B,yDACsB,CAAC;AAChE,eAAO,MAAM,4BAA4B,yDACsB,CAAC;AAEhE,wBAAgB,+BAA+B,6CAE9C;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,MAAM,kCAQ7D;AAED,wBAAgB,+BAA+B,CAAC,SAAS,EAAE,MAAM,qCAQhE"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { FloatingWindowAlignment, FloatingWindowCollisionAvoidance, FloatingWindowPosition, FloatingWindowRect, FloatingWindowSide, FloatingWindowSize } from './types';
|
|
2
|
+
export declare function resolveAnchoredFloatingWindowPosition({ alignOffset, alignment, anchor, boundary, collisionAvoidance, direction, padding, side, sideOffset, size, }: {
|
|
3
|
+
alignOffset: number;
|
|
4
|
+
alignment: FloatingWindowAlignment;
|
|
5
|
+
anchor: FloatingWindowRect;
|
|
6
|
+
boundary: FloatingWindowRect;
|
|
7
|
+
collisionAvoidance: FloatingWindowCollisionAvoidance;
|
|
8
|
+
direction: 'ltr' | 'rtl';
|
|
9
|
+
padding: number;
|
|
10
|
+
side: FloatingWindowSide;
|
|
11
|
+
sideOffset: number;
|
|
12
|
+
size: FloatingWindowSize;
|
|
13
|
+
}): {
|
|
14
|
+
alignment: FloatingWindowAlignment;
|
|
15
|
+
position: FloatingWindowPosition;
|
|
16
|
+
side: FloatingWindowSide;
|
|
17
|
+
};
|
|
18
|
+
export declare function resolveCenteredFloatingWindowPosition({ boundary, size, }: {
|
|
19
|
+
boundary: FloatingWindowRect;
|
|
20
|
+
size: FloatingWindowSize;
|
|
21
|
+
}): FloatingWindowPosition;
|
|
22
|
+
export declare function constrainFloatingWindowPosition({ boundary, dragHandleHeight, padding, position, size, }: {
|
|
23
|
+
boundary: FloatingWindowRect;
|
|
24
|
+
dragHandleHeight: number;
|
|
25
|
+
padding: number;
|
|
26
|
+
position: FloatingWindowPosition;
|
|
27
|
+
size: FloatingWindowSize;
|
|
28
|
+
}): FloatingWindowPosition;
|
|
29
|
+
export declare function getFloatingWindowRect(element: Element): FloatingWindowRect;
|
|
30
|
+
export declare function getFloatingWindowBoundaryRect(boundary: 'viewport' | HTMLElement | undefined): FloatingWindowRect;
|
|
31
|
+
//# sourceMappingURL=geometry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,gCAAgC,EAChC,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAyIjB,wBAAgB,qCAAqC,CAAC,EACpD,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,GACL,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,uBAAuB,CAAC;IACnC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,CAAC;CAC1B,GAAG;IACF,SAAS,EAAE,uBAAuB,CAAC;IACnC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAyHA;AAED,wBAAgB,qCAAqC,CAAC,EACpD,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,kBAAkB,CAAC;CAC1B,GAAG,sBAAsB,CAKzB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,IAAI,EAAE,kBAAkB,CAAC;CAC1B,GAAG,sBAAsB,CAiBzB;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,kBAAkB,CAS1E;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,GAC7C,kBAAkB,CAapB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default, FloatingWindowBody, FloatingWindowClose, FloatingWindowContent, FloatingWindowDescription, FloatingWindowDragHandle, FloatingWindowFooter, FloatingWindowHeader, FloatingWindowNavigationSection, FloatingWindowRoot, FloatingWindowTitle, FloatingWindowTrigger, ModalWindowRoot, } from './FloatingWindow';
|
|
2
|
+
export { FloatingWindowManager } from './FloatingWindowManager';
|
|
3
|
+
export type { FloatingWindowBodyProps, FloatingWindowAlignment, FloatingWindowBoundary, FloatingWindowCloseProps, FloatingWindowContentProps, FloatingWindowCollisionAvoidance, FloatingWindowDescriptionProps, FloatingWindowDragHandleProps, FloatingWindowFooterProps, FloatingWindowHeaderProps, FloatingWindowManagerProps, FloatingWindowModality, FloatingWindowPlacement, FloatingWindowPosition, FloatingWindowNavigationSectionProps, FloatingWindowRootProps, FloatingWindowSide, FloatingWindowTitleProps, FloatingWindowTriggerProps, ModalWindowRootProps, } from './types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,oBAAoB,EACpB,+BAA+B,EAC/B,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,0BAA0B,EAC1B,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,oCAAoC,EACpC,uBAAuB,EACvB,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FloatingWindowModality } from './types';
|
|
2
|
+
export interface FloatingWindowStackEntry {
|
|
3
|
+
modality: FloatingWindowModality;
|
|
4
|
+
windowId: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function registerFloatingWindow(stack: readonly FloatingWindowStackEntry[], entry: FloatingWindowStackEntry): FloatingWindowStackEntry[];
|
|
7
|
+
export declare function activateFloatingWindow(stack: readonly FloatingWindowStackEntry[], windowId: string): FloatingWindowStackEntry[];
|
|
8
|
+
export declare function unregisterFloatingWindow(stack: readonly FloatingWindowStackEntry[], windowId: string): FloatingWindowStackEntry[];
|
|
9
|
+
//# sourceMappingURL=stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAwBD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,SAAS,wBAAwB,EAAE,EAC1C,KAAK,EAAE,wBAAwB,8BAIhC;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,SAAS,wBAAwB,EAAE,EAC1C,QAAQ,EAAE,MAAM,GACf,wBAAwB,EAAE,CAM5B;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,SAAS,wBAAwB,EAAE,EAC1C,QAAQ,EAAE,MAAM,8BAGjB"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Dialog as BaseDialog } from '@base-ui-components/react/dialog';
|
|
3
|
+
import { BackgroundIconButtonButtonProps } from '../BackgroundIconButton';
|
|
4
|
+
import { ModalBodyLayout, ModalInitialFocus, ModalNavigationSectionProps, ModalResize, ModalSize } from '../Modal';
|
|
5
|
+
export type FloatingWindowSide = 'top' | 'right' | 'bottom' | 'left';
|
|
6
|
+
export type FloatingWindowAlignment = 'start' | 'center' | 'end';
|
|
7
|
+
export type FloatingWindowPlacement = 'topLeft' | 'top' | 'topRight' | 'rightTop' | 'right' | 'rightBottom' | 'bottomLeft' | 'bottom' | 'bottomRight' | 'leftTop' | 'left' | 'leftBottom';
|
|
8
|
+
export interface FloatingWindowCollisionAvoidance {
|
|
9
|
+
side?: 'flip' | 'none';
|
|
10
|
+
alignment?: 'flip' | 'shift' | 'none';
|
|
11
|
+
}
|
|
12
|
+
export type FloatingWindowSize = {
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
export type FloatingWindowPosition = {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
};
|
|
20
|
+
export type FloatingWindowRect = FloatingWindowPosition & FloatingWindowSize;
|
|
21
|
+
export type FloatingWindowBoundary = 'viewport' | HTMLElement;
|
|
22
|
+
export type FloatingWindowModality = false | true | 'trap-focus';
|
|
23
|
+
export interface FloatingWindowManagerProps {
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export interface FloatingWindowRootProps {
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
open?: boolean;
|
|
29
|
+
defaultOpen?: boolean;
|
|
30
|
+
onOpenChange?: (open: boolean, eventDetails?: unknown) => void;
|
|
31
|
+
modal?: FloatingWindowModality;
|
|
32
|
+
disablePointerDismissal?: boolean;
|
|
33
|
+
/** Stable identity required when the root is inside FloatingWindowManager. */
|
|
34
|
+
windowId?: string;
|
|
35
|
+
/** Called when pointer or focus interaction requests window activation. */
|
|
36
|
+
onActivate?: (windowId: string | undefined) => void;
|
|
37
|
+
}
|
|
38
|
+
export type ModalWindowRootProps = Omit<FloatingWindowRootProps, 'modal'> & {
|
|
39
|
+
modal?: Exclude<FloatingWindowModality, false>;
|
|
40
|
+
};
|
|
41
|
+
export interface FloatingWindowTriggerProps {
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
render?: React.ReactElement<Record<string, unknown>>;
|
|
45
|
+
nativeButton?: boolean;
|
|
46
|
+
ref?: React.Ref<HTMLElement>;
|
|
47
|
+
}
|
|
48
|
+
export interface FloatingWindowContentProps extends Omit<React.ComponentPropsWithoutRef<typeof BaseDialog.Popup>, 'children' | 'className' | 'initialFocus' | 'style'> {
|
|
49
|
+
children?: React.ReactNode;
|
|
50
|
+
className?: string;
|
|
51
|
+
style?: React.CSSProperties;
|
|
52
|
+
position?: FloatingWindowPosition;
|
|
53
|
+
defaultPosition?: FloatingWindowPosition;
|
|
54
|
+
placement?: FloatingWindowPlacement;
|
|
55
|
+
side?: FloatingWindowSide;
|
|
56
|
+
alignment?: FloatingWindowAlignment;
|
|
57
|
+
sideOffset?: number;
|
|
58
|
+
alignOffset?: number;
|
|
59
|
+
anchor?: HTMLElement | React.RefObject<HTMLElement | null> | (() => HTMLElement | null);
|
|
60
|
+
onPositionChange?: (position: FloatingWindowPosition) => void;
|
|
61
|
+
onPositionCommit?: (position: FloatingWindowPosition) => void;
|
|
62
|
+
collisionBoundary?: FloatingWindowBoundary;
|
|
63
|
+
collisionPadding?: number;
|
|
64
|
+
collisionAvoidance?: FloatingWindowCollisionAvoidance;
|
|
65
|
+
/** Minimum vertically visible drag-handle area in pixels. Defaults to 48. */
|
|
66
|
+
dragHandleVisibility?: number;
|
|
67
|
+
draggable?: boolean;
|
|
68
|
+
backdrop?: 'auto' | 'visible' | 'hidden';
|
|
69
|
+
size?: ModalSize;
|
|
70
|
+
/** Uses Modal's content-sized or fixed-height popup surface layout. */
|
|
71
|
+
resize?: ModalResize;
|
|
72
|
+
container?: React.ComponentPropsWithoutRef<typeof BaseDialog.Portal>['container'];
|
|
73
|
+
/**
|
|
74
|
+
* Shares Modal's semantic initial-focus policy. Modeless windows preserve
|
|
75
|
+
* the current focus by default; modal windows focus their registered title.
|
|
76
|
+
*/
|
|
77
|
+
initialFocus?: ModalInitialFocus;
|
|
78
|
+
/** Manual stack level for unmanaged windows. Managed windows derive this value from their manager. */
|
|
79
|
+
stackLevel?: number;
|
|
80
|
+
}
|
|
81
|
+
export interface FloatingWindowDragHandleProps extends React.ComponentPropsWithRef<'div'> {
|
|
82
|
+
children?: React.ReactNode;
|
|
83
|
+
}
|
|
84
|
+
export interface FloatingWindowHeaderProps extends Omit<React.ComponentPropsWithRef<'header'>, 'title'> {
|
|
85
|
+
title?: React.ReactNode;
|
|
86
|
+
leadingContent?: React.ReactNode;
|
|
87
|
+
trailingContent?: React.ReactNode;
|
|
88
|
+
closeButton?: boolean;
|
|
89
|
+
closeLabel?: string;
|
|
90
|
+
draggable?: boolean;
|
|
91
|
+
}
|
|
92
|
+
export interface FloatingWindowBodyProps extends Omit<React.ComponentPropsWithRef<'section'>, 'children'> {
|
|
93
|
+
children?: React.ReactNode;
|
|
94
|
+
layout?: ModalBodyLayout;
|
|
95
|
+
containerProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'className' | 'ref'>;
|
|
96
|
+
containerClassName?: string;
|
|
97
|
+
}
|
|
98
|
+
export type FloatingWindowNavigationSectionProps = ModalNavigationSectionProps;
|
|
99
|
+
export interface FloatingWindowFooterProps extends React.ComponentPropsWithRef<'footer'> {
|
|
100
|
+
children?: React.ReactNode;
|
|
101
|
+
background?: boolean | 'auto';
|
|
102
|
+
}
|
|
103
|
+
export type FloatingWindowTitleProps = Omit<React.ComponentPropsWithRef<typeof BaseDialog.Title>, 'className' | 'tabIndex'> & {
|
|
104
|
+
className?: string;
|
|
105
|
+
};
|
|
106
|
+
export type FloatingWindowDescriptionProps = Omit<React.ComponentPropsWithRef<typeof BaseDialog.Description>, 'className'> & {
|
|
107
|
+
className?: string;
|
|
108
|
+
};
|
|
109
|
+
type FloatingWindowDefaultCloseProps = Omit<BackgroundIconButtonButtonProps, 'children' | 'render' | 'type'> & {
|
|
110
|
+
render?: undefined;
|
|
111
|
+
/** Accessible name used when `aria-label` is not provided. */
|
|
112
|
+
label?: string;
|
|
113
|
+
};
|
|
114
|
+
type FloatingWindowCustomCloseProps = Omit<React.ComponentPropsWithRef<typeof BaseDialog.Close>, 'children' | 'render'> & {
|
|
115
|
+
label?: never;
|
|
116
|
+
render: NonNullable<React.ComponentPropsWithRef<typeof BaseDialog.Close>['render']>;
|
|
117
|
+
size?: never;
|
|
118
|
+
};
|
|
119
|
+
export type FloatingWindowCloseProps = FloatingWindowDefaultCloseProps | FloatingWindowCustomCloseProps;
|
|
120
|
+
export {};
|
|
121
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/FloatingWindow/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type InteractionVariant = 'light' | 'normal' | 'strong';
|
|
3
|
+
/**
|
|
4
|
+
* Selects the inherited Interaction intensity for a component or composition
|
|
5
|
+
* host. Apply the attribute to an ancestor of the rendered Interaction layer.
|
|
6
|
+
*/
|
|
7
|
+
export interface InteractionHostProps {
|
|
8
|
+
'data-oc-interaction-variant'?: InteractionVariant;
|
|
9
|
+
}
|
|
2
10
|
export interface InteractionProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
3
|
-
variant?:
|
|
11
|
+
variant?: InteractionVariant;
|
|
4
12
|
self?: boolean;
|
|
5
13
|
}
|
|
6
14
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX;IACC,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B,CAAC,EAAE,kBAAkB,CAAC;CACpD;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX;IACC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
|
|
@@ -2,8 +2,8 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { MenuContentProps, MenuItemProps, MenuRootProps, MenuTriggerProps } from './types';
|
|
3
3
|
export declare function MenuRoot(props: MenuRootProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare function MenuTrigger({ className, children, render, nativeButton, openOnHover, delay, closeDelay, }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare function MenuContent({ className, size, placement, sideOffset, alignOffset, alignment, side, children, }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare function MenuItem({ className, children, content: contentProp, divider, fillWidth, icon: Icon, leading, trailing, href, target, rel, linkProps, render, onClick, closeOnClick, verticalAlign, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function MenuContent({ className, size, placement, sideOffset, alignOffset, container, alignment, side, children, 'data-oc-interaction-variant': interactionVariant, }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function MenuItem({ className, children, content: contentProp, divider, fillWidth, icon: Icon, leading, trailing, href, target, rel, linkProps, render, onClick, closeOnClick, verticalAlign, 'data-oc-interaction-variant': interactionVariant, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
type MenuSeparatorProps = Omit<React.ComponentPropsWithoutRef<'li'>, 'children' | 'role'> & {
|
|
8
8
|
orientation?: 'horizontal' | 'vertical';
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAEV,gBAAgB,EAGhB,aAAa,EACb,aAAa,EACb,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAoBjB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,UAAU,GACX,EAAE,gBAAgB,2CA6BlB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,IAAe,EACf,SAAS,EACT,UAAe,EACf,WAAe,EACf,SAAS,EACT,SAAoB,EACpB,IAAe,EACf,QAAQ,EACR,6BAA6B,EAAE,kBAAkB,GAClD,EAAE,gBAAgB,2CAsClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAc,EACd,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,SAAiB,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,YAAmB,EACnB,aAAwB,EACxB,6BAA6B,EAAE,kBAAkB,GAClD,EAAE,aAAa,2CA4Hf;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EACpC,UAAU,GAAG,MAAM,CACpB,GAAG;IACF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,SAAc,EACd,WAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgBpB;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { Menu as BaseMenu } from '@base-ui-components/react/menu';
|
|
2
3
|
import { CellDivider, CellItemProps } from '../Cell';
|
|
4
|
+
import { InteractionHostProps } from '../Interaction';
|
|
3
5
|
import { IconProps } from '../types';
|
|
4
6
|
export type MenuContentSide = 'top' | 'right' | 'bottom' | 'left';
|
|
5
7
|
export type MenuContentAlignment = 'start' | 'center' | 'end';
|
|
@@ -19,7 +21,7 @@ export interface MenuTriggerProps {
|
|
|
19
21
|
delay?: number;
|
|
20
22
|
closeDelay?: number;
|
|
21
23
|
}
|
|
22
|
-
export interface MenuContentProps {
|
|
24
|
+
export interface MenuContentProps extends InteractionHostProps {
|
|
23
25
|
children?: React.ReactNode;
|
|
24
26
|
className?: string;
|
|
25
27
|
size?: 'medium' | 'small';
|
|
@@ -28,8 +30,13 @@ export interface MenuContentProps {
|
|
|
28
30
|
alignment?: MenuContentAlignment;
|
|
29
31
|
sideOffset?: number;
|
|
30
32
|
alignOffset?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Portal container override. By default, content uses the nearest oc-ui
|
|
35
|
+
* overlay boundary and falls back to the document body.
|
|
36
|
+
*/
|
|
37
|
+
container?: React.ComponentPropsWithoutRef<typeof BaseMenu.Portal>['container'];
|
|
31
38
|
}
|
|
32
|
-
export interface MenuItemProps {
|
|
39
|
+
export interface MenuItemProps extends InteractionHostProps {
|
|
33
40
|
children?: React.ReactNode;
|
|
34
41
|
className?: string;
|
|
35
42
|
content?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,OAAO,GACP,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,aAAa,GACb,SAAS,GACT,MAAM,GACN,YAAY,CAAC;AAEjB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@ import { ModalBodyProps, ModalCloseProps, ModalContentProps, ModalFooterProps, M
|
|
|
2
2
|
export declare function ModalRoot({ children, open, defaultOpen, modal, onOpenChange, canCloseAttempt: canCloseAttemptProp, onCloseAttempt, presentationState: presentationStateProp, defaultPresentationState, onPresentationStateChange, disablePointerDismissal, navigationDepth, dismissBehavior, }: ModalRootProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare function ModalTrigger({ className, children, render, nativeButton, }: ModalTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare function ModalContent({ className, children, variant, size, resize, contentTransition, backdrop, backdropFrom, drag, peekable, snapPoints, defaultSnapPoint, snapPositions, defaultSnapPosition, initialFocus, peekHeight, closeThreshold, scrollLockTimeout, container, style, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare function ModalHeader({ className, title, children, leadingContent, trailingContent, closeLabel, closeButton, handle, ref, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare function ModalNavigationSection({
|
|
5
|
+
export declare function ModalHeader({ className, title, children, leadingContent, trailingContent, bottomContent, closeLabel, closeButton, handle, ref, ...props }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function ModalNavigationSection({ handle, ...props }: ModalNavigationSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare function ModalBody({ className, children, layout, containerClassName, containerProps, ref, ...props }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare function ModalFooter({ className, children, background, ref, ...props }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export declare function ModalClose({ className, children, label, size, disabled, onClick, ...props }: ModalCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EACV,cAAc,EAId,eAAe,EAEf,iBAAiB,EAGjB,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAG3B,cAAc,EAEd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAoPjB,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAY,EACZ,YAAY,EACZ,eAAe,EAAE,mBAAmB,EACpC,cAAc,EACd,iBAAiB,EAAE,qBAAqB,EACxC,wBAAoC,EACpC,yBAAyB,EACzB,uBAAuB,EACvB,eAAmB,EACnB,eAAe,GAChB,EAAE,cAAc,2CA6NhB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,iBAAiB,2CAsBnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAc,EACd,QAAQ,EACR,OAAoB,EACpB,IAAe,EACf,MAAkB,EAClB,iBAA0B,EAC1B,QAAiB,EACjB,YAAY,EACZ,IAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAynBnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,KAAK,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAiB,EACjB,WAAkB,EAClB,MAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA8ClB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAa,EACb,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAiB7B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAc,EACd,QAAQ,EACR,MAAkB,EAClB,kBAAuB,EACvB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,2CA2BhB;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAc,EACd,QAAQ,EACR,UAAmB,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsBlB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAc,EACd,QAA6B,EAC7B,KAAY,EACZ,IAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,2CAsBjB;AAED,QAAA,MAAM,KAAK;;;;;;;;;CAST,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { ModalCloseAttemptDetails, ModalPlacement, ModalPresentationState } from
|
|
|
2
2
|
import { ModalScrollState } from './modalScrollArbitration';
|
|
3
3
|
export interface ModalContextValue {
|
|
4
4
|
open: boolean;
|
|
5
|
+
modal: boolean | 'trap-focus';
|
|
5
6
|
placement: ModalPlacement;
|
|
6
7
|
setPlacement: (placement: ModalPlacement) => void;
|
|
7
8
|
presentationState: ModalPresentationState;
|
|
@@ -26,6 +27,8 @@ export interface ModalContextValue {
|
|
|
26
27
|
headerHeight: number;
|
|
27
28
|
footerHeight: number;
|
|
28
29
|
setHeaderNode: (node: HTMLElement | null) => void;
|
|
30
|
+
titleNode: HTMLElement | null;
|
|
31
|
+
setTitleNode: (node: HTMLElement | null) => void;
|
|
29
32
|
setFooterNode: (node: HTMLElement | null) => void;
|
|
30
33
|
bodyNode: HTMLElement | null;
|
|
31
34
|
setBodyNode: (node: HTMLElement | null) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/contexts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,wBAAwB,EACxB,cAAc,EACd,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC1E,YAAY,EAAE,CACZ,OAAO,CAAC,EAAE,wBAAwB,EAClC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC;IACb,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACtE,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACjE,uBAAuB,EAAE,MAAM,CAAC;IAChC,0BAA0B,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACzE,uBAAuB,EAAE,OAAO,CAAC;IACjC,4BAA4B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,wBAAwB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAID,eAAO,MAAM,aAAa,oDAAwB,CAAC;AAEnD,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,qBAUpD"}
|
|
1
|
+
{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/contexts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,wBAAwB,EACxB,cAAc,EACd,sBAAsB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC1E,YAAY,EAAE,CACZ,OAAO,CAAC,EAAE,wBAAwB,EAClC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC;IACb,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACtE,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACjE,uBAAuB,EAAE,MAAM,CAAC;IAChC,0BAA0B,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACzE,uBAAuB,EAAE,OAAO,CAAC;IACjC,4BAA4B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,wBAAwB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAID,eAAO,MAAM,aAAa,oDAAwB,CAAC;AAEnD,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,qBAUpD"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Dialog as BaseDialog } from '@base-ui-components/react/dialog';
|
|
3
|
+
import { ModalInitialFocus } from './types';
|
|
4
|
+
type BaseDialogInitialFocus = React.ComponentPropsWithoutRef<typeof BaseDialog.Popup>['initialFocus'];
|
|
5
|
+
interface ResolveModalInitialFocusOptions {
|
|
6
|
+
contentNode: HTMLElement | null;
|
|
7
|
+
initialFocus: ModalInitialFocus | undefined;
|
|
8
|
+
modal: boolean | 'trap-focus';
|
|
9
|
+
titleNode: HTMLElement | null;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Keeps the design-system focus policy independent from DOM order. A modal
|
|
13
|
+
* starts at its registered title, while modeless windows preserve the user's
|
|
14
|
+
* current point of regard unless a target is explicitly requested.
|
|
15
|
+
*/
|
|
16
|
+
export declare function resolveModalInitialFocus({ contentNode, initialFocus, modal, titleNode, }: ResolveModalInitialFocusOptions): BaseDialogInitialFocus;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=initialFocus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initialFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/initialFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,UAAU,CAAC,KAAK,CACxB,CAAC,cAAc,CAAC,CAAC;AAElB,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,OAAO,GAAG,YAAY,CAAC;IAC9B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,YAAY,EACZ,KAAK,EACL,SAAS,GACV,EAAE,+BAA+B,GAAG,sBAAsB,CAgB1D"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ModalViewportGeometry } from './useModalViewportGeometry';
|
|
2
|
+
export declare const KEYBOARD_VIEWPORT_WIDTH_CHANGE_THRESHOLD = 80;
|
|
3
|
+
export declare const KEYBOARD_VIEWPORT_RESTORE_EPSILON = 2;
|
|
4
|
+
export declare const KEYBOARD_REVEAL_SCROLL_PADDING = 16;
|
|
5
|
+
export declare function recordMeasuredKeyboardInset(width: number, inset: number): void;
|
|
6
|
+
export declare function getSeedKeyboardInset(width: number): number | undefined;
|
|
7
|
+
export declare function resetModalKeyboardAvoidanceMemory(): void;
|
|
8
|
+
export type KeyboardSessionPhase = 'active' | 'closing';
|
|
9
|
+
export type KeyboardSession = {
|
|
10
|
+
baselineHeight: number;
|
|
11
|
+
baselineOffsetLeft: number;
|
|
12
|
+
baselineOffsetTop: number;
|
|
13
|
+
baselineWidth: number;
|
|
14
|
+
phase: KeyboardSessionPhase;
|
|
15
|
+
sawKeyboard: boolean;
|
|
16
|
+
target: HTMLElement | null;
|
|
17
|
+
};
|
|
18
|
+
export type KeyboardSessionEvent = {
|
|
19
|
+
type: 'focus';
|
|
20
|
+
geometry: ModalViewportGeometry;
|
|
21
|
+
target: HTMLElement;
|
|
22
|
+
} | {
|
|
23
|
+
type: 'retain';
|
|
24
|
+
target: HTMLElement;
|
|
25
|
+
} | {
|
|
26
|
+
type: 'close';
|
|
27
|
+
} | {
|
|
28
|
+
type: 'measure';
|
|
29
|
+
} | {
|
|
30
|
+
type: 'release';
|
|
31
|
+
};
|
|
32
|
+
export declare function keyboardSessionReducer(session: KeyboardSession | undefined, event: KeyboardSessionEvent): KeyboardSession | undefined;
|
|
33
|
+
export declare function isKeyboardEditable(target: EventTarget | null): target is HTMLElement;
|
|
34
|
+
export declare function isSessionGeometryCompatible(session: KeyboardSession | undefined, geometry: ModalViewportGeometry | undefined): boolean;
|
|
35
|
+
export declare function isSessionGeometryRestored(session: KeyboardSession, geometry: ModalViewportGeometry): boolean;
|
|
36
|
+
export declare function getKeyboardInset(session: KeyboardSession | undefined, geometry: ModalViewportGeometry | undefined): number;
|
|
37
|
+
export declare function getSessionStableViewportGeometry(session: KeyboardSession | undefined, geometry: ModalViewportGeometry | undefined): ModalViewportGeometry | undefined;
|
|
38
|
+
export declare function getKeyboardRevealScrollDelta({ bodyRect, clearanceInset, footerHeight, targetRect, }: {
|
|
39
|
+
bodyRect: Pick<DOMRect, 'top' | 'bottom'>;
|
|
40
|
+
clearanceInset: number;
|
|
41
|
+
footerHeight: number;
|
|
42
|
+
targetRect: Pick<DOMRect, 'top' | 'bottom'>;
|
|
43
|
+
}): number;
|
|
44
|
+
export declare function supportsTransitionSettleDetection(node: HTMLElement | null): node is HTMLElement;
|
|
45
|
+
export declare function hasRunningTransformTransition(node: HTMLElement): boolean;
|
|
46
|
+
//# sourceMappingURL=keyboardSession.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyboardSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/keyboardSession.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAExE,eAAO,MAAM,wCAAwC,KAAK,CAAC;AAC3D,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAqBjD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAEvE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,sBAEjD;AAGD,wBAAgB,iCAAiC,SAEhD;AAKD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,oBAAoB,CAAC;IAK5B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAE5B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,qBAAqB,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,GAGvE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,GAEvC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAEjB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAGnB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAExB,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,eAAe,GAAG,SAAS,EACpC,KAAK,EAAE,oBAAoB,GAC1B,eAAe,GAAG,SAAS,CAuC7B;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,GAAG,IAAI,GACzB,MAAM,IAAI,WAAW,CAWvB;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,eAAe,GAAG,SAAS,EACpC,QAAQ,EAAE,qBAAqB,GAAG,SAAS,WAQ5C;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,qBAAqB,WAMhC;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,eAAe,GAAG,SAAS,EACpC,QAAQ,EAAE,qBAAqB,GAAG,SAAS,UAe5C;AAED,wBAAgB,gCAAgC,CAC9C,OAAO,EAAE,eAAe,GAAG,SAAS,EACpC,QAAQ,EAAE,qBAAqB,GAAG,SAAS,GAC1C,qBAAqB,GAAG,SAAS,CAyBnC;AAID,wBAAgB,4BAA4B,CAAC,EAC3C,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC7C,UAYA;AAED,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,IAAI,IAAI,WAAW,CAMrB;AAMD,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,WAAW,WAS9D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snapPoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/snapPoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"snapPoints.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/snapPoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjE,MAAM,WAAW,yCAAyC;IACxD,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,iBAAiB,CAAC;IACvB,gBAAgB,CAAC,EAAE,yCAAyC,CAAC;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAyBD,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,GACf,EAAE;IACD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;CACxB;;;;;;cA6CA;AAkCD,wBAAgB,8BAA8B,CAAC,EAC7C,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE;IACD,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,aAAa,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,aAAa,EAAE,WAAW,CAAC;CAC5B;;;;;;;;;cAuFA"}
|