@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/cjs/form/AutoComplete/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';\nimport { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';\nimport { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';\nimport { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n  isIosDevice,\n  keyCodes,\n  isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport Checkbox, { CheckboxItem } from '@digigov/ui/form/Checkbox';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n  source: (query: string, syncResults: (options: string[]) => void) => void;\n  id: string;\n  multiple?: boolean;\n  tStatusResults?: (x: number, y: string) => string;\n  tStatusNoResults?: () => string;\n  tStatusQueryTooShort?: (x: number) => string;\n  tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n  tNoResults?: () => string;\n  tAssistiveHint?: () => string;\n  templates?: {\n    suggestion?: (value: any, query: string | string[]) => any;\n    inputValue?: (value: any) => string;\n  };\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n  autoselect?: boolean;\n  defaultValue?: string | string[];\n  minLength?: number;\n  name?: string;\n  placeholder?: string;\n  onConfirm?: (x: any) => void;\n  confirmOnBlur?: boolean;\n  required?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport interface State {\n  focused: any;\n  hovered: any;\n  menuOpen: boolean;\n  options: any[];\n  query: string;\n  selectedValues: any[];\n  validChoiceMade: boolean;\n  selected: any;\n  ariaHint: boolean;\n}\n\nexport interface NewQueryProps {\n  menuOpen?: boolean;\n  query?: string;\n}\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n  static defaultProps = {\n    width: 'full',\n    autoselect: false,\n    minLength: 0,\n    name: 'ds-input-autocomplete',\n    placeholder: '',\n    onConfirm: (): void => {\n      return;\n    },\n    confirmOnBlur: false,\n    required: false,\n    tNoResults: (): string => 'No results found',\n    tAssistiveHint: (): string =>\n      'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.',\n  };\n\n  elementReferences = {};\n\n  constructor(props: AutoCompleteProps) {\n    super(props);\n    const customState: any = {};\n    if (Array.isArray(props.defaultValue)) {\n      customState.selectedValues = props.defaultValue as string[];\n    } else if (props.defaultValue) {\n      customState.selectedValues = [props.defaultValue as string];\n    }\n\n    this.state = {\n      focused: null,\n      hovered: null,\n      menuOpen: false,\n      options: [],\n      query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n      selectedValues: [],\n      validChoiceMade: false,\n      selected: null,\n      ariaHint: true,\n      ...customState,\n    };\n    this.handleComponentBlur = this.handleComponentBlur.bind(this);\n    this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleUpArrow = this.handleUpArrow.bind(this);\n    this.handleDownArrow = this.handleDownArrow.bind(this);\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n    this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n    if (this.props.multiple) {\n      this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n    } else {\n      this.handleOptionClick = this.handleOptionClick.bind(this);\n    }\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n    this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n    this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n\n    this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n  }\n\n  isQueryAnOption(query: string, options: string[]): boolean {\n    return (\n      options\n        .map((entry) => this.templateInputValue(entry).toLowerCase())\n        .indexOf(query.toLowerCase()) !== -1\n    );\n  }\n\n  componentDidMount(): void {\n    this.getDirectInputChanges();\n  }\n\n  getDirectInputChanges(): void {\n    const inputReference = this.elementReferences[-1];\n    const queryHasChanged =\n      inputReference && inputReference.value !== (this.state.query ?? '');\n    if (queryHasChanged) {\n      this.handleInputChange({ target: { value: inputReference.value } });\n    }\n  }\n\n  componentDidUpdate(_, prevState: Readonly<State>): void {\n    const { focused } = this.state;\n    const componentLostFocus = focused === null;\n    const focusedChanged = prevState.focused !== focused;\n    const focusDifferentElement = focusedChanged && !componentLostFocus;\n    if (focusDifferentElement) {\n      this.elementReferences[focused].focus();\n    }\n    const focusedInput = focused === -1;\n    const componentGainedFocus = focusedChanged && prevState.focused === null;\n    const selectAllText = focusedInput && componentGainedFocus;\n    if (selectAllText) {\n      const inputElement = this.elementReferences[focused];\n      inputElement.setSelectionRange(0, inputElement.value.length);\n    }\n  }\n\n  hasAutoselect(): boolean {\n    return (isIosDevice() as boolean)\n      ? false\n      : (this.props.autoselect as boolean);\n  }\n\n  // This template is used when converting from a state.options object into a state.query.\n  templateInputValue(value: string): string {\n    const inputValueTemplate =\n      this.props.templates && this.props.templates.inputValue;\n    return inputValueTemplate ? inputValueTemplate(value) : value;\n  }\n\n  // This template is used when displaying results / suggestions.\n  templateSuggestion(value: string): string {\n    const suggestionTemplate =\n      this.props.templates && this.props.templates.suggestion;\n\n    return suggestionTemplate\n      ? suggestionTemplate(value, this.state.query)\n      : value;\n  }\n\n  handleComponentBlur(newState?: NewQueryProps): void {\n    const { options, query, selected } = this.state;\n    let newQuery: string;\n    if (this.props.confirmOnBlur) {\n      newQuery = newState?.query || query;\n      this.props.onConfirm?.(options[selected as number]);\n    } else {\n      newQuery = query;\n    }\n    this.setState({\n      focused: null,\n      menuOpen: newState?.menuOpen || false,\n      query: newQuery,\n      selected: null,\n      validChoiceMade: this.isQueryAnOption(newQuery, options),\n    });\n  }\n\n  handleListMouseLeave(): void {\n    this.setState({\n      hovered: null,\n    });\n  }\n\n  handleAutoCompleteBlur(event, index?: number): void {\n    const { focused, options, query, selected } = this.state;\n    let focusingOutsideComponent = false;\n    if (event.relatedTarget === null) {\n      focusingOutsideComponent = true;\n    } else {\n      // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n      focusingOutsideComponent =\n        this.elementReferences['button-arrow'] !== event.relatedTarget;\n    }\n    const focusingInput = event.relatedTarget === this.elementReferences[-1];\n    const focusingButtonArrow =\n      this.elementReferences['button-arrow'] === event.relatedTarget || false;\n    let focusingAnotherOption = focused !== null && focused !== -1;\n    if (index !== undefined) {\n      focusingAnotherOption = focused !== index && focused !== -1;\n    }\n    // Check if the user clicks outside and not either on option, either on input or on button arrow\n    const blurComponent =\n      focusingOutsideComponent &&\n      !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n    if (blurComponent) {\n      // In handleInputBlur:\n      const newQuery = isIosDevice()\n        ? query\n        : this.templateInputValue(options[selected as number]);\n      this.handleComponentBlur({\n        menuOpen: false,\n        query: newQuery,\n      });\n    }\n  }\n\n  handleInputChange(event: { target: any }): void {\n    const { source, minLength } = this.props;\n    const autoselect = this.hasAutoselect();\n    const query = event.target.value;\n    const queryEmpty = query.length === 0;\n    this.setState({\n      query,\n      ariaHint: queryEmpty,\n    });\n    const minLengthQuery =\n      minLength != undefined && minLength > query.length ? '' : query;\n    source(minLengthQuery, (options) => {\n      const optionsAvailable = options.length > 0;\n      this.setState({\n        menuOpen: optionsAvailable,\n        options,\n        selected: autoselect && optionsAvailable ? 0 : -1,\n        validChoiceMade: false,\n      });\n    });\n  }\n\n  handleInputClick(\n    event: React.MouseEvent<HTMLInputElement, MouseEvent>\n  ): void {\n    this.handleInputChange(event);\n  }\n\n  handleInputFocus(): void {\n    const { source } = this.props;\n    const { query, validChoiceMade, options } = this.state;\n    const { minLength } = this.props;\n    const shouldReopenMenu =\n      !validChoiceMade &&\n      query.length >= (minLength as number) &&\n      options.length > 0;\n    if (shouldReopenMenu) {\n      this.setState(({ menuOpen }) => ({\n        focused: -1,\n        menuOpen: shouldReopenMenu || menuOpen,\n        selected: -1,\n      }));\n    } else {\n      source(query, (options) => {\n        this.setState({\n          focused: -1,\n          options,\n        });\n      });\n    }\n  }\n\n  handleOptionFocus(index: number): void {\n    this.setState({\n      focused: index,\n      hovered: null,\n      selected: index,\n    });\n  }\n\n  handleOptionMouseEnter(index: number): void {\n    // iOS Safari prevents click event if mouseenter adds hover background colour\n    // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n    if (!isIosDevice()) {\n      this.setState({\n        hovered: index,\n      });\n    }\n  }\n\n  handleOptionClickMultiple(index: number): void {\n    const selectedOption = this.state.options[index];\n    let selectedValues = this.state.selectedValues;\n    if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n      selectedValues = selectedValues.concat([selectedOption]);\n    } else {\n      selectedValues.splice(\n        this.state.selectedValues.indexOf(selectedOption),\n        1\n      );\n    }\n    this.props.onConfirm?.(selectedValues);\n    this.setState({\n      focused: index,\n      hovered: null,\n      menuOpen: true,\n      query: '',\n      selectedValues,\n      selected: index,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionClick(index: number): void {\n    const selectedOption = this.state.options[index];\n    const newQuery = this.templateInputValue(selectedOption);\n    this.props.onConfirm?.(selectedOption);\n    const selectedValues = this.props.multiple\n      ? this.state.selectedValues.concat(selectedOption)\n      : [selectedOption];\n    this.setState({\n      focused: -1,\n      hovered: null,\n      menuOpen: false,\n      query: newQuery,\n      selectedValues,\n      selected: -1,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionMouseDown(event: { preventDefault: () => void }): void {\n    // Safari triggers focusOut before click, but if you\n    // preventDefault on mouseDown, you can stop that from happening.\n    // If this is removed, clicking on an option in Safari will trigger\n    // `handleOptionBlur`, which closes the menu, and the click will\n    // trigger on the element underneath instead.\n    // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n    event.preventDefault();\n  }\n\n  handleUpArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    const { menuOpen, selected } = this.state;\n    const isNotAtTop = selected !== -1;\n    const allowMoveUp = isNotAtTop && menuOpen;\n    if (allowMoveUp) {\n      this.handleOptionFocus((selected as number) - 1);\n    }\n  }\n\n  handleDownArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    // if not open, open\n    if (this.state.menuOpen === false) {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n          selected: 0,\n          focused: 0,\n          hovered: null,\n        });\n      });\n    } else if (this.state.menuOpen === true) {\n      const { menuOpen, options, selected } = this.state;\n      const isNotAtBottom = selected !== options.length - 1;\n      const allowMoveDown = isNotAtBottom && menuOpen;\n      if (allowMoveDown) {\n        this.handleOptionFocus((selected as number) + 1);\n      }\n    }\n  }\n\n  handleSpace(event: { preventDefault: () => void }): void {\n    // if not open, open\n    if (this.state.menuOpen === false && this.state.query === '') {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n        });\n      });\n    }\n    const focusIsOnOption = this.state.focused !== -1;\n    if (focusIsOnOption) {\n      event.preventDefault();\n      this.handleOptionClick(this.state.focused);\n    }\n  }\n\n  handleEnter(event: { preventDefault: () => void }): void {\n    if (this.state.menuOpen) {\n      event.preventDefault();\n      const hasSelectedOption = this.state.selected >= 0;\n      if (hasSelectedOption) {\n        this.handleOptionClick(this.state.selected);\n        if (this.props.multiple) {\n          this.setState({\n            menuOpen: false,\n            focused: -1,\n          });\n        }\n      }\n    }\n  }\n\n  handlePrintableKey(event: { target: any }): void {\n    const inputElement = this.elementReferences[-1];\n    const eventIsOnInput = event.target === inputElement;\n    if (!eventIsOnInput) {\n      // FIXME: This would be better if it was in componentDidUpdate,\n      // but using setState to trigger that seems to not work correctly\n      // in preact@8.1.0.\n      inputElement.focus();\n    }\n  }\n\n  handleKeyDown(event: {\n    preventDefault: () => void;\n    keyCode: number;\n    target: any;\n  }): void {\n    switch (keyCodes[event.keyCode]) {\n      case 'up':\n        this.handleUpArrow(event);\n        break;\n      case 'down':\n        this.handleDownArrow(event);\n        break;\n      case 'space':\n        this.handleSpace(event);\n        break;\n      case 'enter':\n        this.handleEnter(event);\n        break;\n      case 'escape':\n        this.handleComponentBlur({\n          query: this.state.query,\n        });\n        break;\n      case 'backspace':\n        if (this.props.multiple) {\n          if (\n            this.state.query.length === 0 &&\n            this.state.selectedValues.length > 0\n          ) {\n            event.preventDefault();\n            const updatedSelectedValues = this.state.selectedValues.slice(\n              0,\n              -1\n            );\n            this.setState(\n              {\n                selectedValues: updatedSelectedValues,\n              },\n              () => {\n                this.props.onConfirm?.(updatedSelectedValues);\n              }\n            );\n          } else {\n            if (isPrintableKeyCode(event.keyCode)) {\n              this.handlePrintableKey(event);\n            }\n          }\n        } else {\n          this.props.onConfirm?.('');\n        }\n        break;\n      default:\n        if (isPrintableKeyCode(event.keyCode)) {\n          this.handlePrintableKey(event);\n        }\n        break;\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      width,\n      minLength,\n      name,\n      placeholder,\n      required,\n      tNoResults,\n      tStatusQueryTooShort,\n      tStatusNoResults,\n      tStatusSelectedOption,\n      tStatusResults,\n      tAssistiveHint,\n      multiple,\n      source,\n    } = this.props;\n    const {\n      focused,\n      hovered,\n      menuOpen,\n      options,\n      selected,\n      ariaHint,\n      validChoiceMade,\n    } = this.state;\n    const autoselect = this.hasAutoselect();\n    const query = this.state.query ?? '';\n    const inputFocused = focused === -1;\n    const noOptionsAvailable = options.length === 0;\n    const queryNotEmpty = query.length !== 0;\n    const queryLongEnough = query.length >= (minLength as number);\n    const showNoOptionsFound =\n      inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n    const componentIsFocused = focused !== null;\n    const optionFocused = focused !== -1 && focused !== null;\n    const menuIsVisible = menuOpen || showNoOptionsFound;\n    const selectedOptionText = this.templateInputValue(options[selected]);\n    const optionBeginsWithQuery =\n      selectedOptionText &&\n      selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n    const hintValue =\n      optionBeginsWithQuery && autoselect\n        ? query + selectedOptionText.substr(query.length)\n        : '';\n\n    const assistiveHintID = id + '__assistiveHint';\n    const ariaDescribedProp = ariaHint\n      ? {\n          'aria-describedby': assistiveHintID,\n        }\n      : null;\n\n    const showAutoCompleteResultListItems = (\n      options: string[],\n      multiple: boolean\n    ) => {\n      {\n        return options.map((option, index) => {\n          const showFocused =\n            focused === -1 ? selected === index : focused === index;\n          const iosPosinsetHtml = isIosDevice() ? (\n            <Base\n              as=\"span\"\n              id={`${id}__option-suffix--${index}`}\n              style={{\n                border: '0',\n                clip: 'rect(0 0 0 0)',\n                height: '1px',\n                marginBottom: '-1px',\n                marginRight: '-1px',\n                overflow: 'hidden',\n                padding: '0',\n                position: 'absolute',\n                whiteSpace: 'nowrap',\n                width: '1px',\n              }}\n            >\n              {index + 1} \u03B1\u03C0\u03CC {options.length}\n            </Base>\n          ) : (\n            ''\n          );\n          return (\n            <AutoCompleteResultListItem\n              isFocused={showFocused}\n              isHovered={hovered}\n              index={index}\n              aria-selected={focused === index ? 'true' : 'false'}\n              key={index}\n              onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n              onClick={() => this.handleOptionClick(index)}\n              onMouseDown={this.handleOptionMouseDown}\n              onMouseEnter={() => this.handleOptionMouseEnter(index)}\n              ref={(optionEl) => {\n                this.elementReferences[index] = optionEl;\n              }}\n              role=\"option\"\n              tabIndex={-1}\n              // @ts-ignore\n              value={typeof option === 'object' ? option?.value : option}\n              aria-posinset={index + 1}\n              aria-setsize={options.length}\n            >\n              {multiple ? (\n                <CheckboxItem\n                  value={option}\n                  checked={this.state.selectedValues.includes(option)}\n                  onChange={() => {}}\n                >\n                  {this.templateSuggestion(option)}\n                </CheckboxItem>\n              ) : (\n                this.templateSuggestion(option)\n              )}\n              {iosPosinsetHtml}\n            </AutoCompleteResultListItem>\n          );\n        });\n      }\n    };\n\n    return (\n      <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n        <Status\n          id={id}\n          length={options.length}\n          queryLength={query.length}\n          minQueryLength={minLength as number}\n          selectedOption={this.templateInputValue(options[selected])}\n          selectedOptionIndex={selected}\n          validChoiceMade={validChoiceMade}\n          isInFocus={this.state.focused !== null}\n          tQueryTooShort={tStatusQueryTooShort}\n          tNoResults={tStatusNoResults}\n          tSelectedOption={tStatusSelectedOption}\n          tResults={tStatusResults}\n        />\n\n        {hintValue && (placeholder === '' || !placeholder) && (\n          <AutoCompleteInputTypeahead value={hintValue} />\n        )}\n\n        {multiple ? (\n          <AutoCompleteMultipleInputContainer\n            isFocused={componentIsFocused}\n            numberOfSelected={this.props.numberOfSelected}\n          >\n            <ChipContainer>\n              {this.state.selectedValues.map((value, index) => {\n                return (\n                  <Chip\n                    key={index}\n                    onDelete={() => {\n                      this.setState(\n                        (prevState) => ({\n                          selectedValues: prevState.selectedValues.filter(\n                            (v) => {\n                              if (typeof v === 'string') {\n                                return v !== value;\n                              } else {\n                                return v.value !== value.value;\n                              }\n                            }\n                          ),\n                        }),\n                        () => {\n                          this.props.onConfirm?.(this.state.selectedValues);\n                        }\n                      );\n                    }}\n                  >\n                    {typeof value === 'string' ? value : value.label.primary}\n                  </Chip>\n                );\n              })}\n              {!componentIsFocused &&\n                typeof this.props.numberOfSelected === 'number' &&\n                this.state.selectedValues.length >\n                  this.props.numberOfSelected && (\n                  <NormalText fontWeight=\"bold\" margin={0}>\n                    +\n                    {this.state.selectedValues.length -\n                      this.props.numberOfSelected}\n                  </NormalText>\n                )}\n            </ChipContainer>\n            <AutoCompleteMultipleInput\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              // isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <Button\n              id={`${id}__button-arrow`}\n              ref={(buttonElement) => {\n                this.elementReferences['button-arrow'] = buttonElement;\n              }}\n              variant=\"link\"\n              onClick={() => {\n                if (!this.state.menuOpen) {\n                  source(query, (options) => {\n                    const optionsAvailable = options.length > 0;\n                    this.setState({\n                      menuOpen: optionsAvailable,\n                      options,\n                      selected: autoselect && optionsAvailable ? 0 : -1,\n                      validChoiceMade: false,\n                    });\n                  });\n                } else {\n                  this.setState({\n                    menuOpen: false,\n                    focused: null,\n                  });\n                }\n              }}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n            >\n              <CaretIcon direction=\"down\" size=\"md\" />\n            </Button>\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              <Checkbox>\n                {showAutoCompleteResultListItems(options, multiple)}\n              </Checkbox>\n\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </AutoCompleteMultipleInputContainer>\n        ) : (\n          <>\n            <AutoCompleteInputBase\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={this.handleAutoCompleteBlur}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <CaretIcon direction=\"down\" size=\"md\" />\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              {showAutoCompleteResultListItems(options, false)}\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </>\n        )}\n      </AutoCompleteContainer>\n    );\n  }\n}\n\nexport {\n  AutoComplete,\n  AutoCompleteInputBase,\n  AutoCompleteInputTypeahead,\n  AutoCompleteResultList,\n  AutoCompleteResultListItem,\n  AutoCompleteContainer,\n  AutoCompleteAssistiveHint,\n  AutoCompleteMultipleInputContainer,\n  AutoCompleteMultipleInput,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component, type JSX } from 'react';\nimport { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';\nimport { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';\nimport { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';\nimport { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n  isIosDevice,\n  keyCodes,\n  isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport Checkbox, { CheckboxItem } from '@digigov/ui/form/Checkbox';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface AutoCompleteProps {\n  source: (query: string, syncResults: (options: string[]) => void) => void;\n  id: string;\n  multiple?: boolean;\n  tStatusResults?: (x: number, y: string) => string;\n  tStatusNoResults?: () => string;\n  tStatusQueryTooShort?: (x: number) => string;\n  tStatusSelectedOption?: (x: string, y: number, z: number) => string;\n  tNoResults?: () => string;\n  tAssistiveHint?: () => string;\n  templates?: {\n    suggestion?: (value: any, query: string | string[]) => any;\n    inputValue?: (value: any) => string;\n  };\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n  autoselect?: boolean;\n  defaultValue?: string | string[];\n  minLength?: number;\n  name?: string;\n  placeholder?: string;\n  onConfirm?: (x: any) => void;\n  confirmOnBlur?: boolean;\n  required?: boolean;\n  numberOfSelected?: 1 | 2 | 3 | 'all';\n}\n\nexport interface State {\n  focused: any;\n  hovered: any;\n  menuOpen: boolean;\n  options: any[];\n  query: string;\n  selectedValues: any[];\n  validChoiceMade: boolean;\n  selected: any;\n  ariaHint: boolean;\n}\n\nexport interface NewQueryProps {\n  menuOpen?: boolean;\n  query?: string;\n}\n\nexport default class AutoComplete extends Component<AutoCompleteProps, State> {\n  static defaultProps = {\n    width: 'full',\n    autoselect: false,\n    minLength: 0,\n    name: 'ds-input-autocomplete',\n    placeholder: '',\n    onConfirm: (): void => {\n      return;\n    },\n    confirmOnBlur: false,\n    required: false,\n    tNoResults: (): string => 'No results found',\n    tAssistiveHint: (): string =>\n      'When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures.',\n  };\n\n  elementReferences = {};\n\n  constructor(props: AutoCompleteProps) {\n    super(props);\n    const customState: any = {};\n    if (Array.isArray(props.defaultValue)) {\n      customState.selectedValues = props.defaultValue as string[];\n    } else if (props.defaultValue) {\n      customState.selectedValues = [props.defaultValue as string];\n    }\n\n    this.state = {\n      focused: null,\n      hovered: null,\n      menuOpen: false,\n      options: [],\n      query: this.props.multiple ? '' : (props.defaultValue as string) || '',\n      selectedValues: [],\n      validChoiceMade: false,\n      selected: null,\n      ariaHint: true,\n      ...customState,\n    };\n    this.handleComponentBlur = this.handleComponentBlur.bind(this);\n    this.handleAutoCompleteBlur = this.handleAutoCompleteBlur.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleUpArrow = this.handleUpArrow.bind(this);\n    this.handleDownArrow = this.handleDownArrow.bind(this);\n    this.handleEnter = this.handleEnter.bind(this);\n    this.handlePrintableKey = this.handlePrintableKey.bind(this);\n\n    this.handleListMouseLeave = this.handleListMouseLeave.bind(this);\n\n    if (this.props.multiple) {\n      this.handleOptionClick = this.handleOptionClickMultiple.bind(this);\n    } else {\n      this.handleOptionClick = this.handleOptionClick.bind(this);\n    }\n    this.handleOptionFocus = this.handleOptionFocus.bind(this);\n    this.handleOptionMouseDown = this.handleOptionMouseDown.bind(this);\n    this.handleOptionMouseEnter = this.handleOptionMouseEnter.bind(this);\n\n    this.handleInputChange = this.handleInputChange.bind(this);\n    this.handleInputFocus = this.handleInputFocus.bind(this);\n\n    this.getDirectInputChanges = this.getDirectInputChanges.bind(this);\n  }\n\n  isQueryAnOption(query: string, options: string[]): boolean {\n    return (\n      options\n        .map((entry) => this.templateInputValue(entry).toLowerCase())\n        .indexOf(query.toLowerCase()) !== -1\n    );\n  }\n\n  componentDidMount(): void {\n    this.getDirectInputChanges();\n  }\n\n  getDirectInputChanges(): void {\n    const inputReference = this.elementReferences[-1];\n    const queryHasChanged =\n      inputReference && inputReference.value !== (this.state.query ?? '');\n    if (queryHasChanged) {\n      this.handleInputChange({ target: { value: inputReference.value } });\n    }\n  }\n\n  componentDidUpdate(_, prevState: Readonly<State>): void {\n    const { focused } = this.state;\n    const componentLostFocus = focused === null;\n    const focusedChanged = prevState.focused !== focused;\n    const focusDifferentElement = focusedChanged && !componentLostFocus;\n    if (focusDifferentElement) {\n      this.elementReferences[focused].focus();\n    }\n    const focusedInput = focused === -1;\n    const componentGainedFocus = focusedChanged && prevState.focused === null;\n    const selectAllText = focusedInput && componentGainedFocus;\n    if (selectAllText) {\n      const inputElement = this.elementReferences[focused];\n      inputElement.setSelectionRange(0, inputElement.value.length);\n    }\n  }\n\n  hasAutoselect(): boolean {\n    return (isIosDevice() as boolean)\n      ? false\n      : (this.props.autoselect as boolean);\n  }\n\n  // This template is used when converting from a state.options object into a state.query.\n  templateInputValue(value: string): string {\n    const inputValueTemplate =\n      this.props.templates && this.props.templates.inputValue;\n    return inputValueTemplate ? inputValueTemplate(value) : value;\n  }\n\n  // This template is used when displaying results / suggestions.\n  templateSuggestion(value: string): string {\n    const suggestionTemplate =\n      this.props.templates && this.props.templates.suggestion;\n\n    return suggestionTemplate\n      ? suggestionTemplate(value, this.state.query)\n      : value;\n  }\n\n  handleComponentBlur(newState?: NewQueryProps): void {\n    const { options, query, selected } = this.state;\n    let newQuery: string;\n    if (this.props.confirmOnBlur) {\n      newQuery = newState?.query || query;\n      this.props.onConfirm?.(options[selected as number]);\n    } else {\n      newQuery = query;\n    }\n    this.setState({\n      focused: null,\n      menuOpen: newState?.menuOpen || false,\n      query: newQuery,\n      selected: null,\n      validChoiceMade: this.isQueryAnOption(newQuery, options),\n    });\n  }\n\n  handleListMouseLeave(): void {\n    this.setState({\n      hovered: null,\n    });\n  }\n\n  handleAutoCompleteBlur(event, index?: number): void {\n    const { focused, options, query, selected } = this.state;\n    let focusingOutsideComponent = false;\n    if (event.relatedTarget === null) {\n      focusingOutsideComponent = true;\n    } else {\n      // This affects if we have multiple autocompletes in same page and we click the first button-arrow and then another button-arrow\n      focusingOutsideComponent =\n        this.elementReferences['button-arrow'] !== event.relatedTarget;\n    }\n    const focusingInput = event.relatedTarget === this.elementReferences[-1];\n    const focusingButtonArrow =\n      this.elementReferences['button-arrow'] === event.relatedTarget || false;\n    let focusingAnotherOption = focused !== null && focused !== -1;\n    if (index !== undefined) {\n      focusingAnotherOption = focused !== index && focused !== -1;\n    }\n    // Check if the user clicks outside and not either on option, either on input or on button arrow\n    const blurComponent =\n      focusingOutsideComponent &&\n      !(focusingAnotherOption || focusingInput || focusingButtonArrow);\n\n    if (blurComponent) {\n      // In handleInputBlur:\n      const newQuery = isIosDevice()\n        ? query\n        : this.templateInputValue(options[selected as number]);\n      this.handleComponentBlur({\n        menuOpen: false,\n        query: newQuery,\n      });\n    }\n  }\n\n  handleInputChange(event: { target: any }): void {\n    const { source, minLength } = this.props;\n    const autoselect = this.hasAutoselect();\n    const query = event.target.value;\n    const queryEmpty = query.length === 0;\n    this.setState({\n      query,\n      ariaHint: queryEmpty,\n    });\n    const minLengthQuery =\n      minLength != undefined && minLength > query.length ? '' : query;\n    source(minLengthQuery, (options) => {\n      const optionsAvailable = options.length > 0;\n      this.setState({\n        menuOpen: optionsAvailable,\n        options,\n        selected: autoselect && optionsAvailable ? 0 : -1,\n        validChoiceMade: false,\n      });\n    });\n  }\n\n  handleInputClick(\n    event: React.MouseEvent<HTMLInputElement, MouseEvent>\n  ): void {\n    this.handleInputChange(event);\n  }\n\n  handleInputFocus(): void {\n    const { source } = this.props;\n    const { query, validChoiceMade, options } = this.state;\n    const { minLength } = this.props;\n    const shouldReopenMenu =\n      !validChoiceMade &&\n      query.length >= (minLength as number) &&\n      options.length > 0;\n    if (shouldReopenMenu) {\n      this.setState(({ menuOpen }) => ({\n        focused: -1,\n        menuOpen: shouldReopenMenu || menuOpen,\n        selected: -1,\n      }));\n    } else {\n      source(query, (options) => {\n        this.setState({\n          focused: -1,\n          options,\n        });\n      });\n    }\n  }\n\n  handleOptionFocus(index: number): void {\n    this.setState({\n      focused: index,\n      hovered: null,\n      selected: index,\n    });\n  }\n\n  handleOptionMouseEnter(index: number): void {\n    // iOS Safari prevents click event if mouseenter adds hover background colour\n    // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n    if (!isIosDevice()) {\n      this.setState({\n        hovered: index,\n      });\n    }\n  }\n\n  handleOptionClickMultiple(index: number): void {\n    const selectedOption = this.state.options[index];\n    let selectedValues = this.state.selectedValues;\n    if (this.state.selectedValues.indexOf(selectedOption) === -1) {\n      selectedValues = selectedValues.concat([selectedOption]);\n    } else {\n      selectedValues.splice(\n        this.state.selectedValues.indexOf(selectedOption),\n        1\n      );\n    }\n    this.props.onConfirm?.(selectedValues);\n    this.setState({\n      focused: index,\n      hovered: null,\n      menuOpen: true,\n      query: '',\n      selectedValues,\n      selected: index,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionClick(index: number): void {\n    const selectedOption = this.state.options[index];\n    const newQuery = this.templateInputValue(selectedOption);\n    this.props.onConfirm?.(selectedOption);\n    const selectedValues = this.props.multiple\n      ? this.state.selectedValues.concat(selectedOption)\n      : [selectedOption];\n    this.setState({\n      focused: -1,\n      hovered: null,\n      menuOpen: false,\n      query: newQuery,\n      selectedValues,\n      selected: -1,\n      validChoiceMade: true,\n    });\n    this.forceUpdate();\n  }\n\n  handleOptionMouseDown(event: { preventDefault: () => void }): void {\n    // Safari triggers focusOut before click, but if you\n    // preventDefault on mouseDown, you can stop that from happening.\n    // If this is removed, clicking on an option in Safari will trigger\n    // `handleOptionBlur`, which closes the menu, and the click will\n    // trigger on the element underneath instead.\n    // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n    event.preventDefault();\n  }\n\n  handleUpArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    const { menuOpen, selected } = this.state;\n    const isNotAtTop = selected !== -1;\n    const allowMoveUp = isNotAtTop && menuOpen;\n    if (allowMoveUp) {\n      this.handleOptionFocus((selected as number) - 1);\n    }\n  }\n\n  handleDownArrow(event: { preventDefault: () => void }): void {\n    event.preventDefault();\n    // if not open, open\n    if (this.state.menuOpen === false) {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n          selected: 0,\n          focused: 0,\n          hovered: null,\n        });\n      });\n    } else if (this.state.menuOpen === true) {\n      const { menuOpen, options, selected } = this.state;\n      const isNotAtBottom = selected !== options.length - 1;\n      const allowMoveDown = isNotAtBottom && menuOpen;\n      if (allowMoveDown) {\n        this.handleOptionFocus((selected as number) + 1);\n      }\n    }\n  }\n\n  handleSpace(event: { preventDefault: () => void }): void {\n    // if not open, open\n    if (this.state.menuOpen === false && this.state.query === '') {\n      event.preventDefault();\n      this.props.source('', (options) => {\n        this.setState({\n          menuOpen: true,\n          options,\n        });\n      });\n    }\n    const focusIsOnOption = this.state.focused !== -1;\n    if (focusIsOnOption) {\n      event.preventDefault();\n      this.handleOptionClick(this.state.focused);\n    }\n  }\n\n  handleEnter(event: { preventDefault: () => void }): void {\n    if (this.state.menuOpen) {\n      event.preventDefault();\n      const hasSelectedOption = this.state.selected >= 0;\n      if (hasSelectedOption) {\n        this.handleOptionClick(this.state.selected);\n        if (this.props.multiple) {\n          this.setState({\n            menuOpen: false,\n            focused: -1,\n          });\n        }\n      }\n    }\n  }\n\n  handlePrintableKey(event: { target: any }): void {\n    const inputElement = this.elementReferences[-1];\n    const eventIsOnInput = event.target === inputElement;\n    if (!eventIsOnInput) {\n      // FIXME: This would be better if it was in componentDidUpdate,\n      // but using setState to trigger that seems to not work correctly\n      // in preact@8.1.0.\n      inputElement.focus();\n    }\n  }\n\n  handleKeyDown(event: {\n    preventDefault: () => void;\n    keyCode: number;\n    target: any;\n  }): void {\n    switch (keyCodes[event.keyCode]) {\n      case 'up':\n        this.handleUpArrow(event);\n        break;\n      case 'down':\n        this.handleDownArrow(event);\n        break;\n      case 'space':\n        this.handleSpace(event);\n        break;\n      case 'enter':\n        this.handleEnter(event);\n        break;\n      case 'escape':\n        this.handleComponentBlur({\n          query: this.state.query,\n        });\n        break;\n      case 'backspace':\n        if (this.props.multiple) {\n          if (\n            this.state.query.length === 0 &&\n            this.state.selectedValues.length > 0\n          ) {\n            event.preventDefault();\n            const updatedSelectedValues = this.state.selectedValues.slice(\n              0,\n              -1\n            );\n            this.setState(\n              {\n                selectedValues: updatedSelectedValues,\n              },\n              () => {\n                this.props.onConfirm?.(updatedSelectedValues);\n              }\n            );\n          } else {\n            if (isPrintableKeyCode(event.keyCode)) {\n              this.handlePrintableKey(event);\n            }\n          }\n        } else {\n          this.props.onConfirm?.('');\n        }\n        break;\n      default:\n        if (isPrintableKeyCode(event.keyCode)) {\n          this.handlePrintableKey(event);\n        }\n        break;\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      width,\n      minLength,\n      name,\n      placeholder,\n      required,\n      tNoResults,\n      tStatusQueryTooShort,\n      tStatusNoResults,\n      tStatusSelectedOption,\n      tStatusResults,\n      tAssistiveHint,\n      multiple,\n      source,\n    } = this.props;\n    const {\n      focused,\n      hovered,\n      menuOpen,\n      options,\n      selected,\n      ariaHint,\n      validChoiceMade,\n    } = this.state;\n    const autoselect = this.hasAutoselect();\n    const query = this.state.query ?? '';\n    const inputFocused = focused === -1;\n    const noOptionsAvailable = options.length === 0;\n    const queryNotEmpty = query.length !== 0;\n    const queryLongEnough = query.length >= (minLength as number);\n    const showNoOptionsFound =\n      inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n    const componentIsFocused = focused !== null;\n    const optionFocused = focused !== -1 && focused !== null;\n    const menuIsVisible = menuOpen || showNoOptionsFound;\n    const selectedOptionText = this.templateInputValue(options[selected]);\n    const optionBeginsWithQuery =\n      selectedOptionText &&\n      selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;\n    const hintValue =\n      optionBeginsWithQuery && autoselect\n        ? query + selectedOptionText.substr(query.length)\n        : '';\n\n    const assistiveHintID = id + '__assistiveHint';\n    const ariaDescribedProp = ariaHint\n      ? {\n          'aria-describedby': assistiveHintID,\n        }\n      : null;\n\n    const showAutoCompleteResultListItems = (\n      options: string[],\n      multiple: boolean\n    ) => {\n      {\n        return options.map((option, index) => {\n          const showFocused =\n            focused === -1 ? selected === index : focused === index;\n          const iosPosinsetHtml = isIosDevice() ? (\n            <Base\n              as=\"span\"\n              id={`${id}__option-suffix--${index}`}\n              style={{\n                border: '0',\n                clip: 'rect(0 0 0 0)',\n                height: '1px',\n                marginBottom: '-1px',\n                marginRight: '-1px',\n                overflow: 'hidden',\n                padding: '0',\n                position: 'absolute',\n                whiteSpace: 'nowrap',\n                width: '1px',\n              }}\n            >\n              {index + 1} \u03B1\u03C0\u03CC {options.length}\n            </Base>\n          ) : (\n            ''\n          );\n          return (\n            <AutoCompleteResultListItem\n              isFocused={showFocused}\n              isHovered={hovered}\n              index={index}\n              aria-selected={focused === index ? 'true' : 'false'}\n              key={index}\n              onBlur={(event) => this.handleAutoCompleteBlur(event, index)}\n              onClick={() => this.handleOptionClick(index)}\n              onMouseDown={this.handleOptionMouseDown}\n              onMouseEnter={() => this.handleOptionMouseEnter(index)}\n              ref={(optionEl) => {\n                this.elementReferences[index] = optionEl;\n              }}\n              role=\"option\"\n              tabIndex={-1}\n              // @ts-ignore\n              value={typeof option === 'object' ? option?.value : option}\n              aria-posinset={index + 1}\n              aria-setsize={options.length}\n            >\n              {multiple ? (\n                <CheckboxItem\n                  value={option}\n                  checked={this.state.selectedValues.includes(option)}\n                  onChange={() => {}}\n                >\n                  {this.templateSuggestion(option)}\n                </CheckboxItem>\n              ) : (\n                this.templateSuggestion(option)\n              )}\n              {iosPosinsetHtml}\n            </AutoCompleteResultListItem>\n          );\n        });\n      }\n    };\n\n    return (\n      <AutoCompleteContainer onKeyDown={this.handleKeyDown} width={width}>\n        <Status\n          id={id}\n          length={options.length}\n          queryLength={query.length}\n          minQueryLength={minLength as number}\n          selectedOption={this.templateInputValue(options[selected])}\n          selectedOptionIndex={selected}\n          validChoiceMade={validChoiceMade}\n          isInFocus={this.state.focused !== null}\n          tQueryTooShort={tStatusQueryTooShort}\n          tNoResults={tStatusNoResults}\n          tSelectedOption={tStatusSelectedOption}\n          tResults={tStatusResults}\n        />\n\n        {hintValue && (placeholder === '' || !placeholder) && (\n          <AutoCompleteInputTypeahead value={hintValue} />\n        )}\n\n        {multiple ? (\n          <AutoCompleteMultipleInputContainer\n            isFocused={componentIsFocused}\n            numberOfSelected={this.props.numberOfSelected}\n          >\n            <ChipContainer>\n              {this.state.selectedValues.map((value, index) => {\n                return (\n                  <Chip\n                    key={index}\n                    onDelete={() => {\n                      this.setState(\n                        (prevState) => ({\n                          selectedValues: prevState.selectedValues.filter(\n                            (v) => {\n                              if (typeof v === 'string') {\n                                return v !== value;\n                              } else {\n                                return v.value !== value.value;\n                              }\n                            }\n                          ),\n                        }),\n                        () => {\n                          this.props.onConfirm?.(this.state.selectedValues);\n                        }\n                      );\n                    }}\n                  >\n                    {typeof value === 'string' ? value : value.label.primary}\n                  </Chip>\n                );\n              })}\n              {!componentIsFocused &&\n                typeof this.props.numberOfSelected === 'number' &&\n                this.state.selectedValues.length >\n                  this.props.numberOfSelected && (\n                  <NormalText fontWeight=\"bold\" margin={0}>\n                    +\n                    {this.state.selectedValues.length -\n                      this.props.numberOfSelected}\n                  </NormalText>\n                )}\n            </ChipContainer>\n            <AutoCompleteMultipleInput\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              // isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <Button\n              id={`${id}__button-arrow`}\n              ref={(buttonElement) => {\n                this.elementReferences['button-arrow'] = buttonElement;\n              }}\n              variant=\"link\"\n              onClick={() => {\n                if (!this.state.menuOpen) {\n                  source(query, (options) => {\n                    const optionsAvailable = options.length > 0;\n                    this.setState({\n                      menuOpen: optionsAvailable,\n                      options,\n                      selected: autoselect && optionsAvailable ? 0 : -1,\n                      validChoiceMade: false,\n                    });\n                  });\n                } else {\n                  this.setState({\n                    menuOpen: false,\n                    focused: null,\n                  });\n                }\n              }}\n              onBlur={(event) => this.handleAutoCompleteBlur(event)}\n            >\n              <CaretIcon direction=\"down\" size=\"md\" />\n            </Button>\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              <Checkbox>\n                {showAutoCompleteResultListItems(options, multiple)}\n              </Checkbox>\n\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </AutoCompleteMultipleInputContainer>\n        ) : (\n          <>\n            <AutoCompleteInputBase\n              aria-expanded={menuOpen ? 'true' : 'false'}\n              aria-activedescendant={\n                optionFocused ? `${id}__option--${focused}` : ''\n              }\n              aria-owns={`${id}__listbox`}\n              aria-autocomplete={this.hasAutoselect() ? 'both' : 'list'}\n              {...ariaDescribedProp}\n              autoComplete=\"off\"\n              isFocused={componentIsFocused}\n              id={id}\n              onClick={(event) => this.handleInputClick(event)}\n              onBlur={this.handleAutoCompleteBlur}\n              onChange={this.handleInputChange}\n              onFocus={this.handleInputFocus}\n              name={name}\n              placeholder={placeholder}\n              ref={(inputElement) => {\n                this.elementReferences[-1] = inputElement;\n              }}\n              role=\"combobox\"\n              required={required}\n              value={query}\n            />\n            <CaretIcon direction=\"down\" size=\"md\" />\n\n            <AutoCompleteResultList\n              isVisible={menuIsVisible}\n              onMouseLeave={() => this.handleListMouseLeave()}\n              id={`${id}__listbox`}\n              role=\"listbox\"\n            >\n              {showAutoCompleteResultListItems(options, false)}\n              {showNoOptionsFound && (\n                <AutoCompleteResultListItem empty>\n                  {tNoResults?.()}\n                </AutoCompleteResultListItem>\n              )}\n            </AutoCompleteResultList>\n            <AutoCompleteAssistiveHint id={assistiveHintID}>\n              {tAssistiveHint?.()}\n            </AutoCompleteAssistiveHint>\n          </>\n        )}\n      </AutoCompleteContainer>\n    );\n  }\n}\n\nexport {\n  AutoComplete,\n  AutoCompleteInputBase,\n  AutoCompleteInputTypeahead,\n  AutoCompleteResultList,\n  AutoCompleteResultListItem,\n  AutoCompleteContainer,\n  AutoCompleteAssistiveHint,\n  AutoCompleteMultipleInputContainer,\n  AutoCompleteMultipleInput,\n};\n"],
+  "mappings": "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",
   "names": ["options", "multiple", "React", "Status", "Button", "Checkbox"]
 }

package/cjs/form/Button/Button.stories/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Button_stories_exports = {};
 __export(Button_stories_exports, {
@@ -38,11 +28,12 @@ __export(Button_stories_exports, {
   Secondary: () => import_Secondary.Secondary,
   ThemeToggle: () => import_ThemeToggle.ThemeToggle,
   Warning: () => import_Warning.Warning,
+  WithControls: () => WithControls,
   WithVariantLink: () => import_WithVariantLink.WithVariantLink,
   default: () => Button_stories_default
 });
 module.exports = __toCommonJS(Button_stories_exports);
-var import_Button = __toESM(require("@digigov/ui/form/Button"));
+var import_Button = require("@digigov/ui/form/Button");
 var import_Primary = require("@digigov/ui/form/Button/__stories__/Primary");
 var import_Secondary = require("@digigov/ui/form/Button/__stories__/Secondary");
 var import_Warning = require("@digigov/ui/form/Button/__stories__/Warning");
@@ -56,11 +47,50 @@ var import_Back = require("@digigov/ui/form/Button/__stories__/Back");
 var import_WithVariantLink = require("@digigov/ui/form/Button/__stories__/WithVariantLink");
 var import_ThemeToggle = require("@digigov/ui/form/Button/__stories__/ThemeToggle");
 var Button_stories_default = {
+  displayName: "Button",
   title: "Digigov UI/form/Button",
   description: "Use the button component to help users carry out an action",
   link: "https://guide.services.gov.gr/docs/components/button",
-  component: import_Button.default,
-  displayName: "Button"
+  component: import_Button.Button
+};
+const WithControls = {
+  args: {
+    variant: "button",
+    color: "primary",
+    children: "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+    dense: false,
+    printHidden: true,
+    "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+  },
+  argTypes: {
+    variant: {
+      options: ["button", "link"],
+      control: { type: "radio" }
+    },
+    color: {
+      options: ["primary", "secondary", "warning"],
+      control: { type: "select" },
+      if: { arg: "variant", eq: "button" }
+    },
+    dense: {
+      control: { type: "boolean" },
+      if: { arg: "variant", eq: "button" }
+    },
+    printHidden: {
+      control: { type: "boolean" }
+    },
+    children: {
+      control: { type: "text" }
+    },
+    "aria-label": {
+      control: { type: "text" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -75,6 +105,7 @@ var Button_stories_default = {
   Secondary,
   ThemeToggle,
   Warning,
+  WithControls,
   WithVariantLink
 });
 //# sourceMappingURL=Button.stories.js.map

package/cjs/form/Button/Button.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/Button.stories.js"],
-  "sourcesContent": ["import Button from '@digigov/ui/form/Button';\n\nexport default {\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n  displayName: 'Button',\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAUnB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,6BAAgC;AAChC,qCAAwC;AACxC,gCAAmC;AACnC,sBAAyB;AACzB,mBAAsB;AACtB,8BAAiC;AACjC,kBAAqB;AACrB,6BAAgC;AAChC,yBAA4B;AAnB5B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Button"]
+  "sourcesContent": ["import { Button } from '@digigov/ui/form/Button';\n\nexport default {\n  displayName: 'Button',\n  title: 'Digigov UI/form/Button',\n  description: 'Use the button component to help users carry out an action',\n  link: 'https://guide.services.gov.gr/docs/components/button',\n  component: Button,\n};\n\nexport const WithControls = {\n  args: {\n    variant: 'button',\n    color: 'primary',\n    children: '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n    dense: false,\n    printHidden: true,\n    'aria-label': '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n  },\n  argTypes: {\n    variant: {\n      options: ['button', 'link'],\n      control: { type: 'radio' },\n    },\n    color: {\n      options: ['primary', 'secondary', 'warning'],\n      control: { type: 'select' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n      if: { arg: 'variant', eq: 'button' },\n    },\n    printHidden: {\n      control: { type: 'boolean' },\n    },\n    children: {\n      control: { type: 'text' },\n    },\n    'aria-label': {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Primary } from '@digigov/ui/form/Button/__stories__/Primary';\nexport { Secondary } from '@digigov/ui/form/Button/__stories__/Secondary';\nexport { Warning } from '@digigov/ui/form/Button/__stories__/Warning';\nexport { GroupingButtons } from '@digigov/ui/form/Button/__stories__/GroupingButtons';\nexport { GroupingButtonsAndLinks } from '@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks';\nexport { CallToActionButton } from '@digigov/ui/form/Button/__stories__/CallToActionButton';\nexport { Disabled } from '@digigov/ui/form/Button/__stories__/Disabled';\nexport { Dense } from '@digigov/ui/form/Button/__stories__/Dense';\nexport { ButtonLinkButton } from '@digigov/ui/form/Button/__stories__/ButtonLinkButton';\nexport { Back } from '@digigov/ui/form/Button/__stories__/Back';\nexport { WithVariantLink } from '@digigov/ui/form/Button/__stories__/WithVariantLink';\nexport { ThemeToggle } from '@digigov/ui/form/Button/__stories__/ThemeToggle';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AAkDvB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAwB;AACxB,6BAAgC;AAChC,qCAAwC;AACxC,gCAAmC;AACnC,sBAAyB;AACzB,mBAAsB;AACtB,8BAAiC;AACjC,kBAAqB;AACrB,6BAAgC;AAChC,yBAA4B;AA3D5B,IAAO,yBAAQ;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AACb;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,UAAU,MAAM;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,aAAa,SAAS;AAAA,MAC3C,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,IAAI,EAAE,KAAK,WAAW,IAAI,SAAS;AAAA,IACrC;AAAA,IACA,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AACF;",
+  "names": []
 }

package/cjs/form/Button/ButtonLink/index.js

@@ -28,14 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ButtonLink_exports = {};
 __export(ButtonLink_exports, {
+  ButtonLink: () => ButtonLink,
   default: () => ButtonLink_default
 });
 module.exports = __toCommonJS(ButtonLink_exports);
-var import_ButtonLink = __toESM(require("@digigov/react-core/ButtonLink"));
-__reExport(ButtonLink_exports, require("@digigov/react-core/ButtonLink"), module.exports);
-var ButtonLink_default = import_ButtonLink.default;
+__reExport(ButtonLink_exports, require("@digigov/react-core/ButtonLinkBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_ButtonLinkBase = require("@digigov/react-core/ButtonLinkBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const ButtonLink = import_react.default.forwardRef(
+  function ButtonLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_ButtonLinkBase.ButtonLinkBase, { as: import_Link.Link, ref, ...props }, children);
+  }
+);
+var ButtonLink_default = ButtonLink;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/ButtonLink")
+  ButtonLink,
+  ...require("@digigov/react-core/ButtonLinkBase")
 });
 //# sourceMappingURL=ButtonLink.js.map

package/cjs/form/Button/ButtonLink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/ButtonLink.tsx"],
-  "sourcesContent": ["import ButtonLink from '@digigov/react-core/ButtonLink';\n\nexport * from '@digigov/react-core/ButtonLink';\nexport default ButtonLink;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,+BAAc,2CAFd;AAGA,IAAO,qBAAQ,kBAAAA;",
-  "names": ["ButtonLink"]
+  "sourcesContent": ["export * from '@digigov/react-core/ButtonLinkBase';\nimport React from 'react';\nimport {\n  ButtonLinkBase,\n  ButtonLinkBaseProps,\n} from '@digigov/react-core/ButtonLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface ButtonLinkProps extends ButtonLinkBaseProps {}\n\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink({ children, ...props }, ref) {\n    return (\n      <ButtonLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </ButtonLinkBase>\n    );\n  }\n);\nexport default ButtonLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,+CAAd;AACA,mBAAkB;AAClB,4BAGO;AACP,kBAAqB;AAId,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,6BAAAD,QAAA,cAAC,wCAAe,IAAI,kBAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["React", "ButtonLink"]
 }

package/cjs/form/Button/CallToAction/index.js

@@ -28,14 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CallToAction_exports = {};
 __export(CallToAction_exports, {
+  CallToAction: () => CallToAction,
   default: () => CallToAction_default
 });
 module.exports = __toCommonJS(CallToAction_exports);
-var import_CallToAction = __toESM(require("@digigov/react-core/CallToAction"));
-__reExport(CallToAction_exports, require("@digigov/react-core/CallToAction"), module.exports);
-var CallToAction_default = import_CallToAction.default;
+__reExport(CallToAction_exports, require("@digigov/react-core/CallToActionBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_CallToActionBase = require("@digigov/react-core/CallToActionBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const CallToAction = import_react.default.forwardRef(function CallToAction2({ children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(import_CallToActionBase.CallToActionBase, { as: import_Link.Link, ref, ...props }, children);
+});
+var CallToAction_default = CallToAction;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/CallToAction")
+  CallToAction,
+  ...require("@digigov/react-core/CallToActionBase")
 });
 //# sourceMappingURL=CallToAction.js.map

package/cjs/form/Button/CallToAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/CallToAction.tsx"],
-  "sourcesContent": ["import CallToAction from '@digigov/react-core/CallToAction';\n\nexport * from '@digigov/react-core/CallToAction';\nexport default CallToAction;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAEzB,iCAAc,6CAFd;AAGA,IAAO,uBAAQ,oBAAAA;",
-  "names": ["CallToAction"]
+  "sourcesContent": ["export * from '@digigov/react-core/CallToActionBase';\nimport React from 'react';\nimport {\n  CallToActionBase,\n  CallToActionBaseProps,\n} from '@digigov/react-core/CallToActionBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface CallToActionProps extends CallToActionBaseProps {}\n\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction({ children, ...props }, ref) {\n  return (\n    <CallToActionBase as={Link} ref={ref} {...props}>\n      {children}\n    </CallToActionBase>\n  );\n});\n\nexport default CallToAction;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAc,iDAAd;AACA,mBAAkB;AAClB,8BAGO;AACP,kBAAqB;AAId,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACnD,SACE,6BAAAD,QAAA,cAAC,4CAAiB,IAAI,kBAAM,KAAW,GAAG,SACvC,QACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["React", "CallToAction"]
 }

package/cjs/form/Button/__stories__/Primary/index.js

@@ -33,7 +33,24 @@ __export(Primary_exports, {
 module.exports = __toCommonJS(Primary_exports);
 var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/ui/form/Button");
-const Primary = () => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+const Primary = ({
+  variant = "button",
+  color = "primary",
+  children = "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+  dense = false,
+  printHidden = true,
+  "aria-label": ariaLabel = "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+}) => /* @__PURE__ */ import_react.default.createElement(
+  import_Button.Button,
+  {
+    variant,
+    color,
+    dense,
+    printHidden,
+    "aria-label": ariaLabel
+  },
+  children
+);
 var Primary_default = Primary;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/form/Button/__stories__/Primary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/Button/__stories__/Primary.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = () => (\n  <Button aria-label=\"\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n);\nexport default Primary;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AAEhB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBAAO,cAAW,qKAAgC,kDAAQ;AAE7D,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = ({\n  variant = 'button',\n  color = 'primary',\n  children = '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n  dense = false,\n  printHidden = true,\n  'aria-label': ariaLabel = '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n}: {\n  variant?: 'button' | 'link';\n  color?: 'primary' | 'secondary' | 'warning';\n  children?: React.ReactNode;\n  dense?: boolean;\n  printHidden?: boolean;\n  'aria-label'?: string;\n}) => (\n  <Button\n    variant={variant}\n    color={color}\n    dense={dense}\n    printHidden={printHidden}\n    aria-label={ariaLabel}\n  >\n    {children}\n  </Button>\n);\nexport default Primary;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAuB;AAEhB,MAAM,UAAU,CAAC;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc,YAAY;AAC5B,MAQE,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAY;AAAA;AAAA,EAEX;AACH;AAEF,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/form/Checkbox/Checkbox.stories/index.js

@@ -35,12 +35,18 @@ __export(Checkbox_stories_exports, {
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
   NoneAnswer: () => import_NoneAnswer.NoneAnswer,
   NoneAnswerWithError: () => import_NoneAnswerWithError.NoneAnswerWithError,
+  WithControls: () => WithControls,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithHint: () => import_WithHint.WithHint,
   default: () => Checkbox_stories_default
 });
 module.exports = __toCommonJS(Checkbox_stories_exports);
-var import_Checkbox = __toESM(require("@digigov/ui/form/Checkbox"));
+var import_react = __toESM(require("react"));
+var import_Checkbox = require("@digigov/ui/form/Checkbox");
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/Checkbox/__stories__/Default");
 var import_Inline = require("@digigov/ui/form/Checkbox/__stories__/Inline");
 var import_InlineWithDivider = require("@digigov/ui/form/Checkbox/__stories__/InlineWithDivider");
@@ -55,9 +61,113 @@ var Checkbox_stories_default = {
   title: "Digigov UI/form/Checkbox",
   description: "Let users select one or more options by using the checkboxes component.",
   link: "https://guide.services.gov.gr/docs/components/checkboxes",
-  component: import_Checkbox.default,
+  component: import_Checkbox.Checkbox,
   displayName: "Checkbox"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ import_react.default.createElement(
+      import_FieldContainer.FieldsetLegend,
+      {
+        size: args.legendSize,
+        heading: args.singleQuestionInPage
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(import_Checkbox.Checkbox, { layout: args.layout, dense: args.dense }, args.items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+      import_Checkbox.CheckboxItem,
+      {
+        key: item.value,
+        name: args.fieldsetName,
+        value: item.value,
+        dividerText: item.dividerText
+      },
+      item.label
+    )))));
+  },
+  args: {
+    legend: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;",
+    legendSize: "lg",
+    singleQuestionInPage: true,
+    fieldsetName: "feeling",
+    hint: true,
+    hintMessage: "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9.",
+    hintId: "feeling-hint",
+    error: false,
+    errorMessage: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.",
+    errorId: "feeling-error",
+    layout: "vertical",
+    dense: false,
+    items: [
+      {
+        value: "cold",
+        label: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9",
+        dividerText: void 0
+      },
+      {
+        value: "fever",
+        label: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC",
+        dividerText: void 0
+      },
+      {
+        value: "good",
+        label: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03B1\u03BB\u03AC",
+        dividerText: "\u03AE"
+      }
+    ]
+  },
+  argTypes: {
+    legend: {
+      control: { type: "text" }
+    },
+    legendSize: {
+      options: ["sm", "md", "lg"],
+      control: { type: "radio" }
+    },
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    fieldsetName: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    layout: {
+      options: ["horizontal", "vertical"],
+      control: { type: "radio" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    items: {
+      control: { type: "array" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ConditionalReveal,
@@ -68,6 +178,7 @@ var Checkbox_stories_default = {
   MultipleQuestions,
   NoneAnswer,
   NoneAnswerWithError,
+  WithControls,
   WithErrorMessage,
   WithHint
 });