@astroapps/aria-base 1.0.1 → 1.1.1

package/lib/Popover.d.ts

@@ -9,10 +9,11 @@ export interface PopoverClasses {
 export interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef">, PopoverClasses {
     children: React.ReactNode;
     state: OverlayTriggerState;
+    portalContainer?: Element;
     renderArrow?: (props: DOMAttributes) => ReactNode;
 }
 export declare const DefaultPopoverClasses: {
     underlayClass: string;
     popoverClass: string;
 };
-export declare function Popover({ children, state, renderArrow, ...props }: PopoverProps): React.JSX.Element;
+export declare function Popover({ children, state, renderArrow, portalContainer, ...props }: PopoverProps): React.JSX.Element;

package/lib/index.js

@@ -18,7 +18,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -59,7 +59,7 @@ function Dialog(_ref) {
   }), title), children);
 }
 
-var _excluded = ["children", "state", "renderArrow"];
+var _excluded = ["children", "state", "renderArrow", "portalContainer"];
 var DefaultPopoverClasses = {
   underlayClass: "fixed inset-0",
   popoverClass: "bg-white"
@@ -68,6 +68,7 @@ function Popover(_ref) {
   var children = _ref.children,
     state = _ref.state,
     renderArrow = _ref.renderArrow,
+    portalContainer = _ref.portalContainer,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var popoverRef = React.useRef(null);
   var _DefaultPopoverClasse = _extends({}, DefaultPopoverClasses, props),
@@ -79,7 +80,9 @@ function Popover(_ref) {
     popoverProps = _usePopover.popoverProps,
     underlayProps = _usePopover.underlayProps,
     arrowProps = _usePopover.arrowProps;
-  return /*#__PURE__*/React__default["default"].createElement(reactAria.Overlay, null, /*#__PURE__*/React__default["default"].createElement("div", _extends({}, underlayProps, {
+  return /*#__PURE__*/React__default["default"].createElement(reactAria.Overlay, {
+    portalContainer: portalContainer
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends({}, underlayProps, {
     className: underlayClass
   })), /*#__PURE__*/React__default["default"].createElement("div", _extends({}, popoverProps, {
     ref: popoverRef,

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Button.tsx","../src/Dialog.tsx","../src/Popover.tsx"],"sourcesContent":["import { AriaButtonProps, useButton } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport function Button({\n  children,\n  className,\n  ...props\n}: AriaButtonProps<\"button\"> & { className?: string }) {\n  const ref = useRef(null);\n  const { buttonProps } = useButton(props, ref);\n  return <button {...buttonProps} className={className} children={children} />;\n}\n","import type { AriaDialogProps } from \"react-aria\";\nimport { useDialog } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport interface DialogClasses {\n  className?: string;\n  titleClass?: string;\n}\nexport interface DialogProps extends AriaDialogProps, DialogClasses {\n  title?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport const DefaultDialogClasses: DialogClasses = {};\nexport function Dialog({ title, children, ...props }: DialogProps) {\n  let ref = useRef(null);\n  const { className, titleClass } = {\n    ...DefaultDialogClasses,\n    ...props,\n  };\n  let { dialogProps, titleProps } = useDialog(props, ref);\n\n  return (\n    <div {...dialogProps} ref={ref} className={className}>\n      {title && (\n        <h3 {...titleProps} className={titleClass}>\n          {title}\n        </h3>\n      )}\n      {children}\n    </div>\n  );\n}\n","import type { AriaPopoverProps } from \"react-aria\";\nimport { DismissButton, Overlay, usePopover } from \"react-aria\";\nimport type { OverlayTriggerState } from \"react-stately\";\nimport React, { ReactNode, useRef } from \"react\";\nimport { DOMAttributes } from \"@react-types/shared\";\n\nexport interface PopoverClasses {\n  underlayClass?: string;\n  popoverClass?: string;\n}\nexport interface PopoverProps\n  extends Omit<AriaPopoverProps, \"popoverRef\">,\n    PopoverClasses {\n  children: React.ReactNode;\n  state: OverlayTriggerState;\n  renderArrow?: (props: DOMAttributes) => ReactNode;\n}\n\nexport const DefaultPopoverClasses = {\n  underlayClass: \"fixed inset-0\",\n  popoverClass: \"bg-white\",\n};\n\nexport function Popover({\n  children,\n  state,\n  renderArrow,\n  ...props\n}: PopoverProps) {\n  let popoverRef = useRef(null);\n  const { popoverClass, underlayClass } = {\n    ...DefaultPopoverClasses,\n    ...props,\n  };\n  let { popoverProps, underlayProps, arrowProps } = usePopover(\n    {\n      ...props,\n      popoverRef,\n    },\n    state,\n  );\n\n  return (\n    <Overlay>\n      <div {...underlayProps} className={underlayClass} />\n      <div\n        {...popoverProps}\n        ref={popoverRef}\n        className={popoverClass}\n        style={popoverProps.style}\n      >\n        {renderArrow?.(arrowProps)}\n        <DismissButton onDismiss={state.close} />\n        {children}\n        <DismissButton onDismiss={state.close} />\n      </div>\n    </Overlay>\n  );\n}\n"],"names":["Button","_ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","ref","useRef","_useButton","useButton","buttonProps","React","createElement","_extends","DefaultDialogClasses","Dialog","title","_DefaultDialogClasses","titleClass","_useDialog","useDialog","dialogProps","titleProps","DefaultPopoverClasses","underlayClass","popoverClass","Popover","state","renderArrow","popoverRef","_DefaultPopoverClasse","_usePopover","usePopover","popoverProps","underlayProps","arrowProps","Overlay","style","DismissButton","onDismiss","close"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/Button.tsx","../src/Dialog.tsx","../src/Popover.tsx"],"sourcesContent":["import { AriaButtonProps, useButton } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport function Button({\n  children,\n  className,\n  ...props\n}: AriaButtonProps<\"button\"> & { className?: string }) {\n  const ref = useRef(null);\n  const { buttonProps } = useButton(props, ref);\n  return <button {...buttonProps} className={className} children={children} />;\n}\n","import type { AriaDialogProps } from \"react-aria\";\nimport { useDialog } from \"react-aria\";\nimport React, { useRef } from \"react\";\n\nexport interface DialogClasses {\n  className?: string;\n  titleClass?: string;\n}\nexport interface DialogProps extends AriaDialogProps, DialogClasses {\n  title?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport const DefaultDialogClasses: DialogClasses = {};\nexport function Dialog({ title, children, ...props }: DialogProps) {\n  let ref = useRef(null);\n  const { className, titleClass } = {\n    ...DefaultDialogClasses,\n    ...props,\n  };\n  let { dialogProps, titleProps } = useDialog(props, ref);\n\n  return (\n    <div {...dialogProps} ref={ref} className={className}>\n      {title && (\n        <h3 {...titleProps} className={titleClass}>\n          {title}\n        </h3>\n      )}\n      {children}\n    </div>\n  );\n}\n","import type { AriaPopoverProps } from \"react-aria\";\nimport { DismissButton, Overlay, usePopover } from \"react-aria\";\nimport type { OverlayTriggerState } from \"react-stately\";\nimport React, { ReactNode, useRef } from \"react\";\nimport { DOMAttributes } from \"@react-types/shared\";\n\nexport interface PopoverClasses {\n  underlayClass?: string;\n  popoverClass?: string;\n}\nexport interface PopoverProps\n  extends Omit<AriaPopoverProps, \"popoverRef\">,\n    PopoverClasses {\n  children: React.ReactNode;\n  state: OverlayTriggerState;\n  portalContainer?: Element;\n  renderArrow?: (props: DOMAttributes) => ReactNode;\n}\n\nexport const DefaultPopoverClasses = {\n  underlayClass: \"fixed inset-0\",\n  popoverClass: \"bg-white\",\n};\n\nexport function Popover({\n  children,\n  state,\n  renderArrow,\n  portalContainer,\n  ...props\n}: PopoverProps) {\n  let popoverRef = useRef(null);\n  const { popoverClass, underlayClass } = {\n    ...DefaultPopoverClasses,\n    ...props,\n  };\n  let { popoverProps, underlayProps, arrowProps } = usePopover(\n    {\n      ...props,\n      popoverRef,\n    },\n    state,\n  );\n\n  return (\n    <Overlay portalContainer={portalContainer}>\n      <div {...underlayProps} className={underlayClass} />\n      <div\n        {...popoverProps}\n        ref={popoverRef}\n        className={popoverClass}\n        style={popoverProps.style}\n      >\n        {renderArrow?.(arrowProps)}\n        <DismissButton onDismiss={state.close} />\n        {children}\n        <DismissButton onDismiss={state.close} />\n      </div>\n    </Overlay>\n  );\n}\n"],"names":["Button","_ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","ref","useRef","_useButton","useButton","buttonProps","React","createElement","_extends","DefaultDialogClasses","Dialog","title","_DefaultDialogClasses","titleClass","_useDialog","useDialog","dialogProps","titleProps","DefaultPopoverClasses","underlayClass","popoverClass","Popover","state","renderArrow","portalContainer","popoverRef","_DefaultPopoverClasse","_usePopover","usePopover","popoverProps","underlayProps","arrowProps","Overlay","style","DismissButton","onDismiss","close"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astroapps/aria-base",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -13,16 +13,18 @@
   "publishConfig": {
     "access": "public"
   },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-stately": "^3.31.0",
     "react-aria": "^3.33.0",
     "clsx": "^2"
   },
   "devDependencies": {
+    "react": "^18.2.0",
     "microbundle": "^0.15.1",
-    "typescript": "5.2.2",
+    "typescript": "^5.6.2",
     "@types/react": "^18.2.37",
     "prettier": "^3.0.3",
     "rimraf": "^5.0.7",

package/src/Popover.tsx

@@ -13,6 +13,7 @@ export interface PopoverProps
     PopoverClasses {
   children: React.ReactNode;
   state: OverlayTriggerState;
+  portalContainer?: Element;
   renderArrow?: (props: DOMAttributes) => ReactNode;
 }
 
@@ -25,6 +26,7 @@ export function Popover({
   children,
   state,
   renderArrow,
+  portalContainer,
   ...props
 }: PopoverProps) {
   let popoverRef = useRef(null);
@@ -41,7 +43,7 @@ export function Popover({
   );
 
   return (
-    <Overlay>
+    <Overlay portalContainer={portalContainer}>
       <div {...underlayProps} className={underlayClass} />
       <div
         {...popoverProps}