@cdx-ui/primitives 0.0.1-beta.51 → 0.0.1-beta.52

package/src/dialog/index.tsx

@@ -1,11 +1,11 @@
 import type React from 'react';
 import { createDialogRoot } from './createDialogRoot';
 import { createDialogTrigger } from './createDialogTrigger';
-import { createDialogContent } from './createDialogContent';
+import { createDialogPopup } from './createDialogPopup';
 import { createDialogHeader } from './createDialogHeader';
 import { createDialogTitle } from './createDialogTitle';
 import { createDialogDescription } from './createDialogDescription';
-import { createDialogBody } from './createDialogBody';
+import { createDialogContent } from './createDialogContent';
 import { createDialogFooter } from './createDialogFooter';
 import { createDialogClose } from './createDialogClose';
 import { DialogProvider, useDialog } from './context';
@@ -16,12 +16,12 @@ export type {
   IDialogContextType,
   IDialogRootProps,
   IDialogTriggerProps,
-  IDialogContentProps,
+  IDialogPopupProps,
   IDialogOverlayProps,
   IDialogHeaderProps,
   IDialogTitleProps,
   IDialogDescriptionProps,
-  IDialogBodyProps,
+  IDialogContentProps,
   IDialogFooterProps,
   IDialogCloseProps,
 } from './types';
