@digigov/ui 2.0.0-cbc56209 → 2.0.0-fec6f1f7

package/cjs/form/AutoComplete/index.mdx

@@ -20,14 +20,6 @@ through, select from large collections of options and help services get more con
   story="WithAutoSelect.tsx"
 />
 
-### AutoComplete with inline style
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithInLine.tsx"
-/>
-
 ### AutoComplete with default value
 
 <Story

package/cjs/form/AutoComplete/utils/index.js

@@ -12,7 +12,8 @@ var keyCodes = exports.keyCodes = {
   27: 'escape',
   32: 'space',
   38: 'up',
-  40: 'down'
+  40: 'down',
+  8: 'backspace'
 };
 function isIosDevice() {
   return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));

package/cjs/govgr/Footer/index.mdx

@@ -99,5 +99,3 @@ import { Feedback } from '@digigov/ui/govgr/Footer';
 ## API
 
 See below for a complete reference to all of the props  available to the components mentioned here.
-
-<PropTypes packageName="@digigov/ui" component="Footer" />

package/cjs/i18n/locales/el/index.js

@@ -18,8 +18,8 @@ var _default = exports["default"] = {
       string: 'Το πεδίο πρέπει να είναι string',
       email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
       afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
-      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο.',
-      image_size: 'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο απο το επιτρεπόμενο.',
+      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
+      image_size: 'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
       mobile_phone: 'Συμπληρώστε έναν έγκυρο αριθμό κινητού τηλεφώνου.',
       phone_number: 'Συμπληρώστε έναν έγκυρο αριθμό τηλεφώνου.',
       landline: 'Συμπληρώστε έναν έγκυρο αριθμό σταθερού τηλεφώνου.',

package/cjs/i18n/locales/en/index.js

@@ -18,8 +18,8 @@ var _default = exports["default"] = {
       string: 'This field must be a string',
       email: 'Please enter a valid email address (e-mail).',
       afm: 'The VAT number you entered is incorrect.',
-      file_size: 'File size is larger than allowed.',
-      image_size: 'Image size is larger than allowed.',
+      file_size: 'File size is larger than allowed ({{maxSizeToMb}}Mb).',
+      image_size: 'Image size is larger than allowed ({{maxSizeToMb}}Mb).',
       mobile_phone: 'Fill in a valid mobile phone number.',
       landline: 'Fill in a valid landline phone number.',
       phone_number: 'Fill in a valid phone number.',

package/cjs/lazy/index.js

@@ -1405,6 +1405,15 @@ var _default = exports["default"] = {
       };
     });
   }),
+  'AutoCompleteContainer': /*#__PURE__*/(0, _react.lazy)(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
+    }).then(function (module) {
+      return {
+        "default": module['AutoCompleteContainer']
+      };
+    });
+  }),
   'AutoCompleteInput': /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
@@ -1423,30 +1432,39 @@ var _default = exports["default"] = {
       };
     });
   }),
-  'AutoCompleteResultList': /*#__PURE__*/(0, _react.lazy)(function () {
+  'AutoCompleteMultipleInput': /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
     }).then(function (module) {
       return {
-        "default": module['AutoCompleteResultList']
+        "default": module['AutoCompleteMultipleInput']
       };
     });
   }),
-  'AutoCompleteResultListItem': /*#__PURE__*/(0, _react.lazy)(function () {
+  'AutoCompleteMultipleInputContainer': /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
     }).then(function (module) {
       return {
-        "default": module['AutoCompleteResultListItem']
+        "default": module['AutoCompleteMultipleInputContainer']
       };
     });
   }),
-  'AutoCompleteWrapper': /*#__PURE__*/(0, _react.lazy)(function () {
+  'AutoCompleteResultList': /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
     }).then(function (module) {
       return {
-        "default": module['AutoCompleteWrapper']
+        "default": module['AutoCompleteResultList']
+      };
+    });
+  }),
+  'AutoCompleteResultListItem': /*#__PURE__*/(0, _react.lazy)(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete'));
+    }).then(function (module) {
+      return {
+        "default": module['AutoCompleteResultListItem']
       };
     });
   }),
@@ -1459,12 +1477,12 @@ var _default = exports["default"] = {
       };
     });
   }),
-  'AutoCompleteStatusWrapper': /*#__PURE__*/(0, _react.lazy)(function () {
+  'AutoCompleteStatusContainer': /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('@digigov/ui/form/AutoComplete/Status'));
     }).then(function (module) {
       return {
-        "default": module['AutoCompleteStatusWrapper']
+        "default": module['AutoCompleteStatusContainer']
       };
     });
   }),

