fix: update props

Author: iobuhov

packages/pluggableWidgets/datagrid-date-filter-web/src/components/DatePicker.tsx

@@ -39,7 +39,7 @@ export function DatePicker(props: DatePickerProps): ReactElement {
         <Fragment>
             <div id={staticProps.portalId} className="date-filter-container" />
             <span className="sr-only" id={`${props.id}-label`}>
-                {props.screenReaderInputCaption}
+                {props.screenReaderInputCaption || "date filter"}
             </span>
             <ReactDatePicker
                 {...staticProps}
@@ -76,7 +76,7 @@ export function DatePicker(props: DatePickerProps): ReactElement {
                 aria-controls={staticProps.portalId}
                 aria-expanded={props.expanded}
                 aria-haspopup
-                aria-label={props.screenReaderCalendarCaption ?? "Show calendar"}
+                aria-label={props.screenReaderCalendarCaption || "Show calendar"}
                 className="btn btn-default btn-calendar"
                 onMouseDown={props.onButtonMouseDown}
                 onKeyDown={props.onButtonKeyDown}

packages/shared/widget-plugin-dropdown-filter/src/controls/combobox/Combobox.tsx

@@ -44,7 +44,7 @@ export const Combobox = observer(function Combobox(props: ComboboxProps) {
             <input
                 className={cls.input}
                 {...getInputProps({
-                    "aria-label": props.ariaLabel,
+                    "aria-label": props.ariaLabel || "filter",
                     ref: inputRef,
                     onBlur: props.onBlur,
                     onFocus: props.onFocus,

packages/shared/widget-plugin-dropdown-filter/src/controls/select/Select.tsx

@@ -41,7 +41,7 @@ export const Select = observer(function Select(props: SelectProps): React.ReactE
             data-empty={isEmpty ? true : undefined}
             style={props.style}
             {...getToggleButtonProps({
-                "aria-label": props.ariaLabel,
+                "aria-label": props.ariaLabel || "filter",
                 ref: refs.setReference,
                 onFocus: props.onFocus
             })}

packages/shared/widget-plugin-dropdown-filter/src/controls/tag-picker/TagPicker.tsx

@@ -99,7 +99,7 @@ export const TagPicker = observer(function TagPicker(props: TagPickerProps): Rea
                 <input
                     className={cls.input}
                     {...getInputProps({
-                        "aria-label": inputLabel,
+                        "aria-label": inputLabel || "filter",
                         onBlur: props.onBlur,
                         onFocus: props.onFocus,
                         placeholder: props.empty ? (isOpen ? props.inputPlaceholder : props.emptyCaption) : undefined,

packages/shared/widget-plugin-filtering/src/controls/input/InputWithFilters.tsx

@@ -1,9 +1,9 @@
-import { createElement } from "react";
-import { observer } from "mobx-react-lite";
+import { AllFunctions } from "@mendix/filter-commons/typings/FilterFunctions";
 import classNames from "classnames";
+import { observer } from "mobx-react-lite";
+import { createElement } from "react";
 import { FilterSelector } from "../filter-selector/FilterSelector";
 import { InputComponentProps } from "./typings";
-import { AllFunctions } from "@mendix/filter-commons/typings/FilterFunctions";
 
 export function InputWithFiltersComponent<Fn extends AllFunctions>(props: InputComponentProps<Fn>): React.ReactElement {
     const {
@@ -25,7 +25,7 @@ export function InputWithFiltersComponent<Fn extends AllFunctions>(props: InputC
             )}
             <input
                 aria-invalid={input1.isValid ? undefined : true}
-                aria-label={props.screenReaderInputCaption}
+                aria-label={props.screenReaderInputCaption || "filter"}
                 className={classNames("form-control", { "filter-input": props.adjustable })}
                 disabled={props.disableInputs}
                 onChange={input1.onChange}