stratosphere-ui 1.8.4 → 2.0.0

package/dist/src/components/Select/Select.d.ts

@@ -1,3 +1,4 @@
+import { AnchorProps } from '@headlessui/react/dist/internal/floating';
 import { ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { GenericDataType } from '../../common';
@@ -5,6 +6,7 @@ import { ButtonColor, ButtonProps } from '../Button';
 import { FormFieldProps, FormValueMode } from '../Form';
 import { MenuSize } from '../Menu';
 export interface SelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
+    anchor?: AnchorProps;
     buttonColor?: ButtonColor;
     buttonProps?: ButtonProps;
     className?: string;
@@ -19,4 +21,4 @@ export interface SelectProps<DataItem extends GenericDataType, Values extends Fi
     options?: DataItem[];
     showDirty?: boolean;
 }
-export declare const Select: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonProps: { children: buttonChildren, className: buttonClassName, color: buttonPropsColor, ...buttonProps }, className, disabled, dropdownIcon, formValueMode, getItemText, hideDropdownIcon, isRequired, labelText, menuClassName, menuSize, multi, name, options: optionsArray, showDirty, }: SelectProps<DataItem, Values>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <DataItem extends GenericDataType, Values extends FieldValues>({ anchor, buttonColor, buttonProps: { children: buttonChildren, className: buttonClassName, color: buttonPropsColor, ...buttonProps }, className, disabled, dropdownIcon, formValueMode, getItemText, hideDropdownIcon, isRequired, labelText, menuClassName, menuSize, multi, name, options: optionsArray, showDirty, }: SelectProps<DataItem, Values>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Select/Select.stories.d.ts

@@ -1,16 +1,14 @@
-import { Story, Meta } from '@storybook/react';
-import { SelectProps } from './Select';
-declare const _default: Meta;
-export default _default;
-interface DataItem {
-    [x: string]: string;
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './Select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select<{
     id: string;
     label: string;
-}
-interface FormValues {
+}, {
     field1: string;
-}
-export declare const Default: Story<SelectProps<DataItem, FormValues>>;
-export declare const WithDefaultValue: Story<SelectProps<DataItem, FormValues>>;
-export declare const SelectMultiple: Story<SelectProps<DataItem, FormValues>>;
-export declare const WithMultipleDefaultValues: Story<SelectProps<DataItem, FormValues>>;
+}>>;
+export declare const Default: Story;
+export declare const WithDefaultValue: Story;
+export declare const SelectMultiple: Story;
+export declare const WithMultipleDefaultValues: Story;

package/dist/src/components/Steps/Step.d.ts

@@ -1,7 +1,8 @@
 import { HTMLAttributes } from 'react';
-export declare const STEP_COLORS: readonly ["primary", "secondary", "accent", "info", "success", "warning", "error"];
+export declare const STEP_COLORS: readonly ["neutral", "primary", "secondary", "accent", "info", "success", "warning", "error"];
 export type StepColor = (typeof STEP_COLORS)[number];
 export interface StepProps extends HTMLAttributes<HTMLLIElement> {
     color?: StepColor;
+    icon?: boolean;
 }
