glints-aries 4.0.333 → 4.0.335

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

@@ -18,6 +18,7 @@ export interface SelectProps {
     listHeight?: number;
     loadingOptions?: boolean;
     name?: string;
+    onBlur?: () => void;
     onClose?: () => void;
     onRemoveTag?({ option }: {
         option: string;
@@ -45,5 +46,5 @@ export interface SelectProps {
     /** sets z-index override for option list dropdown. z-index default to 400 */
     zIndexOverride?: number;
 }
-export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onClose, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
+export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onBlur, onClose, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
 export {};

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

@@ -20,6 +20,7 @@ export var Select = function Select(_ref) {
     _ref$loadingOptions = _ref.loadingOptions,
     loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
     name = _ref.name,
+    onBlur = _ref.onBlur,
     onClose = _ref.onClose,
     onRemoveTag = _ref.onRemoveTag,
     onSelect = _ref.onSelect,
@@ -113,6 +114,7 @@ export var Select = function Select(_ref) {
         placeholder: placeholder != null ? placeholder : 'Search',
         width: width,
         selectedValues: selectedValues,
+        onBlur: onBlur,
         onSelect: onSelect,
         onFocus: handleFocus,
         inputValue: inputValue,
@@ -133,6 +135,7 @@ export var Select = function Select(_ref) {
       disabled: disabled,
       hasError: hasError,
       placeholder: placeholder != null ? placeholder : 'Placeholder',
+      onBlur: onBlur,
       onRemoveTag: onRemoveTag,
       onSelectClick: handleSelectClick,
       width: width,

package/es/@next/Select/components/Activator/ActivatorTextInput.d.ts

@@ -19,4 +19,4 @@ export interface ActivatorTextInputProps extends Omit<TextInputProps, 'onChange'
     options?: Option[];
     updateMenuOptions?: (newState: Option[]) => void;
 }
-export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;
+export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onBlur, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["allowMultiple", "disabled", "hasError", "onChange", "onFocus", "onSelect", "prefix", "selectedValues", "width", "inputValue", "updateInputValue", "options", "updateMenuOptions"];
+var _excluded = ["allowMultiple", "disabled", "hasError", "onChange", "onBlur", "onFocus", "onSelect", "prefix", "selectedValues", "width", "inputValue", "updateInputValue", "options", "updateMenuOptions"];
 import React, { useEffect, useRef, useState } from 'react';
 import { Icon } from '../../../Icon';
 import { SearchableSelectInput } from '../SearchableSelectInput/SearchableSelectInput';
@@ -12,6 +12,7 @@ export var ActivatorTextInput = function ActivatorTextInput(_ref) {
     _ref$hasError = _ref.hasError,
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
     onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     onSelect = _ref.onSelect,
     _ref$prefix = _ref.prefix,
@@ -63,6 +64,7 @@ export var ActivatorTextInput = function ActivatorTextInput(_ref) {
         value: value
       });
     },
+    onBlur: onBlur,
     onFocus: onFocus,
     error: hasError,
     disabled: disabled,
@@ -71,6 +73,7 @@ export var ActivatorTextInput = function ActivatorTextInput(_ref) {
     ref: activatorRef,
     prefix: prefix,
     filterOptions: filterOptions,
+    onBlur: onBlur,
     onFocus: onFocus,
     onInputChange: onChange,
     onSelect: onSelect,

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", "onInputChange", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
+var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onInputChange", "onBlur", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { StyledInput, StyledPrefixContainer } from '../../../Input/InputStyle';
 import { ClearSelected } from './ClearSelected';
@@ -19,6 +19,7 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
     inputValue = _ref.inputValue,
     updateInputValue = _ref.updateInputValue,
     onInputChange = _ref.onInputChange,
+    onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     _ref$searchableSelect = _ref.searchableSelectState,
     showInput = _ref$searchableSelect.showInput,
@@ -78,7 +79,7 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
     updateInputValue('');
     updateMenuOptions(options);
   };
-  var handleInputBlur = function handleInputBlur() {
+  var handleInputBlur = function handleInputBlur(e) {
     if (disabled) return;
     setIsSelectedClicked(false);
     if (selectedValue) {
@@ -92,6 +93,7 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
         });
       }, 100);
     }
+    onBlur == null ? void 0 : onBlur(e);
   };
   useEffect(function () {
     if (isSelectedClicked && showInput) {

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

@@ -18,6 +18,7 @@ export interface SelectProps {
     listHeight?: number;
     loadingOptions?: boolean;
     name?: string;
+    onBlur?: () => void;
     onClose?: () => void;
     onRemoveTag?({ option }: {
         option: string;
@@ -45,5 +46,5 @@ export interface SelectProps {
     /** sets z-index override for option list dropdown. z-index default to 400 */
     zIndexOverride?: number;
 }
-export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onClose, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
+export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onBlur, onClose, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
 export {};

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

@@ -26,6 +26,7 @@ var Select = function Select(_ref) {
     _ref$loadingOptions = _ref.loadingOptions,
     loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
     name = _ref.name,
+    onBlur = _ref.onBlur,
     onClose = _ref.onClose,
     onRemoveTag = _ref.onRemoveTag,
     onSelect = _ref.onSelect,
@@ -119,6 +120,7 @@ var Select = function Select(_ref) {
         placeholder: placeholder != null ? placeholder : 'Search',
         width: width,
         selectedValues: selectedValues,
+        onBlur: onBlur,
         onSelect: onSelect,
         onFocus: handleFocus,
         inputValue: inputValue,
@@ -139,6 +141,7 @@ var Select = function Select(_ref) {
       disabled: disabled,
       hasError: hasError,
       placeholder: placeholder != null ? placeholder : 'Placeholder',
+      onBlur: onBlur,
       onRemoveTag: onRemoveTag,
       onSelectClick: handleSelectClick,
       width: width,

package/lib/@next/Select/components/Activator/ActivatorTextInput.d.ts

@@ -19,4 +19,4 @@ export interface ActivatorTextInputProps extends Omit<TextInputProps, 'onChange'
     options?: Option[];
     updateMenuOptions?: (newState: Option[]) => void;
 }
-export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;
+export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onBlur, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;

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

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Icon = require("../../../Icon");
 var _SearchableSelectInput = require("../SearchableSelectInput/SearchableSelectInput");
 var _ActivatorStyle = require("./ActivatorStyle");
-var _excluded = ["allowMultiple", "disabled", "hasError", "onChange", "onFocus", "onSelect", "prefix", "selectedValues", "width", "inputValue", "updateInputValue", "options", "updateMenuOptions"];
+var _excluded = ["allowMultiple", "disabled", "hasError", "onChange", "onBlur", "onFocus", "onSelect", "prefix", "selectedValues", "width", "inputValue", "updateInputValue", "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 ActivatorTextInput = function ActivatorTextInput(_ref) {
@@ -19,6 +19,7 @@ var ActivatorTextInput = function ActivatorTextInput(_ref) {
     _ref$hasError = _ref.hasError,
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
     onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     onSelect = _ref.onSelect,
     _ref$prefix = _ref.prefix,
@@ -70,6 +71,7 @@ var ActivatorTextInput = function ActivatorTextInput(_ref) {
         value: value
       });
     },
+    onBlur: onBlur,
     onFocus: onFocus,
     error: hasError,
     disabled: disabled,
@@ -78,6 +80,7 @@ var ActivatorTextInput = function ActivatorTextInput(_ref) {
     ref: activatorRef,
     prefix: prefix,
     filterOptions: filterOptions,
+    onBlur: onBlur,
     onFocus: onFocus,
     onInputChange: onChange,
     onSelect: onSelect,

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", "onInputChange", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
+var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onInputChange", "onBlur", "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) {
@@ -26,6 +26,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
     inputValue = _ref.inputValue,
     updateInputValue = _ref.updateInputValue,
     onInputChange = _ref.onInputChange,
+    onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     _ref$searchableSelect = _ref.searchableSelectState,
     showInput = _ref$searchableSelect.showInput,
@@ -85,7 +86,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
     updateInputValue('');
     updateMenuOptions(options);
   };
-  var handleInputBlur = function handleInputBlur() {
+  var handleInputBlur = function handleInputBlur(e) {
     if (disabled) return;
     setIsSelectedClicked(false);
     if (selectedValue) {
@@ -99,6 +100,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
         });
       }, 100);
     }
+    onBlur == null ? void 0 : onBlur(e);
   };
   (0, _react.useEffect)(function () {
     if (isSelectedClicked && showInput) {

package/package.json

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