@digigov/ui 1.1.2 → 1.1.4-mobile

package/form/AutoComplete/Status/index.js

@@ -1,133 +1,96 @@
-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() {
+import React, { Component } from "react";
+import AutoCompleteStatus from "@digigov/react-core/AutoCompleteStatus";
+import AutoCompleteStatusContainer from "@digigov/react-core/AutoCompleteStatusContainer";
+const debounce = function(func, wait, immediate) {
+  let timeout;
+  return function(...args) {
+    const context = this;
+    const later = function() {
       timeout = null;
       if (!immediate) func.apply(context, args);
     };
-    var callNow = immediate && !timeout;
+    const callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
     if (callNow) func.apply(context, args);
+    return timeout;
   };
 };
-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 = {
+const statusDebounceMillis = 1400;
+class Status extends Component {
+  constructor() {
+    super(...arguments);
+    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);
+  static {
+    this.defaultProps = {
+      tQueryTooShort: (minQueryLength) => `Type in ${minQueryLength} or more characters for results`,
+      tNoResults: () => "No search results",
+      tSelectedOption: (selectedOption, length, index) => `${selectedOption} ${index + 1} of ${length} is highlighted`,
+      tResults: (length, contentSelectedOption) => {
+        const words = {
+          result: length === 1 ? "result" : "results",
+          is: length === 1 ? "is" : "are"
+        };
+        return `${length} ${words.result} ${words.is} available. ${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);
   }
+  componentWillUnmount() {
+    clearTimeout(this.lastDebounceCall);
+  }
+  UNSAFE_componentWillMount() {
+    const that = this;
+    this.debounceStatusUpdate = debounce(function() {
+      if (!that.state.debounced) {
+        const shouldSilence = !that.props.isInFocus || that.props.validChoiceMade;
+        that.setState(({ bump }) => ({
+          bump: !bump,
+          debounced: true,
+          silenced: shouldSilence
+        }));
+      }
+    }, statusDebounceMillis);
+  }
+  UNSAFE_componentWillReceiveProps() {
+    this.setState({ debounced: false });
+  }
+  render() {
+    const {
+      id,
+      length,
+      queryLength,
+      minQueryLength,
+      selectedOption,
+      selectedOptionIndex,
+      tQueryTooShort,
+      tNoResults,
+      tSelectedOption,
+      tResults
+    } = this.props;
+    const { bump, debounced, silenced } = this.state;
+    const queryTooShort = queryLength < minQueryLength;
+    const noResults = length === 0;
+    const contentSelectedOption = selectedOption ? tSelectedOption(selectedOption, length, selectedOptionIndex) : "";
+    let content;
+    if (queryTooShort) {
+      content = tQueryTooShort?.(minQueryLength);
+    } else if (noResults) {
+      content = tNoResults?.();
+    } else {
+      content = tResults?.(length, contentSelectedOption);
+    }
+    this.lastDebounceCall = this.debounceStatusUpdate();
+    return /* @__PURE__ */ React.createElement(AutoCompleteStatusContainer, 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 : " "));
+  }
+}
+export {
+  AutoCompleteStatus,
+  AutoCompleteStatusContainer,
+  Status as default
 };
-export { Status as default };
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"],
+  "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__/Default/index.js

@@ -1,14 +1,12 @@
-import React from 'react';
-import { AutoComplete } from '@digigov/ui/form/AutoComplete';
-import { suggest } from '@digigov/ui/form/AutoComplete/utils';
-import { Button } from '@digigov/ui/form/Button';
-import { FieldContainer } from '@digigov/ui/form/FieldContainer';
-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;
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const Default = () => /* @__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"));
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/AutoComplete/__stories__/Default.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 Default = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete source={suggest} width=\"33.3%\" id=\"govgr\" />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,UAAU,MACrB,oCAAC,aACC,oCAAC,sBACC,oCAAC,gBAAa,QAAQ,SAAS,OAAM,SAAQ,IAAG,SAAQ,CAC1D,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer, 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"));
+var Multiple_default = Multiple;
+export {
+  Multiple,
+  Multiple_default as default
+};
+//# sourceMappingURL=Multiple.js.map

package/form/AutoComplete/__stories__/Multiple/package.json

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

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

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

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const 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,
+  MultipleShowingTwoSelected_default as default
+};
+//# sourceMappingURL=MultipleShowingTwoSelected.js.map

package/form/AutoComplete/__stories__/MultipleShowingTwoSelected/package.json

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

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

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

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const 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,
+  MultipleWithDefaultValues_default as default
+};
+//# sourceMappingURL=MultipleWithDefaultValues.js.map

package/form/AutoComplete/__stories__/MultipleWithDefaultValues/package.json

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

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

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

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+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, Fieldset } from "@digigov/ui/form/FieldContainer";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+const MultipleWithMinLength = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paragraph, null, "\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 \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."), /* @__PURE__ */ React.createElement(FieldContainer, null, /* @__PURE__ */ React.createElement(Fieldset, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(
+  AutoComplete,
+  {
+    source: suggest,
+    multiple: true,
+    minLength: 2,
+    width: "50%",
+    id: "multiple-select-default"
+  }
+))), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var MultipleWithMinLength_default = MultipleWithMinLength;
+export {
+  MultipleWithMinLength,
+  MultipleWithMinLength_default as default
+};
+//# sourceMappingURL=MultipleWithMinLength.js.map

package/form/AutoComplete/__stories__/MultipleWithMinLength/package.json

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

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

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

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

@@ -0,0 +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"],
+  "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__/WithAutoSelect/index.js

@@ -1,29 +1,28 @@
-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, {
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const WithAutoSelect = () => /* @__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}`;
-    // }}
-    ,
+    id: "govgr",
     templates: {
-      suggestion: function suggestion(value) {
-        return '--> ' + value;
+      suggestion: (value) => {
+        return "--> " + value;
       },
-      inputValue: function inputValue(value) {
-        return value ? 'Χώρα: ' + value : '';
+      inputValue: (value) => {
+        return value ? "\u03A7\u03CE\u03C1\u03B1: " + value : "";
       }
     },
-    tNoResults: function tNoResults() {
-      return 'Δεν υπάρχουν αποτελέσματα';
-    }
-  })), _ref);
+    tNoResults: () => "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1"
+  }
+)), /* @__PURE__ */ React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var WithAutoSelect_default = WithAutoSelect;
+export {
+  WithAutoSelect,
+  WithAutoSelect_default as default
 };
-export default WithAutoSelect;
+//# sourceMappingURL=WithAutoSelect.js.map

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/AutoComplete/__stories__/WithAutoSelect.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 WithAutoSelect = () => (\n  <div>\n    <FieldContainer>\n      <AutoComplete\n        source={suggest}\n        autoselect={true}\n        id=\"govgr\"\n        // tStatusResults={(x, y) => {\n        //   return `Results x: ${x} y: ${y}`;\n        // }}\n        templates={{\n          suggestion: (value) => {\n            return '--> ' + value;\n          },\n          inputValue: (value) => {\n            return value ? '\u03A7\u03CE\u03C1\u03B1: ' + value : '';\n          },\n        }}\n        tNoResults={() => '\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1'}\n      />\n    </FieldContainer>\n    <Button>\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE</Button>\n  </div>\n);\n\nexport default WithAutoSelect;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,iBAAiB,MAC5B,oCAAC,aACC,oCAAC,sBACC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,IAAG;AAAA,IAIH,WAAW;AAAA,MACT,YAAY,CAAC,UAAU;AACrB,eAAO,SAAS;AAAA,MAClB;AAAA,MACA,YAAY,CAAC,UAAU;AACrB,eAAO,QAAQ,+BAAW,QAAQ;AAAA,MACpC;AAAA,IACF;AAAA,IACA,YAAY,MAAM;AAAA;AACpB,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -1,15 +1,20 @@
-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;
+import React from "react";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { suggest } from "@digigov/ui/form/AutoComplete/utils";
+import { Button } from "@digigov/ui/form/Button";
+import { FieldContainer } from "@digigov/ui/form/FieldContainer";
+const WithDefaultValue = () => /* @__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"));
+var WithDefaultValue_default = WithDefaultValue;
+export {
+  WithDefaultValue,
+  WithDefaultValue_default as default
 };
-export default WithDefaultValue;
+//# sourceMappingURL=WithDefaultValue.js.map

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

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

package/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,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,MAC9B,oCAAC,aACC,oCAAC,sBACC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAa;AAAA,IACb,IAAG;AAAA;AACL,CACF,GACA,oCAAC,cAAO,4CAAO,CACjB;AAGF,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -1,16 +1,21 @@
-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;
+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";
+const WithMinLength = () => /* @__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"));
+var WithMinLength_default = WithMinLength;
+export {
+  WithMinLength,
+  WithMinLength_default as default
 };
-export default WithMinLength;
+//# sourceMappingURL=WithMinLength.js.map

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

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