@digigov/ui 2.0.0-f2d82d25 → 2.0.0-rc.0

package/feedback/WarningText/package.json

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

package/feedback/index.d.ts

@@ -1,5 +0,0 @@
-export * from '@digigov/ui/feedback/CopyToClipboard';
-export * from '@digigov/ui/feedback/ErrorSummary';
-export * from '@digigov/ui/feedback/NotificationBanner';
-export * from '@digigov/ui/feedback/PhaseBanner';
-export * from '@digigov/ui/feedback/WarningText';

package/feedback/index.js

@@ -1,5 +0,0 @@
-export * from '@digigov/ui/feedback/CopyToClipboard';
-export * from '@digigov/ui/feedback/ErrorSummary';
-export * from '@digigov/ui/feedback/NotificationBanner';
-export * from '@digigov/ui/feedback/PhaseBanner';
-export * from '@digigov/ui/feedback/WarningText';

package/feedback/package.json

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

package/form/AutoComplete/AutoComplete.stories/index.js

@@ -1,13 +0,0 @@
-import AutoComplete from '@digigov/ui/form/AutoComplete';
-export default {
-  title: 'Digigov UI/form/AutoComplete',
-  component: AutoComplete,
-  displayName: 'AutoComplete'
-};
-export * from '@digigov/ui/form/AutoComplete/__stories__/Default';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithInLine';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';
-export * from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';

package/form/AutoComplete/AutoComplete.stories/package.json

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

package/form/AutoComplete/AutoComplete.stories.d.ts

@@ -1,14 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AutoComplete as component };
-    export let displayName: string;
-}
-export default _default;
-export * from "@digigov/ui/form/AutoComplete/__stories__/Default";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithInLine";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
-export * from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
-import AutoComplete from '@digigov/ui/form/AutoComplete';

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

@@ -1,40 +0,0 @@
-import { Component } from 'react';
-import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
-type StatusProps = {
-    id: string;
-    length: number;
-    queryLength: number;
-    minQueryLength?: number;
-    selectedOption: string;
-    selectedOptionIndex: number;
-    validChoiceMade: boolean;
-    isInFocus: boolean;
-    tQueryTooShort?: (x: number) => string;
-    tNoResults?: () => string;
-    tSelectedOption: (x: string, y: number, z: number) => string;
-    tResults?: (x: number, y: string) => string;
-};
-type StateProps = {
-    bump: boolean;
-    debounced: boolean;
-    silenced: boolean;
-};
-export default class Status extends Component<StatusProps, StateProps> {
-    static defaultProps: {
-        tQueryTooShort: (minQueryLength: number) => string;
-        tNoResults: () => string;
-        tSelectedOption: (selectedOption: string, length: number, index: number) => string;
-        tResults: (length: number, contentSelectedOption: string) => string;
-    };
-    state: {
-        bump: boolean;
-        debounced: boolean;
-        silenced: boolean;
-    };
-    debounceStatusUpdate: () => void;
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillReceiveProps(): void;
-    render(): JSX.Element;
-}
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };

package/form/AutoComplete/Status/index.js

