@digigov/ui 2.0.0-daaf7bdf → 2.0.0-e20fed09

package/cjs/form/AutoComplete/index.js

@@ -28,36 +28,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var AutoComplete_exports = {};
 __export(AutoComplete_exports, {
   AutoComplete: () => AutoComplete,
-  AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.default,
-  AutoCompleteContainer: () => import_AutoCompleteContainer.default,
-  AutoCompleteInput: () => import_AutoCompleteInput.default,
-  AutoCompleteInputTypeahead: () => import_AutoCompleteInputTypeahead.default,
-  AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.default,
-  AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.default,
-  AutoCompleteResultList: () => import_AutoCompleteResultList.default,
-  AutoCompleteResultListItem: () => import_AutoCompleteResultListItem.default,
+  AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint,
+  AutoCompleteContainer: () => import_AutoCompleteContainer.AutoCompleteContainer,
+  AutoCompleteInputBase: () => import_AutoCompleteInputBase.AutoCompleteInputBase,
+  AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
+  AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
+  AutoCompleteResultList: () => import_AutoCompleteResultList.AutoCompleteResultList,
+  AutoCompleteResultListItem: () => import_AutoCompleteResultListItem.AutoCompleteResultListItem,
   default: () => AutoComplete
 });
 module.exports = __toCommonJS(AutoComplete_exports);
 var import_react = __toESM(require("react"));
-var import_react2 = require("react");
-var import_AutoCompleteAssistiveHint = __toESM(require("@digigov/react-core/AutoCompleteAssistiveHint"));
-var import_AutoCompleteInput = __toESM(require("@digigov/react-core/AutoCompleteInput"));
-var import_AutoCompleteInputTypeahead = __toESM(require("@digigov/react-core/AutoCompleteInputTypeahead"));
-var import_AutoCompleteResultList = __toESM(require("@digigov/react-core/AutoCompleteResultList"));
-var import_AutoCompleteResultListItem = __toESM(require("@digigov/react-core/AutoCompleteResultListItem"));
-var import_AutoCompleteContainer = __toESM(require("@digigov/react-core/AutoCompleteContainer"));
-var import_AutoCompleteMultipleInputContainer = __toESM(require("@digigov/react-core/AutoCompleteMultipleInputContainer"));
-var import_AutoCompleteMultipleInput = __toESM(require("@digigov/react-core/AutoCompleteMultipleInput"));
+var import_AutoCompleteAssistiveHint = require("@digigov/react-core/AutoCompleteAssistiveHint");
+var import_AutoCompleteContainer = require("@digigov/react-core/AutoCompleteContainer");
+var import_AutoCompleteInputBase = require("@digigov/react-core/AutoCompleteInputBase");
+var import_AutoCompleteMultipleInput = require("@digigov/react-core/AutoCompleteMultipleInput");
+var import_AutoCompleteMultipleInputContainer = require("@digigov/react-core/AutoCompleteMultipleInputContainer");
+var import_AutoCompleteResultList = require("@digigov/react-core/AutoCompleteResultList");
+var import_AutoCompleteResultListItem = require("@digigov/react-core/AutoCompleteResultListItem");
 var import_Base = require("@digigov/react-core/Base");
 var import_CaretIcon = require("@digigov/react-icons/CaretIcon");
+var import_Chip = require("@digigov/ui/content/Chip");
 var import_Status = __toESM(require("@digigov/ui/form/AutoComplete/Status"));
 var import_utils = require("@digigov/ui/form/AutoComplete/utils");
-var import_Checkbox = __toESM(require("../Checkbox"));
-var import_Chip = require("@digigov/ui/content/Chip");
 var import_Button = __toESM(require("@digigov/ui/form/Button"));
+var import_Checkbox = __toESM(require("@digigov/ui/form/Checkbox"));
 var import_NormalText = require("@digigov/ui/typography/NormalText");
