@digigov/ui 2.0.0-85c27c19 → 2.0.0-8e254888

package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const ErrorGroupLinkedToInput = () => (\n  <div>\n    <ErrorSummary variant=\"error-group\">\n      <Heading size=\"md\">\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.</Heading>\n      <List listStyle=\"bullet\">\n        <ListItem>\n          <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n          <Link href=\"#business-name\">\n            \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n          </Link>\n        </ListItem>\n        <ListItem>\n          <b>\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n          <Link href=\"#address-name\">\n            \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n          </Link>\n        </ListItem>\n      </List>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <TextInput error name=\"inputext\" id=\"business-address\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default ErrorGroupLinkedToInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AAEd,MAAM,0BAA0B,MACrC,oCAAC,aACC,oCAAC,gBAAa,SAAQ,iBACpB,oCAAC,WAAQ,MAAK,QAAK,qNAAyC,GAC5D,oCAAC,QAAK,WAAU,YACd,oCAAC,gBACC,oCAAC,WAAE,oGAAkB,GAAK,KAC1B,oCAAC,QAAK,MAAK,oBAAiB,8PAE5B,CACF,GACA,oCAAC,gBACC,oCAAC,WAAE,4HAAsB,GAAK,KAC9B,oCAAC,QAAK,MAAK,mBAAgB,sRAE3B,CACF,CACF,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,2HAAqB,GAC3C,oCAAC,YAAK,8MAAuC,GAC7C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,oBAAmB,CACzD,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "names": []
+}

package/feedback/ErrorSummary/__stories__/LinkedToInput/index.js

@@ -2,8 +2,7 @@ import React from "react";
 import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
 import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
 import { FieldContainer } from "@digigov/ui/form/FieldContainer";