@@ -29,64 +29,64 @@ export type {
 export function createDialog<
   RootProps,
   TriggerProps,
-  ContentProps,
+  PopupProps,
   OverlayProps,
   HeaderProps,
   TitleProps,
   DescriptionProps,
-  BodyProps,
+  ContentProps,
   FooterProps,
   CloseProps,
 >(BaseComponents: {
   Root: React.ComponentType<RootProps>;
   Trigger: React.ComponentType<TriggerProps>;
-  Content: React.ComponentType<ContentProps>;
+  Popup: React.ComponentType<PopupProps>;
   Overlay: React.ComponentType<OverlayProps>;
   Header: React.ComponentType<HeaderProps>;
   Title: React.ComponentType<TitleProps>;
   Description: React.ComponentType<DescriptionProps>;
-  Body: React.ComponentType<BodyProps>;
+  Content: React.ComponentType<ContentProps>;
   Footer: React.ComponentType<FooterProps>;
   Close: React.ComponentType<CloseProps>;
 }) {
   const Root = createDialogRoot(BaseComponents.Root);
   const Trigger = createDialogTrigger(BaseComponents.Trigger);
-  const Content = createDialogContent(BaseComponents.Content, BaseComponents.Overlay);
+  const Popup = createDialogPopup(BaseComponents.Popup, BaseComponents.Overlay);
   const Header = createDialogHeader(BaseComponents.Header);
   const Title = createDialogTitle(BaseComponents.Title);
   const Description = createDialogDescription(BaseComponents.Description);
-  const Body = createDialogBody(BaseComponents.Body);
+  const Content = createDialogContent(BaseComponents.Content);
   const Footer = createDialogFooter(BaseComponents.Footer);
   const Close = createDialogClose(BaseComponents.Close);
 
   Root.displayName = 'DialogPrimitive.Root';
   Trigger.displayName = 'DialogPrimitive.Trigger';
-  Content.displayName = 'DialogPrimitive.Content';
+  Popup.displayName = 'DialogPrimitive.Popup';
   Header.displayName = 'DialogPrimitive.Header';
   Title.displayName = 'DialogPrimitive.Title';
   Description.displayName = 'DialogPrimitive.Description';
-  Body.displayName = 'DialogPrimitive.Body';
+  Content.displayName = 'DialogPrimitive.Content';
   Footer.displayName = 'DialogPrimitive.Footer';
   Close.displayName = 'DialogPrimitive.Close';
 
   return Object.assign(Root, {
     Root,
     Trigger,
-    Content,
+    Popup,
     Header,
     Title,
     Description,
-    Body,
+    Content,
     Footer,
     Close,
   }) as IDialogComponentType<
     RootProps,
     TriggerProps,
-    ContentProps,
+    PopupProps,
     HeaderProps,
     TitleProps,
     DescriptionProps,
-    BodyProps,
+    ContentProps,
     FooterProps,
     CloseProps
   >;

package/src/dialog/types.ts

@@ -24,8 +24,19 @@ export interface IDialogTriggerProps extends PressableProps {
   readonly asChild?: boolean;
 }
 
-export interface IDialogContentProps extends ViewProps {
+export interface IDialogPopupProps extends ViewProps {
   readonly forceMount?: boolean;
+  /**
+   * Whether the popup shifts up to clear the on-screen keyboard (native only).
+   * No-op on web. Defaults to `true`.
+   */
+  readonly avoidKeyboard?: boolean;
+  /**
+   * Distance (in px) between the keyboard and the popup when keyboard avoidance
+   * is active. Forwarded to the underlying keyboard-avoiding layer on native.
+   * Defaults to `0`.
+   */
+  readonly keyboardVerticalOffset?: number;
 }
 
 export interface IDialogOverlayProps extends PressableProps {}
@@ -36,7 +47,7 @@ export interface IDialogTitleProps extends TextProps {}
 
 export interface IDialogDescriptionProps extends TextProps {}
 
-export interface IDialogBodyProps extends ViewProps {}
+export interface IDialogContentProps extends ViewProps {}
 
 export interface IDialogFooterProps extends ViewProps {}
 
@@ -48,14 +59,14 @@ export interface IDialogCloseProps extends PressableProps {
 export type IDialogComponentType<
   RootProps,
   TriggerProps,
-  ContentProps,
+  PopupProps,
   HeaderProps,
   TitleProps,
   DescriptionProps,
-  BodyProps,
+  ContentProps,
   FooterProps,
   CloseProps,
-  ContentRef = unknown,
+  PopupRef = unknown,
   TriggerRef = unknown,
   CloseRef = unknown,
 > = React.ForwardRefExoticComponent<
@@ -64,8 +75,8 @@ export type IDialogComponentType<
   Trigger: React.ForwardRefExoticComponent<
     PropsWithoutRef<TriggerProps & IDialogTriggerProps> & RefAttributes<TriggerRef>
   >;
-  Content: React.ForwardRefExoticComponent<
-    PropsWithoutRef<ContentProps & IDialogContentProps> & RefAttributes<ContentRef>
+  Popup: React.ForwardRefExoticComponent<
+    PropsWithoutRef<PopupProps & IDialogPopupProps> & RefAttributes<PopupRef>
   >;
   Header: React.ForwardRefExoticComponent<
     PropsWithoutRef<HeaderProps & IDialogHeaderProps> & RefAttributes<unknown>
@@ -76,8 +87,8 @@ export type IDialogComponentType<
   Description: React.ForwardRefExoticComponent<
     PropsWithoutRef<DescriptionProps & IDialogDescriptionProps> & RefAttributes<unknown>
   >;
-  Body: React.ForwardRefExoticComponent<
-    PropsWithoutRef<BodyProps & IDialogBodyProps> & RefAttributes<unknown>
+  Content: React.ForwardRefExoticComponent<
+    PropsWithoutRef<ContentProps & IDialogContentProps> & RefAttributes<unknown>
   >;
   Footer: React.ForwardRefExoticComponent<
     PropsWithoutRef<FooterProps & IDialogFooterProps> & RefAttributes<unknown>

package/lib/commonjs/dialog/createDialogBody.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDialogBody = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const createDialogBody = BaseBody => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBody, {
-    ref: ref,
-    ...props,
-    children: children
-  });
-});
-exports.createDialogBody = createDialogBody;
-//# sourceMappingURL=createDialogBody.js.map

package/lib/commonjs/dialog/createDialogBody.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createDialogBody","BaseBody","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["dialog/createDialogBody.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGnC,MAAMkB,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC3BA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACI,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/module/dialog/createDialogBody.js

@@ -1,15 +0,0 @@
-"use strict";
-
-import React, { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const createDialogBody = BaseBody => /*#__PURE__*/forwardRef(({
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/_jsx(BaseBody, {
-    ref: ref,
-    ...props,
-    children: children
-  });
-});
-//# sourceMappingURL=createDialogBody.js.map

package/lib/module/dialog/createDialogBody.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","jsx","_jsx","createDialogBody","BaseBody","children","props","ref"],"sourceRoot":"../../../src","sources":["dialog/createDialogBody.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEJ,UAAU,CAA4B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,oBACEL,IAAA,CAACE,QAAQ;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC3BA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/dialog/createDialogBody.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { IDialogBodyProps } from './types';
-export declare const createDialogBody: <T>(BaseBody: React.ComponentType<T>) => React.ForwardRefExoticComponent<IDialogBodyProps & React.RefAttributes<unknown>>;
-//# sourceMappingURL=createDialogBody.d.ts.map

package/lib/typescript/dialog/createDialogBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createDialogBody.d.ts","sourceRoot":"","sources":["../../../src/dialog/createDialogBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qFAOjE,CAAC"}

package/src/dialog/createDialogBody.tsx

@@ -1,11 +0,0 @@
-import React, { forwardRef } from 'react';
-import type { IDialogBodyProps } from './types';
-
-export const createDialogBody = <T,>(BaseBody: React.ComponentType<T>) =>
-  forwardRef<unknown, IDialogBodyProps>(({ children, ...props }, ref) => {
-    return (
-      <BaseBody ref={ref} {...(props as T)}>
-        {children}
-      </BaseBody>
-    );
-  });