@appquality/unguess-design-system 2.8.37 → 2.9.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.9.0 (Fri Apr 29 2022)
+
+#### 🚀 Enhancement
+
+- Cup 646 allow creation on select [#45](https://github.com/AppQuality/unguess-design-system/pull/45) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.8.37 (Thu Apr 28 2022)
 
 #### 🐛 Bug Fix

package/build/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce<T>(value: T, delay?: number): T;
+export default useDebounce;

package/build/index.d.ts

@@ -18,6 +18,7 @@ export * from "./stories/dropdowns/item";
 export * from "./stories/dropdowns/menu";
 export * from "./stories/dropdowns/multiselect";
 export * from "./stories/dropdowns/select";
+export * from "./stories/dropdowns/autocomplete";
 export * from "./stories/forms/checkbox";
 export * as FormField from "./stories/forms/field";
 export * from "./stories/forms/input";

package/build/index.js

@@ -1066,6 +1066,17 @@ var Dropdown = function (props) { return (jsxRuntime.jsx(reactDropdowns.Dropdown
 var Message = function (props) { return jsxRuntime.jsx(reactDropdowns.Message, __assign({}, props)); };
 var templateObject_1$F;
 
+/**
+ * Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.
+ * <hr>
+ * Used for this:
+    - To filter down a large list of options
+    - To quickly find a known option
+ * Not for this:
+    - To make more than one selection, use Multiselect instead
+ */
+var Autocomplete = function (props) { return jsxRuntime.jsx(reactDropdowns.Autocomplete, __assign({}, props)); };
+
 var UgCheckbox = styled__default["default"](reactForms.Checkbox)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject([""], [""])));
 /**
    * A Checkbox lets users select and unselect options from a list.
@@ -2211,6 +2222,7 @@ Object.defineProperty(exports, 'ModalClose', {
 exports.Accordion = Accordion;
 exports.Anchor = Anchor;
 exports.AppHeader = AppHeader;
+exports.Autocomplete = Autocomplete;
 exports.Avatar = Avatar;
 exports.Blockquote = Blockquote;
 exports.Body = Body$1;

package/build/stories/dropdowns/autocomplete/_types.d.ts

@@ -0,0 +1,3 @@
+import { IAutocompleteProps } from "@zendeskgarden/react-dropdowns";
+export interface AutocompleteArgs extends IAutocompleteProps {
+}

package/build/stories/dropdowns/autocomplete/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AutocompleteArgs } from "./_types";
+/**
+ * Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.
+ * <hr>
+ * Used for this:
+    - To filter down a large list of options
+    - To quickly find a known option
+ * Not for this:
+    - To make more than one selection, use Multiselect instead
+ */
+declare const Autocomplete: (props: AutocompleteArgs) => JSX.Element;
+export { Autocomplete };

package/build/stories/dropdowns/autocomplete/index.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { AutocompleteArgs } from "./_types";
+interface AutocompleteStoryArgs extends AutocompleteArgs {
+    allowNew?: boolean;
+}
+export declare const Default: Story<AutocompleteStoryArgs>;
+declare const _default: ComponentMeta<(props: AutocompleteArgs) => JSX.Element>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.8.37",
+  "version": "2.9.0",
   "dependencies": {
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",