package/cjs/navigation/Dropdown/Dropdown.stories/index.js

@@ -115,6 +115,18 @@ Object.keys(_ContentPosition).forEach(function (key) {
     }
   });
 });
+var _ScrollableContent = require("@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent");
+Object.keys(_ScrollableContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ScrollableContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ScrollableContent[key];
+    }
+  });
+});
 var _Dense = require("@digigov/ui/navigation/Dropdown/__stories__/Dense");
 Object.keys(_Dense).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/navigation/Dropdown/Dropdown.stories.playwright.json

@@ -64,6 +64,22 @@
           "title": "Open dropdown action"
         }
       ]
+    },
+    "digigov-ui-navigation-dropdown--scrollable-content": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            }
+          ],
+          "id": "rZUYM--IzpfW",
+          "title": "open content"
+        }
+      ]
     }
   }
 }

package/cjs/navigation/Dropdown/__stories__/ScrollableContent/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ScrollableContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Dropdown = require("@digigov/ui/navigation/Dropdown");
+var _NavList = require("@digigov/ui/navigation/NavList");
+var data = [{
+  name: 'Item 1',
+  href: '#'
+}, {
+  name: 'Item 2',
+  href: '#'
+}, {
+  name: 'Item 3',
+  href: '#'
+}, {
+  name: 'Item 4',
+  href: '#'
+}, {
+  name: 'Item 5',
+  href: '#'
+}, {
+  name: 'Item 6',
+  href: '#'
+}, {
+  name: 'Item 7',
+  href: '#'
+}, {
+  name: 'Item 8',
+  href: '#'
+}, {
+  name: 'Item 9',
+  href: '#'
+}, {
+  name: 'Item 10',
+  href: '#'
+}, {
+  name: 'Item 11',
+  href: '#'
+}, {
+  name: 'Item 12',
+  href: '#'
+}];
+var _ref = /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
+  role: "button",
+  "aria-haspopup": "true",
+  "aria-controls": "menu2",
+  arrow: true
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
+var ScrollableContent = exports.ScrollableContent = function ScrollableContent() {
+  return /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, null, _ref, /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, {
+    role: "menu",
+    id: "menu2",
+    scrollable: true
+  }, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+    layout: "vertical"
+  }, data.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
+      role: "menuitem",
+      href: item.href
+    }, item.name);
+  }))));
+};
+var _default = exports["default"] = ScrollableContent;

package/content/SafeHTML/index.d.ts

@@ -6,5 +6,5 @@ export interface SafeHTMLProps {
     Tag?: string;
     style?: React.CSSProperties;
 }
-export declare const SafeHTML: ({ content, tags, Tag, style, }: SafeHTMLProps) => JSX.Element;
+export declare const SafeHTML: ({ content, tags, Tag, ...props }: SafeHTMLProps) => JSX.Element;
 export default SafeHTML;

package/content/SafeHTML/index.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["content", "tags", "Tag"];
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -66,8 +68,7 @@ export var SafeHTML = function SafeHTML(_ref) {
     tags = _ref.tags,
     _ref$Tag = _ref.Tag,
     Tag = _ref$Tag === void 0 ? 'span' : _ref$Tag,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style;
+    props = _objectWithoutProperties(_ref, _excluded);
   if (tags) {
     var _tags;
     (_tags = tags).push.apply(_tags, defaultTags);
@@ -82,14 +83,10 @@ export var SafeHTML = function SafeHTML(_ref) {
   }, [content]);
   return /*#__PURE__*/React.createElement(Tag
   // @ts-ignore
-  , {
-    style: _extends({
-      whiteSpace: 'break-spaces'
-    }, style),
-    className: "ds-body",
+  , _extends({
     dangerouslySetInnerHTML: {
       __html: parsedHTML
     }
-  });
+  }, props));
 };
 export default SafeHTML;

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

@@ -5,8 +5,11 @@ export default {
   displayName: 'AutoComplete'
 };
 export * from '@digigov/ui/form/AutoComplete/__stories__/Default';
+export * from '@digigov/ui/form/AutoComplete/__stories__/Multiple';
+export * from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues';
+export * from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';
+export * from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength';
 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';

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

