@wavv/ui 2.2.0 → 2.2.2-alpha.1

package/build/esm/types/components/types.d.ts

@@ -1,163 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType, FocusEvent, MouseEvent, ReactElement, RefObject } from 'react';
-import type { ValidationResult } from 'react-aria-components';
-import type { IconType } from './helpers/getIcon';
-export type { ThemeProp } from '../theme';
-export type Margin = {
-    margin?: number | string;
-    marginTop?: number | string;
-    marginBottom?: number | string;
-    marginRight?: number | string;
-    marginLeft?: number | string;
-};
-export type Padding = {
-    padding?: number | string;
-    paddingTop?: number | string;
-    paddingBottom?: number | string;
-    paddingRight?: number | string;
-    paddingLeft?: number | string;
-};
-export type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
-export type Position = {
-    position?: PositionType;
-    top?: number | string;
-    bottom?: number | string;
-    right?: number | string;
-    left?: number | string;
-};
-export type MinWidth = {
-    minWidth?: number | string;
-};
-export type MinHeight = {
-    minHeight?: number | string;
-};
-export type MaxWidth = {
-    maxWidth?: number | string;
-};
-export type MaxHeight = {
-    maxHeight?: number | string;
-};
-export type Width = {
-    width?: number | string;
-};
-export type Height = {
-    height?: number | string;
-};
-export type WidthHeight = Width & Height;
-export type MaxWidthHeight = MaxWidth & MaxHeight;
-export type MinWidthHeight = MinWidth & MinHeight;
-export type MarginPadding = Margin & Padding;
-export type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-export type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-export type As = ElementType;
-export type AsProp = {
-    as?: As;
-};
-export type MergeWithAs<Component extends As, Props extends object> = Omit<Props, 'as'> & {
-    as?: Component;
-};
-export type ComponentPropsWithAs<Component extends As, Props extends object> = Omit<ComponentPropsWithoutRef<Component>, keyof MergeWithAs<Component, Props>> & MergeWithAs<Component, Props>;
-export type InputFocusEvent = FocusEvent | FocusEvent<HTMLInputElement>;
-export type MergeField = {
-    id: string;
-    label: string;
-    value?: string | null;
-};
-export type InputRef = {
-    focus: () => void;
-    blur: () => void;
-    select: () => void;
-    hasFocus: boolean;
-};
-export type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
-export type AudioRef = {
-    play?: () => void;
-    pause?: () => void;
-    stop?: () => void;
-};
-export type DraftEditorRef = {
-    insertField: (field: MergeField) => void;
-    focusAtEnd: () => void;
-};
-export type EditorRef = {
-    insertField: (field: MergeField) => void;
-    insertText: (text: string) => void;
-    focusAtEnd: () => void;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    resetZoom: () => void;
-    getMarkdown: () => string;
-    getText: () => string;
-    setText: (text: string) => void;
-};
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-export type PopSide = 'top' | 'bottom' | 'right' | 'left';
-export type PopPosition = PopSide | Top | Bottom | Left | Right;
-export type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
-export type ArrowAlign = 'center' | 'start' | 'end';
-export type Sizes = 'tiny' | 'small' | 'medium' | 'large';
-export type OptionItem = {
-    id: number | string;
-    label: string;
-    header?: string;
-    body?: string;
-    type?: 'section';
-    leftElement?: ReactElement;
-    rightElement?: ReactElement;
-    onClick?: (event?: MouseEvent | Event) => void;
-    value?: unknown;
-    [key: string]: unknown;
-};
-export type Section<T> = {
-    id: string;
-    label?: string;
-    options: T[];
-};
-export type ListItem<T> = T | Section<T>;
-export type InputContainerStyleProps = {
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input borderColor */
-    borderColor?: string;
-    /** Removes the background and padding from the input */
-    textOnly?: boolean;
-} & Width & Height & MinHeight & MarginPadding;
-export type InputElementStyleProps = {
-    /** Sets the input fontSize */
-    fontSize?: number | string;
-    /** Sets the fontWeight */
-    fontWeight?: number | string;
-    /** The color of the text */
-    color?: string;
-    /** Sets the color of the input placeholder */
-    placeholderColor?: string;
-    /** Sets the disabled styles of the input */
-    isDisabled?: boolean;
-} & Width;
-export type InputProps = {
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string;
-    /** Sets the input placeholder text */
-    placeholder?: string;
-    /** A ref to the input element */
-    inputRef?: RefObject<HTMLInputElement>;
-    /** Places a description message below the input */
-    description?: string;
-    /** Places an error message below the input */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Prevents the input from being edited */
-    readOnly?: boolean;
-} & InputContainerStyleProps & Omit<InputElementStyleProps, 'isDisabled'>;
-export type WithRequired<T, K extends keyof T> = T & {
-    [P in K]-?: T[P];
-};

