@beaubrain/web-design-system 0.1.14 → 0.1.16

package/dist/components/ConfirmDialog/index.d.ts

@@ -0,0 +1,23 @@
+import { ButtonProps } from '../Button';
+import { PopupContentPropDefs, PopupContentProps, PopupRootProps } from '../Popup';
+import * as React from 'react';
+type PopupContentSize = (typeof PopupContentPropDefs.size.values)[number];
+type ConfirmDialogSize = PopupContentSize extends `${infer N extends number}` ? N : never;
+interface ConfirmDialogProps extends Pick<PopupRootProps, 'closeOnEscape' | 'closeOnOverlayClick' | 'lockScroll' | 'onOpenChange' | 'open'> {
+    title: React.ReactNode;
+    content: React.ReactNode;
+    onConfirm: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    confirmText?: React.ReactNode;
+    confirmDisabled?: boolean;
+    cancelText?: React.ReactNode;
+    closeOnConfirm?: boolean;
+    closeOnCancel?: boolean;
+    size?: ConfirmDialogSize;
+    contentWidth?: PopupContentProps['contentWidth'];
+    buttonSize?: ButtonProps['size'];
+    buttonRadius?: ButtonProps['radius'];
+}
+declare const ConfirmDialog: React.ForwardRefExoticComponent<ConfirmDialogProps & React.RefAttributes<HTMLDivElement>>;
+export default ConfirmDialog;
+export type { ConfirmDialogProps };

package/dist/components/Popup/index.d.ts

@@ -0,0 +1,23 @@
+import { PopupBody, PopupContent, PopupFooter, PopupHeader, PopupIcon, PopupMessage, PopupOverlay, PopupPortal, PopupRoot, PopupTitle } from './popup.base';
+export declare const Popup: (({ __scopePopup, children, open, onOpenChange, closeOnEscape, closeOnOverlayClick, lockScroll, }: import('./popup.base').PopupRootProps & {
+    __scopePopup?: import('../../core/react').Scope;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ __scopePopup, children, open, onOpenChange, closeOnEscape, closeOnOverlayClick, lockScroll, }: import('./popup.base').PopupRootProps & {
+        __scopePopup?: import('../../core/react').Scope;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Portal: ({ __scopePopup, children, container, forceMount, }: import('./popup.base').PopupPortalProps & {
+        __scopePopup?: import('../../core/react').Scope;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Overlay: import('react').ForwardRefExoticComponent<import('./popup.base').PopupOverlayProps & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<import('./popup.base').PopupContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<import('./popup.base').PopupHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<import('./popup.base').PopupTitleProps & import('react').RefAttributes<HTMLDivElement>>;
+    Icon: import('react').ForwardRefExoticComponent<import('./popup.base').PopupIconProps & import('react').RefAttributes<HTMLDivElement>>;
+    Message: import('react').ForwardRefExoticComponent<import('./popup.base').PopupMessageProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<import('./popup.base').PopupBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<import('./popup.base').PopupFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default Popup;
+export { PopupRoot as Root, PopupPortal as Portal, PopupOverlay as Overlay, PopupContent as Content, PopupHeader as Header, PopupTitle as Title, PopupIcon as Icon, PopupMessage as Message, PopupBody as Body, PopupFooter as Footer, };
+export { PopupContentPropDefs, PopupFooterPropDefs } from './popup.defs';
+export type { PopupRootProps, PopupPortalProps, PopupOverlayProps, PopupContentProps, PopupHeaderProps, PopupTitleProps, PopupIconProps, PopupMessageProps, PopupBodyProps, PopupFooterProps, } from './popup.base';

package/dist/components/Popup/popup.base.d.ts

@@ -0,0 +1,53 @@
+import { Scope } from '../../core/react';
+import { Base } from '../__internal';
+import { PopupContentDefProps, PopupFooterDefProps } from './popup.defs';
+import * as React from 'react';
+type ScopedProps<P> = P & {
+    __scopePopup?: Scope;
+};
+interface PopupRootProps {
+    children?: React.ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+    lockScroll?: boolean;
+}
+declare const PopupRoot: ({ __scopePopup, children, open, onOpenChange, closeOnEscape, closeOnOverlayClick, lockScroll, }: ScopedProps<PopupRootProps>) => import("react/jsx-runtime").JSX.Element;
+interface PopupPortalProps {
+    children?: React.ReactNode;
+    container?: HTMLElement | null;
+    forceMount?: true;
+}
+declare const PopupPortal: ({ __scopePopup, children, container, forceMount, }: ScopedProps<PopupPortalProps>) => import("react/jsx-runtime").JSX.Element | null;
+type BaseDivProps = React.ComponentPropsWithoutRef<typeof Base.div>;
+interface PopupOverlayProps extends BaseDivProps {
+}
+declare const PopupOverlay: React.ForwardRefExoticComponent<PopupOverlayProps & React.RefAttributes<HTMLDivElement>>;
+type PopupContentOwnProps = React.ComponentPropsWithoutRef<typeof Base.div> & PopupContentDefProps & {
+    contentWidth?: number | string;
+};
+interface PopupContentProps extends PopupContentOwnProps {
+}
+declare const PopupContent: React.ForwardRefExoticComponent<PopupContentProps & React.RefAttributes<HTMLDivElement>>;
+interface PopupHeaderProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+}
+declare const PopupHeader: React.ForwardRefExoticComponent<PopupHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface PopupTitleProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+}
+declare const PopupTitle: React.ForwardRefExoticComponent<PopupTitleProps & React.RefAttributes<HTMLDivElement>>;
+interface PopupIconProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+}
+declare const PopupIcon: React.ForwardRefExoticComponent<PopupIconProps & React.RefAttributes<HTMLDivElement>>;
+interface PopupMessageProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+}
+declare const PopupMessage: React.ForwardRefExoticComponent<PopupMessageProps & React.RefAttributes<HTMLDivElement>>;
+interface PopupBodyProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+}
+declare const PopupBody: React.ForwardRefExoticComponent<PopupBodyProps & React.RefAttributes<HTMLDivElement>>;
+type PopupFooterOwnProps = React.ComponentPropsWithoutRef<typeof Base.div> & PopupFooterDefProps;
+interface PopupFooterProps extends PopupFooterOwnProps {
+}
+declare const PopupFooter: React.ForwardRefExoticComponent<PopupFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { PopupRoot, PopupPortal, PopupOverlay, PopupContent, PopupHeader, PopupTitle, PopupIcon, PopupMessage, PopupBody, PopupFooter, };
+export type { PopupRootProps, PopupPortalProps, PopupOverlayProps, PopupContentProps, PopupHeaderProps, PopupTitleProps, PopupIconProps, PopupMessageProps, PopupBodyProps, PopupFooterProps, };