-class AutoComplete extends import_react2.Component {
+class AutoComplete extends import_react.Component {
   constructor(props) {
     super(props);
     this.elementReferences = {};
@@ -106,6 +103,7 @@ class AutoComplete extends import_react2.Component {
       minLength: 0,
       name: "ds-input-autocomplete",
       placeholder: "",
+      hint: false,
       onConfirm: () => {
         return;
       },
@@ -159,12 +157,13 @@ class AutoComplete extends import_react2.Component {
   }
   handleComponentBlur(newState) {
     const { options, query, selected } = this.state;
-    let newQuery;
-    if (this.props.confirmOnBlur) {
-      newQuery = newState?.query || query;
-      this.props.onConfirm?.(options[selected]);
-    } else {
-      newQuery = query;
+    const { confirmOnBlur, autoselect, onConfirm } = this.props;
+    let newQuery = query;
+    if (confirmOnBlur || autoselect) {
+      newQuery = newState?.query ?? query;
+    }
+    if (confirmOnBlur) {
+      onConfirm?.(options[selected]);
     }
     this.setState({
       focused: null,
@@ -180,6 +179,7 @@ class AutoComplete extends import_react2.Component {
     });
   }
   handleAutoCompleteBlur(event, index) {
+    const { autoselect } = this.props;
     const { focused, options, query, selected } = this.state;
     let focusingOutsideComponent = false;
     if (event.relatedTarget === null) {
@@ -194,17 +194,26 @@ class AutoComplete extends import_react2.Component {
       focusingAnotherOption = focused !== index && focused !== -1;
     }
     const blurComponent = focusingOutsideComponent && !(focusingAnotherOption || focusingInput || focusingButtonArrow);
-    if (blurComponent) {
+    if (blurComponent && !autoselect) {
       const newQuery = (0, import_utils.isIosDevice)() ? query : this.templateInputValue(options[selected]);
       this.handleComponentBlur({
         menuOpen: false,
         query: newQuery
       });
     }
+    if (blurComponent && autoselect) {
+      const selectedOption = this.templateInputValue(
+        options[selected]
+      );
+      const newQuery = (0, import_utils.isIosDevice)() ? query : selectedOption?.toLowerCase().includes(query.toLowerCase()) ? selectedOption : query;
+      this.handleComponentBlur({
+        menuOpen: false,
+        query: newQuery
+      });
+    }
   }
   handleInputChange(event) {
     const { source, minLength } = this.props;
-    const autoselect = this.hasAutoselect();
     const query = event.target.value;
     const queryEmpty = query.length === 0;
     this.setState({
@@ -217,7 +226,7 @@ class AutoComplete extends import_react2.Component {
       this.setState({
         menuOpen: optionsAvailable,
         options,
-        selected: autoselect && optionsAvailable ? 0 : -1,
+        selected: -1,
         validChoiceMade: false
       });
     });
@@ -258,6 +267,7 @@ class AutoComplete extends import_react2.Component {
         hovered: index
       });
     }
+    this.handleOptionFocus(index);
   }
   handleOptionClickMultiple(index) {
     const selectedOption = this.state.options[index];
@@ -384,27 +394,38 @@ class AutoComplete extends import_react2.Component {
       case "enter":
         this.handleEnter(event);
         break;
-      case "escape":
+      case "escape": {
         this.handleComponentBlur({
-          query: this.state.query
+          query: this.state.query,
+          menuOpen: false
         });
         break;
+      }
       case "backspace":
         if (this.props.multiple) {
           if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {
             event.preventDefault();
-            const updatedSelectedValues = this.state.selectedValues.slice(0, -1);
-            this.setState({
-              selectedValues: updatedSelectedValues
-            }, () => {
-              this.props.onConfirm?.(updatedSelectedValues);
-            });
-            break;
+            const updatedSelectedValues = this.state.selectedValues.slice(
+              0,
+              -1
+            );
+            this.setState(
+              {
+                selectedValues: updatedSelectedValues
+              },
+              () => {
+                this.props.onConfirm?.(updatedSelectedValues);
+              }
+            );
+          } else {
+            if ((0, import_utils.isPrintableKeyCode)(event.keyCode)) {
+              this.handlePrintableKey(event);
+            }
           }
         } else {
           this.props.onConfirm?.("");
-          break;
         }
+        break;
       default:
         if ((0, import_utils.isPrintableKeyCode)(event.keyCode)) {
           this.handlePrintableKey(event);
@@ -420,6 +441,7 @@ class AutoComplete extends import_react2.Component {
       name,
       placeholder,
       required,
+      hint,
       tNoResults,
       tStatusQueryTooShort,
       tStatusNoResults,
@@ -450,7 +472,7 @@ class AutoComplete extends import_react2.Component {
     const menuIsVisible = menuOpen || showNoOptionsFound;
     const selectedOptionText = this.templateInputValue(options[selected]);
     const optionBeginsWithQuery = selectedOptionText && selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;
-    const hintValue = optionBeginsWithQuery && autoselect ? query + selectedOptionText.substr(query.length) : "";
+    const hintValue = optionBeginsWithQuery && (autoselect || hint) ? query + selectedOptionText.substr(query.length) : "";
     const assistiveHintID = id + "__assistiveHint";
     const ariaDescribedProp = ariaHint ? {
       "aria-describedby": assistiveHintID
@@ -482,7 +504,7 @@ class AutoComplete extends import_react2.Component {
             options2.length
           ) : "";
           return /* @__PURE__ */ import_react.default.createElement(
-            import_AutoCompleteResultListItem.default,
+            import_AutoCompleteResultListItem.AutoCompleteResultListItem,
             {
               isFocused: showFocused,
               isHovered: hovered,
@@ -517,7 +539,7 @@ class AutoComplete extends import_react2.Component {
         });
       }
     };
-    return /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteContainer.default, { onKeyDown: this.handleKeyDown, width }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteContainer.AutoCompleteContainer, { onKeyDown: this.handleKeyDown, width }, /* @__PURE__ */ import_react.default.createElement(
       import_Status.default,
       {
         id,
@@ -533,8 +555,8 @@ class AutoComplete extends import_react2.Component {
         tSelectedOption: tStatusSelectedOption,
         tResults: tStatusResults
       }
-    ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteInputTypeahead.default, { value: hintValue }), multiple ? /* @__PURE__ */ import_react.default.createElement(
-      import_AutoCompleteMultipleInputContainer.default,
+    ), multiple && !autoselect ? /* @__PURE__ */ import_react.default.createElement(
+      import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
       {
         isFocused: componentIsFocused,
         numberOfSelected: this.props.numberOfSelected
@@ -545,26 +567,29 @@ class AutoComplete extends import_react2.Component {
           {
             key: index,
             onDelete: () => {
-              this.setState((prevState) => ({
-                selectedValues: prevState.selectedValues.filter(
-                  (v) => {
-                    if (typeof v === "string") {
-                      return v !== value;
-                    } else {
-                      return v.value !== value.value;
+              this.setState(
+                (prevState) => ({
+                  selectedValues: prevState.selectedValues.filter(
+                    (v) => {
+                      if (typeof v === "string") {
+                        return v !== value;
+                      } else {
+                        return v.value !== value.value;
+                      }
                     }
-                  }
-                )
-              }), () => {
-                this.props.onConfirm?.(this.state.selectedValues);
-              });
+                  )
+                }),
+                () => {
+                  this.props.onConfirm?.(this.state.selectedValues);
+                }
+              );
             }
           },
           typeof value === "string" ? value : value.label.primary
         );
       }), !componentIsFocused && typeof this.props.numberOfSelected === "number" && this.state.selectedValues.length > this.props.numberOfSelected && /* @__PURE__ */ import_react.default.createElement(import_NormalText.NormalText, { fontWeight: "bold", margin: 0 }, "+", this.state.selectedValues.length - this.props.numberOfSelected)),
       /* @__PURE__ */ import_react.default.createElement(
-        import_AutoCompleteMultipleInput.default,
+        import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
         {
           "aria-expanded": menuOpen ? "true" : "false",
           "aria-activedescendant": optionFocused ? `${id}__option--${focused}` : "",
@@ -578,7 +603,7 @@ class AutoComplete extends import_react2.Component {
           onChange: this.handleInputChange,
           onFocus: this.handleInputFocus,
           name,
-          placeholder,
+          placeholder: hintValue || placeholder,
           ref: (inputElement) => {
             this.elementReferences[-1] = inputElement;
           },
@@ -602,7 +627,7 @@ class AutoComplete extends import_react2.Component {
                 this.setState({
                   menuOpen: optionsAvailable,
                   options: options2,
-                  selected: autoselect && optionsAvailable ? 0 : -1,
+                  selected: -1,
                   validChoiceMade: false
                 });
               });
@@ -618,7 +643,7 @@ class AutoComplete extends import_react2.Component {
         /* @__PURE__ */ import_react.default.createElement(import_CaretIcon.CaretIcon, { direction: "down", size: "md" })
       ),
       /* @__PURE__ */ import_react.default.createElement(
-        import_AutoCompleteResultList.default,
+        import_AutoCompleteResultList.AutoCompleteResultList,
         {
           isVisible: menuIsVisible,
           onMouseLeave: () => this.handleListMouseLeave(),
@@ -626,11 +651,11 @@ class AutoComplete extends import_react2.Component {
           role: "listbox"
         },
         /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, null, showAutoCompleteResultListItems(options, multiple)),
-        showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.default, { empty: true }, tNoResults?.())
+        showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.AutoCompleteResultListItem, { empty: true }, tNoResults?.())
       ),
-      /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.default, { id: assistiveHintID }, tAssistiveHint?.())
+      /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint, { id: assistiveHintID }, tAssistiveHint?.())
     ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      import_AutoCompleteInput.default,
+      import_AutoCompleteInputBase.AutoCompleteInputBase,
       {
         "aria-expanded": menuOpen ? "true" : "false",
         "aria-activedescendant": optionFocused ? `${id}__option--${focused}` : "",
@@ -645,7 +670,7 @@ class AutoComplete extends import_react2.Component {
         onChange: this.handleInputChange,
         onFocus: this.handleInputFocus,
         name,
-        placeholder,
+        placeholder: hintValue || placeholder,
         ref: (inputElement) => {
           this.elementReferences[-1] = inputElement;
         },
@@ -654,7 +679,7 @@ class AutoComplete extends import_react2.Component {
         value: query
       }
     ), /* @__PURE__ */ import_react.default.createElement(import_CaretIcon.CaretIcon, { direction: "down", size: "md" }), /* @__PURE__ */ import_react.default.createElement(
-      import_AutoCompleteResultList.default,
+      import_AutoCompleteResultList.AutoCompleteResultList,
       {
         isVisible: menuIsVisible,
         onMouseLeave: () => this.handleListMouseLeave(),
@@ -662,8 +687,8 @@ class AutoComplete extends import_react2.Component {
         role: "listbox"
       },
       showAutoCompleteResultListItems(options, false),
-      showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.default, { empty: true }, tNoResults?.())
-    ), /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.default, { id: assistiveHintID }, tAssistiveHint?.())));
+      showNoOptionsFound && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteResultListItem.AutoCompleteResultListItem, { empty: true }, tNoResults?.())
+    ), /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint, { id: assistiveHintID }, tAssistiveHint?.())));
   }
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -671,8 +696,7 @@ class AutoComplete extends import_react2.Component {
   AutoComplete,
   AutoCompleteAssistiveHint,
   AutoCompleteContainer,
-  AutoCompleteInput,
-  AutoCompleteInputTypeahead,
+  AutoCompleteInputBase,
   AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer,
   AutoCompleteResultList,

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

@@ -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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",
-  "names": ["AutoCompleteAssistiveHint", "AutoCompleteContainer", "AutoCompleteInput", "AutoCompleteInputTypeahead", "AutoCompleteMultipleInput", "AutoCompleteMultipleInputContainer", "AutoCompleteResultList", "AutoCompleteResultListItem", "import_react", "options", "multiple", "React", "Status", "Button", "Checkbox"]
+  "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 { 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  hint?: 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    hint: false,\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    const { confirmOnBlur, autoselect, onConfirm } = this.props;\n    let newQuery = query;\n    if (confirmOnBlur || autoselect) {\n      newQuery = newState?.query ?? query;\n    }\n    if (confirmOnBlur) {\n      onConfirm?.(options[selected as number]);\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 { autoselect } = this.props;\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 && !autoselect) {\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    if (blurComponent && autoselect) {\n      // In handleInputBlur:\n      const selectedOption = this.templateInputValue(\n        options[selected as number]\n      );\n      const newQuery = isIosDevice()\n        ? query\n        : selectedOption?.toLowerCase().includes(query.toLowerCase())\n          ? selectedOption\n          : query;\n      this.handleComponentBlur({\n        menuOpen: false,\n        query: newQuery,\n      });\n    }\n  }\n  handleInputChange(event: { target: any }): void {\n    const { source, minLength } = this.props;\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: -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    this.handleOptionFocus(index);\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          menuOpen: false,\n        });\n        break;\n      }\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  render(): JSX.Element {\n    const {\n      id,\n      width,\n      minLength,\n      name,\n      placeholder,\n      required,\n      hint,\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 || hint)\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        {multiple && !autoselect ? (\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={hintValue || 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: -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={hintValue || 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  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/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"]
 }