@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/form/AutoComplete/__stories__/WithPlaceHolder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/AutoComplete/__stories__/WithPlaceHolder.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport { Button } from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const WithPlaceHolder = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        autoselect={true}\n        placeholder=\"\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03C7\u03CE\u03C1\u03B1\u03C2\"\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithPlaceHolder;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,kBAAkB,MAC7B,oCAAC,aACC,oCAAC,sBACC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ,IAAG;AAAA;AACL,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,0BAAQ;",
+  "names": []
+}

package/form/AutoComplete/__stories__/WithShowAllValues/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import Button from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const WithShowAllValues = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(AutoComplete, { source: suggest, autoselect: true, id: "govgr" })), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithShowAllValues_default = WithShowAllValues;
+export {
+  WithShowAllValues,
+  WithShowAllValues_default as default
+};
+//# sourceMappingURL=WithShowAllValues.js.map

package/form/AutoComplete/__stories__/WithShowAllValues/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/AutoComplete/__stories__/WithShowAllValues/index.js"
+}

package/form/AutoComplete/__stories__/WithShowAllValues.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithShowAllValues: (_: any) => React.JSX.Element;
+export declare const WithShowAllValues: () => React.JSX.Element;
 export default WithShowAllValues;

package/form/AutoComplete/__stories__/WithShowAllValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/AutoComplete/__stories__/WithShowAllValues.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\n\nexport const WithShowAllValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} autoselect={true} id=\"govgr\" />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithShowAllValues;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAExB,MAAM,oBAAoB,MAC/B,oCAAC,aACC,oCAAC,sBACC,oCAAC,gBAAa,QAAQ,SAAS,YAAY,MAAM,IAAG,SAAQ,CAC9D,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,4BAAQ;",
+  "names": []
+}

package/form/AutoComplete/index.d.ts

@@ -1,7 +1,8 @@
-import React, { Component, type JSX } from 'react';
+import React, { Component } from 'react';
 import { AutoCompleteAssistiveHint } from '@digigov/react-core/AutoCompleteAssistiveHint';
 import { AutoCompleteContainer } from '@digigov/react-core/AutoCompleteContainer';
 import { AutoCompleteInputBase } from '@digigov/react-core/AutoCompleteInputBase';
+import { AutoCompleteInputTypeahead } from '@digigov/react-core/AutoCompleteInputTypeahead';
 import { AutoCompleteMultipleInput } from '@digigov/react-core/AutoCompleteMultipleInput';
 import { AutoCompleteMultipleInputContainer } from '@digigov/react-core/AutoCompleteMultipleInputContainer';
 import { AutoCompleteResultList } from '@digigov/react-core/AutoCompleteResultList';
@@ -22,7 +23,6 @@ export interface AutoCompleteProps {
     };
     width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
     autoselect?: boolean;
-    hint?: boolean;
     defaultValue?: string | string[];
     minLength?: number;
     name?: string;
@@ -54,7 +54,6 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
         minLength: number;
         name: string;
         placeholder: string;
-        hint: boolean;
         onConfirm: () => void;
         confirmOnBlur: boolean;
         required: boolean;
@@ -107,4 +106,4 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     }): void;
     render(): JSX.Element;
 }
-export { AutoComplete, AutoCompleteInputBase, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };
+export { AutoComplete, AutoCompleteInputBase, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };

package/form/AutoComplete/index.js

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { AutoCompleteAssistiveHint } from "@digigov/react-core/AutoCompleteAssistiveHint";
 import { AutoCompleteContainer } from "@digigov/react-core/AutoCompleteContainer";
 import { AutoCompleteInputBase } from "@digigov/react-core/AutoCompleteInputBase";
+import { AutoCompleteInputTypeahead } from "@digigov/react-core/AutoCompleteInputTypeahead";
 import { AutoCompleteMultipleInput } from "@digigov/react-core/AutoCompleteMultipleInput";
 import { AutoCompleteMultipleInputContainer } from "@digigov/react-core/AutoCompleteMultipleInputContainer";
 import { AutoCompleteResultList } from "@digigov/react-core/AutoCompleteResultList";