-import { LabelContainer } from "@digigov/ui/form/LabelContainer";
-import { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
 import { TextInput } from "@digigov/ui/form/TextInput";
 import { Link } from "@digigov/ui/navigation/Link";
 import { Heading } from "@digigov/ui/typography/Heading";

package/feedback/ErrorSummary/__stories__/LinkedToInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/ErrorSummary/__stories__/LinkedToInput.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer } from '@digigov/ui/form/LabelContainer';\nimport { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,MAC3B,oCAAC,aACC,oCAAC,oBACC,oCAAC,WAAQ,MAAK,QAAK,4HAAsB,GACzC,oCAAC,QAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,oBACC,oCAAC,sBAAe,iCAAM,GAAiB,yKAEzC,GACA,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport const LinkedToInput = () => (\n  <div>\n    <ErrorSummary>\n      <Heading size=\"sm\">\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1</Heading>\n      <Link href=\"#business-name\">\n        \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n      </Link>\n    </ErrorSummary>\n    <FieldContainer error>\n      <LabelContainer>\n        <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n        <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n        <ErrorMessage>\n          <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF\n          \u03C0\u03B5\u03B4\u03AF\u03BF.\n        </ErrorMessage>\n        <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n      </LabelContainer>\n    </FieldContainer>\n  </div>\n);\n\nexport default LinkedToInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,MAC3B,oCAAC,aACC,oCAAC,oBACC,oCAAC,WAAQ,MAAK,QAAK,4HAAsB,GACzC,oCAAC,QAAK,MAAK,oBAAiB,2OAE5B,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,oBACC,oCAAC,sBAAe,iCAAM,GAAiB,yKAEzC,GACA,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,CACF;AAGF,IAAO,wBAAQ;",
   "names": []
 }

package/feedback/ErrorSummary/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/feedback/WarningText/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/WarningText';
 import WarningText from '@digigov/react-core/WarningText';
+export { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
 export default WarningText;

package/feedback/WarningText/index.js

@@ -1,7 +1,9 @@
 export * from "@digigov/react-core/WarningText";
 import WarningText from "@digigov/react-core/WarningText";
+import { WarningTextAssistive } from "@digigov/react-core/WarningTextAssistive";
 var WarningText_default = WarningText;
 export {
+  WarningTextAssistive,
   WarningText_default as default
 };
 //# sourceMappingURL=index.js.map

package/feedback/WarningText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/feedback/WarningText/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/WarningText';\nimport WarningText from '@digigov/react-core/WarningText';\nexport default WarningText;\n"],
-  "mappings": "AAAA,cAAc;AACd,OAAO,iBAAiB;AACxB,IAAO,sBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/WarningText';\nimport WarningText from '@digigov/react-core/WarningText';\nexport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\nexport default WarningText;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,iBAAiB;AACxB,SAAS,4BAA4B;AACrC,IAAO,sBAAQ;",
   "names": []
 }

package/form/AutoComplete/Status/index.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
 import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
-type StatusProps = {
+interface StatusProps {
     id: string;
     length: number;
     queryLength: number;
@@ -14,12 +14,12 @@ type StatusProps = {
     tNoResults?: () => string;
     tSelectedOption: (x: string, y: number, z: number) => string;
     tResults?: (x: number, y: string) => string;
-};
-type StateProps = {
+}
+interface StateProps {
     bump: boolean;
     debounced: boolean;
     silenced: boolean;
-};
+}
 export default class Status extends Component<StatusProps, StateProps> {
     static defaultProps: {
         tQueryTooShort: (minQueryLength: number) => string;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/Status/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ntype StatusProps = {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n};\n\ntype StateProps = {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n};\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
+  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
   "mappings": "AAAA,OAAO,SAAS,iBAAiB;AACjC,OAAO,wBAAwB;AAC/B,OAAO,iCAAiC;AAExC,MAAM,WAAW,SACf,MACA,MACA,WACA;AACA,MAAI;AACJ,SAAO,YAAa,MAAM;AAIxB,UAAM,UAAU;AAChB,UAAM,QAAQ,WAAY;AACxB,gBAAU;AACV,UAAI,CAAC,UAAW,MAAK,MAAM,SAAS,IAAI;AAAA,IAC1C;AACA,UAAM,UAAU,aAAa,CAAC;AAC9B,iBAAa,OAAO;AACpB,cAAU,WAAW,OAAO,IAAI;AAChC,QAAI,QAAS,MAAK,MAAM,SAAS,IAAI;AACrC,WAAO;AAAA,EACT;AACF;AACA,MAAM,uBAAuB;AAuB7B,MAAO,eAA6B,UAAmC;AAAA,EAAvE;AAAA;AAoBE,iBAAQ;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA;AAAA,EAvBA;AAAA,SAAO,eAAe;AAAA,MACpB,gBAAgB,CAAC,mBACf,WAAW,cAAc;AAAA,MAC3B,YAAY,MAAc;AAAA,MAC1B,iBAAiB,CACf,gBACA,QACA,UACW,GAAG,cAAc,IAAI,QAAQ,CAAC,OAAO,MAAM;AAAA,MACxD,UAAU,CAAC,QAAgB,0BAA0C;AACnE,cAAM,QAAQ;AAAA,UACZ,QAAQ,WAAW,IAAI,WAAW;AAAA,UAClC,IAAI,WAAW,IAAI,OAAO;AAAA,QAC5B;AAEA,eAAO,GAAG,MAAM,IAAI,MAAM,MAAM,IAAI,MAAM,EAAE,eAAe,qBAAqB;AAAA,MAClF;AAAA,IACF;AAAA;AAAA,EASA,uBAA6B;AAC3B,iBAAa,KAAK,gBAAgB;AAAA,EACpC;AAAA,EACA,4BAA4B;AAE1B,UAAM,OAAO;AACb,SAAK,uBAAuB,SAAS,WAAY;AAC/C,UAAI,CAAC,KAAK,MAAM,WAAW;AACzB,cAAM,gBACJ,CAAC,KAAK,MAAM,aAAa,KAAK,MAAM;AACtC,aAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,UAC3B,MAAM,CAAC;AAAA,UACP,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,EAAE;AAAA,MACJ;AAAA,IACF,GAAG,oBAAoB;AAAA,EACzB;AAAA,EAEA,mCAAmC;AACjC,SAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,EACpC;AAAA,EAEA,SAAsB;AACpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,gBAAgB,cAAe;AACrC,UAAM,YAAY,WAAW;AAE7B,UAAM,wBAAwB,iBAC1B,gBAAgB,gBAAgB,QAAQ,mBAAmB,IAC3D;AAEJ,QAAI;AACJ,QAAI,eAAe;AACjB,gBAAU,iBAAiB,cAAwB;AAAA,IACrD,WAAW,WAAW;AACpB,gBAAU,aAAa;AAAA,IACzB,OAAO;AACL,gBAAU,WAAW,QAAQ,qBAAqB;AAAA,IACpD;AAEA,SAAK,mBAAmB,KAAK,qBAAqB;AAElD,WACE,oCAAC,mCACC,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,OAAO,UAAU,GAC9C,GACA,oCAAC,sBAAmB,IAAI,KAAK,iBAC1B,CAAC,YAAY,aAAa,CAAC,OAAO,UAAU,GAC/C,CACF;AAAA,EAEJ;AACF;",
   "names": []
 }

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

@@ -3,7 +3,15 @@ import { AutoComplete } from "@digigov/ui/form/AutoComplete";
 import { suggest } from "@digigov/ui/form/AutoComplete/utils";
 import { Button } from "@digigov/ui/form/Button";
 import { FieldContainer, Fieldset } from "@digigov/ui/form/FieldContainer";
-const Multiple = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(AutoComplete, { source: suggest, multiple: true, width: "50%", id: "multiple-select-default" }))), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const Multiple = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(
+  AutoComplete,
+  {
+    source: suggest,
+    multiple: true,
+    width: "50%",
+    id: "multiple-select-default"
+  }
+))), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var Multiple_default = Multiple;
 export {
   Multiple,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/__stories__/Multiple.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, Fieldset } from '@digigov/ui/form/FieldContainer';\n\nexport const Multiple = () => (\n  <div>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete source={suggest} multiple width=\"50%\" id=\"multiple-select-default\" />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default Multiple;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB,gBAAgB;AAElC,MAAM,WAAW,MACtB,oCAAC,aACC,oCAAC,sBACC,oCAAC,YAAS,cAAc,KACtB,oCAAC,gBAAa,QAAQ,SAAS,UAAQ,MAAC,OAAM,OAAM,IAAG,2BAA0B,CACnF,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,mBAAQ;",
+  "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, Fieldset } from '@digigov/ui/form/FieldContainer';\n\nexport const Multiple = () => (\n  <div>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default Multiple;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB,gBAAgB;AAElC,MAAM,WAAW,MACtB,oCAAC,aACC,oCAAC,sBACC,oCAAC,YAAS,cAAc,KACtB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,mBAAQ;",
   "names": []
 }

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

