@digigov/ui 0.28.2 → 0.29.0

package/CHANGELOG.md

@@ -1,6 +1,27 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Fri, 18 Nov 2022 08:33:43 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Jan 2023 13:05:21 GMT and should not be manually modified.
+
+## 0.29.0
+Mon, 16 Jan 2023 13:05:21 GMT
+
+### Minor changes
+
+- Add new NavHorizontalList component
+- Remove Title and Caption from exports
+- Normalize renamed components and their imports
+
+### Patches
+
+- Update the Drawer example in order to use the NavList component
+
+## 0.28.3
+Fri, 02 Dec 2022 11:20:56 GMT
+
+### Patches
+
+- Use @uides/react-qr-reader
+- Fix import path at some stories files, simplified some stories, added description, tags and link at .stories.js files 
 
 ## 0.28.2
 Fri, 18 Nov 2022 08:33:43 GMT

package/admin/AdminLayout/index.d.ts

@@ -0,0 +1,9 @@
+export * from '@digigov/react-extensions/admin/AdminLayout';
+export * from '@digigov/react-extensions/admin/AdminContainer';
+export * from '@digigov/react-extensions/admin/AdminMain';
+export * from '@digigov/react-extensions/admin/AdminAside';
+export * from '@digigov/react-extensions/admin/AdminTopSection';
+export * from '@digigov/react-extensions/admin/AdminHeader';
+export * from '@digigov/react-extensions/admin/AdminHeaderSection';
+import AdminLayout from '@digigov/react-extensions/admin/AdminLayout';
+export default AdminLayout;

package/admin/AdminLayout/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _AdminLayout = _interopRequireWildcard(require("@digigov/react-extensions/admin/AdminLayout"));
+
+Object.keys(_AdminLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminLayout[key];
+    }
+  });
+});
+
+var _AdminContainer = require("@digigov/react-extensions/admin/AdminContainer");
+
+Object.keys(_AdminContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminContainer[key];
+    }
+  });
+});
+
+var _AdminMain = require("@digigov/react-extensions/admin/AdminMain");
+
+Object.keys(_AdminMain).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminMain[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminMain[key];
+    }
+  });
+});
+
+var _AdminAside = require("@digigov/react-extensions/admin/AdminAside");
+
+Object.keys(_AdminAside).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminAside[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminAside[key];
+    }
+  });
+});
+
+var _AdminTopSection = require("@digigov/react-extensions/admin/AdminTopSection");
+
+Object.keys(_AdminTopSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminTopSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminTopSection[key];
+    }
+  });
+});
+
+var _AdminHeader = require("@digigov/react-extensions/admin/AdminHeader");
+
+Object.keys(_AdminHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminHeader[key];
+    }
+  });
+});
+
+var _AdminHeaderSection = require("@digigov/react-extensions/admin/AdminHeaderSection");
+
+Object.keys(_AdminHeaderSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdminHeaderSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AdminHeaderSection[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _AdminLayout["default"];
+exports["default"] = _default;

package/admin/AutoComplete/AutoComplete.stories.d.ts

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

package/admin/AutoComplete/AutoComplete.stories.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Default = require("@digigov/ui/admin/AutoComplete/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _WithAutoSelect = require("@digigov/ui/admin/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] === _WithAutoSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithAutoSelect[key];
+    }
+  });
+});
+
+var _WithInLine = require("@digigov/ui/admin/AutoComplete/__stories__/WithInLine");
+
+Object.keys(_WithInLine).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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithInLine[key];
+    }
+  });
+});
+
+var _WithDefaultValue = require("@digigov/ui/admin/AutoComplete/__stories__/WithDefaultValue");
+
+Object.keys(_WithDefaultValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithDefaultValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithDefaultValue[key];
+    }
+  });
+});
+
+var _WithPlaceHolder = require("@digigov/ui/admin/AutoComplete/__stories__/WithPlaceHolder");
+
+Object.keys(_WithPlaceHolder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithPlaceHolder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithPlaceHolder[key];
+    }
+  });
+});
+
+var _WithShowAllValues = require("@digigov/ui/admin/AutoComplete/__stories__/WithShowAllValues");
+
+Object.keys(_WithShowAllValues).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithShowAllValues[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithShowAllValues[key];
+    }
+  });
+});
+
+var _WithMinLength = require("@digigov/ui/admin/AutoComplete/__stories__/WithMinLength");
+
+Object.keys(_WithMinLength).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithMinLength[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithMinLength[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/AutoComplete',
+  component: _AutoComplete["default"],
+  displayName: 'AutoComplete'
+}; // eslint-disable-next-line digigov/no-relative-import
+
+exports["default"] = _default;

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

@@ -0,0 +1,40 @@
+import { Component } from 'react';
+import AutoCompleteStatusWrapper from '@digigov/react-extensions/admin/AutoCompleteStatusWrapper';
+import AutoCompleteStatus from '@digigov/react-extensions/admin/AutoCompleteStatus';
+declare 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;
+};
+declare 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/admin/AutoComplete/Status/index.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AutoCompleteStatus", {
+  enumerable: true,
+  get: function get() {
+    return _AutoCompleteStatus["default"];
+  }
+});
+Object.defineProperty(exports, "AutoCompleteStatusWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _AutoCompleteStatusWrapper["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AutoCompleteStatusWrapper = _interopRequireDefault(require("@digigov/react-extensions/admin/AutoCompleteStatusWrapper"));
+
+var _AutoCompleteStatus = _interopRequireDefault(require("@digigov/react-extensions/admin/AutoCompleteStatus"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+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) {
+  (0, _inherits2["default"])(Status, _Component);
+
+  var _super = _createSuper(Status);
+
+  function Status() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Status);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      bump: false,
+      debounced: false,
+      silenced: false
+    };
+    _this.debounceStatusUpdate = void 0;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(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["default"].createElement(_AutoCompleteStatusWrapper["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'
+      }, !silenced && debounced && !bump ? content : ' '));
+    }
+  }]);
+  return Status;
+}(_react.Component);
+
+exports["default"] = Status;
+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);
+  }
+};

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

