@digigov/ui 0.21.2 → 0.23.0

package/CHANGELOG.md

@@ -1,6 +1,44 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Thu, 23 Jun 2022 11:49:45 GMT and should not be manually modified.
+This log was last generated on Tue, 26 Jul 2022 07:39:59 GMT and should not be manually modified.
+
+## 0.23.0
+Tue, 26 Jul 2022 07:39:59 GMT
+
+### Minor changes
+
+- add a11y props
+- Add missing a11y props to (*)Base components 
+
+### Patches
+
+- create component's stories add accessibility attributes to each component, create sdk docs
+- add aria-describedby at hints and errors, at checkbox and radio examples
+- add aria-colspan to TableNoDataRow component
+- add arias and role to CopyToClipboard and to Modal
+- add accessibility attributes to Grid component
+- Update registry file
+
+## 0.22.0
+Thu, 07 Jul 2022 13:01:18 GMT
+
+### Minor changes
+
+- add pages at sdk with storybook examples of all the components
+
+### Patches
+
+- create AutoComplete, AccessibleAutoComplete, Status components, create stories
+- Add missing exports for Grid
+- reexport FilterSectionHorizontal
+- refactor code to resolve circular dependencies
+
+## 0.21.3
+Mon, 27 Jun 2022 10:08:07 GMT
+
+### Patches
+
+- Add support for floating Table scroll in Table and Dropdown components
 
 ## 0.21.2
 Thu, 23 Jun 2022 11:49:45 GMT

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

@@ -0,0 +1,5 @@
+declare function AccesibleAutoComplete(options: any): void;
+declare namespace AccesibleAutoComplete {
+    var enhanceSelectElement: (configurationOptions: any) => void;
+}
+export default AccesibleAutoComplete;

package/admin/AutoComplete/AccesibleAutoComplete/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+
+var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+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 AccesibleAutoComplete(options) {
+  console.log('options are', options);
+
+  if (!options.element) {
+    throw new Error('element is not defined');
+  }
+
+  if (!options.id) {
+    throw new Error('id is not defined');
+  }
+
+  if (!options.source) {
+    throw new Error('source is not defined');
+  }
+
+  if (Array.isArray(options.source)) {
+    options.source = createSimpleEngine(options.source);
+  }
+
+  ReactDOM.render( /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], options), options.element);
+}
+
+var createSimpleEngine = function createSimpleEngine(values) {
+  return function (query, syncResults) {
+    var matches = values.filter(function (r) {
+      return r.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+    });
+    syncResults(matches);
+  };
+};
+
+AccesibleAutoComplete.enhanceSelectElement = function (configurationOptions) {
+  if (!configurationOptions.selectElement) {
+    throw new Error('selectElement is not defined');
+  } // Set defaults.
+
+
+  if (!configurationOptions.source) {
+    var availableOptions = [].filter.call(configurationOptions.selectElement.options, function (option) {
+      return option.value || configurationOptions.preserveNullOptions;
+    });
+    configurationOptions.source = availableOptions.map(function (option) {
+      return option.textContent || option.innerText;
+    });
+  }
+
+  configurationOptions.onConfirm = configurationOptions.onConfirm || function (query) {
+    var requestedOption = [].filter.call(configurationOptions.selectElement.options, function (option) {
+      return (option.textContent || option.innerText) === query;
+    })[0];
+
+    if (requestedOption) {
+      requestedOption.selected = true;
+    }
+  };
+
+  if (configurationOptions.selectElement.value || configurationOptions.defaultValue === undefined) {
+    var option = configurationOptions.selectElement.options[configurationOptions.selectElement.options.selectedIndex];
+    configurationOptions.defaultValue = option.textContent || option.innerText;
+  }
+
+  if (configurationOptions.name === undefined) configurationOptions.name = '';
+
+  if (configurationOptions.id === undefined) {
+    if (configurationOptions.selectElement.id === undefined) {
+      configurationOptions.id = '';
+    } else {
+      configurationOptions.id = configurationOptions.selectElement.id;
+    }
+  }
+
+  if (configurationOptions.autoselect === undefined) configurationOptions.autoselect = true;
+  var element = document.createElement('div');
+  configurationOptions.selectElement.parentNode.insertBefore(element, configurationOptions.selectElement);
+  AccesibleAutoComplete((0, _extends2["default"])({}, configurationOptions, {
+    element: element
+  }));
+  configurationOptions.selectElement.style.display = 'none';
+  configurationOptions.selectElement.id = configurationOptions.selectElement.id + '-select';
+};
+
+var _default = AccesibleAutoComplete;
+exports["default"] = _default;

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

@@ -0,0 +1,13 @@
+declare namespace _default {
+    export const title: string;
+    export { AutoComplete as component };
+}
+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,115 @@
+"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"]
+}; // 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;
+    componentWillMount(): void;
+    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: "componentWillMount",
+    value: function 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: "componentWillReceiveProps",
+    value: function 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.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 = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+  source: _utils["default"],
+  cellWidth: "one-third",
+  id: "govgr"
+}));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal");
+
+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,3 @@
+/// <reference types="react" />
+export declare const WithAutoSelect: () => JSX.Element;
+export default WithAutoSelect;

package/admin/AutoComplete/__stories__/WithAutoSelect.js

@@ -0,0 +1,35 @@
+"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 = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal");
+
+var WithAutoSelect = function WithAutoSelect() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+    source: _utils["default"],
+    autoselect: true,
+    id: "govgr",
+    tNoResults: function tNoResults() {
+      return 'Δεν υπάρχουν αποτελέσματα';
+    }
+  })), _ref);
+};
+
+exports.WithAutoSelect = WithAutoSelect;
+var _default = WithAutoSelect;
+exports["default"] = _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+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 = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+  source: _utils["default"],
+  autoselect: true,
+  defaultValue: "Germany",
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal"));
+
+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,3 @@
+/// <reference types="react" />
+export declare const WithInLine: () => JSX.Element;
+export default WithInLine;

package/admin/AutoComplete/__stories__/WithInLine.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithInLine = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+  source: _utils["default"],
+  autoselect: true,
+  displayMenu: "inline",
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal"));
+
+var WithInLine = function WithInLine() {
+  return _ref;
+};
+
+exports.WithInLine = WithInLine;
+var _default = WithInLine;
+exports["default"] = _default;

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

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