@@ -3,7 +3,16 @@ 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 MultipleShowingTwoSelected = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(AutoComplete, { source: suggest, multiple: true, width: "75%", id: "multiple-showing-two-selected", numberOfSelected: 2 })), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const MultipleShowingTwoSelected = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(
+  AutoComplete,
+  {
+    source: suggest,
+    multiple: true,
+    width: "75%",
+    id: "multiple-showing-two-selected",
+    numberOfSelected: 2
+  }
+)), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var MultipleShowingTwoSelected_default = MultipleShowingTwoSelected;
 export {
   MultipleShowingTwoSelected,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/__stories__/MultipleShowingTwoSelected.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 MultipleShowingTwoSelected = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} multiple width='75%' id=\"multiple-showing-two-selected\" numberOfSelected={2} />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleShowingTwoSelected;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,6BAA6B,MACxC,oCAAC,aACC,oCAAC,sBACC,oCAAC,gBAAa,QAAQ,SAAS,UAAQ,MAAC,OAAM,OAAM,IAAG,iCAAgC,kBAAkB,GAAG,CAC9G,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,qCAAQ;",
+  "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 MultipleShowingTwoSelected = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        multiple\n        width=\"75%\"\n        id=\"multiple-showing-two-selected\"\n        numberOfSelected={2}\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleShowingTwoSelected;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,6BAA6B,MACxC,oCAAC,aACC,oCAAC,sBACC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA,IACH,kBAAkB;AAAA;AACpB,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,qCAAQ;",
   "names": []
 }

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

