Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@aria-ui/popover

Package Overview
Dependencies
Maintainers
1
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aria-ui/popover - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

122

dist/index.d.ts

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc