npm - @digigov/ui - Versions diffs - 2.0.0-daaf7bdf → 2.0.0-eaf330f5 - Mend

@digigov/ui 2.0.0-daaf7bdf → 2.0.0-eaf330f5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1290) hide show

package/form/AutoComplete/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/AutoComplete/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Component } from 'react';\nimport AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';\nimport AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';\nimport AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';\nimport AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';\nimport AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';\nimport AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';\nimport AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';\nimport AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';\nimport { Base } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons/CaretIcon';\nimport Status from '@digigov/ui/form/AutoComplete/Status';\nimport {\n  isIosDevice,\n  keyCodes,\n  isPrintableKeyCode,\n} from '@digigov/ui/form/AutoComplete/utils';\nimport Checkbox, { CheckboxItem } from '../Checkbox';\nimport { Chip, ChipContainer } from '@digigov/ui/content/Chip';\nimport Button from '@digigov/ui/form/Button';\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 type 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 type NewQueryProps = { menuOpen?: boolean; query?: string };\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\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 (this.state.query.length === 0 && this.state.selectedValues.length > 0) {\n            event.preventDefault();\n            const updatedSelectedValues = this.state.selectedValues.slice(0, -1);\n            this.setState({\n              selectedValues: updatedSelectedValues,\n            }, () => {\n              this.props.onConfirm?.(updatedSelectedValues);\n            });\n            break;\n          }\n        }\n        else {\n          this.props.onConfirm?.('');\n          break;\n        }\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 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(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                        this.props.onConfirm?.(this.state.selectedValues);\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            <AutoCompleteInput\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  AutoCompleteInput,\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 } 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"]
 }

package/form/Button/Button.stories/index.js CHANGED Viewed

@@ -1,10 +1,49 @@
-import Button from "@digigov/ui/form/Button";
+import { Button } from "@digigov/ui/form/Button";
 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: Button,
-  displayName: "Button"
+  component: 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"]
+    }
+  }
 };
 import { Primary } from "@digigov/ui/form/Button/__stories__/Primary";
 import { Secondary } from "@digigov/ui/form/Button/__stories__/Secondary";
@@ -30,6 +69,7 @@ export {
   Secondary,
   ThemeToggle,
   Warning,
+  WithControls,
   WithVariantLink,
   Button_stories_default as default
 };

package/form/Button/Button.stories.d.ts CHANGED Viewed

@@ -1,11 +1,68 @@
 declare namespace _default {
+    export let displayName: string;
     export let title: string;
     export let description: string;
     export let link: string;
     export { Button as component };
-    export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    let args: {
+        variant: string;
+        color: string;
+        children: string;
+        dense: boolean;
+        printHidden: boolean;
+        'aria-label': string;
+    };
+    let argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        dense: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        printHidden: {
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: {
+                type: string;
+            };
+        };
+        'aria-label': {
+            control: {
+                type: string;
+            };
+        };
+    };
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Primary } from "@digigov/ui/form/Button/__stories__/Primary";
 export { Secondary } from "@digigov/ui/form/Button/__stories__/Secondary";
 export { Warning } from "@digigov/ui/form/Button/__stories__/Warning";
@@ -18,4 +75,4 @@ export { ButtonLinkButton } from "@digigov/ui/form/Button/__stories__/ButtonLink
 export { Back } from "@digigov/ui/form/Button/__stories__/Back";
 export { WithVariantLink } from "@digigov/ui/form/Button/__stories__/WithVariantLink";
 export { ThemeToggle } from "@digigov/ui/form/Button/__stories__/ThemeToggle";
-import Button from '@digigov/ui/form/Button';
+import { Button } from '@digigov/ui/form/Button';

package/form/Button/Button.stories.js.map CHANGED Viewed

@@ -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,OAAO,YAAY;AAEnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;",
+  "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,SAAS,cAAc;AAEvB,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;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;",
   "names": []
 }

package/form/Button/ButtonLink/index.js CHANGED Viewed