@@ -1,133 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { Component } from 'react';
-import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
-var debounce = function debounce(func, wait, immediate) {
-  var timeout;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    var context = this;
-    var later = function later() {
-      timeout = null;
-      if (!immediate) func.apply(context, args);
-    };
-    var callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) func.apply(context, args);
-  };
-};
-var statusDebounceMillis = 1400;
-var Status = /*#__PURE__*/function (_Component) {
-  _inherits(Status, _Component);
-  function Status() {
-    var _this;
-    _classCallCheck(this, Status);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this = _callSuper(this, Status, [].concat(args));
-    _this.state = {
-      bump: false,
-      debounced: false,
-      silenced: false
-    };
-    _this.debounceStatusUpdate = void 0;
-    return _this;
-  }
-  _createClass(Status, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
-      var that = this;
-      this.debounceStatusUpdate = debounce(function () {
-        if (!that.state.debounced) {
-          var shouldSilence = !that.props.isInFocus || that.props.validChoiceMade;
-          that.setState(function (_ref) {
-            var bump = _ref.bump;
-            return {
-              bump: !bump,
-              debounced: true,
-              silenced: shouldSilence
-            };
-          });
-        }
-      }, statusDebounceMillis);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps() {
-      this.setState({
-        debounced: false
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        id = _this$props.id,
-        length = _this$props.length,
-        queryLength = _this$props.queryLength,
-        minQueryLength = _this$props.minQueryLength,
-        selectedOption = _this$props.selectedOption,
-        selectedOptionIndex = _this$props.selectedOptionIndex,
-        tQueryTooShort = _this$props.tQueryTooShort,
-        tNoResults = _this$props.tNoResults,
-        tSelectedOption = _this$props.tSelectedOption,
-        tResults = _this$props.tResults;
-      var _this$state = this.state,
-        bump = _this$state.bump,
-        debounced = _this$state.debounced,
-        silenced = _this$state.silenced;
-      var queryTooShort = queryLength < minQueryLength;
-      var noResults = length === 0;
-      var contentSelectedOption = selectedOption ? tSelectedOption(selectedOption, length, selectedOptionIndex) : '';
-      var content;
-      if (queryTooShort) {
-        content = tQueryTooShort === null || tQueryTooShort === void 0 ? void 0 : tQueryTooShort(minQueryLength);
-      } else if (noResults) {
-        content = tNoResults === null || tNoResults === void 0 ? void 0 : tNoResults();
-      } else {
-        content = tResults === null || tResults === void 0 ? void 0 : tResults(length, contentSelectedOption);
-      }
-      this.debounceStatusUpdate();
-      return /*#__PURE__*/React.createElement(AutoCompleteStatusWrapper, null, /*#__PURE__*/React.createElement(AutoCompleteStatus, {
-        id: id + '__status--A'
-      }, !silenced && debounced && bump ? content : ' '), /*#__PURE__*/React.createElement(AutoCompleteStatus, {
-        id: id + '__status--B'
-      }, !silenced && debounced && !bump ? content : ' '));
-    }
-  }]);
-  return Status;
-}(Component);
-Status.defaultProps = {
-  tQueryTooShort: function tQueryTooShort(minQueryLength) {
-    return "Type in ".concat(minQueryLength, " or more characters for results");
-  },
-  tNoResults: function tNoResults() {
-    return 'No search results';
-  },
-  tSelectedOption: function tSelectedOption(selectedOption, length, index) {
-    return "".concat(selectedOption, " ").concat(index + 1, " of ").concat(length, " is highlighted");
-  },
-  tResults: function tResults(length, contentSelectedOption) {
-    var words = {
-      result: length === 1 ? 'result' : 'results',
-      is: length === 1 ? 'is' : 'are'
-    };
-    return "".concat(length, " ").concat(words.result, " ").concat(words.is, " available. ").concat(contentSelectedOption);
-  }
-};
-export { Status as default };
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };

package/form/AutoComplete/Status/package.json

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

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

@@ -1,14 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  width: "33.3%",
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var Default = function Default() {
-  return _ref;
-};
-export default Default;

package/form/AutoComplete/__stories__/Default/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
-export default Default;

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

@@ -1,29 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE");
-export var WithAutoSelect = function WithAutoSelect() {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-    source: suggest,
-    autoselect: true,
-    id: "govgr"
-    // tStatusResults={(x, y) => {
-    //   return `Results x: ${x} y: ${y}`;
-    // }}
-    ,
-    templates: {
-      suggestion: function suggestion(value) {
-        return '--> ' + value;
-      },
-      inputValue: function inputValue(value) {
-        return value ? 'Χώρα: ' + value : '';
-      }
-    },
-    tNoResults: function tNoResults() {
-      return 'Δεν υπάρχουν αποτελέσματα';
-    }
-  })), _ref);
-};
-export default WithAutoSelect;

package/form/AutoComplete/__stories__/WithAutoSelect/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithAutoSelect: () => JSX.Element;
-export default WithAutoSelect;

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

@@ -1,15 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  autoselect: true,
-  defaultValue: "\u0393\u03B5\u03C1\u03BC\u03B1\u03BD\u03AF\u03B1",
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithDefaultValue = function WithDefaultValue() {
-  return _ref;
-};
-export default WithDefaultValue;

package/form/AutoComplete/__stories__/WithDefaultValue/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithDefaultValue: () => JSX.Element;
-export default WithDefaultValue;

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

@@ -1,15 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  autoselect: true,
-  displayMenu: "inline",
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithInLine = function WithInLine() {
-  return _ref;
-};
-export default WithInLine;

package/form/AutoComplete/__stories__/WithInLine/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithInLine: () => JSX.Element;
-export default WithInLine;

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

