@wordpress/ui 0.13.1-next.v.202605131032.0 → 0.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 +46 -1
- package/CONTRIBUTING.md +34 -0
- package/README.md +15 -0
- package/build/alert-dialog/portal.cjs.map +2 -2
- package/build/alert-dialog/types.cjs.map +1 -1
- package/build/button/button.cjs +1 -1
- package/build/button/button.cjs.map +2 -2
- package/build/card/content.cjs +1 -1
- package/build/card/content.cjs.map +2 -2
- package/build/card/full-bleed.cjs +1 -1
- package/build/card/full-bleed.cjs.map +2 -2
- package/build/card/header.cjs +1 -1
- package/build/card/header.cjs.map +2 -2
- package/build/card/root.cjs +1 -1
- package/build/card/root.cjs.map +2 -2
- package/build/collapsible-card/header.cjs.map +2 -2
- package/build/dialog/portal.cjs.map +2 -2
- package/build/dialog/types.cjs.map +1 -1
- package/build/drawer/portal.cjs.map +2 -2
- package/build/drawer/types.cjs.map +1 -1
- package/build/form/primitives/autocomplete/clear.cjs +4 -1
- package/build/form/primitives/autocomplete/clear.cjs.map +2 -2
- package/build/form/primitives/autocomplete/empty.cjs +1 -1
- package/build/form/primitives/autocomplete/empty.cjs.map +2 -2
- package/build/form/primitives/autocomplete/index.cjs +4 -1
- package/build/form/primitives/autocomplete/index.cjs.map +2 -2
- package/build/form/primitives/autocomplete/item.cjs +1 -1
- package/build/form/primitives/autocomplete/item.cjs.map +2 -2
- package/build/form/primitives/autocomplete/list-body.cjs +1 -1
- package/build/form/primitives/autocomplete/list-body.cjs.map +2 -2
- package/build/form/primitives/autocomplete/list.cjs +1 -1
- package/build/form/primitives/autocomplete/list.cjs.map +2 -2
- package/build/form/primitives/autocomplete/popup.cjs +14 -31
- package/build/form/primitives/autocomplete/popup.cjs.map +3 -3
- package/build/form/primitives/autocomplete/portal.cjs +10 -2
- package/build/form/primitives/autocomplete/portal.cjs.map +2 -2
- package/build/form/primitives/autocomplete/positioner.cjs +158 -0
- package/build/form/primitives/autocomplete/positioner.cjs.map +7 -0
- package/build/form/primitives/autocomplete/types.cjs.map +1 -1
- package/build/form/primitives/constants.cjs.map +2 -2
- package/build/form/primitives/select/index.cjs +4 -1
- package/build/form/primitives/select/index.cjs.map +2 -2
- package/build/form/primitives/select/item.cjs +1 -1
- package/build/form/primitives/select/item.cjs.map +2 -2
- package/build/form/primitives/select/popup.cjs +18 -36
- package/build/form/primitives/select/popup.cjs.map +3 -3
- package/build/form/primitives/select/portal.cjs +11 -5
- package/build/form/primitives/select/portal.cjs.map +2 -2
- package/build/form/primitives/select/positioner.cjs +159 -0
- package/build/form/primitives/select/positioner.cjs.map +7 -0
- package/build/form/primitives/select/types.cjs.map +1 -1
- package/build/icon-button/icon-button.cjs +1 -1
- package/build/icon-button/icon-button.cjs.map +2 -2
- package/build/index.cjs +7 -1
- package/build/index.cjs.map +2 -2
- package/build/popover/index.cjs +3 -0
- package/build/popover/index.cjs.map +2 -2
- package/build/popover/popup.cjs +23 -51
- package/build/popover/popup.cjs.map +3 -3
- package/build/popover/portal.cjs.map +2 -2
- package/build/popover/positioner.cjs +168 -0
- package/build/popover/positioner.cjs.map +7 -0
- package/build/popover/root.cjs.map +2 -2
- package/build/popover/types.cjs.map +1 -1
- package/build/tooltip/portal.cjs +10 -2
- package/build/tooltip/portal.cjs.map +2 -2
- package/build/tooltip/positioner.cjs.map +2 -2
- package/build/tooltip/types.cjs.map +1 -1
- package/build/utils/use-enable-wp-compat-overlay-slot.cjs +39 -0
- package/build/utils/use-enable-wp-compat-overlay-slot.cjs.map +7 -0
- package/build/utils/wp-compat-overlay-slot.cjs +177 -0
- package/build/utils/wp-compat-overlay-slot.cjs.map +7 -0
- package/build-module/alert-dialog/portal.mjs.map +2 -2
- package/build-module/button/button.mjs +1 -1
- package/build-module/button/button.mjs.map +2 -2
- package/build-module/card/content.mjs +1 -1
- package/build-module/card/content.mjs.map +2 -2
- package/build-module/card/full-bleed.mjs +1 -1
- package/build-module/card/full-bleed.mjs.map +2 -2
- package/build-module/card/header.mjs +1 -1
- package/build-module/card/header.mjs.map +2 -2
- package/build-module/card/root.mjs +1 -1
- package/build-module/card/root.mjs.map +2 -2
- package/build-module/collapsible-card/header.mjs.map +2 -2
- package/build-module/dialog/portal.mjs.map +2 -2
- package/build-module/drawer/portal.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/clear.mjs +4 -1
- package/build-module/form/primitives/autocomplete/clear.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/empty.mjs +1 -1
- package/build-module/form/primitives/autocomplete/empty.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/index.mjs +3 -1
- package/build-module/form/primitives/autocomplete/index.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/item.mjs +1 -1
- package/build-module/form/primitives/autocomplete/item.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/list-body.mjs +1 -1
- package/build-module/form/primitives/autocomplete/list-body.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/list.mjs +1 -1
- package/build-module/form/primitives/autocomplete/list.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/popup.mjs +14 -31
- package/build-module/form/primitives/autocomplete/popup.mjs.map +3 -3
- package/build-module/form/primitives/autocomplete/portal.mjs +10 -2
- package/build-module/form/primitives/autocomplete/portal.mjs.map +2 -2
- package/build-module/form/primitives/autocomplete/positioner.mjs +123 -0
- package/build-module/form/primitives/autocomplete/positioner.mjs.map +7 -0
- package/build-module/form/primitives/constants.mjs.map +2 -2
- package/build-module/form/primitives/select/index.mjs +3 -1
- package/build-module/form/primitives/select/index.mjs.map +2 -2
- package/build-module/form/primitives/select/item.mjs +1 -1
- package/build-module/form/primitives/select/item.mjs.map +2 -2
- package/build-module/form/primitives/select/popup.mjs +18 -36
- package/build-module/form/primitives/select/popup.mjs.map +3 -3
- package/build-module/form/primitives/select/portal.mjs +11 -5
- package/build-module/form/primitives/select/portal.mjs.map +2 -2
- package/build-module/form/primitives/select/positioner.mjs +124 -0
- package/build-module/form/primitives/select/positioner.mjs.map +7 -0
- package/build-module/icon-button/icon-button.mjs +1 -1
- package/build-module/icon-button/icon-button.mjs.map +2 -2
- package/build-module/index.mjs +5 -1
- package/build-module/index.mjs.map +2 -2
- package/build-module/popover/index.mjs +2 -0
- package/build-module/popover/index.mjs.map +2 -2
- package/build-module/popover/popup.mjs +23 -51
- package/build-module/popover/popup.mjs.map +3 -3
- package/build-module/popover/portal.mjs.map +2 -2
- package/build-module/popover/positioner.mjs +133 -0
- package/build-module/popover/positioner.mjs.map +7 -0
- package/build-module/popover/root.mjs.map +2 -2
- package/build-module/tooltip/portal.mjs +10 -2
- package/build-module/tooltip/portal.mjs.map +2 -2
- package/build-module/tooltip/positioner.mjs.map +2 -2
- package/build-module/utils/use-enable-wp-compat-overlay-slot.mjs +14 -0
- package/build-module/utils/use-enable-wp-compat-overlay-slot.mjs.map +7 -0
- package/build-module/utils/wp-compat-overlay-slot.mjs +148 -0
- package/build-module/utils/wp-compat-overlay-slot.mjs.map +7 -0
- package/build-types/alert-dialog/portal.d.ts +8 -5
- package/build-types/alert-dialog/portal.d.ts.map +1 -1
- package/build-types/alert-dialog/types.d.ts +2 -2
- package/build-types/alert-dialog/types.d.ts.map +1 -1
- package/build-types/badge/stories/e2e/index.story.d.ts +7 -0
- package/build-types/badge/stories/e2e/index.story.d.ts.map +1 -0
- package/build-types/button/stories/e2e/index.story.d.ts +8 -0
- package/build-types/button/stories/e2e/index.story.d.ts.map +1 -0
- package/build-types/card/full-bleed.d.ts +18 -0
- package/build-types/card/full-bleed.d.ts.map +1 -1
- package/build-types/card/stories/index.story.d.ts +23 -0
- package/build-types/card/stories/index.story.d.ts.map +1 -1
- package/build-types/collapsible-card/header.d.ts +2 -0
- package/build-types/collapsible-card/header.d.ts.map +1 -1
- package/build-types/collapsible-card/stories/index.story.d.ts +14 -0
- package/build-types/collapsible-card/stories/index.story.d.ts.map +1 -1
- package/build-types/dialog/portal.d.ts +8 -6
- package/build-types/dialog/portal.d.ts.map +1 -1
- package/build-types/dialog/types.d.ts +2 -2
- package/build-types/dialog/types.d.ts.map +1 -1
- package/build-types/drawer/portal.d.ts +8 -6
- package/build-types/drawer/portal.d.ts.map +1 -1
- package/build-types/drawer/types.d.ts +2 -2
- package/build-types/drawer/types.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/clear.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/index.d.ts +2 -1
- package/build-types/form/primitives/autocomplete/index.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/popup.d.ts +1 -0
- package/build-types/form/primitives/autocomplete/popup.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/portal.d.ts +9 -4
- package/build-types/form/primitives/autocomplete/portal.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/positioner.d.ts +12 -0
- package/build-types/form/primitives/autocomplete/positioner.d.ts.map +1 -0
- package/build-types/form/primitives/autocomplete/stories/index.story.d.ts.map +1 -1
- package/build-types/form/primitives/autocomplete/types.d.ts +11 -9
- package/build-types/form/primitives/autocomplete/types.d.ts.map +1 -1
- package/build-types/form/primitives/constants.d.ts +9 -4
- package/build-types/form/primitives/constants.d.ts.map +1 -1
- package/build-types/form/primitives/select/index.d.ts +2 -1
- package/build-types/form/primitives/select/index.d.ts.map +1 -1
- package/build-types/form/primitives/select/popup.d.ts +1 -0
- package/build-types/form/primitives/select/popup.d.ts.map +1 -1
- package/build-types/form/primitives/select/portal.d.ts +9 -4
- package/build-types/form/primitives/select/portal.d.ts.map +1 -1
- package/build-types/form/primitives/select/positioner.d.ts +12 -0
- package/build-types/form/primitives/select/positioner.d.ts.map +1 -0
- package/build-types/form/primitives/select/stories/index.story.d.ts.map +1 -1
- package/build-types/form/primitives/select/types.d.ts +11 -2
- package/build-types/form/primitives/select/types.d.ts.map +1 -1
- package/build-types/icon/stories/index.story.d.ts.map +1 -1
- package/build-types/index.d.ts +2 -0
- package/build-types/index.d.ts.map +1 -1
- package/build-types/popover/index.d.ts +2 -1
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/popover/popup.d.ts +2 -1
- package/build-types/popover/popup.d.ts.map +1 -1
- package/build-types/popover/portal.d.ts +8 -5
- package/build-types/popover/portal.d.ts.map +1 -1
- package/build-types/popover/positioner.d.ts +12 -0
- package/build-types/popover/positioner.d.ts.map +1 -0
- package/build-types/popover/root.d.ts +5 -2
- package/build-types/popover/root.d.ts.map +1 -1
- package/build-types/popover/stories/index.story.d.ts +10 -21
- package/build-types/popover/stories/index.story.d.ts.map +1 -1
- package/build-types/popover/types.d.ts +12 -3
- package/build-types/popover/types.d.ts.map +1 -1
- package/build-types/tooltip/portal.d.ts +9 -4
- package/build-types/tooltip/portal.d.ts.map +1 -1
- package/build-types/tooltip/positioner.d.ts +8 -5
- package/build-types/tooltip/positioner.d.ts.map +1 -1
- package/build-types/tooltip/types.d.ts +3 -3
- package/build-types/tooltip/types.d.ts.map +1 -1
- package/build-types/utils/test/use-enable-wp-compat-overlay-slot.test.d.ts +2 -0
- package/build-types/utils/test/use-enable-wp-compat-overlay-slot.test.d.ts.map +1 -0
- package/build-types/utils/test/wp-compat-overlay-slot.test.d.ts +2 -0
- package/build-types/utils/test/wp-compat-overlay-slot.test.d.ts.map +1 -0
- package/build-types/utils/use-enable-wp-compat-overlay-slot.d.ts +17 -0
- package/build-types/utils/use-enable-wp-compat-overlay-slot.d.ts.map +1 -0
- package/build-types/utils/wp-compat-overlay-slot.d.ts +30 -0
- package/build-types/utils/wp-compat-overlay-slot.d.ts.map +1 -0
- package/package.json +12 -12
- package/src/alert-dialog/portal.tsx +1 -4
- package/src/alert-dialog/types.ts +2 -4
- package/src/badge/stories/e2e/index.story.tsx +20 -0
- package/src/button/stories/e2e/index.story.tsx +130 -0
- package/src/button/stories/index.story.tsx +1 -1
- package/src/button/style.module.css +17 -12
- package/src/card/full-bleed.tsx +18 -0
- package/src/card/stories/index.story.tsx +115 -1
- package/src/card/style.module.css +16 -0
- package/src/card/test/index.test.tsx +18 -1
- package/src/collapsible-card/header.tsx +2 -0
- package/src/collapsible-card/stories/index.story.tsx +66 -0
- package/src/dialog/portal.tsx +1 -5
- package/src/dialog/types.ts +2 -2
- package/src/drawer/portal.tsx +1 -5
- package/src/drawer/types.ts +2 -2
- package/src/form/primitives/autocomplete/clear.tsx +10 -4
- package/src/form/primitives/autocomplete/index.ts +2 -1
- package/src/form/primitives/autocomplete/popup.tsx +17 -21
- package/src/form/primitives/autocomplete/portal.tsx +11 -5
- package/src/form/primitives/autocomplete/positioner.tsx +29 -0
- package/src/form/primitives/autocomplete/stories/index.story.tsx +1 -0
- package/src/form/primitives/autocomplete/test/index.test.tsx +219 -0
- package/src/form/primitives/autocomplete/types.ts +15 -15
- package/src/form/primitives/constants.ts +7 -4
- package/src/form/primitives/select/index.ts +2 -1
- package/src/form/primitives/select/popup.tsx +30 -34
- package/src/form/primitives/select/portal.tsx +15 -8
- package/src/form/primitives/select/positioner.tsx +33 -0
- package/src/form/primitives/select/stories/index.story.tsx +1 -0
- package/src/form/primitives/select/test/index.test.tsx +134 -0
- package/src/form/primitives/select/types.ts +12 -2
- package/src/form/select-control/test/index.test.tsx +64 -0
- package/src/icon/stories/index.story.tsx +3 -2
- package/src/icon-button/icon-button.tsx +1 -1
- package/src/icon-button/test/index.test.tsx +10 -10
- package/src/index.ts +2 -0
- package/src/popover/index.ts +12 -1
- package/src/popover/popup.tsx +28 -45
- package/src/popover/portal.tsx +1 -4
- package/src/popover/positioner.tsx +42 -0
- package/src/popover/root.tsx +5 -2
- package/src/popover/stories/index.story.tsx +85 -138
- package/src/popover/test/index.test.tsx +36 -1
- package/src/popover/types.ts +13 -15
- package/src/tabs/stories/index.story.tsx +2 -2
- package/src/tooltip/portal.tsx +11 -5
- package/src/tooltip/positioner.tsx +1 -4
- package/src/tooltip/style.module.css +1 -1
- package/src/tooltip/test/index.test.tsx +110 -0
- package/src/tooltip/types.ts +3 -5
- package/src/utils/css/item-popup.module.css +7 -4
- package/src/utils/css/wp-compat-overlay-slot.module.css +35 -0
- package/src/utils/test/use-enable-wp-compat-overlay-slot.test.tsx +74 -0
- package/src/utils/test/wp-compat-overlay-slot.test.ts +300 -0
- package/src/utils/use-enable-wp-compat-overlay-slot.ts +32 -0
- package/src/utils/wp-compat-overlay-slot.ts +129 -0
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* with the inner `Popup`, etc.) outside the DOM hierarchy. Pass to
|
|
4
|
-
* `Drawer.Popup`'s `portal` prop to customize `container`, `className`,
|
|
5
|
-
* `style`, and other Base UI portal options. When `portal` is omitted,
|
|
6
|
-
* `Drawer.Popup` uses this component with default props.
|
|
2
|
+
* Used to apply custom portal behavior to `Drawer`'s overlay content.
|
|
7
3
|
*/
|
|
8
|
-
declare const Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerPortalProps & import("react").RefAttributes<HTMLDivElement>, "ref"> &
|
|
4
|
+
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerPortalProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
8
|
+
ref?: import("react").Ref<any> | undefined;
|
|
9
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
11
|
export { Portal };
|
|
10
12
|
//# sourceMappingURL=portal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/drawer/portal.tsx"],"names":[],"mappings":"AAIA
|
|
1
|
+
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/drawer/portal.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,QAAA,MAAM,MAAM;;;;;;kDAIX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Drawer as _Drawer } from '@base-ui/react/drawer';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
3
3
|
import type { Button } from '../button';
|
|
4
4
|
import type { IconButton } from '../icon-button';
|
|
5
5
|
import type { ComponentProps } from '../utils/types';
|
|
6
|
-
export type PortalProps =
|
|
6
|
+
export type PortalProps = ComponentProps<typeof _Drawer.Portal>;
|
|
7
7
|
export interface RootProps extends Pick<_Drawer.Root.Props, 'open' | 'onOpenChange' | 'onOpenChangeComplete' | 'defaultOpen' | 'modal' | 'disablePointerDismissal'> {
|
|
8
8
|
/**
|
|
9
9
|
* The edge the drawer slides in from, and the direction used to dismiss it
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,MAAM,CAAE,CAAC;AAElE,MAAM,WAAW,SAChB,SAAQ,IAAI,CACX,OAAO,CAAC,IAAI,CAAC,KAAK,EAChB,MAAM,GACN,cAAc,GACd,sBAAsB,GACtB,aAAa,GACb,OAAO,GACP,yBAAyB,CAC3B;IACD;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,gBAAgB,CAAE,CAAC;IAExD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,UAChB,SAAQ,cAAc,CAAE,KAAK,CAAE,EAC9B,IAAI,CAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;IAEzD;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACzD;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,OAAO,MAAM,CAAE;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,IAAI,CAAE;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,GAAG,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,cAAc,CAAE,OAAO,UAAU,CAAE,EACnC,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,qBAAqB,CACpD;IACD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,OAAO,UAAU,CAAE,CAAE,OAAO,CAAE,CAAC;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAE,OAAO,UAAU,CAAE,CAAE,MAAM,CAAE,CAAC;CACrD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/clear.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/clear.tsx"],"names":[],"mappings":"AA2BA;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;qDAUjB,CAAC"}
|
|
@@ -6,8 +6,9 @@ export { Input } from './input';
|
|
|
6
6
|
export { Item } from './item';
|
|
7
7
|
export { List } from './list';
|
|
8
8
|
export { ListBody } from './list-body';
|
|
9
|
-
export { Portal } from './portal';
|
|
10
9
|
export { Popup } from './popup';
|
|
10
|
+
export { Portal } from './portal';
|
|
11
|
+
export { Positioner } from './positioner';
|
|
11
12
|
export { Root } from './root';
|
|
12
13
|
export { Value } from './value';
|
|
13
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -7,5 +7,6 @@ export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<
|
|
|
7
7
|
} & {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
portal?: import("react").ReactElement<Omit<import("./types").PortalProps, 'children'>>;
|
|
10
|
+
positioner?: import("react").ReactElement<Omit<import("./types").PositionerProps, 'children'>>;
|
|
10
11
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
12
|
//# sourceMappingURL=popup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/popup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/popup.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,KAAK;;;;;;;;;;kDAoBjB,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* `
|
|
4
|
-
* `Autocomplete.Popup` uses this component with default props.
|
|
2
|
+
* Used to apply custom portal behavior to `Autocomplete`'s popup content.
|
|
3
|
+
* `container` defaults to the `@wordpress/ui` compat overlay slot.
|
|
5
4
|
*/
|
|
6
|
-
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> &
|
|
5
|
+
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").ComboboxPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
9
|
+
ref?: import("react").Ref<any> | undefined;
|
|
10
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
12
|
export { Portal };
|
|
8
13
|
//# sourceMappingURL=portal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/portal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/portal.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,QAAA,MAAM,MAAM;;;;;;kDAUX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Used to apply custom positioning to `Autocomplete`'s popup content.
|
|
3
|
+
*/
|
|
4
|
+
declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").ComboboxPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
8
|
+
ref?: import("react").Ref<any> | undefined;
|
|
9
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { Positioner };
|
|
12
|
+
//# sourceMappingURL=positioner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/positioner.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,QAAA,MAAM,UAAU;;;;;;kDAef,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/autocomplete/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,YAAY,MAAM,UAAU,CAAC;AAOzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/autocomplete/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,YAAY,MAAM,UAAU,CAAC;AAOzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAAC,IAAI,CAwBzC,CAAC;eACa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAC,IAAI,CAAE,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA4C7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAyCpB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KA6C1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAiIxC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { Autocomplete as _Autocomplete } from '@base-ui/react/autocomplete';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ReactElement } from 'react';
|
|
3
3
|
import type { ComponentProps } from '../../../utils/types';
|
|
4
4
|
export type AutocompleteCollectionProps = _Autocomplete.Collection.Props;
|
|
5
|
-
export type PortalProps =
|
|
5
|
+
export type PortalProps = ComponentProps<typeof _Autocomplete.Portal>;
|
|
6
|
+
export type PositionerProps = ComponentProps<typeof _Autocomplete.Positioner>;
|
|
6
7
|
export type AutocompleteClearProps = ComponentProps<typeof _Autocomplete.Clear> & {
|
|
7
8
|
children?: React.ReactNode;
|
|
8
9
|
};
|
|
@@ -31,14 +32,15 @@ export type AutocompletePopupProps = ComponentProps<typeof _Autocomplete.Popup>
|
|
|
31
32
|
* portal element; they would be ignored.
|
|
32
33
|
*/
|
|
33
34
|
portal?: ReactElement<Omit<PortalProps, 'children'>>;
|
|
34
|
-
};
|
|
35
|
-
export type AutocompleteRootProps = ComponentProps<typeof _Autocomplete.Root> & {
|
|
36
|
-
children?: React.ReactNode;
|
|
37
|
-
};
|
|
38
|
-
export type AutocompleteValueProps = {
|
|
39
35
|
/**
|
|
40
|
-
*
|
|
36
|
+
* Optional positioner element, typically `<Autocomplete.Positioner />`
|
|
37
|
+
* with custom positioning props (`side`, `align`, `sideOffset`, collision
|
|
38
|
+
* settings, etc.). When omitted, `Autocomplete.Popup` uses
|
|
39
|
+
* `Autocomplete.Positioner` with default props. Do not pass `children` on
|
|
40
|
+
* the positioner element; they would be ignored.
|
|
41
41
|
*/
|
|
42
|
-
|
|
42
|
+
positioner?: ReactElement<Omit<PositionerProps, 'children'>>;
|
|
43
43
|
};
|
|
44
|
+
export type AutocompleteRootProps<Value = unknown> = _Autocomplete.Root.Props<Value>;
|
|
45
|
+
export type AutocompleteValueProps = _Autocomplete.Value.Props;
|
|
44
46
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,2BAA2B,GAAG,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAE,OAAO,aAAa,CAAC,MAAM,CAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,aAAa,CAAC,UAAU,CAAE,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,cAAc,CAAE,OAAO,aAAa,CAAC,KAAK,CAAE,EAC5C,MAAM,CACN,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACvD,OAAO,aAAa,CAAC,UAAU,CAC/B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,aAAa,CAAC,IAAI,CACzB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,aAAa,CAAC,IAAI,CACzB,GAAG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;IACzD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,CAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAE,KAAK,GAAG,OAAO,IACjD,aAAa,CAAC,IAAI,CAAC,KAAK,CAAE,KAAK,CAAE,CAAC;AAEnC,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Shared positioning
|
|
2
|
+
* Shared positioning defaults for item-list popups. Consumed as individual
|
|
3
|
+
* default values by `Select.Positioner` and `Autocomplete.Positioner`. Each
|
|
4
|
+
* key is validated by the consuming positioner's prop types at the use
|
|
5
|
+
* site, so a value here that does not satisfy either Base UI positioner's
|
|
6
|
+
* type will surface as a type error in `select/positioner.tsx` or
|
|
7
|
+
* `autocomplete/positioner.tsx`.
|
|
3
8
|
*/
|
|
4
9
|
export declare const ITEM_POPUP_POSITIONER_PROPS: {
|
|
5
|
-
align:
|
|
6
|
-
sideOffset:
|
|
7
|
-
collisionPadding:
|
|
10
|
+
readonly align: 'start';
|
|
11
|
+
readonly sideOffset: 8;
|
|
12
|
+
readonly collisionPadding: 12;
|
|
8
13
|
};
|
|
9
14
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/form/primitives/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/form/primitives/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B;aACvC,KAAK,EAAE,OAAO;aACd,UAAU,EAAE,CAAC;aACb,gBAAgB,EAAE,EAAE;CACX,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Item } from './item';
|
|
2
|
-
export { Portal } from './portal';
|
|
3
2
|
export { Popup } from './popup';
|
|
3
|
+
export { Portal } from './portal';
|
|
4
|
+
export { Positioner } from './positioner';
|
|
4
5
|
export { Root } from './root';
|
|
5
6
|
export { Trigger } from './trigger';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -7,5 +7,6 @@ export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<
|
|
|
7
7
|
} & {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
portal?: import("react").ReactElement<Omit<import("./types").PortalProps, 'children'>>;
|
|
10
|
+
positioner?: import("react").ReactElement<Omit<import("./types").PositionerProps, 'children'>>;
|
|
10
11
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
12
|
//# sourceMappingURL=popup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/popup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/popup.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,KAAK;;;;;;;;;;kDAiCjB,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* `
|
|
4
|
-
* uses this component with default props.
|
|
2
|
+
* Used to apply custom portal behavior to `Select`'s listbox content.
|
|
3
|
+
* `container` defaults to the `@wordpress/ui` compat overlay slot.
|
|
5
4
|
*/
|
|
6
|
-
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> &
|
|
5
|
+
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
9
|
+
ref?: import("react").Ref<any> | undefined;
|
|
10
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
12
|
export { Portal };
|
|
8
13
|
//# sourceMappingURL=portal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/portal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/portal.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,QAAA,MAAM,MAAM;;;;;;kDAWT,CAAC;AAEJ,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Used to apply custom positioning to `Select`'s listbox content.
|
|
3
|
+
*/
|
|
4
|
+
declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
8
|
+
ref?: import("react").Ref<any> | undefined;
|
|
9
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { Positioner };
|
|
12
|
+
//# sourceMappingURL=positioner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/positioner.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,QAAA,MAAM,UAAU;;;;;;kDAmBf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/select/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,KAAK,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/select/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,KAAK,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAAC,IAAI,CAiBnC,CAAC;eACa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,MAAM,CAAC,IAAI,CAAE,CAAC;AAO5C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAC;AASF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAgBF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAcF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAqCtC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { Select as _Select } from '@base-ui/react/select';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ReactElement } from 'react';
|
|
3
3
|
import type { ComponentProps } from '../../../utils/types';
|
|
4
4
|
import type { InputLayoutProps } from '../input-layout/types';
|
|
5
|
-
export type PortalProps =
|
|
5
|
+
export type PortalProps = ComponentProps<typeof _Select.Portal>;
|
|
6
|
+
export type PositionerProps = ComponentProps<typeof _Select.Positioner>;
|
|
6
7
|
export type SelectRootProps<Value = unknown> = Omit<_Select.Root.Props<Value, false>, 'multiple'>;
|
|
7
8
|
export type SelectTriggerProps = ComponentProps<typeof _Select.Trigger> & {
|
|
8
9
|
/**
|
|
@@ -45,6 +46,14 @@ export type SelectPopupProps = ComponentProps<typeof _Select.Popup> & {
|
|
|
45
46
|
* be ignored.
|
|
46
47
|
*/
|
|
47
48
|
portal?: ReactElement<Omit<PortalProps, 'children'>>;
|
|
49
|
+
/**
|
|
50
|
+
* Optional positioner element, typically `<Select.Positioner />` with
|
|
51
|
+
* custom positioning props (`side`, `align`, `sideOffset`, collision
|
|
52
|
+
* settings, etc.). When omitted, `Select.Popup` uses `Select.Positioner`
|
|
53
|
+
* with default props. Do not pass `children` on the positioner element;
|
|
54
|
+
* they would be ignored.
|
|
55
|
+
*/
|
|
56
|
+
positioner?: ReactElement<Omit<PositionerProps, 'children'>>;
|
|
48
57
|
};
|
|
49
58
|
export type SelectItemProps = Omit<ComponentProps<typeof _Select.Item>, 'value'> & {
|
|
50
59
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,MAAM,CAAE,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,UAAU,CAAE,CAAC;AAG1E,MAAM,MAAM,eAAe,CAAE,KAAK,GAAG,OAAO,IAAK,IAAI,CACpD,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,KAAK,EAAE,KAAK,CAAE,EAClC,UAAU,CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,OAAO,CAAE,GAAG;IAC3E;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAE,aAAa,CAAE,CAAC;IACnD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,KAAK,CAAE,GAAG;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;IACzD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,CAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,cAAc,CAAE,OAAO,OAAO,CAAC,IAAI,CAAE,EACrC,OAAO,CACP,GAAG;IACH;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/icon/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/icon/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAwB5B,CAAC;eACa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC"}
|
package/build-types/index.d.ts
CHANGED
|
@@ -17,5 +17,7 @@ export * from './stack';
|
|
|
17
17
|
export * as Tabs from './tabs';
|
|
18
18
|
export * from './text';
|
|
19
19
|
export * as Tooltip from './tooltip';
|
|
20
|
+
export { getWpCompatOverlaySlot } from './utils/wp-compat-overlay-slot';
|
|
21
|
+
export { useEnableWpCompatOverlaySlot } from './utils/use-enable-wp-compat-overlay-slot';
|
|
20
22
|
export * from './visually-hidden';
|
|
21
23
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACzF,cAAc,mBAAmB,CAAC"}
|
|
@@ -3,8 +3,9 @@ import { Close } from './close';
|
|
|
3
3
|
import { Description } from './description';
|
|
4
4
|
import { Popup } from './popup';
|
|
5
5
|
import { Portal } from './portal';
|
|
6
|
+
import { Positioner } from './positioner';
|
|
6
7
|
import { Root } from './root';
|
|
7
8
|
import { Title } from './title';
|
|
8
9
|
import { Trigger } from './trigger';
|
|
9
|
-
export { Arrow, Close, Description, Portal,
|
|
10
|
+
export { Arrow, Close, Description, Popup, Portal, Positioner, Root, Title, Trigger, };
|
|
10
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,KAAK,EACL,OAAO,GACP,CAAC"}
|
|
@@ -5,7 +5,8 @@ import type { PopupProps } from './types';
|
|
|
5
5
|
* Handles portal rendering, positioning relative to the anchor, collision
|
|
6
6
|
* avoidance, focus management, and optional backdrop. Use
|
|
7
7
|
* `portal={ <Popover.Portal container={ ... } /> }` for cross-document
|
|
8
|
-
* scenarios such as iframes.
|
|
8
|
+
* scenarios such as iframes, and `positioner={ <Popover.Positioner … /> }`
|
|
9
|
+
* to customize placement.
|
|
9
10
|
*/
|
|
10
11
|
declare const Popup: import("react").ForwardRefExoticComponent<PopupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
12
|
export { Popup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/popover/popup.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAO1C
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/popover/popup.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAO1C;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK,uGAyDR,CAAC;AAEJ,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* `Popover.Popup`'s `portal` prop (for example `container` for
|
|
4
|
-
* cross-document rendering). When `portal` is omitted, `Popover.Popup` uses
|
|
5
|
-
* this component with default props.
|
|
2
|
+
* Used to apply custom portal behavior to `Popover`'s floating content.
|
|
6
3
|
*/
|
|
7
|
-
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> &
|
|
4
|
+
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
8
|
+
ref?: import("react").Ref<any> | undefined;
|
|
9
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
11
|
export { Portal };
|
|
9
12
|
//# sourceMappingURL=portal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/popover/portal.tsx"],"names":[],"mappings":"AAIA
|
|
1
|
+
{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/popover/portal.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,QAAA,MAAM,MAAM;;;;;;kDAIX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Used to apply custom positioning to `Popover`'s floating content.
|
|
3
|
+
*/
|
|
4
|
+
declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
8
|
+
ref?: import("react").Ref<any> | undefined;
|
|
9
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { Positioner };
|
|
12
|
+
//# sourceMappingURL=positioner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../src/popover/positioner.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,QAAA,MAAM,UAAU;;;;;;kDA6Bf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -10,8 +10,11 @@ import type { RootProps } from './types';
|
|
|
10
10
|
*
|
|
11
11
|
* - `Popover.Root` — provides open state and context to all sub-components.
|
|
12
12
|
* - `Popover.Trigger` — the button that toggles the popup.
|
|
13
|
-
* - `Popover.Popup` — the floating container
|
|
14
|
-
*
|
|
13
|
+
* - `Popover.Popup` — the floating container. Portals by default or via
|
|
14
|
+
* `portal={ <Popover.Portal /> }`, and is positioned by default or via
|
|
15
|
+
* `positioner={ <Popover.Positioner /> }`.
|
|
16
|
+
* - `Popover.Positioner` — controls placement, alignment, offset, collision
|
|
17
|
+
* behavior, and anchor for the floating content.
|
|
15
18
|
* - `Popover.Arrow` — an optional arrow pointing toward the anchor.
|
|
16
19
|
* - `Popover.Title` — **required** heading that labels the popover for
|
|
17
20
|
* accessibility (can be visually hidden).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/popover/root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/popover/root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,IAAI,CAAE,KAAK,EAAE,SAAS,+BAE9B;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -10,7 +10,7 @@ export declare const Default: Story;
|
|
|
10
10
|
*/
|
|
11
11
|
export declare const NoArrow: Story;
|
|
12
12
|
/**
|
|
13
|
-
* All combinations of `side` and `align` props on `Popover.
|
|
13
|
+
* All combinations of `side` and `align` props on `Popover.Positioner`.
|
|
14
14
|
*
|
|
15
15
|
* Each row shows a side (`top`, `right`, `bottom`, `left`), and each column
|
|
16
16
|
* shows an alignment (`start`, `center`, `end`).
|
|
@@ -96,16 +96,6 @@ export declare const CollisionAvoidance: Story;
|
|
|
96
96
|
* position across document boundaries.
|
|
97
97
|
*/
|
|
98
98
|
export declare const CrossIframe: Story;
|
|
99
|
-
/**
|
|
100
|
-
* Same cross-iframe scenario, but using `SlotFillProvider` and `Slot` from
|
|
101
|
-
* `@wordpress/components` as the render target.
|
|
102
|
-
*
|
|
103
|
-
* The `Slot` renders a `div` in the parent document, and its forwarded ref
|
|
104
|
-
* is passed to `Popover.Portal`'s `container` prop (via `Popover.Popup`'s
|
|
105
|
-
* `portal` prop) so the popup portals into the slot element. This mirrors the
|
|
106
|
-
* legacy Popover's `WithSlotOutsideIframe` pattern.
|
|
107
|
-
*/
|
|
108
|
-
export declare const CrossIframeWithSlotFill: Story;
|
|
109
99
|
/**
|
|
110
100
|
* Popovers in Gutenberg are managed with explicit z-index values, which can
|
|
111
101
|
* create situations where a popover renders below another popover when you
|
|
@@ -124,9 +114,9 @@ export declare const CrossIframeWithSlotFill: Story;
|
|
|
124
114
|
*/
|
|
125
115
|
export declare const WithCustomZIndex: Story;
|
|
126
116
|
/**
|
|
127
|
-
*
|
|
128
|
-
*
|
|
129
|
-
* anchor types:
|
|
117
|
+
* Pass an `anchor` to `Popover.Positioner` (via `Popover.Popup`'s `positioner`
|
|
118
|
+
* slot) to position the popover against an arbitrary element instead of the
|
|
119
|
+
* built-in trigger. `anchor` accepts four types:
|
|
130
120
|
*
|
|
131
121
|
* 1. **Element** — a direct DOM element reference.
|
|
132
122
|
* 2. **VirtualElement** — an object with a `getBoundingClientRect()` method.
|
|
@@ -147,13 +137,12 @@ export declare const Anchor: Story;
|
|
|
147
137
|
*/
|
|
148
138
|
export declare const ToolbarVariant: Story;
|
|
149
139
|
/**
|
|
150
|
-
*
|
|
151
|
-
*
|
|
152
|
-
*
|
|
153
|
-
* `max-width` via the `style` prop
|
|
154
|
-
*
|
|
155
|
-
*
|
|
156
|
-
* legacy Popover's `resize` prop.
|
|
140
|
+
* `Popover.Positioner` exposes `--available-height` and `--available-width`
|
|
141
|
+
* CSS variables representing the space between the anchor and the viewport
|
|
142
|
+
* edge. These cascade down to `Popover.Popup`, where applying them as
|
|
143
|
+
* `max-height` / `max-width` via the `style` prop constrains the popup size.
|
|
144
|
+
* Then add `overflow: auto` on an inner wrapper so scrolling happens inside
|
|
145
|
+
* the popup content area — this replaces the legacy Popover's `resize` prop.
|
|
157
146
|
*
|
|
158
147
|
* Open the popover and resize or scroll the container to see the popup shrink
|
|
159
148
|
* to fit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/popover/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/popover/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,OAAO,MAAM,KAAK,CAAC;AAM/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAAC,IAAI,CAuBpC,CAAC;eACa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAgDzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KA4ExB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,EAAE,KAkFnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoD9B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,EAAE,KAqCpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgFhC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,KAiFzB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM,EAAE,KA6IpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAkDrC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoDjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAiE1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,KAiDvB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KA6CrB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import type { Popover as _Popover } from '@base-ui/react/popover';
|
|
3
3
|
import type { ComponentProps } from '../utils/types';
|
|
4
|
-
export type PortalProps =
|
|
4
|
+
export type PortalProps = ComponentProps<typeof _Popover.Portal>;
|
|
5
|
+
export type PositionerProps = ComponentProps<typeof _Popover.Positioner>;
|
|
5
6
|
export interface RootProps extends Pick<_Popover.Root.Props, 'open' | 'onOpenChange' | 'defaultOpen' | 'modal'> {
|
|
6
7
|
/**
|
|
7
8
|
* The popover sub-components (`Popover.Trigger`, `Popover.Popup`, etc.).
|
|
@@ -14,7 +15,7 @@ export interface TriggerProps extends ComponentProps<'button'>, Pick<_Popover.Tr
|
|
|
14
15
|
*/
|
|
15
16
|
children?: ReactNode;
|
|
16
17
|
}
|
|
17
|
-
export interface PopupProps extends ComponentProps<'div'>, Pick<_Popover.
|
|
18
|
+
export interface PopupProps extends ComponentProps<'div'>, Pick<_Popover.Popup.Props, 'initialFocus' | 'finalFocus'> {
|
|
18
19
|
/**
|
|
19
20
|
* Whether to render a backdrop overlay behind the popover.
|
|
20
21
|
*
|
|
@@ -37,6 +38,14 @@ export interface PopupProps extends ComponentProps<'div'>, Pick<_Popover.Positio
|
|
|
37
38
|
* When omitted, `Popover.Popup` uses `Popover.Portal` with default props.
|
|
38
39
|
*/
|
|
39
40
|
portal?: ReactElement<Omit<PortalProps, 'children'>>;
|
|
41
|
+
/**
|
|
42
|
+
* Optional positioner element, typically `<Popover.Positioner />` with
|
|
43
|
+
* custom positioning props (`side`, `align`, `sideOffset`, collision
|
|
44
|
+
* settings, anchor, etc.). When omitted, `Popover.Popup` uses
|
|
45
|
+
* `Popover.Positioner` with default props. Do not pass `children` on
|
|
46
|
+
* the positioner element; they would be ignored.
|
|
47
|
+
*/
|
|
48
|
+
positioner?: ReactElement<Omit<PositionerProps, 'children'>>;
|
|
40
49
|
/**
|
|
41
50
|
* The visual style variant of the popup.
|
|
42
51
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAE,OAAO,QAAQ,CAAC,MAAM,CAAE,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,QAAQ,CAAC,UAAU,CAAE,CAAC;AAE3E,MAAM,WAAW,SAChB,SAAQ,IAAI,CACX,QAAQ,CAAC,IAAI,CAAC,KAAK,EACnB,MAAM,GAAG,cAAc,GAAG,aAAa,GAAG,OAAO,CACjD;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAChB,SAAQ,cAAc,CAAE,QAAQ,CAAE,EACjC,IAAI,CAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,GAAG,YAAY,CAAE;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,UAChB,SAAQ,cAAc,CAAE,KAAK,CAAE,EAC9B,IAAI,CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAE;IAC5D;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;IAEzD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,CAAE,CAAC;IAEjE;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,IAAI,CAAE;IACzD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,GAAG,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
3
|
-
* `
|
|
4
|
-
* uses this component with default props.
|
|
2
|
+
* Used to apply custom portal behavior to `Tooltip`'s floating content.
|
|
3
|
+
* `container` defaults to the `@wordpress/ui` compat overlay slot.
|
|
5
4
|
*/
|
|
6
|
-
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> &
|
|
5
|
+
declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "children" | "className" | "render" | "style"> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
render?: ((props: import("react").HTMLAttributes<any> & {
|
|
9
|
+
ref?: import("react").Ref<any> | undefined;
|
|
10
|
+
}) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
12
|
export { Portal };
|
|
8
13
|
//# sourceMappingURL=portal.d.ts.map
|