package/dist/components/Popup/popup.defs.d.ts

@@ -0,0 +1,27 @@
+import { GetPropDefTypes } from '../../core/defs';
+declare const PopupContentPropDefs: {
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2"];
+        default: "2";
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["basic", "notice", "status"];
+        default: "basic";
+    };
+};
+declare const PopupFooterPropDefs: {
+    layout: {
+        type: "enum";
+        className: string;
+        values: readonly ["right", "fill", "left"];
+        default: "left";
+    };
+};
+type PopupContentDefProps = GetPropDefTypes<typeof PopupContentPropDefs>;
+type PopupFooterDefProps = GetPropDefTypes<typeof PopupFooterPropDefs>;
+export { PopupContentPropDefs, PopupFooterPropDefs };
+export type { PopupContentDefProps, PopupFooterDefProps };

package/dist/components/Popup/popup.helpers.d.ts

@@ -0,0 +1,14 @@
+import { Scope } from '../../core/react';
+import * as React from 'react';
+type PopupLayoutVariant = 'basic' | 'notice' | 'status';
+type PopupPart = 'body' | 'footer' | 'header' | 'icon' | 'message';
+declare function markPopupPart(component: unknown, part: PopupPart): void;
+declare function resolvePopupContentWidth(contentWidth: number | string | undefined): string | undefined;
+declare function getPopupContentChildren(variant: PopupLayoutVariant, children: React.ReactNode): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+declare function stripPopupScope<P extends {
+    __scopePopup?: Scope;
+}>(props: P): Omit<P, '__scopePopup'>;
+declare function trapFocus(event: React.KeyboardEvent, container: HTMLElement | null): void;
+export { getFocusableElements, getPopupContentChildren, markPopupPart, resolvePopupContentWidth, stripPopupScope, trapFocus, };
+export type { PopupLayoutVariant };

package/dist/components/index.d.ts

@@ -3,7 +3,9 @@ export { default as Flex, type FlexProps } from './Flex/index.js';
 export { default as Button, type ButtonProps } from './Button/index.js';
 export { default as Spinner, type SpinnerProps } from './Spinner/index.js';
 export { default as Checkbox, type CheckboxProps } from './Checkbox/index.js';
-export { default as CheckableSelectBox, type CheckableSelectBoxProps, type CheckableSelectItem, } from './CheckableSelectBox/index.js';
+export { default as ConfirmDialog, type ConfirmDialogProps } from './ConfirmDialog/index.js';
+export { default as CheckableSelectBox, type CheckableSelectBoxProps, type CheckableSelectBoxRootProps, type CheckableSelectBoxTriggerProps, type CheckableSelectBoxContentProps, type CheckableSelectBoxItemProps, type CheckableSelectBoxItemRenderState, type CheckableSelectBoxValueProps, type CheckableSelectBoxSlotProps, type CheckableSelectBoxValueLabelMap, type CheckableSelectItem, } from './CheckableSelectBox/index.js';
+export { default as Popup, type PopupRootProps, type PopupPortalProps, type PopupOverlayProps, type PopupContentProps, type PopupHeaderProps, type PopupTitleProps, type PopupIconProps, type PopupMessageProps, type PopupBodyProps, type PopupFooterProps, } from './Popup/index.js';
 export { default as CheckboxGroup, type CheckboxGroupRootProps, type CheckboxGroupItemProps, } from './CheckboxGroup';
 export { default as Radio, type RadioProps } from './Radio/index.js';
 export { default as RadioGroup, type RadioGroupRootProps, type RadioGroupItemProps, } from './RadioGroup';