public-ui-kolibri

import type { Generic } from 'adopted-style-sheets'; import type { W3CInputValue } from '../types'; import type { Stringified } from '../types/common'; import { watchJsonArrayString } from '../utils'; import { a11yHint } from '../utils/a11y.tipps'; /* types */ export type SuggestionsPropType = Stringified<W3CInputValue[]>; /** * Suggestions to provide for an input. */ export type PropSuggestions = { suggestions: SuggestionsPropType; }; /* validator */ export const validateSuggestions = (component: Generic.Element.Component, value?: SuggestionsPropType): void => { watchJsonArrayString(component, '_suggestions', (item: W3CInputValue) => typeof item === 'string' || typeof item === 'number', value, undefined, { hooks: { afterPatch: (value: unknown) => { if (Array.isArray(value) && value.length) { a11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.'); } }, }, }); };