@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-462194bf

package/cjs/feedback/PhaseBanner/index.mdx

@@ -7,14 +7,12 @@ title: PhaseBanner
 
 Use the phase banner component to show users your service is still being worked on.
 
-```bash
-import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';
-```
-
 ## How to use
 
 Your banner must be directly under the blue GOV.GR header and colour bar.
 
+### Default
+
 <Story
   packageName="@digigov/ui"
   component="feedback/PhaseBanner"
@@ -31,4 +29,9 @@ Your banner must be directly under the blue GOV.GR header and colour bar.
 
 ## API
 
-<PropTypes packageName="@digigov/ui" component="PhaseBanner" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={[
+  "PhaseBanner",
+  "PhaseBannerTag",
+  "PhaseBannerText"]} /> 

package/cjs/feedback/WarningText/index.mdx

@@ -5,15 +5,13 @@ title: WarningText
 
 # WarningText
 
-```bash
-import WarningText from '@digigov/ui/feedback/WarningText';
-```
-
 ## How to use
 
 You might need to rewrite the hidden text ("Προσοχή" in the example) to make it appropriate for your context.
 This will be used by screen-readers.
 
+### Default
+
 <Story
   packageName="@digigov/ui"
   component="feedback/WarningText"
@@ -22,4 +20,6 @@ This will be used by screen-readers.
 
 ## API
 
-<PropTypes packageName="@digigov/ui" component="WarningText" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["WarningText"]} /> 

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

@@ -19,27 +19,63 @@ Object.keys(_Default).forEach(function (key) {
     }
   });
 });
-var _WithAutoSelect = require("@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect");
-Object.keys(_WithAutoSelect).forEach(function (key) {
+var _Multiple = require("@digigov/ui/form/AutoComplete/__stories__/Multiple");
+Object.keys(_Multiple).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithAutoSelect[key]) return;
+  if (key in exports && exports[key] === _Multiple[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _WithAutoSelect[key];
+      return _Multiple[key];
+    }
+  });
+});
+var _MultipleWithDefaultValues = require("@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues");
+Object.keys(_MultipleWithDefaultValues).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleWithDefaultValues[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleWithDefaultValues[key];
+    }
+  });
+});
+var _MultipleShowingTwoSelected = require("@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected");
+Object.keys(_MultipleShowingTwoSelected).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleShowingTwoSelected[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleShowingTwoSelected[key];
+    }
+  });
+});
+var _MultipleWithMinLength = require("@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength");
+Object.keys(_MultipleWithMinLength).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleWithMinLength[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleWithMinLength[key];
     }
   });
 });
-var _WithInLine = require("@digigov/ui/form/AutoComplete/__stories__/WithInLine");
-Object.keys(_WithInLine).forEach(function (key) {
+var _WithAutoSelect = require("@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect");
+Object.keys(_WithAutoSelect).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithInLine[key]) return;
+  if (key in exports && exports[key] === _WithAutoSelect[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _WithInLine[key];
+      return _WithAutoSelect[key];
     }
   });
 });

package/cjs/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/cjs/form/AutoComplete/Status/index.js

@@ -11,10 +11,10 @@ Object.defineProperty(exports, "AutoCompleteStatus", {
     return _AutoCompleteStatus["default"];
   }
 });
-Object.defineProperty(exports, "AutoCompleteStatusWrapper", {
+Object.defineProperty(exports, "AutoCompleteStatusContainer", {
   enumerable: true,
   get: function get() {
-    return _AutoCompleteStatusWrapper["default"];
+    return _AutoCompleteStatusContainer["default"];
   }
 });
 exports["default"] = void 0;
@@ -25,7 +25,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _AutoCompleteStatus = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteStatus"));
-var _AutoCompleteStatusWrapper = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteStatusWrapper"));
+var _AutoCompleteStatusContainer = _interopRequireDefault(require("@digigov/react-core/cjs/AutoCompleteStatusContainer"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -48,6 +48,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;
@@ -66,9 +67,15 @@ var Status = exports["default"] = /*#__PURE__*/function (_Component) {
       silenced: false
     };
     _this.debounceStatusUpdate = void 0;
+    _this.lastDebounceCall = void 0;
     return _this;
   }
   (0, _createClass2["default"])(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
@@ -123,8 +130,8 @@ var Status = exports["default"] = /*#__PURE__*/function (_Component) {
       } else {
         content = tResults === null || tResults === void 0 ? void 0 : tResults(length, contentSelectedOption);
       }
-      this.debounceStatusUpdate();
-      return /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusWrapper["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatus["default"], {
+      this.lastDebounceCall = this.debounceStatusUpdate();
+      return /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatusContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatus["default"], {
         id: id + '__status--A'
       }, !silenced && debounced && bump ? content : ' '), /*#__PURE__*/_react["default"].createElement(_AutoCompleteStatus["default"], {
         id: id + '__status--B'

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Multiple = 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("div", null, /*#__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,
+  width: "50%",
+  id: "multiple-select-default"
+}))), /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"));
+var Multiple = exports.Multiple = function Multiple() {
+  return _ref;
+};
+var _default = exports["default"] = Multiple;

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() {