@aria-ui/popover
Advanced tools
Comparing version 0.0.6 to 0.0.7
@@ -6,5 +6,5 @@ import { BaseElement, ConnectableElement, SingalState } from '@aria-ui/core'; | ||
/** | ||
* @group PopoverPositioner | ||
* @group PopoverContent | ||
*/ | ||
interface PopoverPositionerProps extends Omit<OverlayPositionerProps, "hoist" | "flip" | "shift" | "offset" | "overflowPadding"> { | ||
interface PopoverContentProps extends Omit<OverlayPositionerProps, "hoist" | "flip" | "shift" | "offset" | "overflowPadding"> { | ||
/** | ||
@@ -73,3 +73,3 @@ * {@inheritDoc @aria-ui/overlay!OverlayPositionerProps.hoist} | ||
*/ | ||
declare const defaultPopoverPositionerProps: Readonly<{ | ||
declare const defaultPopoverContentProps: Readonly<{ | ||
hoist: true; | ||
@@ -100,5 +100,5 @@ flip: true; | ||
/** | ||
* @group PopoverPositioner | ||
* @group PopoverContent | ||
*/ | ||
interface PopoverPositionerDataAttributes extends OverlayPositionerDataAttributes { | ||
interface PopoverContentDataAttributes extends OverlayPositionerDataAttributes { | ||
"data-state": "open" | "closed"; | ||
@@ -108,67 +108,67 @@ } | ||
/** | ||
* A custom PopoverPositioner element. | ||
* A custom PopoverContent element. | ||
* | ||
* Properties: {@link PopoverPositionerProps} | ||
* Properties: {@link PopoverContentProps} | ||
* | ||
* @group PopoverPositioner | ||
* @group PopoverContent | ||
*/ | ||
declare class PopoverPositionerElement extends BaseElement implements PopoverPositionerProps { | ||
declare class PopoverContentElement extends BaseElement implements PopoverContentProps { | ||
private _s; | ||
constructor(props?: Partial<PopoverPositionerProps>); | ||
/** @hidden */ get strategy(): PopoverPositionerProps["strategy"]; | ||
/** @hidden */ set strategy(v: PopoverPositionerProps["strategy"]); | ||
/** @hidden */ get placement(): PopoverPositionerProps["placement"]; | ||
/** @hidden */ set placement(v: PopoverPositionerProps["placement"]); | ||
/** @hidden */ get autoUpdate(): PopoverPositionerProps["autoUpdate"]; | ||
/** @hidden */ set autoUpdate(v: PopoverPositionerProps["autoUpdate"]); | ||
/** @hidden */ get hoist(): PopoverPositionerProps["hoist"]; | ||
/** @hidden */ set hoist(v: PopoverPositionerProps["hoist"]); | ||
/** @hidden */ get transform(): PopoverPositionerProps["transform"]; | ||
/** @hidden */ set transform(v: PopoverPositionerProps["transform"]); | ||
/** @hidden */ get offset(): PopoverPositionerProps["offset"]; | ||
/** @hidden */ set offset(v: PopoverPositionerProps["offset"]); | ||
/** @hidden */ get flip(): PopoverPositionerProps["flip"]; | ||
/** @hidden */ set flip(v: PopoverPositionerProps["flip"]); | ||
/** @hidden */ get shift(): PopoverPositionerProps["shift"]; | ||
/** @hidden */ set shift(v: PopoverPositionerProps["shift"]); | ||
/** @hidden */ get overlap(): PopoverPositionerProps["overlap"]; | ||
/** @hidden */ set overlap(v: PopoverPositionerProps["overlap"]); | ||
/** @hidden */ get fitViewport(): PopoverPositionerProps["fitViewport"]; | ||
/** @hidden */ set fitViewport(v: PopoverPositionerProps["fitViewport"]); | ||
/** @hidden */ get sameWidth(): PopoverPositionerProps["sameWidth"]; | ||
/** @hidden */ set sameWidth(v: PopoverPositionerProps["sameWidth"]); | ||
/** @hidden */ get sameHeight(): PopoverPositionerProps["sameHeight"]; | ||
/** @hidden */ set sameHeight(v: PopoverPositionerProps["sameHeight"]); | ||
/** @hidden */ get inline(): PopoverPositionerProps["inline"]; | ||
/** @hidden */ set inline(v: PopoverPositionerProps["inline"]); | ||
/** @hidden */ get hide(): PopoverPositionerProps["hide"]; | ||
/** @hidden */ set hide(v: PopoverPositionerProps["hide"]); | ||
/** @hidden */ get boundary(): PopoverPositionerProps["boundary"]; | ||
/** @hidden */ set boundary(v: PopoverPositionerProps["boundary"]); | ||
/** @hidden */ get rootBoundary(): PopoverPositionerProps["rootBoundary"]; | ||
/** @hidden */ set rootBoundary(v: PopoverPositionerProps["rootBoundary"]); | ||
/** @hidden */ get overflowPadding(): PopoverPositionerProps["overflowPadding"]; | ||
/** @hidden */ set overflowPadding(v: PopoverPositionerProps["overflowPadding"]); | ||
/** @hidden */ get elementContext(): PopoverPositionerProps["elementContext"]; | ||
/** @hidden */ set elementContext(v: PopoverPositionerProps["elementContext"]); | ||
/** @hidden */ get altBoundary(): PopoverPositionerProps["altBoundary"]; | ||
/** @hidden */ set altBoundary(v: PopoverPositionerProps["altBoundary"]); | ||
/** @hidden */ get onEscapeKeyDown(): PopoverPositionerProps["onEscapeKeyDown"]; | ||
/** @hidden */ set onEscapeKeyDown(v: PopoverPositionerProps["onEscapeKeyDown"]); | ||
/** @hidden */ get onPointerDownOutside(): PopoverPositionerProps["onPointerDownOutside"]; | ||
/** @hidden */ set onPointerDownOutside(v: PopoverPositionerProps["onPointerDownOutside"]); | ||
/** @hidden */ get onFocusOutside(): PopoverPositionerProps["onFocusOutside"]; | ||
/** @hidden */ set onFocusOutside(v: PopoverPositionerProps["onFocusOutside"]); | ||
/** @hidden */ get onInteractOutside(): PopoverPositionerProps["onInteractOutside"]; | ||
/** @hidden */ set onInteractOutside(v: PopoverPositionerProps["onInteractOutside"]); | ||
constructor(props?: Partial<PopoverContentProps>); | ||
/** @hidden */ get strategy(): PopoverContentProps["strategy"]; | ||
/** @hidden */ set strategy(v: PopoverContentProps["strategy"]); | ||
/** @hidden */ get placement(): PopoverContentProps["placement"]; | ||
/** @hidden */ set placement(v: PopoverContentProps["placement"]); | ||
/** @hidden */ get autoUpdate(): PopoverContentProps["autoUpdate"]; | ||
/** @hidden */ set autoUpdate(v: PopoverContentProps["autoUpdate"]); | ||
/** @hidden */ get hoist(): PopoverContentProps["hoist"]; | ||
/** @hidden */ set hoist(v: PopoverContentProps["hoist"]); | ||
/** @hidden */ get transform(): PopoverContentProps["transform"]; | ||
/** @hidden */ set transform(v: PopoverContentProps["transform"]); | ||
/** @hidden */ get offset(): PopoverContentProps["offset"]; | ||
/** @hidden */ set offset(v: PopoverContentProps["offset"]); | ||
/** @hidden */ get flip(): PopoverContentProps["flip"]; | ||
/** @hidden */ set flip(v: PopoverContentProps["flip"]); | ||
/** @hidden */ get shift(): PopoverContentProps["shift"]; | ||
/** @hidden */ set shift(v: PopoverContentProps["shift"]); | ||
/** @hidden */ get overlap(): PopoverContentProps["overlap"]; | ||
/** @hidden */ set overlap(v: PopoverContentProps["overlap"]); | ||
/** @hidden */ get fitViewport(): PopoverContentProps["fitViewport"]; | ||
/** @hidden */ set fitViewport(v: PopoverContentProps["fitViewport"]); | ||
/** @hidden */ get sameWidth(): PopoverContentProps["sameWidth"]; | ||
/** @hidden */ set sameWidth(v: PopoverContentProps["sameWidth"]); | ||
/** @hidden */ get sameHeight(): PopoverContentProps["sameHeight"]; | ||
/** @hidden */ set sameHeight(v: PopoverContentProps["sameHeight"]); | ||
/** @hidden */ get inline(): PopoverContentProps["inline"]; | ||
/** @hidden */ set inline(v: PopoverContentProps["inline"]); | ||
/** @hidden */ get hide(): PopoverContentProps["hide"]; | ||
/** @hidden */ set hide(v: PopoverContentProps["hide"]); | ||
/** @hidden */ get boundary(): PopoverContentProps["boundary"]; | ||
/** @hidden */ set boundary(v: PopoverContentProps["boundary"]); | ||
/** @hidden */ get rootBoundary(): PopoverContentProps["rootBoundary"]; | ||
/** @hidden */ set rootBoundary(v: PopoverContentProps["rootBoundary"]); | ||
/** @hidden */ get overflowPadding(): PopoverContentProps["overflowPadding"]; | ||
/** @hidden */ set overflowPadding(v: PopoverContentProps["overflowPadding"]); | ||
/** @hidden */ get elementContext(): PopoverContentProps["elementContext"]; | ||
/** @hidden */ set elementContext(v: PopoverContentProps["elementContext"]); | ||
/** @hidden */ get altBoundary(): PopoverContentProps["altBoundary"]; | ||
/** @hidden */ set altBoundary(v: PopoverContentProps["altBoundary"]); | ||
/** @hidden */ get onEscapeKeyDown(): PopoverContentProps["onEscapeKeyDown"]; | ||
/** @hidden */ set onEscapeKeyDown(v: PopoverContentProps["onEscapeKeyDown"]); | ||
/** @hidden */ get onPointerDownOutside(): PopoverContentProps["onPointerDownOutside"]; | ||
/** @hidden */ set onPointerDownOutside(v: PopoverContentProps["onPointerDownOutside"]); | ||
/** @hidden */ get onFocusOutside(): PopoverContentProps["onFocusOutside"]; | ||
/** @hidden */ set onFocusOutside(v: PopoverContentProps["onFocusOutside"]); | ||
/** @hidden */ get onInteractOutside(): PopoverContentProps["onInteractOutside"]; | ||
/** @hidden */ set onInteractOutside(v: PopoverContentProps["onInteractOutside"]); | ||
} | ||
/** | ||
* Properties: {@link PopoverPositionerProps} | ||
* Properties: {@link PopoverContentProps} | ||
* | ||
* Data attributes: {@link PopoverPositionerDataAttributes} | ||
* Data attributes: {@link PopoverContentDataAttributes} | ||
* | ||
* @group PopoverPositioner | ||
* @group PopoverContent | ||
*/ | ||
declare function usePopoverPositioner(element: ConnectableElement, props?: Partial<PopoverPositionerProps>): SingalState<PopoverPositionerProps>; | ||
declare function usePopoverContent(element: ConnectableElement, props?: Partial<PopoverContentProps>): SingalState<PopoverContentProps>; | ||
@@ -244,2 +244,2 @@ /** | ||
export { type PopoverPositionerDataAttributes, PopoverPositionerElement, type PopoverPositionerProps, PopoverRootElement, type PopoverRootProps, PopoverTriggerElement, defaultPopoverPositionerProps, defaultPopoverRootProps, usePopoverPositioner, usePopoverRoot, usePopoverTrigger }; | ||
export { type PopoverContentDataAttributes, PopoverContentElement, type PopoverContentProps, PopoverRootElement, type PopoverRootProps, PopoverTriggerElement, defaultPopoverContentProps, defaultPopoverRootProps, usePopoverContent, usePopoverRoot, usePopoverTrigger }; |
@@ -1,5 +0,5 @@ | ||
// src/popover-positioner.element.gen.ts | ||
// src/popover-content.element.gen.ts | ||
import { BaseElement } from "@aria-ui/core"; | ||
// src/popover-positioner.state.ts | ||
// src/popover-content.state.ts | ||
import { | ||
@@ -18,5 +18,5 @@ createSignal, | ||
// src/popover-positioner.props.ts | ||
// src/popover-content.props.ts | ||
import { defaultOverlayPositionerProps } from "@aria-ui/overlay"; | ||
var defaultPopoverPositionerProps = Object.freeze({ | ||
var defaultPopoverContentProps = Object.freeze({ | ||
...defaultOverlayPositionerProps, | ||
@@ -42,20 +42,20 @@ hoist: true, | ||
// src/popover-positioner.state.ts | ||
function usePopoverPositioner(element, props) { | ||
// src/popover-content.state.ts | ||
function usePopoverContent(element, props) { | ||
var _a, _b, _c, _d; | ||
const overlayPositionerState = useOverlayPositioner(element, { | ||
...defaultPopoverPositionerProps, | ||
...defaultPopoverContentProps, | ||
...props | ||
}); | ||
const onEscapeKeyDown = createSignal( | ||
(_a = props == null ? void 0 : props.onEscapeKeyDown) != null ? _a : defaultPopoverPositionerProps.onEscapeKeyDown | ||
(_a = props == null ? void 0 : props.onEscapeKeyDown) != null ? _a : defaultPopoverContentProps.onEscapeKeyDown | ||
); | ||
const onPointerDownOutside = createSignal( | ||
(_b = props == null ? void 0 : props.onPointerDownOutside) != null ? _b : defaultPopoverPositionerProps.onPointerDownOutside | ||
(_b = props == null ? void 0 : props.onPointerDownOutside) != null ? _b : defaultPopoverContentProps.onPointerDownOutside | ||
); | ||
const onFocusOutside = createSignal( | ||
(_c = props == null ? void 0 : props.onFocusOutside) != null ? _c : defaultPopoverPositionerProps.onFocusOutside | ||
(_c = props == null ? void 0 : props.onFocusOutside) != null ? _c : defaultPopoverContentProps.onFocusOutside | ||
); | ||
const onInteractOutside = createSignal( | ||
(_d = props == null ? void 0 : props.onInteractOutside) != null ? _d : defaultPopoverPositionerProps.onInteractOutside | ||
(_d = props == null ? void 0 : props.onInteractOutside) != null ? _d : defaultPopoverContentProps.onInteractOutside | ||
); | ||
@@ -127,7 +127,7 @@ const open = openContext.consume(element); | ||
// src/popover-positioner.element.gen.ts | ||
var PopoverPositionerElement = class extends BaseElement { | ||
// src/popover-content.element.gen.ts | ||
var PopoverContentElement = class extends BaseElement { | ||
constructor(props) { | ||
super(); | ||
this._s = usePopoverPositioner(this, props); | ||
this._s = usePopoverContent(this, props); | ||
} | ||
@@ -430,10 +430,10 @@ /** @hidden */ | ||
export { | ||
PopoverPositionerElement, | ||
PopoverContentElement, | ||
PopoverRootElement, | ||
PopoverTriggerElement, | ||
defaultPopoverPositionerProps, | ||
defaultPopoverContentProps, | ||
defaultPopoverRootProps, | ||
usePopoverPositioner, | ||
usePopoverContent, | ||
usePopoverRoot, | ||
usePopoverTrigger | ||
}; |
{ | ||
"name": "@aria-ui/popover", | ||
"type": "module", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"private": false, | ||
@@ -6,0 +6,0 @@ "sideEffects": false, |
# @aria-ui/popover | ||
## PopoverPositioner | ||
## PopoverContent | ||
### PopoverPositionerElement | ||
### PopoverContentElement | ||
A custom PopoverPositioner element. | ||
A custom PopoverContent element. | ||
Properties: [PopoverPositionerProps](README.md#popoverpositionerprops) | ||
Properties: [PopoverContentProps](README.md#popovercontentprops) | ||
```ts | ||
new PopoverPositionerElement(props?: Partial<PopoverPositionerProps>): PopoverPositionerElement | ||
new PopoverContentElement(props?: Partial<PopoverContentProps>): PopoverContentElement | ||
``` | ||
### PopoverPositionerDataAttributes | ||
### PopoverContentDataAttributes | ||
@@ -23,3 +23,3 @@ | Property | Type | | ||
### PopoverPositionerProps | ||
### PopoverContentProps | ||
@@ -52,14 +52,14 @@ | Property | Type | Description | | ||
### usePopoverPositioner() | ||
### usePopoverContent() | ||
```ts | ||
function usePopoverPositioner( | ||
function usePopoverContent( | ||
element: ConnectableElement, | ||
props?: Partial<PopoverPositionerProps>, | ||
): SingalState<PopoverPositionerProps>; | ||
props?: Partial<PopoverContentProps>, | ||
): SingalState<PopoverContentProps>; | ||
``` | ||
Properties: [PopoverPositionerProps](README.md#popoverpositionerprops) | ||
Properties: [PopoverContentProps](README.md#popovercontentprops) | ||
Data attributes: [PopoverPositionerDataAttributes](README.md#popoverpositionerdataattributes) | ||
Data attributes: [PopoverContentDataAttributes](README.md#popovercontentdataattributes) | ||
@@ -66,0 +66,0 @@ ## PopoverRoot |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
27404
653