@@ -3,7 +3,16 @@ 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 MultipleWithDefaultValues = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(AutoComplete, { source: suggest, multiple: true, defaultValue: ["\u0395\u03BB\u03BB\u03AC\u03B4\u03B1", "\u0399\u03C4\u03B1\u03BB\u03AF\u03B1"], width: "50%", id: "govgr" })), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+const MultipleWithDefaultValues = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(
+  AutoComplete,
+  {
+    source: suggest,
+    multiple: true,
+    defaultValue: ["\u0395\u03BB\u03BB\u03AC\u03B4\u03B1", "\u0399\u03C4\u03B1\u03BB\u03AF\u03B1"],
+    width: "50%",
+    id: "govgr"
+  }
+)), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var MultipleWithDefaultValues_default = MultipleWithDefaultValues;
 export {
   MultipleWithDefaultValues,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/__stories__/MultipleWithDefaultValues.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 MultipleWithDefaultValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} multiple defaultValue={['\u0395\u03BB\u03BB\u03AC\u03B4\u03B1', '\u0399\u03C4\u03B1\u03BB\u03AF\u03B1']} width=\"50%\" id=\"govgr\" />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithDefaultValues;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,4BAA4B,MACvC,oCAAC,aACC,oCAAC,sBACC,oCAAC,gBAAa,QAAQ,SAAS,UAAQ,MAAC,cAAc,CAAC,wCAAU,sCAAQ,GAAG,OAAM,OAAM,IAAG,SAAQ,CACrG,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,oCAAQ;",
+  "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 MultipleWithDefaultValues = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        multiple\n        defaultValue={['\u0395\u03BB\u03BB\u03AC\u03B4\u03B1', '\u0399\u03C4\u03B1\u03BB\u03AF\u03B1']}\n        width=\"50%\"\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithDefaultValues;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,4BAA4B,MACvC,oCAAC,aACC,oCAAC,sBACC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,cAAc,CAAC,wCAAU,sCAAQ;AAAA,IACjC,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,oCAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/AutoComplete/__stories__/MultipleWithMinLength.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, Fieldset } from '@digigov/ui/form/FieldContainer';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport const MultipleWithMinLength = () => (\n  <div>\n    <Paragraph>\n      \u0395\u03B4\u03CE, \u03BF \u03B5\u03BB\u03AC\u03C7\u03B9\u03C3\u03C4\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1\n      \u03B5\u03B9\u03C3\u03B1\u03C7\u03B8\u03B5\u03AF \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03C1\u03C7\u03AF\u03C3\u03B5\u03B9 \u03BD\u03B1 \u03C6\u03B9\u03BB\u03C4\u03C1\u03AC\u03C1\u03B5\u03C4\u03B1\u03B9 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2.\n    </Paragraph>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          minLength={2}\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithMinLength;\n"],
+  "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, Fieldset } from '@digigov/ui/form/FieldContainer';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport const MultipleWithMinLength = () => (\n  <div>\n    <Paragraph>\n      \u0395\u03B4\u03CE, \u03BF \u03B5\u03BB\u03AC\u03C7\u03B9\u03C3\u03C4\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03B9\u03C3\u03B1\u03C7\u03B8\u03B5\u03AF \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03C1\u03C7\u03AF\u03C3\u03B5\u03B9\n      \u03BD\u03B1 \u03C6\u03B9\u03BB\u03C4\u03C1\u03AC\u03C1\u03B5\u03C4\u03B1\u03B9 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2.\n    </Paragraph>\n    <FieldContainer>\n      <Fieldset marginBottom={4}>\n        <AutoComplete\n          source={suggest}\n          multiple\n          minLength={2}\n          width=\"50%\"\n          id=\"multiple-select-default\"\n        />\n      </Fieldset>\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default MultipleWithMinLength;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB,gBAAgB;AACzC,OAAO,eAAe;AAEf,MAAM,wBAAwB,MACnC,oCAAC,aACC,oCAAC,iBAAU,kjBAGX,GACA,oCAAC,sBACC,oCAAC,YAAS,cAAc,KACtB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAM;AAAA,IACN,IAAG;AAAA;AACL,CACF,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -3,14 +3,7 @@ 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"));
+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,

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