@@ -1,7 +1,17 @@
-import ButtonLink from "@digigov/react-core/ButtonLink";
-export * from "@digigov/react-core/ButtonLink";
+export * from "@digigov/react-core/ButtonLinkBase";
+import React from "react";
+import {
+  ButtonLinkBase
+} from "@digigov/react-core/ButtonLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const ButtonLink = React.forwardRef(
+  function ButtonLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(ButtonLinkBase, { as: Link, ref, ...props }, children);
+  }
+);
 var ButtonLink_default = ButtonLink;
 export {
+  ButtonLink,
   ButtonLink_default as default
 };
 //# sourceMappingURL=ButtonLink.js.map

package/form/Button/ButtonLink.d.ts CHANGED Viewed

@@ -1,3 +1,7 @@
-import ButtonLink from '@digigov/react-core/ButtonLink';
-export * from '@digigov/react-core/ButtonLink';
+export * from '@digigov/react-core/ButtonLinkBase';
+import React from 'react';
+import { ButtonLinkBaseProps } from '@digigov/react-core/ButtonLinkBase';
+export interface ButtonLinkProps extends ButtonLinkBaseProps {
+}
+export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default ButtonLink;

package/form/Button/ButtonLink.js.map CHANGED Viewed

@@ -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,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
-  "names": []
+  "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,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["ButtonLink"]
 }

package/form/Button/CallToAction/index.js CHANGED Viewed

@@ -1,7 +1,15 @@
-import CallToAction from "@digigov/react-core/CallToAction";
-export * from "@digigov/react-core/CallToAction";
+export * from "@digigov/react-core/CallToActionBase";
+import React from "react";
+import {
+  CallToActionBase
+} from "@digigov/react-core/CallToActionBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const CallToAction = React.forwardRef(function CallToAction2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(CallToActionBase, { as: Link, ref, ...props }, children);
+});
 var CallToAction_default = CallToAction;
 export {
+  CallToAction,
   CallToAction_default as default
 };
 //# sourceMappingURL=CallToAction.js.map

package/form/Button/CallToAction.d.ts CHANGED Viewed

@@ -1,3 +1,7 @@
-import CallToAction from '@digigov/react-core/CallToAction';
-export * from '@digigov/react-core/CallToAction';
+export * from '@digigov/react-core/CallToActionBase';
+import React from 'react';
+import { CallToActionBaseProps } from '@digigov/react-core/CallToActionBase';
+export interface CallToActionProps extends CallToActionBaseProps {
+}
+export declare const CallToAction: React.ForwardRefExoticComponent<Omit<CallToActionProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default CallToAction;

package/form/Button/CallToAction.js.map CHANGED Viewed

@@ -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,OAAO,kBAAkB;AAEzB,cAAc;AACd,IAAO,uBAAQ;",
-  "names": []
+  "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,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,eAAe,MAAM,WAGhC,SAASA,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACnD,SACE,oCAAC,oBAAiB,IAAI,MAAM,KAAW,GAAG,SACvC,QACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["CallToAction"]
 }

package/form/Button/__stories__/Primary/index.js CHANGED Viewed

@@ -1,6 +1,23 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
-const Primary = () => /* @__PURE__ */ React.createElement(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__ */ React.createElement(
+  Button,
+  {
+    variant,
+    color,
+    dense,
+    printHidden,
+    "aria-label": ariaLabel
+  },
+  children
+);
 var Primary_default = Primary;
 export {
   Primary,

package/form/Button/__stories__/Primary.d.ts CHANGED Viewed

@@ -1,3 +1,10 @@
 import React from 'react';
-export declare const Primary: () => React.JSX.Element;
+export declare const Primary: ({ variant, color, children, dense, printHidden, "aria-label": ariaLabel, }: {
+    variant?: "button" | "link";
+    color?: "primary" | "secondary" | "warning";
+    children?: React.ReactNode;
+    dense?: boolean;
+    printHidden?: boolean;
+    "aria-label"?: string;
+}) => React.JSX.Element;
 export default Primary;

package/form/Button/__stories__/Primary.js.map CHANGED Viewed

@@ -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,OAAO,WAAW;AAElB,SAAS,cAAc;AAEhB,MAAM,UAAU,MACrB,oCAAC,UAAO,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,OAAO,WAAW;AAElB,SAAS,cAAc;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAY;AAAA;AAAA,EAEX;AACH;AAEF,IAAO,kBAAQ;",
   "names": []
 }