@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-4be8f7cc

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithInLine = void 0;
+exports["default"] = exports.MultipleShowingTwoSelected = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AutoComplete = require("@digigov/ui/form/AutoComplete");
 var _utils = require("@digigov/ui/form/AutoComplete/utils");
@@ -12,11 +12,12 @@ var _Button = require("@digigov/ui/form/Button");
 var _FieldContainer = require("@digigov/ui/form/FieldContainer");
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
   source: _utils.suggest,
-  autoselect: true,
-  displayMenu: "inline",
-  id: "govgr"
+  multiple: true,
+  width: "75%",
+  id: "multiple-showing-two-selected",
+  numberOfSelected: 2
 })), /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
-var WithInLine = exports.WithInLine = function WithInLine() {
+var MultipleShowingTwoSelected = exports.MultipleShowingTwoSelected = function MultipleShowingTwoSelected() {
   return _ref;
 };
-var _default = exports["default"] = WithInLine;
+var _default = exports["default"] = MultipleShowingTwoSelected;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultipleWithDefaultValues = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AutoComplete = require("@digigov/ui/form/AutoComplete");
+var _utils = require("@digigov/ui/form/AutoComplete/utils");
+var _Button = require("@digigov/ui/form/Button");
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE");
+var MultipleWithDefaultValues = exports.MultipleWithDefaultValues = function MultipleWithDefaultValues() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
+    source: _utils.suggest,
+    multiple: true,
+    defaultValue: ['Ελλάδα', 'Ιταλία'],
+    width: "50%",
+    id: "govgr"
+  })), _ref);
+};
+var _default = exports["default"] = MultipleWithDefaultValues;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultipleWithMinLength = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AutoComplete = require("@digigov/ui/form/AutoComplete");
+var _utils = require("@digigov/ui/form/AutoComplete/utils");
+var _Button = require("@digigov/ui/form/Button");
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], 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["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+  marginBottom: 4
+}, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
+  source: _utils.suggest,
+  multiple: true,
+  minLength: 2,
+  width: "50%",
+  id: "multiple-select-default"
+}))), /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var MultipleWithMinLength = exports.MultipleWithMinLength = function MultipleWithMinLength() {
+  return _ref;
+};
+var _default = exports["default"] = MultipleWithMinLength;

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

@@ -13,7 +13,6 @@ var _FieldContainer = require("@digigov/ui/form/FieldContainer");
 var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
   source: _utils.suggest,
   autoselect: true,
-  showAllValues: true,
   id: "govgr"
 })), /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
 var WithShowAllValues = exports.WithShowAllValues = function WithShowAllValues() {