@@ -1,7 +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\n        source={suggest}\n        autoselect={true}\n        id=\"govgr\"\n      />\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;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,IAAG;AAAA;AACL,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,4BAAQ;",
+  "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,13 +1,12 @@
-import React from 'react';
-import { Component } from 'react';
-import AutoCompleteAssistiveHint from '@digigov/react-core/AutoCompleteAssistiveHint';
-import AutoCompleteInput from '@digigov/react-core/AutoCompleteInput';
-import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
-import AutoCompleteResultList from '@digigov/react-core/AutoCompleteResultList';
-import AutoCompleteResultListItem from '@digigov/react-core/AutoCompleteResultListItem';
-import AutoCompleteContainer from '@digigov/react-core/AutoCompleteContainer';
-import AutoCompleteMultipleInputContainer from '@digigov/react-core/AutoCompleteMultipleInputContainer';
-import AutoCompleteMultipleInput from '@digigov/react-core/AutoCompleteMultipleInput';
+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';
+import { AutoCompleteResultListItem } from '@digigov/react-core/AutoCompleteResultListItem';
 export interface AutoCompleteProps {
     source: (query: string, syncResults: (options: string[]) => void) => void;
     id: string;
@@ -33,7 +32,7 @@ export interface AutoCompleteProps {
     required?: boolean;
     numberOfSelected?: 1 | 2 | 3 | 'all';
 }
-export type State = {
+export interface State {
     focused: any;
     hovered: any;
     menuOpen: boolean;
@@ -43,11 +42,11 @@ export type State = {
     validChoiceMade: boolean;
     selected: any;
     ariaHint: boolean;
-};
-export type NewQueryProps = {
+}
+export interface NewQueryProps {
     menuOpen?: boolean;
     query?: string;
-};
+}
 export default class AutoComplete extends Component<AutoCompleteProps, State> {
     static defaultProps: {
         width: string;
@@ -107,4 +106,4 @@ export default class AutoComplete extends Component<AutoCompleteProps, State> {
     }): void;
     render(): JSX.Element;
 }
-export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };
+export { AutoComplete, AutoCompleteInputBase, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteContainer, AutoCompleteAssistiveHint, AutoCompleteMultipleInputContainer, AutoCompleteMultipleInput, };

package/form/AutoComplete/index.js

@@ -1,23 +1,23 @@
-import React from "react";
-import { Component } from "react";
-import AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
-import AutoCompleteInput from "@digigov/react-core/AutoCompleteInput";
-import AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
-import AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
-import AutoCompleteResultListItem from "@digigov/react-core/AutoCompleteResultListItem";
-import AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
-import AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
-import AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
+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";
+import { AutoCompleteResultListItem } from "@digigov/react-core/AutoCompleteResultListItem";
+import { Base } from "@digigov/react-core/Base";
 import { CaretIcon } from "@digigov/react-icons/CaretIcon";
+import { Chip, ChipContainer } from "@digigov/ui/content/Chip";
 import Status from "@digigov/ui/form/AutoComplete/Status";
 import {
   isIosDevice,
   keyCodes,
   isPrintableKeyCode
 } from "@digigov/ui/form/AutoComplete/utils";
-import Checkbox, { CheckboxItem } from "../Checkbox";
-import { Chip, ChipContainer } from "@digigov/ui/content/Chip";
 import Button from "@digigov/ui/form/Button";
+import Checkbox, { CheckboxItem } from "@digigov/ui/form/Checkbox";
 import { NormalText } from "@digigov/ui/typography/NormalText";
 class AutoComplete extends Component {
   constructor(props) {
@@ -355,18 +355,27 @@ class AutoComplete extends Component {
         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 (isPrintableKeyCode(event.keyCode)) {
+              this.handlePrintableKey(event);
+            }
           }
         } else {
           this.props.onConfirm?.("");
-          break;
         }
+        break;
       default:
         if (isPrintableKeyCode(event.keyCode)) {
           this.handlePrintableKey(event);
@@ -422,8 +431,9 @@ class AutoComplete extends Component {
         return options2.map((option, index) => {
           const showFocused = focused === -1 ? selected === index : focused === index;
           const iosPosinsetHtml = isIosDevice() ? /* @__PURE__ */ React.createElement(
-            "span",
+            Base,
             {
+              as: "span",
               id: `${id}__option-suffix--${index}`,
               style: {
                 border: "0",
@@ -506,19 +516,22 @@ class AutoComplete extends 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
@@ -591,7 +604,7 @@ class AutoComplete extends Component {
       ),
       /* @__PURE__ */ React.createElement(AutoCompleteAssistiveHint, { id: assistiveHintID }, tAssistiveHint?.())
     ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      AutoCompleteInput,
+      AutoCompleteInputBase,
       {
         "aria-expanded": menuOpen ? "true" : "false",
         "aria-activedescendant": optionFocused ? `${id}__option--${focused}` : "",
@@ -631,7 +644,7 @@ export {
   AutoComplete,
   AutoCompleteAssistiveHint,
   AutoCompleteContainer,
-  AutoCompleteInput,
+  AutoCompleteInputBase,
   AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer,