@kaizen/components 1.18.0 → 1.19.0

package/dist/index.d.ts

@@ -173,8 +173,29 @@ type ValidationMessage = {
     status: FieldMessageStatus;
     message: string | React$1.ReactElement;
 };
+type Actions = {
+    type: "update_selected_date";
+    date: Date | undefined;
+    inputValue?: string;
+} | {
+    type: "navigate_months";
+    date: Date | undefined;
+} | {
+    type: "update_input_field";
+    inputValue: string;
+};
+type FilterDatePickerState = {
+    selectedDate: Date | undefined;
+    inputValue: string;
+    startMonth: Date;
+};
+type SetupFilterDatePickerState = {
+    selectedDate: Date | undefined;
+    defaultMonth?: Date;
+    inputValue?: string;
+};
 
-interface DateInputFieldProps extends Omit<DateInputProps, "id"> {
+interface DateInputFieldProps extends Omit<DateInputProps, "id" | "labelText"> {
     id: string;
     locale: Locale;
     /**
@@ -184,6 +205,7 @@ interface DateInputFieldProps extends Omit<DateInputProps, "id"> {
     isReversed?: boolean;
     validationMessage?: ValidationMessage;
     disabled?: boolean;
+    labelText?: DateInputProps["labelText"];
 }
 
 type FilterInputProps$1<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
@@ -226,10 +248,7 @@ interface FilterDatePickerFieldProps extends OverrideClassName<HTMLAttributes<HT
     onValidate?: (validationResponse: DateValidationResponse) => void;
     setIsFilterOpen?: FilterProps["setIsOpen"];
 }
-declare const FilterDatePickerField: {
-    ({ id, inputProps, locale: propsLocale, defaultMonth, selectedDate, onDateChange, onDateSubmit, disabledDays, description, validationMessage, onValidate, classNameOverride, ...restProps }: FilterDatePickerFieldProps): JSX.Element;
-    displayName: string;
-};
+declare const FilterDatePickerField: ({ id, inputProps, locale: propsLocale, defaultMonth, selectedDate, onDateChange, onDateSubmit, disabledDays, description, validationMessage, onValidate, classNameOverride, ...restProps }: FilterDatePickerFieldProps) => JSX.Element;
 
 interface FilterDatePickerProps extends FilterDatePickerFieldProps {
     label: string;
@@ -691,11 +710,11 @@ type FilterBarState<ValuesMap extends FiltersValues> = {
 type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;
 
 type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
-    getFilterState: (id: keyof ValuesMap) => FilterState<keyof ValuesMap, Value>;
-    toggleOpenFilter: (id: keyof ValuesMap, isOpen: boolean) => void;
-    updateValue: (id: keyof ValuesMap, value: Value) => void;
-    showFilter: (id: keyof ValuesMap) => void;
-    hideFilter: (id: keyof ValuesMap) => void;
+    getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
+    toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
+    updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
+    showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
     getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
     clearAllFilters: () => void;
 };
@@ -721,11 +740,11 @@ declare const FilterBar: {
         displayName: string;
     };
     MultiSelect: {
-        ({ id, items, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
+        ({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
         displayName: string;
     };
     Select: {
-        <Option extends SelectOption = SelectOption>({ id, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
+        <Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
         displayName: string;
     };
 };
@@ -1088,4 +1107,4 @@ declare const Workflow: (({ stepName, steps, isComplete, workflowName, status, h
     };
 };
 
-export { ActiveFiltersArray, Button, ButtonProps, CSSVariableTheme, ClearButton, ClearButtonProps, DateRangeFieldValidationMessage, DateValidationResponse, DeepMapObjectLeafs, Filter, FilterAttributes, FilterBar, FilterBarContextValue, FilterBarProps, FilterBarProvider, FilterBarProviderProps, FilterBarState, FilterBarStateFilters, FilterButton, FilterButtonProps, FilterButtonRemovable, FilterButtonRemovableProps, FilterButtonRemovableRefs, FilterContents, FilterContentsProps, FilterDatePicker, FilterDatePickerField, FilterDatePickerFieldProps, FilterDatePickerProps, FilterDateRangePicker, FilterDateRangePickerProps, FilterDateSupportedLocales, FilterIsUsableWhen, FilterMultiSelect, FilterMultiSelectProps, FilterProps, FilterSelect, FilterSelectProps, FilterState, FilterStateEditableAttributes, FilterTriggerButtonProps, FilterTriggerRef, Filters, FiltersValues, GetDateValidationHandlerArgs, InputSearch, InputSearchProps, InternalFilterState, ItemType, KaizenProvider, KaizenProviderProps, ListBoxItems, ListBoxProps, ListBoxSectionProps$1 as ListBoxSectionProps, LoadMoreButtonProps, MappedFilters, MenuFooterProps, MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, MenuTriggerProviderContextType, MenuTriggerProviderProps, MultiSelectItem, MultiSelectOptionProps, NoResultsProps, RemovableFilterTriggerProps, SearchInputProps, SelectItem, SelectItemNode, SelectOption, SelectOptionGroup, SelectOptionGroupNode, SelectOptionNode, SelectionConsumer, SelectionProvider, SelectionProviderContextType, SelectionProviderProps, SourceFiltersState, Theme, ThemeContext, ThemeKey, ThemeManager, ThemeProvider, TypographyFont, UseDateValidationArgs, UseDateValidationValue, ValidateDateResponse, ValidationMessage, ValueType, Workflow, WorkflowProps, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
+export { Actions, ActiveFiltersArray, Button, ButtonProps, CSSVariableTheme, ClearButton, ClearButtonProps, DateRangeFieldValidationMessage, DateValidationResponse, DeepMapObjectLeafs, Filter, FilterAttributes, FilterBar, FilterBarContextValue, FilterBarProps, FilterBarProvider, FilterBarProviderProps, FilterBarState, FilterBarStateFilters, FilterButton, FilterButtonProps, FilterButtonRemovable, FilterButtonRemovableProps, FilterButtonRemovableRefs, FilterContents, FilterContentsProps, FilterDatePicker, FilterDatePickerField, FilterDatePickerFieldProps, FilterDatePickerProps, FilterDatePickerState, FilterDateRangePicker, FilterDateRangePickerProps, FilterDateSupportedLocales, FilterIsUsableWhen, FilterMultiSelect, FilterMultiSelectProps, FilterProps, FilterSelect, FilterSelectProps, FilterState, FilterStateEditableAttributes, FilterTriggerButtonProps, FilterTriggerRef, Filters, FiltersValues, GetDateValidationHandlerArgs, InputSearch, InputSearchProps, InternalFilterState, ItemType, KaizenProvider, KaizenProviderProps, ListBoxItems, ListBoxProps, ListBoxSectionProps$1 as ListBoxSectionProps, LoadMoreButtonProps, MappedFilters, MenuFooterProps, MenuLoadingSkeletonProps, MenuTriggerConsumer, MenuTriggerProvider, MenuTriggerProviderContextType, MenuTriggerProviderProps, MultiSelectItem, MultiSelectOptionProps, NoResultsProps, RemovableFilterTriggerProps, SearchInputProps, SelectItem, SelectItemNode, SelectOption, SelectOptionGroup, SelectOptionGroupNode, SelectOptionNode, SelectionConsumer, SelectionProvider, SelectionProviderContextType, SelectionProviderProps, SetupFilterDatePickerState, SourceFiltersState, Theme, ThemeContext, ThemeKey, ThemeManager, ThemeProvider, TypographyFont, UseDateValidationArgs, UseDateValidationValue, ValidateDateResponse, ValidationMessage, ValueType, Workflow, WorkflowProps, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };