@digigov/ui 0.21.1 → 0.22.0

package/admin/AutoComplete/__stories__/WithMinLength.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithMinLength = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AutoComplete = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete"));
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/typography/Paragraph"));
+
+var _utils = _interopRequireDefault(require("@digigov/ui/admin/AutoComplete/utils"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, "This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)"), /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
+  source: _utils["default"],
+  autoselect: true,
+  minLength: 2,
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal"));
+
+var WithMinLength = function WithMinLength() {
+  return _ref;
+};
+
+exports.WithMinLength = WithMinLength;
+var _default = WithMinLength;
+exports["default"] = _default;

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

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

package/admin/AutoComplete/__stories__/WithPlaceHolder.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithPlaceHolder = 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,
+  placeholder: "Search for a country",
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal"));
+
+var WithPlaceHolder = function WithPlaceHolder() {
+  return _ref;
+};
+
+exports.WithPlaceHolder = WithPlaceHolder;
+var _default = WithPlaceHolder;
+exports["default"] = _default;

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

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

package/admin/AutoComplete/__stories__/WithShowAllValues.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithShowAllValues = 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,
+  showAllValues: true,
+  id: "govgr"
+})), /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal"));
+
+var WithShowAllValues = function WithShowAllValues() {
+  return _ref;
+};
+
+exports.WithShowAllValues = WithShowAllValues;
+var _default = WithShowAllValues;
+exports["default"] = _default;

package/admin/AutoComplete/index.d.ts

@@ -0,0 +1,101 @@
+import AutoCompleteInput from '@digigov/react-extensions/admin/AutoCompleteInput';
+import AutoCompleteInputTypeahead from '@digigov/react-extensions/admin/AutoCompleteInputTypeahead';
+import AutoCompleteNoResult from '@digigov/react-extensions/admin/AutoCompleteNoResult';
+import AutoCompleteResultList from '@digigov/react-extensions/admin/AutoCompleteResultList';
+import AutoCompleteResultListItem from '@digigov/react-extensions/admin/AutoCompleteResultListItem';
+import AutoCompleteWrapper from '@digigov/react-extensions/admin/AutoCompleteWrapper';
+import AutoCompleteAssistiveHint from '@digigov/react-extensions/admin/AutoCompleteAssistiveHint';
+import { Component } from 'react';
+declare type AutoCompleteProps = {
+    source: (query: string, syncResults: (options: string[]) => void) => void;
+    id: string;
+    tStatusResults?: (x: number, y: string) => string;
+    tStatusNoResults?: () => string;
+    tStatusQueryTooShort?: (x: number) => string;
+    tStatusSelectedOption?: (x: string, y: number, z: number) => string;
+    templates?: {
+        suggestion: (value: string) => string;
+        inputValue: (value: string) => string;
+    };
+    cellWidth?: 'one-third' | 'one-quarter' | 'one-half' | 'two-thirds' | 'three-quarters' | 'full';
+    autoselect?: boolean;
+    defaultValue?: string;
+    displayMenu?: 'overlay' | 'inline';
+    minLength?: number;
+    name?: string;
+    placeholder?: string;
+    onConfirm?: (x: string) => void;
+    confirmOnBlur?: boolean;
+    showNoOptionsFound?: boolean;
+    showAllValues?: boolean;
+    required?: boolean;
+    tNoResults?: () => string;
+    tAssistiveHint?: () => string;
+    dropdownArrow?: any;
+};
+declare type State = {
+    focused: any;
+    hovered: any;
+    menuOpen: boolean;
+    options: string[];
+    query: string;
+    validChoiceMade: boolean;
+    selected: any;
+    ariaHint: boolean;
+};
+declare type ΝewQueryProps = {
+    menuOpen?: boolean;
+    query?: string;
+};
+export default class AutoComplete extends Component<AutoCompleteProps, State> {
+    static defaultProps: {
+        cellWidth: string;
+        autoselect: boolean;
+        defaultValue: string;
+        displayMenu: string;
+        minLength: number;
+        name: string;
+        placeholder: string;
+        onConfirm: () => void;
+        confirmOnBlur: boolean;
+        showNoOptionsFound: boolean;
+        showAllValues: boolean;
+        required: boolean;
+        tNoResults: () => string;
+        tAssistiveHint: () => string;
+        dropdownArrow: ({ className }: {
+            className: any;
+        }) => JSX.Element;
+    };
+    elementReferences: {};
+    $pollInput: any;
+    constructor(props: AutoCompleteProps);
+    isQueryAnOption(query: string, options: string[]): boolean;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    pollInputElement(): void;
+    getDirectInputChanges(): void;
+    componentDidUpdate(prevState: any): void;
+    hasAutoselect(): boolean;
+    templateInputValue(value: string): string;
+    templateSuggestion(value: string): string;
+    handleComponentBlur(newState: ΝewQueryProps): void;
+    handleListMouseLeave(): void;
+    handleOptionBlur(event: any, index: number): void;
+    handleInputBlur(): void;
+    handleInputChange(event: any): void;
+    handleInputClick(event: any): void;
+    handleInputFocus(): void;
+    handleOptionFocus(index: number): void;
+    handleOptionMouseEnter(index: number): void;
+    handleOptionClick(index: number): void;
+    handleOptionMouseDown(event: any): void;
+    handleUpArrow(event: any): void;
+    handleDownArrow(event: any): void;
+    handleSpace(event: any): void;
+    handleEnter(event: any): void;
+    handlePrintableKey(event: any): void;
+    handleKeyDown(event: any): void;
+    render(): JSX.Element;
+}
+export { AutoCompleteInput, AutoCompleteInputTypeahead, AutoCompleteNoResult, AutoCompleteResultList, AutoCompleteResultListItem, AutoCompleteWrapper, AutoCompleteAssistiveHint, };