@@ -67,7 +68,6 @@ class AutoComplete extends Component {
       minLength: 0,
       name: "ds-input-autocomplete",
       placeholder: "",
-      hint: false,
       onConfirm: () => {
         return;
       },
@@ -121,13 +121,12 @@ class AutoComplete extends Component {
   }
   handleComponentBlur(newState) {
     const { options, query, selected } = this.state;
-    const { confirmOnBlur, autoselect, onConfirm } = this.props;
-    let newQuery = query;
-    if (confirmOnBlur || autoselect) {
-      newQuery = newState?.query ?? query;
-    }
-    if (confirmOnBlur) {
-      onConfirm?.(options[selected]);
+    let newQuery;
+    if (this.props.confirmOnBlur) {
+      newQuery = newState?.query || query;
+      this.props.onConfirm?.(options[selected]);
+    } else {
+      newQuery = query;
     }
     this.setState({
       focused: null,
@@ -143,7 +142,6 @@ class AutoComplete extends Component {
     });
   }
   handleAutoCompleteBlur(event, index) {
-    const { autoselect } = this.props;
     const { focused, options, query, selected } = this.state;
     let focusingOutsideComponent = false;
     if (event.relatedTarget === null) {
@@ -158,26 +156,17 @@ class AutoComplete extends Component {
       focusingAnotherOption = focused !== index && focused !== -1;
     }
     const blurComponent = focusingOutsideComponent && !(focusingAnotherOption || focusingInput || focusingButtonArrow);
-    if (blurComponent && !autoselect) {
+    if (blurComponent) {
       const newQuery = isIosDevice() ? query : this.templateInputValue(options[selected]);
       this.handleComponentBlur({
         menuOpen: false,
         query: newQuery
       });
     }
-    if (blurComponent && autoselect) {
-      const selectedOption = this.templateInputValue(
-        options[selected]
-      );
-      const newQuery = 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({
@@ -190,7 +179,7 @@ class AutoComplete extends Component {
       this.setState({
         menuOpen: optionsAvailable,
         options,
-        selected: -1,
+        selected: autoselect && optionsAvailable ? 0 : -1,
         validChoiceMade: false
       });
     });
@@ -231,7 +220,6 @@ class AutoComplete extends Component {
         hovered: index
       });
     }
-    this.handleOptionFocus(index);
   }
   handleOptionClickMultiple(index) {
     const selectedOption = this.state.options[index];
@@ -358,13 +346,11 @@ class AutoComplete extends Component {
       case "enter":
         this.handleEnter(event);
         break;
-      case "escape": {
+      case "escape":
         this.handleComponentBlur({
-          query: this.state.query,
-          menuOpen: false
+          query: this.state.query
         });
         break;
-      }
       case "backspace":
         if (this.props.multiple) {
           if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {
@@ -405,7 +391,6 @@ class AutoComplete extends Component {
       name,
       placeholder,
       required,
-      hint,
       tNoResults,
       tStatusQueryTooShort,
       tStatusNoResults,
@@ -436,7 +421,7 @@ class AutoComplete extends Component {
     const menuIsVisible = menuOpen || showNoOptionsFound;
     const selectedOptionText = this.templateInputValue(options[selected]);
     const optionBeginsWithQuery = selectedOptionText && selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;
-    const hintValue = optionBeginsWithQuery && (autoselect || hint) ? query + selectedOptionText.substr(query.length) : "";
+    const hintValue = optionBeginsWithQuery && autoselect ? query + selectedOptionText.substr(query.length) : "";
     const assistiveHintID = id + "__assistiveHint";
     const ariaDescribedProp = ariaHint ? {
       "aria-describedby": assistiveHintID
@@ -519,7 +504,7 @@ class AutoComplete extends Component {
         tSelectedOption: tStatusSelectedOption,
         tResults: tStatusResults
       }
-    ), multiple && !autoselect ? /* @__PURE__ */ React.createElement(
+    ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ React.createElement(AutoCompleteInputTypeahead, { value: hintValue }), multiple ? /* @__PURE__ */ React.createElement(
       AutoCompleteMultipleInputContainer,
       {
         isFocused: componentIsFocused,
@@ -567,7 +552,7 @@ class AutoComplete extends Component {
           onChange: this.handleInputChange,
           onFocus: this.handleInputFocus,
           name,
-          placeholder: hintValue || placeholder,
+          placeholder,
           ref: (inputElement) => {
             this.elementReferences[-1] = inputElement;
           },
@@ -591,7 +576,7 @@ class AutoComplete extends Component {
                 this.setState({
                   menuOpen: optionsAvailable,
                   options: options2,
-                  selected: -1,
+                  selected: autoselect && optionsAvailable ? 0 : -1,
                   validChoiceMade: false
                 });
               });
@@ -634,7 +619,7 @@ class AutoComplete extends Component {
         onChange: this.handleInputChange,
         onFocus: this.handleInputFocus,
         name,
-        placeholder: hintValue || placeholder,
+        placeholder,
         ref: (inputElement) => {
           this.elementReferences[-1] = inputElement;
         },
@@ -660,6 +645,7 @@ export {
   AutoCompleteAssistiveHint,
   AutoCompleteContainer,
   AutoCompleteInputBase,
+  AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer,
   AutoCompleteResultList,

package/form/AutoComplete/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/AutoComplete/index.tsx"],
-  "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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",
+  "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

@@ -0,0 +1,76 @@
+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
+};
+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";
+import { Warning } from "@digigov/ui/form/Button/__stories__/Warning";
+import { GroupingButtons } from "@digigov/ui/form/Button/__stories__/GroupingButtons";
+import { GroupingButtonsAndLinks } from "@digigov/ui/form/Button/__stories__/GroupingButtonsAndLinks";
+import { CallToActionButton } from "@digigov/ui/form/Button/__stories__/CallToActionButton";
+import { Disabled } from "@digigov/ui/form/Button/__stories__/Disabled";
+import { Dense } from "@digigov/ui/form/Button/__stories__/Dense";
+import { ButtonLinkButton } from "@digigov/ui/form/Button/__stories__/ButtonLinkButton";
+import { Back } from "@digigov/ui/form/Button/__stories__/Back";
+import { WithVariantLink } from "@digigov/ui/form/Button/__stories__/WithVariantLink";
+import { ThemeToggle } from "@digigov/ui/form/Button/__stories__/ThemeToggle";
+export {
+  Back,
+  ButtonLinkButton,
+  CallToActionButton,
+  Dense,
+  Disabled,
+  GroupingButtons,
+  GroupingButtonsAndLinks,
+  Primary,
+  Secondary,
+  ThemeToggle,
+  Warning,
+  WithControls,
+  WithVariantLink,
+  Button_stories_default as default
+};
+//# sourceMappingURL=Button.stories.js.map

package/form/Button/Button.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/form/Button/Button.stories/index.js"
+}

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

@@ -4,8 +4,6 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Button as component };
-    export let tags: string[];
-    export { doc as markdown };
 }
 export default _default;
 export namespace WithControls {

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/form/Button/Button.stories.js"],
+  "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/__stories__/Back/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import BackLink from "@digigov/ui/navigation/BackLink";
+const Back = () => /* @__PURE__ */ React.createElement(BackLink, { href: "#", role: "button", "aria-label": "\u03A0\u03AF\u03C3\u03C9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1" }, "\u03A0\u03AF\u03C3\u03C9");
+var Back_default = BackLink;
+export {
+  Back,
+  Back_default as default
+};
+//# sourceMappingURL=Back.js.map

package/form/Button/__stories__/Back/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/Button/__stories__/Back/index.js"
+}

package/form/Button/__stories__/Back.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import BackLink from '@digigov/ui/navigation/BackLink';
-export declare const Back: (_: any) => React.JSX.Element;
+export declare const Back: () => React.JSX.Element;
 export default BackLink;

package/form/Button/__stories__/Back.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/Button/__stories__/Back.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport BackLink from '@digigov/ui/navigation/BackLink';\n\nexport const Back = () => (\n  <BackLink href=\"#\" role=\"button\" aria-label=\"\u03A0\u03AF\u03C3\u03C9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\">\n    \u03A0\u03AF\u03C3\u03C9\n  </BackLink>\n);\nexport default BackLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,cAAc;AAEd,MAAM,OAAO,MAClB,oCAAC,YAAS,MAAK,KAAI,MAAK,UAAS,cAAW,+JAA+B,0BAE3E;AAEF,IAAO,eAAQ;",
+  "names": []
+}

package/form/Button/__stories__/ButtonLinkButton/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { ButtonLink } from "@digigov/ui/form/Button/ButtonLink";
+const ButtonLinkButton = () => /* @__PURE__ */ React.createElement(
+  ButtonLink,
+  {
+    href: "#",
+    role: "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",
+    tabIndex: 0
+  },
+  "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"
+);
+var ButtonLinkButton_default = ButtonLinkButton;
+export {
+  ButtonLinkButton,
+  ButtonLinkButton_default as default
+};
+//# sourceMappingURL=ButtonLinkButton.js.map

package/form/Button/__stories__/ButtonLinkButton/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/form/Button/__stories__/ButtonLinkButton/index.js"
+}