@@ -0,0 +1,2 @@
+export declare const Default: () => JSX.Element;
+export default Default;

package/admin/AutoComplete/__stories__/Default.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AutoComplete = require("@digigov/ui/admin/AutoComplete");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _utils = require("@digigov/ui/admin/AutoComplete/utils");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
+  source: _utils.suggest,
+  cellWidth: "one-third",
+  id: "govgr"
+}));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "Click");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+export declare const WithAutoSelect: () => JSX.Element;
+export default WithAutoSelect;

package/admin/AutoComplete/__stories__/WithAutoSelect.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithAutoSelect = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AutoComplete = require("@digigov/ui/admin/AutoComplete");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _utils = require("@digigov/ui/admin/AutoComplete/utils");
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "Click");
+
+var WithAutoSelect = function WithAutoSelect() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_AutoComplete.AutoComplete, {
+    source: _utils.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 ? 'Country: ' + value : '';
+      }
+    },
+    tNoResults: function tNoResults() {
+      return 'Δεν υπάρχουν αποτελέσματα';
+    }
+  })), _ref);
+};
+
+exports.WithAutoSelect = WithAutoSelect;
+var _default = WithAutoSelect;
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+export declare const WithDefaultValue: () => JSX.Element;
+export default WithDefaultValue;

package/admin/AutoComplete/__stories__/WithDefaultValue.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithDefaultValue = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AutoComplete = require("@digigov/ui/admin/AutoComplete");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _utils = require("@digigov/ui/admin/AutoComplete/utils");
+
+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,
+  defaultValue: "Germany",
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "Click"));
+
+var WithDefaultValue = function WithDefaultValue() {
+  return _ref;
+};
+
+exports.WithDefaultValue = WithDefaultValue;
+var _default = WithDefaultValue;
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+export declare const WithInLine: () => JSX.Element;
+export default WithInLine;