@equisoft/design-elements-react 9.11.0 → 9.11.1-snapshot.20260129021021

package/dist/components/text-area/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea } from './text-area';
+export type { TextAreaProps } from './text-area';

package/dist/components/text-area/text-area.d.ts

@@ -1,6 +1,6 @@
-import { ChangeEvent, FocusEvent, VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
+import { ChangeEvent, type FC, FocusEvent } from 'react';
+import { type ToggletipProps } from '../toggletip';
+import { type TooltipProps } from '../tooltip';
 export interface TextAreaProps {
     id?: string;
     className?: string;
@@ -27,4 +27,4 @@ export interface TextAreaProps {
     onChange?(event: ChangeEvent<HTMLTextAreaElement>): void;
     onFocus?(event: FocusEvent<HTMLTextAreaElement>): void;
 }
-export declare const TextArea: VoidFunctionComponent<TextAreaProps>;
+export declare const TextArea: FC<TextAreaProps>;

package/dist/components/text-input/index.d.ts

@@ -1,2 +1,4 @@
-export { TextInput, type TextInputProps } from './text-input';
-export { textInputClasses, type TextInputClasses } from './text-input-classes';
+export { TextInput } from './text-input';
+export type { TextInputProps } from './text-input';
+export { textInputClasses } from './text-input-classes';
+export type { TextInputClasses } from './text-input-classes';

package/dist/components/text-input/styles/index.d.ts

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

package/dist/components/text-input/styles/inputs.d.ts

@@ -1,7 +1,7 @@
 import { FlattenSimpleInterpolation } from 'styled-components';
-import { ResolvedTheme } from '../../../themes/theme';
+import { ResolvedTheme } from '../../../themes';
 import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-export interface InputStyleOptions {
+interface InputStyleOptions {
     theme: ResolvedTheme;
     isMobile?: boolean;
     isFocusable?: boolean;

package/dist/components/text-input/text-input.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, ClipboardEvent, DetailedHTMLProps, FocusEvent, FormEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
+import { ToggletipProps } from '../toggletip';
+import { TooltipProps } from '../tooltip';
 type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'inputMode' | 'name' | 'value' | 'autoComplete'>;
 export interface TextInputProps extends PartialInputProps {
     ariaDescribedBy?: string;

package/dist/components/theme-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeWrapper } from './theme-wrapper';
+export type { ThemeWrapperProps } from './theme-wrapper';

package/dist/components/theme-wrapper/theme-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ResolvedTheme } from '../../themes/theme';
+import { type ResolvedTheme } from '../../themes';
 export interface ThemeWrapperProps {
     /**
      * When true, components are mounted in the Shadow DOM
@@ -9,6 +9,6 @@ export interface ThemeWrapperProps {
     theme?: ResolvedTheme;
 }
 /**
- * @deprecated Use {@link DesignSystem} instead
+ * @internal Use {@link DesignSystem} instead
  */
 export declare const ThemeWrapper: FunctionComponent<PropsWithChildren<ThemeWrapperProps>>;

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

@@ -0,0 +1,3 @@
+export type { Toast } from './toast-context';
+export { ToastProvider } from './toast-provider';
+export type { ToastType } from './toast-type';

package/dist/components/toast/toast-container.d.ts

@@ -1,6 +1,6 @@
-import { VoidFunctionComponent } from 'react';
-import { ToastPosition } from './toast-position';
-import { ToastType } from './toast-type';
+import { type FC } from 'react';
+import type { ToastPosition } from './toast-position';
+import type { ToastType } from './toast-type';
 interface ToastContainerProps {
     id: string;
     className?: string;
@@ -8,5 +8,5 @@ interface ToastContainerProps {
     message: string;
     position: ToastPosition;
 }
-export declare const ToastContainer: VoidFunctionComponent<ToastContainerProps>;
+export declare const ToastContainer: FC<ToastContainerProps>;
 export {};

package/dist/components/toast/toasts-container.d.ts

@@ -1,7 +1,7 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { ToastPosition } from './toast-position';
 interface ToastProps {
     position: ToastPosition;
 }
-export declare const ToastsContainer: VoidFunctionComponent<ToastProps>;
+export declare const ToastsContainer: FC<ToastProps>;
 export {};

package/dist/components/toggle-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleSwitch } from './toggle-switch';
+export type { ToggleSwitchProps } from './toggle-switch';

package/dist/components/toggle-switch/toggle-switch.d.ts

@@ -1,11 +1,10 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 export type LabelPosition = 'left' | 'right';
-interface ToggleSwitchProps {
+export interface ToggleSwitchProps {
     label: string;
     labelPosition?: LabelPosition;
     disabled?: boolean;
     toggled: boolean;
     onToggle(value: boolean): void;
 }
-export declare const ToggleSwitch: VoidFunctionComponent<ToggleSwitchProps>;
-export {};
+export declare const ToggleSwitch: FC<ToggleSwitchProps>;

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

@@ -0,0 +1,2 @@
+export { Toggletip } from './toggletip';
+export type { ToggletipProps } from './toggletip';

package/dist/components/toggletip/toggletip.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 type Size = 'small' | 'medium';
 type MaxWidth = 'small' | 'medium' | 'large';
 export type ToggletipPlacement = 'top' | 'right' | 'bottom' | 'left';

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip';

package/dist/components/user-profile/index.d.ts

@@ -0,0 +1,2 @@
+export { UserProfile } from './user-profile';
+export type { UserProfileProps } from './user-profile';

package/dist/components/user-profile/user-profile.d.ts

@@ -1,7 +1,7 @@
-import { VoidFunctionComponent } from 'react';
-import { NavItemProps } from '../dropdown-menu/list-items';
+import { type FC } from 'react';
+import { type NavItemProps } from '../dropdown-menu/list-items';
 export declare function getFirstFocusableItem(options: NavItemProps[]): NavItemProps | undefined;
-interface UserProfileProps {
+export interface UserProfileProps {
     /**
      * Sets nav's description
      * @default 'User menu'
@@ -24,5 +24,4 @@ interface UserProfileProps {
     onMenuVisibilityChanged?(isOpen: boolean): void;
     variant?: 'avatar-only' | 'full-name';
 }
-export declare const UserProfile: VoidFunctionComponent<UserProfileProps>;
-export {};
+export declare const UserProfile: FC<UserProfileProps>;

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './visually-hidden';
+export type { VisuallyHiddenProps } from './visually-hidden';

package/dist/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+export type VisuallyHiddenProps = PropsWithChildren<{}>;
+export declare const VisuallyHidden: FunctionComponent<VisuallyHiddenProps>;

package/dist/hooks/use-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { useDropdown } from './use-dropdown';
+export type { DropdownRefs, UseDropdownOptions, UseDropdownResponse } from './use-dropdown';

package/dist/hooks/use-dropdown/use-dropdown.d.ts

@@ -0,0 +1,20 @@
+import { type ReferenceType, type UseFloatingOptions } from '@floating-ui/react-dom';
+import { type MutableRefObject } from 'react';
+export interface DropdownRefs<T> {
+    floating: MutableRefObject<HTMLElement | null>;
+    reference: MutableRefObject<T | null>;
+    setFloating(node: HTMLElement | null): void;
+    setReference(node: T | null): void;
+}
+export interface UseDropdownResponse<T> {
+    refs: DropdownRefs<T>;
+    x: number;
+    y: number;
+    update(): void;
+}
+export interface UseDropdownOptions {
+    open: boolean;
+    placement?: UseFloatingOptions['placement'];
+    width?: 'auto' | 'initial' | 'reference' | number;
+}
+export declare function useDropdown<T extends ReferenceType>({ open, placement, width, }: UseDropdownOptions): UseDropdownResponse<T>;

package/dist/hooks/use-list-select.d.ts

@@ -6,6 +6,8 @@ interface UseListSelectRequest<T> {
     deselectElement: (element: T) => void;
     revertPreviousSelectedElement: () => void;
     clearSelection: () => void;
+    toggleSelectedElements: (element: T) => void;
+    setSelectedElements: (elements: T[]) => void;
 }
-export declare function useListSelect<T>(predicate: (element: T, elementToCompare: T) => boolean, initialSelectedElementCallback?: () => T | undefined, isMultiSelect?: boolean): UseListSelectRequest<T>;
+export declare function useListSelect<T>(predicate: (element: T, elementToCompare: T) => boolean, initialSelectedElementCallback?: () => T | T[] | undefined, isMultiSelect?: boolean): UseListSelectRequest<T>;
 export {};

package/dist/hooks/use-scroll-into-view.d.ts

@@ -1,9 +1,10 @@
 import { MutableRefObject, RefObject } from 'react';
 interface UseScrollIntoViewRequest {
     container: RefObject<HTMLElement> | MutableRefObject<HTMLElement>;
+    scrollingContainer: RefObject<HTMLElement> | MutableRefObject<HTMLElement>;
 }
 interface UseScrollIntoViewResponse<T> {
     scrollIntoView: (element: T, alignToTop?: boolean) => void;
 }
-export declare function useScrollIntoView<TElement extends HTMLElement>({ container, }: UseScrollIntoViewRequest): UseScrollIntoViewResponse<TElement>;
+export declare function useScrollIntoView<TElement extends HTMLElement>({ container, scrollingContainer, }: UseScrollIntoViewRequest): UseScrollIntoViewResponse<TElement>;
 export {};

package/dist/hooks/use-theme.d.ts

@@ -1,2 +1,2 @@
-import { ResolvedTheme } from '../themes/theme';
+import { ResolvedTheme } from '../themes';
 export declare function useTheme(): ResolvedTheme;

package/dist/hooks/use-toast.d.ts

@@ -1,4 +1,4 @@
-import { ToastType } from '../components/toast/toast-type';
+import { ToastType } from '../components';
 export interface UseToastResponse {
     showToast(type: ToastType, message: string): string;
     hideToast(id: string): void;

package/dist/hooks/use-toasts.d.ts

@@ -1,2 +1,2 @@
-import { ToastContextProps } from '../components/toast/toast-context';
+import { type ToastContextProps } from '../components/toast/toast-context';
 export declare function useToasts(): ToastContextProps;

package/dist/i18n/translations.d.ts

@@ -43,6 +43,19 @@ export declare const Translations: {
             title: string;
             message: string;
         };
+        filter: {
+            cancel: string;
+            apply_zero: string;
+            apply_one: string;
+            apply_other: string;
+            clearFilter_zero: string;
+            clearFilter_one: string;
+            clearFilter_other: string;
+            displayValue_zero: string;
+            displayValue_one: string;
+            displayValue_other: string;
+            searchNoResults: string;
+        };
         'global-banner': {
             ignore: string;
         };
@@ -183,6 +196,19 @@ export declare const Translations: {
             title: string;
             message: string;
         };
+        filter: {
+            cancel: string;
+            apply_zero: string;
+            apply_one: string;
+            apply_other: string;
+            clearFilter_zero: string;
+            clearFilter_one: string;
+            clearFilter_other: string;
+            displayValue_zero: string;
+            displayValue_one: string;
+            displayValue_other: string;
+            searchNoResults: string;
+        };
         'global-banner': {
             ignore: string;
         };

package/dist/index.d.ts

@@ -1,89 +1,9 @@
 declare global {
     var __DS_DEV__: boolean;
 }
-export { Button } from './components/buttons/button';
-export { ButtonProps } from './components/buttons/types';
-export { IconButton } from './components/buttons/icon-button';
-export { NavListOption } from './components/nav-list/nav-list-option';
-export { MenuButton, MenuButtonProps } from './components/menu-button/menu-button';
-export { DropdownNavigation } from './components/dropdown-navigation/dropdown-navigation';
-export { BentoMenuButton } from './components/bento-menu-button/bento-menu-button';
-export { SegmentedControl } from './components/segmented-control/segmented-control';
-export { ToggleButton, type ToggleButtonProps } from './components/buttons/toggle-button';
-export { Avatar } from './components/avatar/avatar';
-export { Checkbox, CheckboxProps } from './components/checkbox/checkbox';
-export { CheckboxGroup } from './components/checkbox-group/checkbox-group';
-export { Combobox, ComboboxOption } from './components/combobox/combobox';
-export { Datepicker, DatepickerHandles } from './components/date-picker/date-picker';
-export { DropdownList } from './components/dropdown-list/dropdown-list';
-export { DropdownListOption } from './components/dropdown-list/dropdown-list-option';
-export * from './components/money-input';
-export * from './components/numeric-input';
-export { PasswordCreationInput } from './components/password-creation-input/password-creation-input';
-export { PasswordInput } from './components/password-input/password-input';
-export { PhoneInput } from './components/phone-input/phone-input';
-export { ProgressCircular, ProgressCircularProps } from './components/progress-circular/progress-circular';
-export { RadioButtonGroup } from './components/radio-button-group/radio-button-group';
-export { SearchContextual } from './components/search/search-contextual';
-export { SearchGlobal } from './components/search/search-global';
-export { RadioButton } from './components/radio-button/radio-button';
-export { StepperInput } from './components/stepper-input/stepper-input';
-export { Tab, Tabs } from './components/tabs/tabs';
-export { TextArea } from './components/text-area/text-area';
-export * from './components/text-input';
-export { ToggleSwitch } from './components/toggle-switch/toggle-switch';
-export { hasALowerCaseLetter, hasAnUpperCaseLetter, hasMinLength as isLongEnough, } from './components/password-creation-input/validation-condition';
-export { ThemeWrapper } from './components/theme-wrapper/theme-wrapper';
-export { DeviceContextProvider, useDeviceContext } from './components/device-context-provider/device-context-provider';
-export { IntlProvider } from './components/internationalization-provider/internationalization-provider';
-export { Listbox, ListboxOption, ListboxProps } from './components/listbox/listbox';
-export * from './components/accordion';
-export { Badge } from './components/badge/badge';
-export { Card } from './components/card/card';
-export { CardLink } from './components/card-link/card-link';
-export * from './components/carousel/carousel';
-export { ChooserButtonGroup, ChooserButtonOption } from './components/chooser-button-group/chooser-button-group';
-export { ErrorSummary, ErrorMessage } from './components/error-summary/error-summary';
-export { ExternalLink } from './components/external-link/external-link';
-export { Heading } from './components/heading/heading';
-export { GlobalHeader } from './components/global-header/global-header';
-export { DropdownMenuButton } from './components/dropdown-menu-button/dropdown-menu-button';
-export { Disclosure } from './components/disclosure/disclosure';
-export { ExternalItemProps } from './components/dropdown-menu/list-items/external-item';
-export { NavItemProps } from './components/dropdown-menu/list-items/nav-item';
-export { Icon } from './components/icon/icon';
-export { SectionalBanner, SectionalBannerType } from './components/sectional-banner/sectional-banner';
-export * from './components/progress-tracker/progress-tracker';
-export { SideDrawer } from './components/side-drawer/side-drawer';
-export { Slider } from './components/slider/slider';
-export { GlobalBanner, GlobalBannerType } from './components/global-banner/global-banner';
-export * from './components/tooltip/tooltip';
-export * from './components/toggletip/toggletip';
-export * from './components/table';
-export { Modal, ModalDialog } from './components/modal';
-export { Tag, TagValue, TagColor, TagSize, TagProps, } from './components/tag/tag';
-export { ToggleTag, ToggleTagValue, ToggleTagSize, ToggleTagProps, } from './components/tag/toggle-tag';
-export { Lozenge, LozengeVariant } from './components/lozenge/lozenge';
-export { RadioCard } from './components/radio-card-group/radio-card';
-export { RadioCardGroup } from './components/radio-card-group/radio-card-group';
-export { Status, StatusType } from './components/status/status';
-export { SkipLink } from './components/skip-link/skip-link';
-export { Spinner } from './components/spinner/spinner';
-export { useModal } from './components/modal/use-modal';
-export { UserProfile } from './components/user-profile/user-profile';
-export { ToastType } from './components/toast/toast-type';
+export * from './components';
+export { useTheme } from './hooks/use-theme';
 export { useToast } from './hooks/use-toast';
-export { Breadcrumb, BreadcrumbElement } from './components/breadcrumb/breadcrumb';
-export * from './components/global-navigation/global-navigation';
-export { RouteLink } from './components/route-link/route-link';
-export { Link } from './components/link';
-export * from './components/legend/legend';
-export { Fieldset } from './components/fieldset';
-export { ProgressIndicator } from './components/progress-indicator/progress-indicator';
-export { ProgressCircle } from './components/progress-circle/progress-circle';
-export { Pagination } from './components/pagination/pagination';
 export { equisoftTheme, buildTheme } from './themes';
 export { injectMainCss } from './styles';
 export { ResolvedTheme as Theme, ThemeCustomization } from './themes/theme';
-export { useTheme } from './hooks/use-theme';
-export * from './components/design-system';