@equisoft/design-elements-react 5.6.1-snapshot.20231213205711 → 6.0.0

package/dist/components/date-picker/calendar-header.d.ts

@@ -1,12 +1,12 @@
 import { VoidFunctionComponent } from 'react';
-import { Option } from '../dropdown-list/dropdown-list';
+import { DropdownListOption } from '../dropdown-list/dropdown-list';
 interface CalendarHeaderProps {
     date: Date;
     months: string[];
-    monthsOptions: Option[];
+    monthsOptions: DropdownListOption[];
     nextMonthButtonDisabled: boolean;
     prevMonthButtonDisabled: boolean;
-    yearsOptions: Option[];
+    yearsOptions: DropdownListOption[];
     changeMonth(month: number): void;
     changeYear(year: number): void;
     decreaseMonth(): void;

package/dist/components/date-picker/utils/datepicker-utils.d.ts

@@ -1,11 +1,11 @@
 import type { Locale } from 'date-fns';
-import { Option } from '../../dropdown-list/dropdown-list';
+import { DropdownListOption } from '../../dropdown-list/dropdown-list';
 export type SupportedLocale = 'fr-CA' | 'en-CA' | 'en-US';
 export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare function getLocale(localeArray: Locale[], localeCode?: SupportedLocale): Locale;
 export declare function getLocaleMonthsShort(locale: Locale): string[];
 export declare function getLocaleDateFormat(locale?: Locale): string;
 export declare function getLocaleDatePlaceholder(locale?: Locale): string;
-export declare function getLocaleMonthsOptions(locale: Locale): Option[];
-export declare function getYearsOptions(minDate?: Date | null, maxDate?: Date | null): Option[];
+export declare function getLocaleMonthsOptions(locale: Locale): DropdownListOption[];
+export declare function getYearsOptions(minDate?: Date | null, maxDate?: Date | null): DropdownListOption[];
 export declare function setLocaleFirstDayOfWeek(locale: Locale, dayOfWeek?: DayOfWeek): void;

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

@@ -1,12 +1,12 @@
 import { VoidFunctionComponent } from 'react';
 import { ListboxOption } from '../listbox/listbox';
 import { TooltipProps } from '../tooltip/tooltip';
-export interface Option extends ListboxOption {
+export interface DropdownListOption extends ListboxOption {
     label: string;
 }
 interface DropdownListProps {
     /**
-     * Sets input's aria-label
+     * Aria label for the input (used when no visual label is present)
      */
     ariaLabel?: string;
     className?: string;
@@ -30,20 +30,8 @@ interface DropdownListProps {
     /**
      * { disabled?: boolean, value: string; label: string; }[]
      */
-    options: Option[];
-    placeholder?: string;
+    options: DropdownListOption[];
     required?: boolean;
-    /**
-     * Adds search functionality with autocomplete
-     */
-    searchable?: boolean;
-    /**
-     * Adds a skip button
-     */
-    skipOption?: {
-        label: string;
-        value?: string;
-    };
     tooltip?: TooltipProps;
     /**
      * Sets input validity
@@ -62,7 +50,7 @@ interface DropdownListProps {
     /**
      * OnChange callback function, invoked when an option is selected
      */
-    onChange?(option: Option): void;
+    onChange?(option: DropdownListOption): void;
 }
 export declare const DropdownList: VoidFunctionComponent<DropdownListProps>;
 export {};

package/dist/components/label/label.d.ts

@@ -3,6 +3,7 @@ import { TooltipProps } from '../tooltip/tooltip';
 interface LabelProps {
     className?: string;
     forId: string;
+    id?: string;
     required?: boolean;
     requiredLabelType?: 'text';
     tooltip?: TooltipProps;

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

@@ -48,6 +48,10 @@ interface ListboxProps {
      * Callback function, invoked when focused value changes
      */
     onFocusChange?(option?: ListboxOption): void;
+    /**
+     * Callback function, invoked when an option is clicked
+     */
+    onOptionClick?(option?: ListboxOption): void;
 }
 export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/hooks/use-aria-conditional-ids.d.ts

@@ -0,0 +1,6 @@
+interface ConditionalId {
+    id: string | undefined;
+    include?: boolean;
+}
+export declare function useAriaConditionalIds(conditionalIds: ConditionalId[]): string | undefined;
+export {};

package/dist/hooks/use-click-outside.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare function useClickOutside<T extends HTMLElement>(targets: MutableRefObject<T | null>[], callback: () => void): void;

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

@@ -0,0 +1,13 @@
+interface UseListSearchRequest<T> {
+    elements: T[];
+    focusedElement?: T;
+    onFoundElementChange?: (element: T | undefined) => void;
+    searchPropertyAccessor: (element: T) => string;
+    predicate?: (element: T) => boolean;
+    searchResetTimeout?: number;
+}
+interface UseListSearchResponse {
+    handleSearchInput: (char: string) => void;
+}
+export declare function useListSearch<T>({ elements, focusedElement, onFoundElementChange, searchPropertyAccessor, predicate, searchResetTimeout, }: UseListSearchRequest<T>): UseListSearchResponse;
+export {};

package/dist/i18n/translations.d.ts

@@ -24,6 +24,10 @@ export declare const Translations: {
             monthSelectLabel: string;
             yearSelectLabel: string;
         };
+        'dropdown-list': {
+            inputAriaLabel: string;
+            validationErrorMessage: string;
+        };
         'error-summary': {
             title: string;
             message: string;
@@ -85,10 +89,6 @@ export declare const Translations: {
             Neutral: string;
             dismissLabel: string;
         };
-        select: {
-            inputAriaLabel: string;
-            validationErrorMessage: string;
-        };
         'skip-link': {
             label: string;
         };
@@ -144,6 +144,10 @@ export declare const Translations: {
             monthSelectLabel: string;
             yearSelectLabel: string;
         };
+        'dropdown-list': {
+            inputAriaLabel: string;
+            validationErrorMessage: string;
+        };
         'error-summary': {
             title: string;
             message: string;
@@ -205,10 +209,6 @@ export declare const Translations: {
             Neutral: string;
             dismissLabel: string;
         };
-        select: {
-            inputAriaLabel: string;
-            validationErrorMessage: string;
-        };
         'skip-link': {
             label: string;
         };

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { Avatar } from './components/avatar/avatar';
 export { Checkbox } from './components/checkbox/checkbox';
 export { CheckboxGroup } from './components/checkbox-group/checkbox-group';
 export { Datepicker, DatepickerHandles } from './components/date-picker/date-picker';
-export { DropdownList } from './components/dropdown-list/dropdown-list';
+export { DropdownList, DropdownListOption } from './components/dropdown-list/dropdown-list';
 export { MoneyInput } from './components/money-input/money-input';
 export { NumericInput } from './components/numeric-input/numeric-input';
 export { OptionButton } from './components/option-button/option-button';

package/dist/utils/string.d.ts

@@ -0,0 +1 @@
+export declare function allSameLetter(text: string): boolean;

package/dist/utils/string.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "5.6.1-snapshot.20231213205711",
+  "version": "6.0.0",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",