glints-aries 4.0.245 → 4.0.246

package/es/@next/Select/Select.stories.d.ts

@@ -7,6 +7,7 @@ export declare const WithErrorNonSearchable: any;
 export declare const NonSearchableDisabled: any;
 export declare const SearchableMultiSelect: any;
 export declare const SearchableSingleSelect: any;
+export declare const SearchableSingleWithInputState: any;
 export declare const MultiSelectScrollable: any;
 export declare const WithInlineError: any;
 export declare const SearchableDisabled: any;

package/es/@next/Select/components/Activator/ActivatorTextInput.js

@@ -71,6 +71,7 @@ export var ActivatorTextInput = function ActivatorTextInput(_ref) {
     prefix: prefix,
     filterOptions: filterOptions,
     onFocus: onFocus,
+    onInputChange: onChange,
     onSelect: onSelect,
     error: hasError,
     disabled: disabled,

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.d.ts

@@ -9,6 +9,7 @@ export interface SearchableSelectState {
 export declare type SearchableSelectInputProps = Omit<InputProps, 'type' | 'onChange' | 'onSelect'> & {
     canClear?: boolean;
     filterOptions?: (str: string) => Option[];
+    onInputChange?(value: string): void;
     onSelect?({ value }: {
         value: string;
     }): void;
@@ -23,6 +24,7 @@ export declare type SearchableSelectInputProps = Omit<InputProps, 'type' | 'onCh
 export declare const SearchableSelectInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "onSelect"> & {
     canClear?: boolean;
     filterOptions?: (str: string) => Option[];
+    onInputChange?(value: string): void;
     onSelect?({ value }: {
         value: string;
     }): void;

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
+var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onInputChange", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { StyledInput, StyledPrefixContainer } from '../../../Input/InputStyle';
 import { ClearSelected } from './ClearSelected';
@@ -17,6 +17,7 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
     width = _ref.width,
     inputValue = _ref.inputValue,
     updateInputValue = _ref.updateInputValue,
+    onInputChange = _ref.onInputChange,
     onFocus = _ref.onFocus,
     _ref$searchableSelect = _ref.searchableSelectState,
     showInput = _ref$searchableSelect.showInput,
@@ -49,6 +50,9 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
   };
   var handleInputChange = function handleInputChange(e) {
     var str = e.currentTarget.value;
+    if (onInputChange) {
+      onInputChange(str);
+    }
     updateInputValue(str);
     var filteredOptions = filterOptions(str);
     updateMenuOptions(filteredOptions);

package/es/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts

@@ -4,4 +4,5 @@ interface SearchableSingleSelectProps {
     data?: Option[];
 }
 export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
+export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
 export {};

package/es/@next/Select/selectStoryHelper/SearchableSingleSelect.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["data"];
+var _excluded = ["data"],
+  _excluded2 = ["data"];
 import React, { useState } from 'react';
 import { Select } from '../Select';
 export var SearchableSingle = function SearchableSingle(_ref) {
@@ -21,4 +22,34 @@ export var SearchableSingle = function SearchableSingle(_ref) {
     searchable: true,
     label: "Label"
   }));
+};
+export var SearchableSingleWithInputState = function SearchableSingleWithInputState(_ref3) {
+  var data = _ref3.data,
+    args = _objectWithoutPropertiesLoose(_ref3, _excluded2);
+  var _useState2 = useState(''),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = useState(''),
+    selected = _useState3[0],
+    setSelected = _useState3[1];
+  var handleInputChange = function handleInputChange(value) {
+    setInputValue(value);
+  };
+  var handleSelect = function handleSelect(_ref4) {
+    var value = _ref4.value;
+    setSelected(value);
+  };
+  return /*#__PURE__*/React.createElement(Select, _extends({}, args, {
+    onSelect: handleSelect,
+    options: data,
+    selectedValues: [selected],
+    searchableProps: {
+      inputValue: inputValue,
+      onInputChange: function onInputChange(value) {
+        return handleInputChange(value);
+      }
+    },
+    width: "600px",
+    label: "Label"
+  }));
 };

package/lib/@next/Select/Select.stories.d.ts

@@ -7,6 +7,7 @@ export declare const WithErrorNonSearchable: any;
 export declare const NonSearchableDisabled: any;
 export declare const SearchableMultiSelect: any;
 export declare const SearchableSingleSelect: any;
+export declare const SearchableSingleWithInputState: any;
 export declare const MultiSelectScrollable: any;
 export declare const WithInlineError: any;
 export declare const SearchableDisabled: any;

package/lib/@next/Select/components/Activator/ActivatorTextInput.js

@@ -78,6 +78,7 @@ var ActivatorTextInput = function ActivatorTextInput(_ref) {
     prefix: prefix,
     filterOptions: filterOptions,
     onFocus: onFocus,
+    onInputChange: onChange,
     onSelect: onSelect,
     error: hasError,
     disabled: disabled,

package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.d.ts

@@ -9,6 +9,7 @@ export interface SearchableSelectState {
 export declare type SearchableSelectInputProps = Omit<InputProps, 'type' | 'onChange' | 'onSelect'> & {
     canClear?: boolean;
     filterOptions?: (str: string) => Option[];
+    onInputChange?(value: string): void;
     onSelect?({ value }: {
         value: string;
     }): void;
@@ -23,6 +24,7 @@ export declare type SearchableSelectInputProps = Omit<InputProps, 'type' | 'onCh
 export declare const SearchableSelectInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "onSelect"> & {
     canClear?: boolean;
     filterOptions?: (str: string) => Option[];
+    onInputChange?(value: string): void;
     onSelect?({ value }: {
         value: string;
     }): void;

package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _InputStyle = require("../../../Input/InputStyle");
 var _ClearSelected = require("./ClearSelected");
 var _SearchableSelectInputStyle = require("./SearchableSelectInputStyle");
-var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
+var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onInputChange", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
 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 SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function SearchableSelectInput(_ref, ref) {
@@ -24,6 +24,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
     width = _ref.width,
     inputValue = _ref.inputValue,
     updateInputValue = _ref.updateInputValue,
+    onInputChange = _ref.onInputChange,
     onFocus = _ref.onFocus,
     _ref$searchableSelect = _ref.searchableSelectState,
     showInput = _ref$searchableSelect.showInput,
@@ -56,6 +57,9 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
   };
   var handleInputChange = function handleInputChange(e) {
     var str = e.currentTarget.value;
+    if (onInputChange) {
+      onInputChange(str);
+    }
     updateInputValue(str);
     var filteredOptions = filterOptions(str);
     updateMenuOptions(filteredOptions);

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts

@@ -4,4 +4,5 @@ interface SearchableSingleSelectProps {
     data?: Option[];
 }
 export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
+export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
 export {};

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.js

@@ -2,12 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.SearchableSingle = void 0;
+exports.SearchableSingleWithInputState = exports.SearchableSingle = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _Select = require("../Select");
-var _excluded = ["data"];
+var _excluded = ["data"],
+  _excluded2 = ["data"];
 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 SearchableSingle = function SearchableSingle(_ref) {
@@ -29,4 +30,35 @@ var SearchableSingle = function SearchableSingle(_ref) {
     label: "Label"
   }));
 };
-exports.SearchableSingle = SearchableSingle;
+exports.SearchableSingle = SearchableSingle;
+var SearchableSingleWithInputState = function SearchableSingleWithInputState(_ref3) {
+  var data = _ref3.data,
+    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref3, _excluded2);
+  var _useState2 = (0, _react.useState)(''),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    selected = _useState3[0],
+    setSelected = _useState3[1];
+  var handleInputChange = function handleInputChange(value) {
+    setInputValue(value);
+  };
+  var handleSelect = function handleSelect(_ref4) {
+    var value = _ref4.value;
+    setSelected(value);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
+    onSelect: handleSelect,
+    options: data,
+    selectedValues: [selected],
+    searchableProps: {
+      inputValue: inputValue,
+      onInputChange: function onInputChange(value) {
+        return handleInputChange(value);
+      }
+    },
+    width: "600px",
+    label: "Label"
+  }));
+};
+exports.SearchableSingleWithInputState = SearchableSingleWithInputState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.245",
+  "version": "4.0.246",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",