package/build/esm/types/global-styles/GlobalStorybookStyles.d.ts

@@ -1,9 +0,0 @@
-import 'sanitize.css';
-type ResetStylesProps = {
-    /** An array of font families to pass to the font loader */
-    families?: string[];
-    /** The default font family to set */
-    fontFamily?: string;
-};
-declare const GlobalStorybookStyles: ({ families, fontFamily }: ResetStylesProps) => import("react/jsx-runtime").JSX.Element;
-export default GlobalStorybookStyles;

package/build/esm/types/global-styles/ResetStyles.d.ts

@@ -1,9 +0,0 @@
-import 'sanitize.css';
-type ResetStylesProps = {
-    /** An array of font families to pass to the font loader */
-    families?: string[];
-    /** The default font family to set */
-    fontFamily?: string;
-};
-declare const ResetStyles: ({ families, fontFamily }: ResetStylesProps) => import("react/jsx-runtime").JSX.Element;
-export default ResetStyles;

package/build/esm/types/global-styles/ScrollbarStyles.d.ts

@@ -1,2 +0,0 @@
-declare const ScrollbarStyles: () => import("react/jsx-runtime").JSX.Element;
-export default ScrollbarStyles;

package/build/esm/types/global-styles/ToastStyles.d.ts

@@ -1,2 +0,0 @@
-declare const ToastStyles: () => import("react/jsx-runtime").JSX.Element;
-export default ToastStyles;

package/build/esm/types/global-styles/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ResetStyles } from './ResetStyles';
-export { default as ScrollbarStyles } from './ScrollbarStyles';
-export { default as ToastStyles } from './ToastStyles';

package/build/esm/types/hooks/index.d.ts

@@ -1,8 +0,0 @@
-export { default as useControlledOpenState } from './useControlledOpenState';
-export { default as useCopy } from './useCopy';
-export { default as useElementObserver } from './useElementObserver';
-export { default as useEventListener } from './useEventListener';
-export { default as useOnClickOutside } from './useOnClickOutside';
-export { default as usePrevious } from './usePrevious';
-export { default as useSelectAll } from './useSelectAll';
-export { default as useWindowSize } from './useWindowSize';

package/build/esm/types/hooks/useConfirm.d.ts

@@ -1,22 +0,0 @@
-export type Props = {
-    /** The dialog header */
-    header?: string;
-    /** The dialog body text */
-    text?: string;
-    /** The text of the cancel button */
-    cancelText?: string;
-    /** The text of the confirm button */
-    confirmText?: string;
-    /** Show a text input in the dialog */
-    input?: boolean;
-    /** The label for the text input */
-    inputLabel?: string;
-    /** The placeholder text for the text input */
-    inputPlaceholder?: string;
-    /** The text value of the text input */
-    inputValue?: string;
-    /** The confirm button will be negative (red) */
-    negative?: boolean;
-};
-declare const useConfirm: ({ header, text, cancelText, confirmText, negative, input, inputLabel, inputPlaceholder, inputValue, }?: Props) => readonly [() => Promise<boolean | string>, () => import("react/jsx-runtime").JSX.Element];
-export default useConfirm;

package/build/esm/types/hooks/useControlledOpenState.d.ts

@@ -1,9 +0,0 @@
-import type { ShowHideCallbacks } from '../components/typeDefs/selectionTypes';
-type Props = {
-    /** Controls whether the dropdown is open */
-    open?: boolean;
-    /** Called when the open state changes */
-    onOpenChange?: (isOpen: boolean) => void;
-} & ShowHideCallbacks;
-declare const useControlledOpenState: ({ open, onOpenChange, afterShow, afterHide }: Props) => readonly [boolean, (show: boolean) => void];
-export default useControlledOpenState;

package/build/esm/types/hooks/useCopy.d.ts

@@ -1,6 +0,0 @@
-declare const useCopy: (delay?: number, resetDelay?: number) => {
-    copy: (text: string) => void;
-    isCopying: boolean;
-    isCopied: boolean;
-};
-export default useCopy;

package/build/esm/types/hooks/useElementObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * A React hook that fires a callback whenever ResizeObserver detects a change to its size
- * @param target A React ref created by useRef()
- * @param callback Invoked with a single HTMLElement any time the target resizes
- */
-declare const useElementObserver: <T extends HTMLElement>(target: React.Ref<T>, callback: (node: T) => void) => void;
-export default useElementObserver;

package/build/esm/types/hooks/useEventListener.d.ts

@@ -1,16 +0,0 @@
-import { type RefObject } from 'react';
-type InitialNullRef = {
-    current: null;
-};
-declare const useEventListener: <T extends Event>(
-/** The element to attach the event listener to */
-element: RefObject<HTMLElement> | HTMLElement | Document | Window | InitialNullRef, 
-/** The event type to listen for ('click', 'keydown', etc) */
-type: keyof WindowEventMap, 
-/** The function to be called upon an event */
-listener: (event: T) => void, 
-/** The condition upon which the event listener should be set or removed */
-condition?: boolean, 
-/** An array of dependencies that the eventListener should update for */
-dependencies?: unknown[]) => void;
-export default useEventListener;

package/build/esm/types/hooks/useOnClickOutside.d.ts

@@ -1,9 +0,0 @@
-import { type RefObject } from 'react';
-declare const useOnClickOutside: <T extends HTMLElement>(
-/** The function to be called upon a click occurring outside of the element */
-onClickOutside: () => void, 
-/** The condition upon which the click event listener should be set or removed */
-condition?: boolean, 
-/** A list of css selectors that should not trigger an outside click */
-exclusions?: string[]) => RefObject<T | null>;
-export default useOnClickOutside;

package/build/esm/types/hooks/usePrevious.d.ts

@@ -1,2 +0,0 @@
-declare const usePrevious: <T>(value: T) => T;
-export default usePrevious;

package/build/esm/types/hooks/useSelectAll.d.ts

@@ -1,14 +0,0 @@
-type IncomingListItem = {
-    id: number | string;
-};
-declare const useSelectAll: <ListType extends IncomingListItem>(items: ListType[], defaultSelected?: boolean) => {
-    list: (ListType & {
-        selected: boolean;
-    })[];
-    partial: boolean;
-    allSelected: boolean;
-    count: number;
-    onSelectAll: (selectAll: boolean) => void;
-    onChildChange: (val: boolean, id: number | string) => void;
-};
-export default useSelectAll;

package/build/esm/types/hooks/useWindowSize.d.ts

@@ -1,5 +0,0 @@
-declare const useWindowSize: () => {
-    width: number | null;
-    height: number | null;
-};
-export default useWindowSize;

package/build/esm/types/index.d.ts