@@ -5,8 +5,11 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/form/AutoComplete/__stories__/Default";
+export * from "@digigov/ui/form/AutoComplete/__stories__/Multiple";
+export * from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues";
+export * from "@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected";
+export * from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength";
 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";

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

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-form-autocomplete--multiple": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>ul:nth-child(4)>div>li:nth-child(3)"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>button"
+              }
+            }
+          ],
+          "id": "SP0dXbHKOZl7",
+          "title": "show chip"
+        }
+      ]
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 import { Component } from 'react';
 import AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';
-import AutoCompleteStatusWrapper from '@digigov/react-core/AutoCompleteStatusWrapper';
+import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
 type StatusProps = {
     id: string;
     length: number;
@@ -33,8 +33,10 @@ export default class Status extends Component<StatusProps, StateProps> {
         silenced: boolean;
     };
     debounceStatusUpdate: () => void;
+    lastDebounceCall: any;
+    componentWillUnmount(): void;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(): void;
     render(): JSX.Element;
 }
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };
+export { AutoCompleteStatusContainer, AutoCompleteStatus };

package/form/AutoComplete/Status/index.js

@@ -7,7 +7,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 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';
+import AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';
 var debounce = function debounce(func, wait, immediate) {
   var timeout;
   return function () {
@@ -26,6 +26,7 @@ var debounce = function debounce(func, wait, immediate) {
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
     if (callNow) func.apply(context, args);
+    return timeout;
   };
 };
 var statusDebounceMillis = 1400;
@@ -44,9 +45,15 @@ var Status = /*#__PURE__*/function (_Component) {
       silenced: false
     };
     _this.debounceStatusUpdate = void 0;
+    _this.lastDebounceCall = void 0;
     return _this;
   }
   _createClass(Status, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.lastDebounceCall);
+    }
+  }, {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       // eslint-disable-next-line @typescript-eslint/no-this-alias
@@ -101,8 +108,8 @@ var Status = /*#__PURE__*/function (_Component) {
       } else {
         content = tResults === null || tResults === void 0 ? void 0 : tResults(length, contentSelectedOption);
       }
-      this.debounceStatusUpdate();
-      return /*#__PURE__*/React.createElement(AutoCompleteStatusWrapper, null, /*#__PURE__*/React.createElement(AutoCompleteStatus, {
+      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'
@@ -130,4 +137,4 @@ Status.defaultProps = {
   }
 };
 export { Status as default };
-export { AutoCompleteStatusWrapper, AutoCompleteStatus };
+export { AutoCompleteStatusContainer, AutoCompleteStatus };

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

@@ -0,0 +1,17 @@
+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';
+var _ref = /*#__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"));
+export var Multiple = function Multiple() {
+  return _ref;
+};
+export default Multiple;

package/form/AutoComplete/__stories__/{WithInLine → Multiple}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../../cjs/form/AutoComplete/__stories__/WithInLine/index.js"
+  "main": "../../../../cjs/form/AutoComplete/__stories__/Multiple/index.js"
 }

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

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

package/form/AutoComplete/__stories__/{WithInLine → MultipleShowingTwoSelected}/index.js

@@ -5,11 +5,12 @@ 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"
+  multiple: true,
+  width: "75%",
+  id: "multiple-showing-two-selected",
+  numberOfSelected: 2
 })), /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-export var WithInLine = function WithInLine() {
+export var MultipleShowingTwoSelected = function MultipleShowingTwoSelected() {
   return _ref;
 };
-export default WithInLine;
+export default MultipleShowingTwoSelected;

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 @@
+/// <reference types="react" />
+export declare const MultipleShowingTwoSelected: () => JSX.Element;
+export default MultipleShowingTwoSelected;

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

@@ -0,0 +1,16 @@
+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 MultipleWithDefaultValues = function MultipleWithDefaultValues() {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(AutoComplete, {
+    source: suggest,
+    multiple: true,
+    defaultValue: ['Ελλάδα', 'Ιταλία'],
+    width: "50%",
+    id: "govgr"
+  })), _ref);
+};
+export default MultipleWithDefaultValues;

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 @@
+/// <reference types="react" />
+export declare const MultipleWithDefaultValues: () => JSX.Element;
+export default MultipleWithDefaultValues;

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

@@ -0,0 +1,19 @@
+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';
+var _ref = /*#__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"));
+export var MultipleWithMinLength = function MultipleWithMinLength() {
+  return _ref;
+};
+export default MultipleWithMinLength;

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 @@
+/// <reference types="react" />
+export declare const MultipleWithMinLength: () => JSX.Element;
+export default MultipleWithMinLength;

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

@@ -6,7 +6,6 @@ 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() {