stratosphere-ui 0.1.28 → 0.2.0

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { MenuProps } from '@headlessui/react';
+import { ButtonProps } from 'react-daisyui';
+import { DropdownMenuItemProps } from './DropdownMenuItem';
+export interface DropdownItem extends Omit<DropdownMenuItemProps, 'active' | 'disabled' | 'ref'> {
+    id: string;
+}
+export interface DropdownMenuProps extends Omit<MenuProps<'div'>, 'as' | 'children' | 'className'> {
+    buttonProps?: Omit<ButtonProps, 'as'>;
+    className?: string;
+    items: DropdownItem[];
+    menuClassName?: string;
+}
+export declare const DropdownMenu: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/DropdownMenu/DropdownMenuItem.d.ts

@@ -0,0 +1,10 @@
+import { HTMLProps, ReactNode } from 'react';
+export interface DropdownMenuItemProps extends HTMLProps<HTMLAnchorElement> {
+    active?: boolean;
+    bordered?: boolean;
+    borderOnHover?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    subMenu?: ReactNode;
+}
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,2 @@
+export * from './DropdownMenu';
+export * from './DropdownMenuItem';

package/dist/components/Form/FormSelect.d.ts

@@ -11,7 +11,8 @@ export interface FormSelectProps<DataItem extends GenericDataType, Values extend
     dropdownIcon?: FC<ComponentProps<'svg'>>;
     getItemText: (data: DataItem) => string;
     getItemValue?: (data: DataItem) => string;
+    menuClassName?: string;
     options: DataItem[];
     showDirty?: boolean;
 }
-export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonRef, className, defaultOptionId, dropdownIcon, getItemText, getItemValue, isRequired, labelText, name, options, showDirty, }: FormSelectProps<DataItem, Values>) => JSX.Element;
+export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonRef, className, defaultOptionId, dropdownIcon, getItemText, getItemValue, isRequired, labelText, menuClassName, name, options, showDirty, }: FormSelectProps<DataItem, Values>) => JSX.Element;

package/dist/components/Form/types.d.ts

@@ -17,6 +17,6 @@ export interface ComboboxProps<DataItem extends GenericDataType, Values extends
     setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
 }
 export interface Transform<TOutput> {
-    output: (val: string) => TOutput;
+    output: (val: string) => TOutput | null;
     input: (val: TOutput) => string;
 }

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import { PopoverProps as HeadlessUIPopoverProps } from '@headlessui/react';
+import { MutableRefObject } from 'react';
+import { ButtonProps } from 'react-daisyui';
+export interface PopoverPanelRenderProps {
+    open: boolean;
+    close: (focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>) => void;
+}
+export interface PopoverProps extends Omit<HeadlessUIPopoverProps<'div'>, 'as' | 'className'> {
+    buttonProps: Omit<ButtonProps, 'as'>;
+    className?: string;
+    popoverClassName?: string;
+    popoverComponent: ({ open, close }: PopoverPanelRenderProps) => JSX.Element;
+    withBackdrop?: boolean;
+}
+export declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export * from './Popover';

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,17 @@
+import { TabGroupProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+export interface TabData {
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id: string;
+}
+export interface TabsProps extends Omit<TabGroupProps<'div'>, 'onChange'> {
+    bordered?: boolean;
+    boxed?: boolean;
+    lifted?: boolean;
+    onChange: (tab: TabData) => void;
+    size?: 'xs' | 'sm' | 'lg';
+    tabs: TabData[];
+}
+export declare const Tabs: ({ bordered, boxed, children, lifted, onChange, size, tabs, ...props }: TabsProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/components/TypeaheadSelect/TypeaheadSelect.d.ts

@@ -11,6 +11,7 @@ export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values e
     getItemValue?: (data: DataItem) => string;
     inputPlaceholder?: string;
     inputRef?: RefObject<HTMLInputElement>;
+    menuClassName?: string;
     multi?: true;
 }
-export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, inputRef, isRequired, labelText, multi, name, onDebouncedChange, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;
+export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, inputRef, isRequired, labelText, menuClassName, multi, name, onDebouncedChange, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;

package/dist/components/TypeaheadSelect/useTypeaheadSelect.d.ts

@@ -3,9 +3,9 @@ import { FieldValues } from 'react-hook-form';
 import { TypeaheadSelectProps } from './TypeaheadSelect';
 import { GenericDataType } from '../../common';
 export type UseTypeaheadSelectOptions<DataItem extends GenericDataType, Values extends FieldValues> = Pick<TypeaheadSelectProps<DataItem, Values>, 'controllerProps' | 'debounceTime' | 'name' | 'onDebouncedChange' | 'options'>;
-export declare const useTypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ controllerProps, debounceTime, name, onDebouncedChange, options, }: UseTypeaheadSelectOptions<DataItem, Values>) => {
+export declare const useTypeaheadSelect: <DropdownElement extends HTMLElement, DataItem extends GenericDataType, Values extends FieldValues>({ controllerProps, debounceTime, name, onDebouncedChange, options, }: UseTypeaheadSelectOptions<DataItem, Values>) => {
     clearSelectedItem: (index: number) => void;
-    dropdownRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    dropdownRef: import("react").RefObject<DropdownElement>;
     error: import("react-hook-form").FieldError | undefined;
     isLoading: boolean;
     query: string;

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 export * from './AlertMessages';
 export * from './Badge';
-export * from './Dropdown';
+export * from './DropdownMenu';
 export * from './Form';
 export * from './FullScreenLoader';
 export * from './Icons';
@@ -8,5 +8,7 @@ export * from './LoadingCard';
 export * from './Modal';
 export * from './Pagination';
 export * from './PasswordInput';
+export * from './Popover';
 export * from './Table';
+export * from './Tabs';
 export * from './TypeaheadSelect';