@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/cjs/form/AutoComplete/__stories__/WithDefaultValue/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithDefaultValue_exports = {};
+__export(WithDefaultValue_exports, {
+  WithDefaultValue: () => WithDefaultValue,
+  default: () => WithDefaultValue_default
+});
+module.exports = __toCommonJS(WithDefaultValue_exports);
+var import_react = __toESM(require("react"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_utils = require("@digigov/ui/form/AutoComplete/utils");
+var import_Button = require("@digigov/ui/form/Button");
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+const WithDefaultValue = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    autoselect: true,
+    defaultValue: "\u0393\u03B5\u03C1\u03BC\u03B1\u03BD\u03AF\u03B1",
+    id: "govgr"
+  }
+)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithDefaultValue_default = WithDefaultValue;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithDefaultValue
+});
+//# sourceMappingURL=WithDefaultValue.js.map

package/cjs/form/AutoComplete/__stories__/WithDefaultValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/form/AutoComplete/__stories__/WithDefaultValue.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 WithDefaultValue = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        autoselect={true}\n        defaultValue=\"\u0393\u03B5\u03C1\u03BC\u03B1\u03BD\u03AF\u03B1\"\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithDefaultValue;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,mBAAmB,MAC9B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAa;AAAA,IACb,IAAG;AAAA;AACL,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,2BAAQ;",
+  "names": ["React"]
+}

package/cjs/form/AutoComplete/__stories__/WithMinLength/index.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithMinLength_exports = {};
+__export(WithMinLength_exports, {
+  WithMinLength: () => WithMinLength,
+  default: () => WithMinLength_default
+});
+module.exports = __toCommonJS(WithMinLength_exports);
+var import_react = __toESM(require("react"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_utils = require("@digigov/ui/form/AutoComplete/utils");
+var import_Button = __toESM(require("@digigov/ui/form/Button"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_Paragraph = require("@digigov/ui/typography/Paragraph");
+const WithMinLength = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, \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 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2."), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    autoselect: true,
+    minLength: 2,
+    id: "govgr"
+  }
+)), /* @__PURE__ */ import_react.default.createElement(import_Button.default, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithMinLength_default = WithMinLength;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithMinLength
+});
+//# sourceMappingURL=WithMinLength.js.map

package/cjs/form/AutoComplete/__stories__/WithMinLength.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/form/AutoComplete/__stories__/WithMinLength.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';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const WithMinLength = () => (\n  <div>\n    <Paragraph>\n      \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, \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 \u03B7 \u03B1\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03B5\u03AF\u03BD\u03B1\u03B9 2.\n    </Paragraph>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        autoselect={true}\n        minLength={2}\n        id=\"govgr\"\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithMinLength;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAmB;AACnB,4BAA+B;AAC/B,uBAA0B;AAEnB,MAAM,gBAAgB,MAC3B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,kCAAU,+jBAGX,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,IAAG;AAAA;AACL,CACF,GACA,6BAAAA,QAAA,cAAC,cAAAC,SAAA,MAAO,4CAAO,CACjB;AAGF,IAAO,wBAAQ;",
+  "names": ["React", "Button"]
+}

package/cjs/form/AutoComplete/__stories__/WithPlaceHolder/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithPlaceHolder_exports = {};
+__export(WithPlaceHolder_exports, {
+  WithPlaceHolder: () => WithPlaceHolder,
+  default: () => WithPlaceHolder_default
+});
+module.exports = __toCommonJS(WithPlaceHolder_exports);
+var import_react = __toESM(require("react"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_utils = require("@digigov/ui/form/AutoComplete/utils");
+var import_Button = require("@digigov/ui/form/Button");
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+const WithPlaceHolder = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(
+  import_AutoComplete.AutoComplete,
+  {
+    source: import_utils.suggest,
+    autoselect: true,
+    placeholder: "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03C7\u03CE\u03C1\u03B1\u03C2",
+    id: "govgr"
+  }
+)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithPlaceHolder_default = WithPlaceHolder;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithPlaceHolder
+});
+//# sourceMappingURL=WithPlaceHolder.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAuB;AACvB,4BAA+B;AAExB,MAAM,kBAAkB,MAC7B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ,IAAG;AAAA;AACL,CACF,GACA,6BAAAA,QAAA,cAAC,4BAAO,4CAAO,CACjB;AAGF,IAAO,0BAAQ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithShowAllValues_exports = {};
+__export(WithShowAllValues_exports, {
+  WithShowAllValues: () => WithShowAllValues,
+  default: () => WithShowAllValues_default
+});
+module.exports = __toCommonJS(WithShowAllValues_exports);
+var import_react = __toESM(require("react"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_utils = require("@digigov/ui/form/AutoComplete/utils");
+var import_Button = __toESM(require("@digigov/ui/form/Button"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+const WithShowAllValues = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, null, /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.AutoComplete, { source: import_utils.suggest, autoselect: true, id: "govgr" })), /* @__PURE__ */ import_react.default.createElement(import_Button.default, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithShowAllValues_default = WithShowAllValues;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithShowAllValues
+});
+//# sourceMappingURL=WithShowAllValues.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,mBAAwB;AACxB,oBAAmB;AACnB,4BAA+B;AAExB,MAAM,oBAAoB,MAC/B,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAa,QAAQ,sBAAS,YAAY,MAAM,IAAG,SAAQ,CAC9D,GACA,6BAAAA,QAAA,cAAC,cAAAC,SAAA,MAAO,4CAAO,CACjB;AAGF,IAAO,4BAAQ;",
+  "names": ["React", "Button"]
+}