-export declare const Step: ({ className, color, ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Step: ({ className, color, icon, ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { Column, Row, TableOptions } from '@tanstack/react-table';
 import { Argument } from 'classnames';
 import { GenericDataType } from '../../common';
 import { PaginationMetadata } from '../Pagination/types';
-export declare const TABLE_SIZES: readonly ["lg", "md", "sm", "xs"];
+export declare const TABLE_SIZES: readonly ["xl", "lg", "md", "sm", "xs"];
 export type TableSize = (typeof TABLE_SIZES)[number];
 export interface TableProps<DataType extends GenericDataType> extends Omit<TableOptions<DataType>, 'getRowId'> {
     bodyClassName?: string;
@@ -11,7 +11,6 @@ export interface TableProps<DataType extends GenericDataType> extends Omit<Table
     className?: string;
     enableRowHover?: boolean | ((row: Row<DataType>) => boolean);
     enableSelectAll?: boolean;
-    enableZebra?: boolean;
     headerClassName?: string;
     hideHeader?: boolean;
     highlightWhenSelected?: boolean;
@@ -21,5 +20,6 @@ export interface TableProps<DataType extends GenericDataType> extends Omit<Table
     pinRows?: boolean;
     rowClassName?: Argument | ((row: Row<DataType>) => Argument);
     size?: TableSize;
+    zebra?: boolean;
 }
-export declare const Table: <DataType extends GenericDataType>({ bodyClassName, cellClassName, cellClassNames, className, enableGlobalFilter, enableRowHover, enableRowSelection, enableSelectAll, enableZebra, headerClassName, hideHeader, highlightWhenSelected, initialState, isLoading, metadata, pinCols, pinRows, rowClassName, size, ...props }: TableProps<DataType>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <DataType extends GenericDataType>({ bodyClassName, cellClassName, cellClassNames, className, enableGlobalFilter, enableRowHover, enableRowSelection, enableSelectAll, headerClassName, hideHeader, highlightWhenSelected, initialState, isLoading, metadata, pinCols, pinRows, rowClassName, size, zebra, ...props }: TableProps<DataType>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/Table.stories.d.ts

@@ -1,8 +1,6 @@
-import { Story, Meta } from '@storybook/react';
-import { TableProps } from './Table';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<TableProps<{
-    id: string;
-    name: string;
-}>>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;

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

@@ -6,13 +6,13 @@ export interface TabData {
     id: string;
     onClick?: () => void;
 }
-export declare const TAB_SIZES: readonly ["xs", "sm", "md", "lg"];
+export declare const TAB_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 export type TabSize = (typeof TAB_SIZES)[number];
 export interface TabsProps extends Omit<HTMLProps<HTMLDivElement>, 'as' | 'onChange' | 'ref' | 'size'> {
-    bordered?: boolean;
-    boxed?: boolean;
+    border?: boolean;
+    box?: boolean;
     className?: string;
-    lifted?: boolean;
+    lift?: boolean;
     manual?: boolean;
     onChange: (tab: TabData) => void;
     selectedTabId: string;
@@ -20,4 +20,4 @@ export interface TabsProps extends Omit<HTMLProps<HTMLDivElement>, 'as' | 'onCha
     tabs: TabData[];
     vertical?: boolean;
 }
-export declare const Tabs: ({ bordered, boxed, children, className, manual, lifted, onChange, selectedTabId, size, tabs, vertical, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ border, box, children, className, lift, manual, onChange, selectedTabId, size, tabs, vertical, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,12 @@
-import { Story, Meta } from '@storybook/react';
-import { TabsProps } from './Tabs';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<TabsProps>;
-export declare const Bordered: Story<TabsProps>;
-export declare const Lifted: Story<TabsProps>;
-export declare const Boxed: Story<TabsProps>;
-export declare const Controlled: Story<TabsProps>;
-export declare const Disabled: Story<TabsProps>;
-export declare const Sizes: Story<TabsProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+export declare const Border: Story;
+export declare const Lift: Story;
+export declare const Box: Story;
+export declare const Controlled: Story;
+export declare const Disabled: Story;
+export declare const Sizes: Story;

package/dist/src/components/Tooltip/Tooltip.d.ts

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from 'react';
 export declare const TOOLTIP_POSITIONS: readonly ["top", "bottom", "left", "right"];
 export type TooltipPosition = (typeof TOOLTIP_POSITIONS)[number];
-export declare const TOOLTIP_COLORS: readonly ["primary", "secondary", "accent", "info", "warning", "success", "error"];
+export declare const TOOLTIP_COLORS: readonly ["neutral", "primary", "secondary", "accent", "info", "warning", "success", "error"];
 export type TooltipColor = (typeof TOOLTIP_COLORS)[number];
 export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     color?: TooltipColor;
     open?: boolean;
     position?: TooltipPosition;
-    text: string;
+    text?: string;
 }
 export declare const Tooltip: ({ className, color, open, position, text, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +1,9 @@
-import { Story, Meta } from '@storybook/react';
-import { TooltipProps } from './Tooltip';
-declare const _default: Meta;
-export default _default;
-export declare const Default: Story<TooltipProps>;
-export declare const CustomColor: Story<TooltipProps>;
-export declare const CustomPosition: Story<TooltipProps>;
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const CustomColor: Story;
+export declare const CustomPosition: Story;
+export declare const WithCustomContent: Story;

package/dist/src/components/Tooltip/TooltipContent.d.ts

@@ -0,0 +1,4 @@
+import { HTMLProps } from 'react';
+export interface TooltipContentProps extends HTMLProps<HTMLDivElement> {
+}
+export declare const TooltipContent: ({ className, ...props }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tooltip/index.d.ts

@@ -1 +1,2 @@
 export * from './Tooltip';
+export * from './TooltipContent';

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

@@ -1,7 +1,5 @@
-import { Story, Meta } from '@storybook/react';
-import { TypeaheadSelectProps } from '.';
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/react';
+import { TypeaheadSelect } from '.';
 interface DataItem {
     [x: string]: string;
     id: string;
@@ -10,8 +8,11 @@ interface DataItem {
 interface FormValues {
     field1: string;
 }
-export declare const SingleSelect: Story<TypeaheadSelectProps<DataItem, FormValues>>;
-export declare const SingleSelectWithoutBadge: Story<TypeaheadSelectProps<DataItem, FormValues>>;
-export declare const SingleSelectWithDefaultValue: Story<TypeaheadSelectProps<DataItem, FormValues>>;
-export declare const MultiSelect: Story<TypeaheadSelectProps<DataItem, FormValues>>;
-export declare const MultiSelectWithDefaultValues: Story<TypeaheadSelectProps<DataItem, FormValues>>;
+declare const meta: Meta<typeof TypeaheadSelect<DataItem, FormValues>>;
+export default meta;
+type Story = StoryObj<typeof TypeaheadSelect<DataItem, FormValues>>;
+export declare const SingleSelect: Story;
+export declare const SingleSelectWithoutBadge: Story;
+export declare const SingleSelectWithDefaultValue: Story;
+export declare const MultiSelect: Story;
+export declare const MultiSelectWithDefaultValues: Story;

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 import { FieldValues } from 'react-hook-form';
 import { GenericDataType } from '../../common';
 import { TypeaheadSelectProps } from './TypeaheadSelect';
 export type UseTypeaheadSelectOptions<DataItem extends GenericDataType, Values extends FieldValues> = Pick<TypeaheadSelectProps<DataItem, Values>, 'debounceTime' | 'onDebouncedChange' | 'options'>;
 export declare const useTypeaheadSelect: <DropdownElement extends HTMLElement, DataItem extends GenericDataType, Values extends FieldValues>({ debounceTime, onDebouncedChange, options, }: UseTypeaheadSelectOptions<DataItem, Values>) => {
     clearSelectedItem: (index: number) => void;
-    dropdownRef: import("react").RefObject<DropdownElement>;
+    dropdownRef: import('react').RefObject<DropdownElement>;
     isLoading: boolean;
     query: string;
     showDropdown: boolean;
-    searchInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
+    searchInputRef: import('react').MutableRefObject<HTMLInputElement | null>;
     selectedItems: DataItem[];
-    setShowDropdown: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setSelectedItems: import("react").Dispatch<import("react").SetStateAction<DataItem[]>>;
-    setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setShowDropdown: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setSelectedItems: import('react').Dispatch<import('react').SetStateAction<DataItem[]>>;
+    setQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
 };

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

@@ -2,6 +2,8 @@ export * from './Alert';
 export * from './AlertMessages';
 export * from './Avatar';
 export * from './Badge';
+export * from './Breadcrumbs';
+export * from './Browser';
 export * from './Button';
 export * from './ButtonArray';
 export * from './Card';

package/dist/src/hooks/useFormWithQueryParams.d.ts

@@ -1,5 +1,5 @@
-import { NavigateOptions } from 'react-router-dom';
 import { DefaultValues, FieldPath, FieldPathValues, FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
+import { NavigateOptions } from 'react-router-dom';
 export type QueryParamValues<FormValues extends FieldValues> = Partial<Record<keyof FormValues, string | null>>;
 export interface UseFormWithQueryParamsOptions<FormValues extends FieldValues = FieldValues, FieldNames extends readonly FieldPath<FormValues>[] = readonly FieldPath<FormValues>[], FormContext = any> extends Omit<UseFormProps<FormValues, FormContext>, 'defaultValues'> {
     getDefaultValues: (searchParamValues: QueryParamValues<FormValues>) => DefaultValues<FormValues>;

package/dist/src/hooks/useOutsideClick.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare const useOutsideClick: (ref: RefObject<HTMLElement>, onClick: (event: DocumentEventMap['mousedown']) => void) => void;
+export declare const useOutsideClick: (ref: RefObject<HTMLElement>, onClick: (event: DocumentEventMap["mousedown"]) => void) => void;

package/dist/src/hooks/useTypeaheadQuery.d.ts

@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
 import { GenericDataType } from '../common';
 export interface UseTypeaheadQueryOptions<DataItem> {
     debounceTime?: number;
-    onDebouncedChange: (value: string) => void;
+    onDebouncedChange?: (value: string) => void;
     options?: DataItem[];
 }
 export interface UseTypeaheadQueryResult {

package/dist/stratosphere-ui.d.ts

@@ -1 +1,2 @@
 export * from './src/index'
+export {}