@wavy/react-ui 0.0.14 → 0.0.16

package/dist/main.d.ts

@@ -5,7 +5,7 @@ import { NoUndefinedField, SafeOmit, LocalFile, Prettify, AddPrefix, TaskResult,
 import { IconType } from 'react-icons';
 import * as CSS from 'csstype';
 import CSS__default from 'csstype';
-import { FileUpload, InputProps, InputAddonProps, InputElementProps, AvatarRootProps, FloatProps, CloseButtonProps, Dialog as Dialog$1, MenuRootProps, SegmentGroupRootProps, Steps, Tooltip as Tooltip$1, SeparatorProps as SeparatorProps$1 } from '@chakra-ui/react';
+import { Drawer as Drawer$1, FileUpload, InputProps, InputAddonProps, InputElementProps, AvatarRootProps, FloatProps, CloseButtonProps, Dialog as Dialog$1, MenuRootProps, SegmentGroupRootProps, Steps, Tooltip as Tooltip$1, SeparatorProps as SeparatorProps$1 } from '@chakra-ui/react';
 export { MenuRootProps, UseStepsProps, useSteps } from '@chakra-ui/react';
 import { JSX as JSX$1 } from '@emotion/react/jsx-runtime';
 import { StepsVariant } from 'node_modules/@chakra-ui/react/dist/types/styled-system/generated/recipes.gen';
@@ -1289,11 +1289,11 @@ type RootStyles = {
         }>;
     }>;
 };
-declare function Root$7<T extends string>(props: BasicTableProps.RootProps<T>): react_jsx_runtime.JSX.Element;
+declare function Root$8<T extends string>(props: BasicTableProps.RootProps<T>): react_jsx_runtime.JSX.Element;
 declare function Header(props: BasicTableProps.HeaderProps): react_jsx_runtime.JSX.Element;
 declare function Body<T extends string>(props: BasicTableProps.BodyProps<T>): react_jsx_runtime.JSX.Element;
 declare const BasicTable: {
-    Root: typeof Root$7;
+    Root: typeof Root$8;
     Header: typeof Header;
     Body: typeof Body;
 };
@@ -1362,12 +1362,12 @@ interface PopoverProps extends Partial<Record<`${"min" | "max"}Width`, FloaterWi
      * @default false
      */
     wrap?: boolean;
-    defaultOpen?: boolean;
+    open?: boolean;
     /**The delay between opening and closing the popover in milliseconds
      * @default 200 */
     delay?: number | Record<"open" | "close", number>;
     /**@default "click" */
-    displayAction?: "click" | "hover";
+    displayAction?: "click" | "hover" | "script";
     visibleOnScroll?: boolean;
     rerenderOnClose?: boolean;
     /**@description This stops the popover from closing while attempting to interact with it
@@ -1404,6 +1404,7 @@ interface PopoverProps extends Partial<Record<`${"min" | "max"}Width`, FloaterWi
     borderColor?: BasicColor$1;
     /**@default "surfaceContainer" */
     backgroundColor?: BasicColor$1;
+    boxShadow?: string;
     /**@default "max-content" */
     width?: FloaterWidth;
     /**@default "md" */
@@ -1461,6 +1462,40 @@ interface BasicOptionProps {
 }
 declare function BasicOption(props: BasicOptionProps): react_jsx_runtime.JSX.Element;
 