package/cjs/form/AutoComplete/index.js

@@ -31,6 +31,7 @@ __export(AutoComplete_exports, {
   AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint,
   AutoCompleteContainer: () => import_AutoCompleteContainer.AutoCompleteContainer,
   AutoCompleteInputBase: () => import_AutoCompleteInputBase.AutoCompleteInputBase,
+  AutoCompleteInputTypeahead: () => import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
   AutoCompleteResultList: () => import_AutoCompleteResultList.AutoCompleteResultList,
@@ -42,6 +43,7 @@ var import_react = __toESM(require("react"));
 var import_AutoCompleteAssistiveHint = require("@digigov/react-core/AutoCompleteAssistiveHint");
 var import_AutoCompleteContainer = require("@digigov/react-core/AutoCompleteContainer");
 var import_AutoCompleteInputBase = require("@digigov/react-core/AutoCompleteInputBase");
+var import_AutoCompleteInputTypeahead = require("@digigov/react-core/AutoCompleteInputTypeahead");
 var import_AutoCompleteMultipleInput = require("@digigov/react-core/AutoCompleteMultipleInput");
 var import_AutoCompleteMultipleInputContainer = require("@digigov/react-core/AutoCompleteMultipleInputContainer");
 var import_AutoCompleteResultList = require("@digigov/react-core/AutoCompleteResultList");
@@ -103,7 +105,6 @@ class AutoComplete extends import_react.Component {
       minLength: 0,
       name: "ds-input-autocomplete",
       placeholder: "",
-      hint: false,
       onConfirm: () => {
         return;
       },
@@ -157,13 +158,12 @@ class AutoComplete extends import_react.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,
@@ -179,7 +179,6 @@ class AutoComplete extends import_react.Component {
     });
   }
   handleAutoCompleteBlur(event, index) {
-    const { autoselect } = this.props;
     const { focused, options, query, selected } = this.state;
     let focusingOutsideComponent = false;
     if (event.relatedTarget === null) {
@@ -194,26 +193,17 @@ class AutoComplete extends import_react.Component {
       focusingAnotherOption = focused !== index && focused !== -1;
     }
     const blurComponent = focusingOutsideComponent && !(focusingAnotherOption || focusingInput || focusingButtonArrow);
-    if (blurComponent && !autoselect) {
+    if (blurComponent) {
       const newQuery = (0, import_utils.isIosDevice)() ? query : this.templateInputValue(options[selected]);
       this.handleComponentBlur({
         menuOpen: false,
         query: newQuery
       });
     }
-    if (blurComponent && autoselect) {
-      const selectedOption = this.templateInputValue(
-        options[selected]
-      );
-      const newQuery = (0, import_utils.isIosDevice)() ? query : selectedOption?.toLowerCase().includes(query.toLowerCase()) ? selectedOption : query;
-      this.handleComponentBlur({
-        menuOpen: false,
-        query: newQuery
-      });
-    }
   }
   handleInputChange(event) {
     const { source, minLength } = this.props;
+    const autoselect = this.hasAutoselect();
     const query = event.target.value;
     const queryEmpty = query.length === 0;
     this.setState({
@@ -226,7 +216,7 @@ class AutoComplete extends import_react.Component {
       this.setState({
         menuOpen: optionsAvailable,
         options,
-        selected: -1,
+        selected: autoselect && optionsAvailable ? 0 : -1,
         validChoiceMade: false
       });
     });
@@ -267,7 +257,6 @@ class AutoComplete extends import_react.Component {
         hovered: index
       });
     }
-    this.handleOptionFocus(index);
   }
   handleOptionClickMultiple(index) {
     const selectedOption = this.state.options[index];
@@ -394,13 +383,11 @@ class AutoComplete extends import_react.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) {
@@ -441,7 +428,6 @@ class AutoComplete extends import_react.Component {
       name,
       placeholder,
       required,
-      hint,
       tNoResults,
       tStatusQueryTooShort,
       tStatusNoResults,
@@ -472,7 +458,7 @@ class AutoComplete extends import_react.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
@@ -555,7 +541,7 @@ class AutoComplete extends import_react.Component {
         tSelectedOption: tStatusSelectedOption,
         tResults: tStatusResults
       }
-    ), multiple && !autoselect ? /* @__PURE__ */ import_react.default.createElement(
+    ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead, { value: hintValue }), multiple ? /* @__PURE__ */ import_react.default.createElement(
       import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
       {
         isFocused: componentIsFocused,
@@ -603,7 +589,7 @@ class AutoComplete extends import_react.Component {
           onChange: this.handleInputChange,
           onFocus: this.handleInputFocus,
           name,
-          placeholder: hintValue || placeholder,
+          placeholder,
           ref: (inputElement) => {
             this.elementReferences[-1] = inputElement;
           },
@@ -627,7 +613,7 @@ class AutoComplete extends import_react.Component {
                 this.setState({
                   menuOpen: optionsAvailable,
                   options: options2,
-                  selected: -1,
+                  selected: autoselect && optionsAvailable ? 0 : -1,
                   validChoiceMade: false
                 });
               });
@@ -670,7 +656,7 @@ class AutoComplete extends import_react.Component {
         onChange: this.handleInputChange,
         onFocus: this.handleInputFocus,
         name,
-        placeholder: hintValue || placeholder,
+        placeholder,
         ref: (inputElement) => {
           this.elementReferences[-1] = inputElement;
         },
@@ -697,6 +683,7 @@ class AutoComplete extends import_react.Component {
   AutoCompleteAssistiveHint,
   AutoCompleteContainer,
   AutoCompleteInputBase,
+  AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer,
   AutoCompleteResultList,