@equisoft/design-elements-react 9.9.7-snapshot.20251130214838 → 9.9.7-snapshot.20251206191221

package/dist/components/dropdown-list/utils/dropdown-list-utils.d.ts

@@ -6,4 +6,4 @@ export declare function isOptionEnabled(option: DropdownListOption): boolean;
 export declare function disableNonSelectedOptions(options: DropdownListOption[], selectedOptions: DropdownListOption[]): DropdownListOption[];
 export declare function getDefaultOptions(value: string | string[] | undefined, options: DropdownListOption[], multiselect?: boolean): DropdownListOption[] | undefined;
 export declare function getOptionLabel(option: DropdownListOption): string;
-export declare function isOptionSelected(option: DropdownListOption, selectedOptions?: DropdownListOption[]): boolean;
+export declare function isOptionSelected(option: DropdownListOption, selectedOptions: DropdownListOption[] | undefined): boolean;

package/dist/components/dropdown-menu-button/dropdown-menu-button.d.ts

@@ -30,8 +30,8 @@ export interface DropdownMenuButtonProps {
      * Sets chevron icon
      * @default true
      * */
-    firstItemRef?: RefObject<HTMLAnchorElement>;
     hasCaret?: boolean;
+    firstItemRef?: RefObject<HTMLElement>;
     icon?: ReactElement<IconProps | AvatarProps>;
     id?: string;
     inverted?: boolean;

package/dist/components/filters/filter-multi.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { FilterOption } from './filter-option';
+export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+type Value = string[];
+export interface FilterMultiProps {
+    async?: boolean;
+    label: string;
+    maxSelectableOptions?: number;
+    options: FilterOption[];
+    value?: Value;
+    onChange?(value: Value): void;
+}
+/**
+ * @alpha This component is experimental and may change without a major version bump.
+ */
+export declare const FilterMulti: FC<FilterMultiProps>;
+export {};

package/dist/components/filters/filter-option.d.ts

@@ -0,0 +1,5 @@
+export interface FilterOption {
+    disabled?: boolean;
+    label: string;
+    value: string;
+}

package/dist/components/filters/filter-single.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import type { FilterOption } from './filter-option';
+type Value = string | null;
+export interface FilterSingleProps {
+    label: string;
+    options: FilterOption[];
+    value?: Value;
+    onChange?(value: Value): void;
+}
+/**
+ * @alpha This component is experimental and may change without a major version bump.
+ */
+export declare const FilterSingle: FC<FilterSingleProps>;
+export {};

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

@@ -0,0 +1,5 @@
+export { FilterSingle } from './filter-single';
+export type { FilterSingleProps } from './filter-single';
+export { FilterMulti } from './filter-multi';
+export type { FilterMultiProps } from './filter-multi';
+export type { FilterOption } from './filter-option';

package/dist/components/filters/internal/clear-filters.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export interface ClearFiltersProps {
+    selectedFiltersCount: number;
+    onClearFilters(): void;
+}
+export declare const ClearFilters: FC<ClearFiltersProps>;

package/dist/components/filters/internal/filter-dropdown-button.d.ts

@@ -0,0 +1,12 @@
+import { type ThemeProps } from 'styled-components';
+import { ResolvedTheme } from '../../../themes';
+interface FilterDropdownButtonProps extends ThemeProps<ResolvedTheme> {
+    $label: string;
+    $hasFilters: boolean;
+}
+interface PortalDropdownMenuProps {
+    $dropdownMenuId: string;
+}
+export declare const PortalFilterDropdownMenuStyle: import("styled-components").GlobalStyleComponent<PortalDropdownMenuProps, import("styled-components").DefaultTheme>;
+export declare const FilterDropdownButton: import("styled-components").StyledComponent<import("react").FC<import("../../dropdown-menu-button").DropdownMenuButtonProps>, import("styled-components").DefaultTheme, FilterDropdownButtonProps, never>;
+export {};

package/dist/components/filters/internal/list-container.d.ts

@@ -0,0 +1,17 @@
+import { type Ref } from 'react';
+import type { ListboxRef } from '../../listbox/listbox';
+import type { FilterOption } from '../filter-option';
+export declare const Divider: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export interface ListContainerProps {
+    listboxRef: Ref<ListboxRef>;
+    multiselect?: boolean;
+    options: FilterOption[];
+    searchRef: Ref<HTMLInputElement>;
+    selectedFiltersCount: number;
+    value: string | string[] | null | undefined;
+    onChange?(options: FilterOption[]): void;
+    onClearFilters(): void;
+    onOptionClick?(option: FilterOption): void;
+    onSearchChange?(search: string): void;
+}
+export declare const ListContainer: import("react").ForwardRefExoticComponent<ListContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/filters/internal/use-list-filter.d.ts

@@ -0,0 +1,15 @@
+import type { FilterOption } from '../filter-option';
+type Nullable<T> = T | null | undefined;
+type Value = string | string[];
+export interface UseListFilterResponse {
+    displayValue: string;
+    filteredOptions: FilterOption[];
+    hasFiltersApplied: boolean;
+}
+export interface UseListFilterOptions<T extends Value> {
+    options: FilterOption[];
+    searchValue: string;
+    value: Nullable<T>;
+}
+export declare function useListFilter<T extends Value>({ searchValue, options, value, }: UseListFilterOptions<T>): UseListFilterResponse;
+export {};

package/dist/components/filters/internal/use.search.d.ts

@@ -0,0 +1,11 @@
+export interface UseSearchOptions {
+    initialSearchValue?: string;
+    optionsCount: number;
+}
+export interface UseSearchResponse {
+    searchEnabled: boolean;
+    searchValue: string;
+    handleSearchChange?(newValue: string): void;
+    setSearchValue(value: string): void;
+}
+export declare function useSearch({ initialSearchValue, optionsCount, }: UseSearchOptions): UseSearchResponse;

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './external-link';
 export * from './feedbacks';
 export * from './field-container';
 export * from './fieldset';
+export * from './filters';
 export * from './global-banner';
 export * from './global-header';
 export * from './heading';

package/dist/components/listbox/listbox.d.ts

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes, RefObject } from 'react';
+import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes, type RefObject } from 'react';
 type Value = string | string[];
 export interface ListboxOption {
     disabled?: boolean;
@@ -21,6 +21,11 @@ export interface ListboxProps {
      * @default true
      */
     focusable?: boolean;
+    /**
+     * Set to true to enable keyboard navigation managed by the listbox
+     * @default Same value as focusable
+     */
+    keyboardNav?: boolean;
     /**
      * Activates multiple selection feature
      * @default false
@@ -51,5 +56,7 @@ export interface ListboxProps {
      */
     onOptionClick?(option?: ListboxOption): void;
 }
-export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<HTMLDivElement>>;
+export interface ListboxRef extends HTMLDivElement {
+}
+export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<ListboxRef>>;
 export {};

package/dist/components/search/search-contextual.d.ts

@@ -1,4 +1,3 @@
-import { type FC } from 'react';
 import { CommonSearchProps } from './search-input';
 export type SearchContextualProps = CommonSearchProps;
-export declare const SearchContextual: FC<SearchContextualProps>;
+export declare const SearchContextual: import("react").ForwardRefExoticComponent<CommonSearchProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, type FC, FocusEvent } from 'react';
+import { type ChangeEvent, type FocusEvent } from 'react';
 export interface CommonSearchProps {
     id?: string;
     disabled?: boolean;
@@ -16,4 +16,4 @@ export interface SearchInputProps extends CommonSearchProps {
     hasButton?: boolean;
     hasIcon?: boolean;
 }
-export declare const SearchInput: FC<SearchInputProps>;
+export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

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;
         };