@@ -1,89 +0,0 @@
-export { default as Accordion } from './components/Accordion';
-export { default as Audio } from './components/Audio';
-export { default as BarChart } from './components/BarChart';
-export { default as Button } from './components/Button';
-export { default as Calendar } from './components/Calendar';
-export { default as Checkbox } from './components/Checkbox';
-export { default as Code } from './components/Code';
-export { default as ComboBox } from './components/ComboBox';
-export { default as CommandMenu } from './components/CommandMenu';
-export { default as DocTable } from './components/DocTable';
-export { default as Dot } from './components/Dot';
-export { default as DraftEditor } from './components/DraftEditor';
-export { default as Editor } from './components/Editor';
-export { default as DropdownMenu } from './components/DropdownMenu';
-export { default as DropdownSelect } from './components/DropdownSelect';
-export { default as Dropdown } from './components/Dropdown';
-export { default as Ellipsis } from './components/Ellipsis';
-export { default as Form } from './components/Form';
-export { default as Grid } from './components/Grid';
-export { default as Icon } from './components/Icon';
-export { default as ImageViewer } from './components/ImageViewer';
-export { default as InlineCode } from './components/InlineCode';
-export { default as InputUtils } from './components/InputHelpers';
-export { default as DatePicker } from './components/Inputs/DatePicker';
-export { default as DateRangePicker } from './components/Inputs/DateRangePicker';
-export { default as DateRangeSelect } from './components/DateRangeSelect';
-export { default as InlineInput } from './components/Inputs/InlineInput';
-export { default as NumberInput } from './components/Inputs/NumberInput';
-export { default as PhoneInput } from './components/Inputs/PhoneInput';
-export { default as SearchInput } from './components/Inputs/SearchInput';
-export { default as TextInput } from './components/Inputs/TextInput';
-export { default as TextArea } from './components/Inputs/TextArea';
-export { default as TimeInput } from './components/Inputs/TimeInput';
-export { default as Label } from './components/Label';
-export { default as LineChart } from './components/LineChart';
-export { default as Menu } from './components/Menu';
-export { default as Message } from './components/Message';
-export { default as Popover } from './components/Popover';
-export { default as MessageHr } from './components/MessageHr';
-export { default as Modal } from './components/Modal';
-export { default as MultiSelect } from './components/MultiSelect';
-export { default as Pagination } from './components/Pagination';
-export { default as PieChart } from './components/PieChart';
-export { default as PortalScope } from './components/PortalScope';
-export { default as Progress } from './components/Progress';
-export { default as Radio } from './components/Radio';
-export { default as RangeCalendar } from './components/RangeCalendar';
-export { default as Select } from './components/Select';
-export { default as Slider } from './components/Slider';
-export { default as Spinner } from './components/Spinner';
-export { default as Table } from './components/Table';
-export { default as Tabs } from './components/Tabs';
-export { default as Tag } from './components/Tag';
-export { default as Tree } from './components/Tree';
-export { default as Toggle } from './components/Toggle';
-export { ToggleButton, ToggleButtonGroup } from './components/ToggleButton';
-export { default as Tooltip } from './components/Tooltip';
-export { default as TransferList } from './components/TransferList';
-export { default as ResetStyles } from './global-styles/ResetStyles';
-export { default as ScrollbarStyles } from './global-styles/ScrollbarStyles';
-export { default as ToastStyles } from './global-styles/ToastStyles';
-export { default as UnstyledButton } from './components/UnstyledButton';
-export { default as theme, themeOptions, themeClasses } from './theme';
-export { default as colors } from './theme/core/colors';
-export { default as darkScale } from './theme/core/dark/darkScale';
-export { default as lightScale } from './theme/core/light/lightScale';
-export type { IconName } from './components/Icon/Icon';
-export type { Action as TransferAction, Item as TransferItem, Next as TransferNext } from './components/TransferList';
-export type { ListItem, ListOption, ListSection, MultiSelectItem, SelectItem, } from './components/typeDefs/selectionTypes';
-export type { TagItem } from './components/typeDefs/tagTypes';
-export type { AsProp as As, AudioRef, DraftEditorRef, EditorRef, FlexPosition, Height, InputRef, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectRef, Padding, Position, Placement, Sizes, Width, WidthHeight, } from './components/types';
-export type { ITheme, ThemeProp } from './theme/ThemeTypes';
-export type { ThemeOption } from './theme';
-export type { EditorValue } from './components/Editor';
-export type { Selection } from 'react-aria-components';
-export type { DotType } from './components/Dot';
-export { default as useConfirm } from './hooks/useConfirm';
-export { default as useElementObserver } from './hooks/useElementObserver';
-export { default as useEventListener } from './hooks/useEventListener';
-export { default as useOnClickOutside } from './hooks/useOnClickOutside';
-export { default as usePrevious } from './hooks/usePrevious';
-export { default as useSelectAll } from './hooks/useSelectAll';
-export { default as useWindowSize } from './hooks/useWindowSize';
-export { default as useCopy } from './hooks/useCopy';
-export { marginProps, paddingProps, positionProps, widthHeightProps } from './components/helpers/styledProps';
-export { default as copyToClipboard } from './utils/copyToClipboard';
-export { default as formatDate } from './utils/formatDate';
-export { default as numberWithCommas } from './utils/numberWithCommas';
-export { createEditorContent, editorContentToText } from './components/Editor';