+declare function Root$7<T>(props: DrawerProps.RootProps<T>): react_jsx_runtime.JSX.Element;
+declare function Sep$1(): react_jsx_runtime.JSX.Element;
+declare const Drawer: {
+    Root: typeof Root$7;
+    Header: (props: DrawerProps.HeaderProps) => react_jsx_runtime.JSX.Element;
+    Body: (props: DrawerProps.BodyProps) => react_jsx_runtime.JSX.Element;
+    Footer: (props: DrawerProps.FooterProps) => react_jsx_runtime.JSX.Element;
+    Sep: typeof Sep$1;
+    ActionTrigger: React__default.ForwardRefExoticComponent<Drawer$1.ActionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+    CloseTrigger: React__default.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+};
+declare namespace DrawerProps {
+    interface RootProps<T> extends BasicStyleProps {
+        /**@default "onSurface[0.1]" */
+        sepColor?: BasicColor$1;
+        triggerElement?: JSX$1.Element;
+        controller?: UseModalControlsReturn<T>;
+        children: JSX$1.Element | JSX$1.Element[];
+        /**@default "hidden" */
+        spill?: BasicStyleProps["spill"];
+        container?: React__default.RefObject<HTMLDivElement>;
+        onClose?: () => void;
+    }
+    interface HeaderProps extends BasicStyleProps {
+        children: React__default.ReactNode;
+        /**@default "full" */
+        width?: BasicStyleProps["width"];
+    }
+    interface BodyProps extends HeaderProps {
+    }
+    interface FooterProps extends HeaderProps {
+    }
+}
+
 interface FileUploadRootProps {
     maxFiles?: number;
     multiple?: boolean;
@@ -1516,6 +1551,7 @@ interface TextFieldProps extends AdditionalElements {
     placeholder?: string;
     defaultValue?: string;
     value?: string;
+    validateInput?: (value: string) => boolean;
     allowPasteText?: boolean;
     allowCopyText?: boolean;
     label?: string;
@@ -1617,6 +1653,7 @@ interface EditableProps extends Partial<Pick<TextFieldProps, "focusColor">> {
     onEditClick?: () => void;
     onContentClick?: () => void;
     onCancelClick?: () => void;
+    validateInput?: (value: string) => boolean;
     onSaveClick?: (value: string) => void;
     /** Formats the content when at rest */
     formatContent?: (value: string) => string;
@@ -1871,7 +1908,7 @@ interface ConfirmationDialogProps extends Partial<Record<"width" | "height" | `$
     message: string;
     hideDisclaimerLabel?: boolean;
     disclaimer?: string;
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     triggerElement?: JSX$1.Element;
     /**
      * @default "error"
@@ -1889,13 +1926,13 @@ interface ConfirmationDialogProps extends Partial<Record<"width" | "height" | `$
 }
 declare function ConfirmationDialog(props: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
 
-declare function useDialogController<Value>(defaultValue?: Value): {
+declare function useModalControls<Value>(defaultValue?: Value): {
     value: Value;
     isOpen: boolean;
     show: (...args: Value extends boolean ? [] : [value: Value]) => void;
     hide: () => void;
 };
-type UseDialogControllerReturn<T = {}> = ReturnType<typeof useDialogController<T>>;
+type UseModalControlsReturn<T = {}> = ReturnType<typeof useModalControls<T>>;
 
 declare function Root$2<T>(props: DialogProps.RootProps<T>): react_jsx_runtime.JSX.Element;
 interface ElementProps extends SafeOmit<BasicDivProps, "ref" | "onClick" | "onBlur" | "onFocus" | "onScroll" | "clickable"> {
@@ -1940,7 +1977,7 @@ declare namespace DialogProps {
          * @default "outside"
          */
         scrollBehavior?: Dialog$1.RootProps["scrollBehavior"];
-        controller?: UseDialogControllerReturn<T>;
+        controller?: UseModalControlsReturn<T>;
         /**
          * Whether to close the dialog when the escape key is pressed
          * @default true
@@ -1959,7 +1996,7 @@ declare namespace DialogProps {
 
 interface FancyFormDialogProps<Section extends string> {
     triggerElement?: JSX$1.Element;
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     title?: React.ReactNode;
     defaultSection?: Section;
     sections: BasicOlProps<Section>["items"];
@@ -1985,7 +2022,7 @@ interface FancyFormDialogProps<Section extends string> {
 declare function FancyFormDialog<Sections extends string>(props: FancyFormDialogProps<Sections>): react_jsx_runtime.JSX.Element;
 
 interface SimpleFormDialogProps<T extends string> {
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     title?: string;
     triggerElement?: JSX$1.Element;
     /**@default "md" */
@@ -2390,13 +2427,11 @@ declare namespace TimelineProps {
         children: JSX$1.Element | JSX$1.Element[];
     }
     interface ItemProps {
-        indicator?: React.ReactNode;
-        /**The node that should be placed `before` (to the left of) the separator */
-        before?: React.ReactNode;
-        /**The node that should be placed `after` (to the right of) the separator */
-        after?: React.ReactNode;
+        indicator?: React__default.ReactNode;
+        children: React__default.ReactElement | [React__default.ReactElement, React__default.ReactElement];
         disabled?: boolean;
-        styles?: Partial<Record<"before" | "after", BasicStyleProps> & {
+        reverse?: boolean;
+        styles?: Partial<Record<"leadingEl" | "trailingEl", BasicStyleProps> & {
             indicator: Partial<BasicStyleProps & {
                 /**@default ".6rem" */
                 size: BasicStyleProps["size"];
@@ -2480,7 +2515,7 @@ interface AttachmentsDialogProps extends ContextType {
     triggerElement?: JSX.Element;
     unmountOnExit?: boolean;
     rerenderOnClose?: boolean;
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     onAttachmentsChange?: (attachments: Email["attachments"]) => void;
     onClose?: () => void;
 }
@@ -2731,7 +2766,7 @@ declare const _default: React$1.MemoExoticComponent<typeof Calendar>;
 interface CalendarDialogProps extends CalendarProps {
     title?: string;
     titleFontSize?: BasicSpanProps["fontSize"];
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     triggerElement?: JSX$1.Element;
     /**@default "onSurface[0.1]" */
     backgroundColor?: BasicColor$1;
@@ -2746,7 +2781,7 @@ declare function CalendarDialog(props: CalendarDialogProps): react_jsx_runtime.J
 
 interface PaymentOptionsDialogProps<Variables extends Record<string, any>> {
     triggerElement?: JSX$1.Element;
-    controller?: UseDialogControllerReturn;
+    controller?: UseModalControlsReturn;
     options: {
         icon: IconType;
         label: string;
@@ -2793,7 +2828,7 @@ declare const inAppPaymentOption: () => {
 };
 
 interface TaskResultDialogProps {
-    controller: UseDialogControllerReturn<TaskResult<SuccessMessage>>;
+    controller: UseModalControlsReturn<TaskResult<SuccessMessage>>;
     unmountOnExit?: boolean;
     /**@default "2.75rem" */
     indicatorSize?: ElementDim | ((status: "success" | "error") => ElementDim);
@@ -3219,4 +3254,4 @@ declare function remAsPx(rem: number): string;
 declare function isOverflown(element: HTMLElement): boolean;
 declare function computedCssVariable(cssVariable: string): string;
 
-export { AttachmentsButton, AttachmentsDialog, Avatar, type AvatarProps, Badge, type BadgeProps, BasicButton, type BasicColor$1 as BasicColor, BasicDiv, BasicImg, BasicOl, BasicOption, BasicSelect, BasicSpan, type BasicStyleProps, BasicTable, BasicTableProps, _default as Calendar, CalendarDialog, CancelButton, Card, CardProps, Checkbox, type CheckboxProps, ColorResources, type ComputedStyleProps, ConfirmationDialog, type ConfirmationDialogProps, CopyButton, CssColors, type CssProperties, CssShapes, CssSpacing, DeleteButton, Dialog, DialogProps, Disclaimer, type DisclaimerProps, DownloadButton, EditButton, Editable, type EditableProps, EmailComposer, EmptyState, EmptyStateProps, ErrorTooltip, ExpandableButton, FancyFormDialog, type FancyFormDialogProps, FileDropzone, type FileDropzoneProps, FileViewer, FileViewerProps, FontSize, Indicator, type IndicatorProps, type InlineCss, ItemInfo, type ItemInfoProps, JsonViewer, type JwtVerificationStatus, JwtVerifier, type JwtVerifierProps, MediaCard, MediaCardProps, Menu, type MenuPlacement, MoneyDisplayCard, NegativeButton, NextButton, NoButton, OpenButton, OptionsButton, PageSlider, type PageSliderProps, Paper, type PaperProps, PasteButton, PaymentOptionsButton, PaymentOptionsDialog, PictureUploader, Popover, type PopoverProps, PositiveButton, PreviousButton, ProfileCard, ProfileCardProps, ReceiptCard, SaveButton, SearchTextField, SegmentedControls, type SegmentedControlsProps, SendButton, Separator, type SeparatorProps, SignInWidget, SimpleFormDialog, type SimpleFormDialogProps, Status, type StatusProps, Stepper, type StepperProps, SubmitButton, Tag, type TagProps, TaskLogger, TaskResultDialog, Terminal, TextField, type TextFieldProps, Timeline, TimelineProps, Tooltip, type TooltipPlacement, type TooltipProps, UploadButton, UploadReceiptButton, type UseDialogControllerReturn, type UsePageSliderControllerReturn, UserProfile, VerifyButton, VerifyTextField, UiProvider as WavyUi, YesButton, YesNoButtonGroup, YesOrNoForm, applyBasicStyle, bankTransferPaymentOption, borderRadius, buildCSS, computedCssVariable, convertHexUnitTo256, cssTransition, definePaymentOption, disabledBorderRadius, dragElement, ellipsis, flexCenter, getFileIcon, getPaperDim, getScrollParent, hexToRgba, inAppPaymentOption, isOverflown, isSpanMultiLine, isValidHex, nativeEllipsis, noSpaceStyle, remAsPx, remToPx, resolveBasicColor, restrictLineCount, rgbToRgba, screenHasMaxWidth, screenHasMinWidth, solidBorder, tiledBackground, useAsyncEffect, useComputedStyle, useDialogController, useEventEmitter, useManagedRef, usePageSliderController, usePopoverContext, usePostRenderEffect, useRerender, useSessionStorage };
+export { AttachmentsButton, AttachmentsDialog, Avatar, type AvatarProps, Badge, type BadgeProps, BasicButton, type BasicColor$1 as BasicColor, BasicDiv, BasicImg, BasicOl, BasicOption, BasicSelect, BasicSpan, type BasicStyleProps, BasicTable, BasicTableProps, _default as Calendar, CalendarDialog, CancelButton, Card, CardProps, Checkbox, type CheckboxProps, ColorResources, type ComputedStyleProps, ConfirmationDialog, type ConfirmationDialogProps, CopyButton, CssColors, type CssProperties, CssShapes, CssSpacing, DeleteButton, Dialog, DialogProps, Disclaimer, type DisclaimerProps, DownloadButton, Drawer, DrawerProps, EditButton, Editable, type EditableProps, EmailComposer, EmptyState, EmptyStateProps, ErrorTooltip, ExpandableButton, FancyFormDialog, type FancyFormDialogProps, FileDropzone, type FileDropzoneProps, FileViewer, FileViewerProps, FontSize, Indicator, type IndicatorProps, type InlineCss, ItemInfo, type ItemInfoProps, JsonViewer, type JwtVerificationStatus, JwtVerifier, type JwtVerifierProps, MediaCard, MediaCardProps, Menu, type MenuPlacement, MoneyDisplayCard, NegativeButton, NextButton, NoButton, OpenButton, OptionsButton, PageSlider, type PageSliderProps, Paper, type PaperProps, PasteButton, PaymentOptionsButton, PaymentOptionsDialog, PictureUploader, Popover, type PopoverProps, PositiveButton, PreviousButton, ProfileCard, ProfileCardProps, ReceiptCard, SaveButton, SearchTextField, SegmentedControls, type SegmentedControlsProps, SendButton, Separator, type SeparatorProps, SignInWidget, SimpleFormDialog, type SimpleFormDialogProps, Status, type StatusProps, Stepper, type StepperProps, SubmitButton, Tag, type TagProps, TaskLogger, TaskResultDialog, Terminal, TextField, type TextFieldProps, Timeline, TimelineProps, Tooltip, type TooltipPlacement, type TooltipProps, UploadButton, UploadReceiptButton, type UseModalControlsReturn, type UsePageSliderControllerReturn, UserProfile, VerifyButton, VerifyTextField, UiProvider as WavyUi, YesButton, YesNoButtonGroup, YesOrNoForm, applyBasicStyle, bankTransferPaymentOption, borderRadius, buildCSS, computedCssVariable, convertHexUnitTo256, cssTransition, definePaymentOption, disabledBorderRadius, dragElement, ellipsis, flexCenter, getFileIcon, getPaperDim, getScrollParent, hexToRgba, inAppPaymentOption, isOverflown, isSpanMultiLine, isValidHex, nativeEllipsis, noSpaceStyle, remAsPx, remToPx, resolveBasicColor, restrictLineCount, rgbToRgba, screenHasMaxWidth, screenHasMinWidth, solidBorder, tiledBackground, useAsyncEffect, useComputedStyle, useEventEmitter, useManagedRef, useModalControls, usePageSliderController, usePopoverContext, usePostRenderEffect, useRerender, useSessionStorage };