@@ -1,16 +0,0 @@
-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';
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(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__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  autoselect: true,
-  minLength: 2,
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithMinLength = function WithMinLength() {
-  return _ref;
-};
-export default WithMinLength;

package/form/AutoComplete/__stories__/WithMinLength/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithMinLength: () => JSX.Element;
-export default WithMinLength;

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

@@ -1,15 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  autoselect: true,
-  placeholder: "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7 \u03C7\u03CE\u03C1\u03B1\u03C2",
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithPlaceHolder = function WithPlaceHolder() {
-  return _ref;
-};
-export default WithPlaceHolder;

package/form/AutoComplete/__stories__/WithPlaceHolder/package.json

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithPlaceHolder: () => JSX.Element;
-export default WithPlaceHolder;

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

@@ -1,15 +0,0 @@
-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';
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
-  source: suggest,
-  autoselect: true,
-  showAllValues: true,
-  id: "govgr"
-})), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithShowAllValues = function WithShowAllValues() {
-  return _ref;
-};
-export default WithShowAllValues;

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

@@ -1,6 +0,0 @@
-{
-  "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 +0,0 @@
-/// <reference types="react" />
-export declare const WithShowAllValues: () => JSX.Element;
-export default WithShowAllValues;

package/form/AutoComplete/__stories__/utils/package.json

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

package/form/AutoComplete/index.d.ts

@@ -1,117 +0,0 @@
-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 AutoCompleteWrapper from '@digigov/react-core/AutoCompleteWrapper';
-export interface AutoCompleteProps {
-    source: (query: string, syncResults: (options: string[]) => void) => void;
-    id: string;
-    tStatusResults?: (x: number, y: string) => string;
-    tStatusNoResults?: () => string;
-    tStatusQueryTooShort?: (x: number) => string;
-    tStatusSelectedOption?: (x: string, y: number, z: number) => string;
-    tNoResults?: () => string;
-    tAssistiveHint?: () => string;
-    templates?: {
-        suggestion?: (value: any) => any;
-        inputValue?: (value: any) => string;
-    };
-    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
-    autoselect?: boolean;
-    defaultValue?: string;
-    displayMenu?: 'overlay' | 'inline';
-    minLength?: number;
-    name?: string;
-    placeholder?: string;
-    onConfirm?: (x: any) => void;
-    confirmOnBlur?: boolean;
-    showNoOptionsFound?: boolean;
-    showAllValues?: boolean;
-    required?: boolean;
-    dropdownArrow?: React.ElementType;
-}
-export type State = {
-    focused: any;
-    hovered: any;
-    menuOpen: boolean;
-    options: string[];
-    query: string;
-    validChoiceMade: boolean;
-    selected: any;
-    ariaHint: boolean;
-};
-export type NewQueryProps = {
-    menuOpen?: boolean;
-    query?: string;
-};
-export default class AutoComplete extends Component<AutoCompleteProps, State> {
-    static defaultProps: {
-        width: string;
-        autoselect: boolean;
-        defaultValue: string;
-        displayMenu: string;
-        minLength: number;
-        name: string;
-        placeholder: string;
-        onConfirm: () => void;
-        confirmOnBlur: boolean;
-        showNoOptionsFound: boolean;
-        showAllValues: boolean;
-        required: boolean;
-        tNoResults: () => string;
-        tAssistiveHint: () => string;
-        dropdownArrow: (props: any) => JSX.Element;
-    };
-    elementReferences: {};
-    $pollInput: any;
-    constructor(props: AutoCompleteProps);
-    isQueryAnOption(query: string, options: string[]): boolean;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    pollInputElement(): void;
-    getDirectInputChanges(): void;
-    componentDidUpdate(_: any, prevState: Readonly<State>): void;
-    hasAutoselect(): boolean;
-    templateInputValue(value: string): string;
-    templateSuggestion(value: string): string;
-    handleComponentBlur(newState: NewQueryProps): void;
-    handleListMouseLeave(): void;
-    handleOptionBlur(event: React.FocusEvent<HTMLLIElement>, index: number): void;
-    handleInputBlur(): void;
-    handleInputChange(event: {
-        target: any;
-    }): void;
-    handleInputClick(event: React.MouseEvent<HTMLInputElement, MouseEvent>): void;
-    handleInputFocus(): void;
-    handleOptionFocus(index: number): void;
-    handleOptionMouseEnter(index: number): void;
-    handleOptionClick(index: number): void;
-    handleOptionMouseDown(event: {
-        preventDefault: () => void;
-    }): void;
-    handleUpArrow(event: {
-        preventDefault: () => void;
-    }): void;
-    handleDownArrow(event: {
-        preventDefault: () => void;
-    }): void;
-    handleSpace(event: {
-        preventDefault: () => void;
-    }): void;
-    handleEnter(event: {
-        preventDefault: () => void;
-    }): void;
-    handlePrintableKey(event: {
-        target: any;
-    }): void;
-    handleKeyDown(event: {
-        preventDefault: () => void;
-        keyCode: number;
-        target: any;
-    }): void;
-    render(): JSX.Element;
-}
-export { AutoComplete, AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint, };