@nulogy/components 8.16.0 → 8.17.0

package/dist/main.js

@@ -18838,7 +18838,8 @@
           cacheOptions = _a$cacheOptions === void 0 ? false : _a$cacheOptions,
           defaultOptions = _a.defaultOptions,
           loadOptions = _a.loadOptions,
-          props = __rest(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions"]);
+          isClearable = _a.isClearable,
+          props = __rest(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable"]);
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
@@ -18895,7 +18896,8 @@
         "aria-label": ariaLabel,
         cacheOptions: cacheOptions,
         defaultOptions: defaultOptions,
-        loadOptions: loadOptions
+        loadOptions: loadOptions,
+        isClearable: isClearable
       }), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
         mt: "x1",
         errorMessage: errorMessage,

package/dist/main.module.js

@@ -18815,7 +18815,8 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       cacheOptions = _a$cacheOptions === void 0 ? false : _a$cacheOptions,
       defaultOptions = _a.defaultOptions,
       loadOptions = _a.loadOptions,
-      props = __rest(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions"]);
+      isClearable = _a.isClearable,
+      props = __rest(_a, ["autocomplete", "labelText", "required", "requirementText", "helpText", "noOptionsMessage", "disabled", "errorMessage", "errorList", "error", "id", "initialIsOpen", "maxHeight", "menuPosition", "multiselect", "name", "onChange", "placeholder", "value", "defaultValue", "className", "classNamePrefix", "onBlur", "menuIsOpen", "onMenuOpen", "onMenuClose", "onInputChange", "components", "aria-label", "cacheOptions", "defaultOptions", "loadOptions", "isClearable"]);
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -18872,7 +18873,8 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     "aria-label": ariaLabel,
     cacheOptions: cacheOptions,
     defaultOptions: defaultOptions,
-    loadOptions: loadOptions
+    loadOptions: loadOptions,
+    isClearable: isClearable
   }), /*#__PURE__*/React__default.createElement(InlineValidation, {
     mt: "x1",
     errorMessage: errorMessage,

package/dist/src/AsyncSelect/AsyncSelect.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 type AsyncSelectProps = {
     windowThreshold?: number;
+    isClearable?: boolean;
     filterOption?: (...args: any[]) => any;
     autocomplete?: boolean;
     disabled?: boolean;

package/dist/src/AsyncSelect/AsyncSelect.story.d.ts

@@ -21,12 +21,8 @@ export declare const WithADefaultValue: {
         name: string;
     };
 };
-export declare const Multiselect: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const Multiselect: () => React.JSX.Element;
+export declare const WithAClearButton: () => React.JSX.Element;
 export declare const UsingRefToControlFocus: {
     (): React.JSX.Element;
     story: {

package/dist/src/Select/Select.d.ts

@@ -36,6 +36,7 @@ export type SelectProps = {
     closeMenuOnSelect?: boolean;
     "aria-label"?: string;
     size?: ComponentSize;
+    isClearable?: boolean;
     [key: string]: any;
 };
 export declare const SelectDefaultProps: {

package/dist/src/Select/Select.story.d.ts

@@ -47,6 +47,7 @@ export declare const Required: {
         name: string;
     };
 };
+export declare const WithAClearButton: () => React.JSX.Element;
 export declare const WithHelpText: {
     (): React.JSX.Element;
     story: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.16.0",
+  "version": "8.17.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -132,7 +132,7 @@
     "semantic-release": "^17.2.1",
     "source-map-loader": "^1.0.1",
     "storybook-addon-performance": "^0.17.1",
-    "styled-components": "^5.1.0",
+    "styled-components": "^5.3.11",
     "svg-sprite-loader": "^6.0.11",
     "ts-jest": "^26.1.1",
     "typescript": "4.9.5",