glints-aries 4.0.316 → 4.0.318

package/es/@next/Button/ButtonStyle.js

@@ -15,7 +15,7 @@ var buttonSizeStyleMap = {
 export var StyledButton = styled.button.withConfig({
   displayName: "ButtonStyle__StyledButton",
   componentId: "sc-8t0676-0"
-})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:20px;height:20px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";position:static;}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85, function (_ref) {
+})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";border-color:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:20px;height:20px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";position:static;}"], borderRadius4, Neutral.B18, Neutral.B100, Neutral.B68, button, Neutral.B99, Neutral.B68, buttonFocused, Neutral.B95, Neutral.B68, insetButtonPressed, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B95, Neutral.B85, function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'default' : _ref$size;
   var sizeStyle = buttonSizeStyleMap[size];

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

@@ -25,6 +25,8 @@ export interface SelectProps {
     onSelect?({ value }: {
         value: string;
     }): void;
+    /** callback function when select component is clicked (opened) */
+    onSelectClick?: () => void;
     options?: Option[];
     /** sets whether OptionList will follow content's width */
     optionListFitContent?: boolean;
@@ -43,5 +45,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, 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, 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

@@ -23,6 +23,7 @@ export var Select = function Select(_ref) {
     onClose = _ref.onClose,
     onRemoveTag = _ref.onRemoveTag,
     onSelect = _ref.onSelect,
+    onSelectClick = _ref.onSelectClick,
     _ref$optionListFitCon = _ref.optionListFitContent,
     optionListFitContent = _ref$optionListFitCon === void 0 ? false : _ref$optionListFitCon,
     _ref$options = _ref.options,
@@ -138,7 +139,8 @@ export var Select = function Select(_ref) {
       selectedValues: selectedValues,
       options: options,
       name: name,
-      prefix: prefix
+      prefix: prefix,
+      onClick: onSelectClick
     });
   };
   return /*#__PURE__*/React.createElement(Popover, {

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

@@ -47,7 +47,7 @@ export var ActivatorSelect = function ActivatorSelect(_ref) {
     e.preventDefault();
     e.stopPropagation();
     onSelectClick();
-    onClick;
+    onClick(e);
   };
   var placeholderMarkup = /*#__PURE__*/React.createElement(Typography, {
     variant: "body1",

package/lib/@next/Button/ButtonStyle.js

@@ -22,7 +22,7 @@ var buttonSizeStyleMap = {
 var StyledButton = _styledComponents["default"].button.withConfig({
   displayName: "ButtonStyle__StyledButton",
   componentId: "sc-8t0676-0"
-})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:20px;height:20px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";position:static;}"], _borderRadius.borderRadius4, _colors.Neutral.B18, _colors.Neutral.B100, _colors.Neutral.B68, _dropShadow.button, _colors.Neutral.B99, _colors.Neutral.B68, _dropShadow.buttonFocused, _colors.Neutral.B95, _colors.Neutral.B68, _dropShadow.insetButtonPressed, _colors.Neutral.B40, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Neutral.B85, function (_ref) {
+})(["display:flex;gap:8px;border-width:1px;border-style:solid;border-radius:", ";flex-direction:row;align-items:center;justify-content:center;flex:none;order:0;flex-grow:0;color:", ";background:", ";border-color:", ";box-shadow:", ";&:hover{cursor:pointer;background:", ";}&:focus{outline:none;border-color:", ";box-shadow:", ";}&:active{background:", ";border:1px solid ", ";box-shadow:", ";}&:active > svg{fill:", ";}&:disabled{color:", ";background:", ";border-color:", ";pointer-events:none;}&:disabled svg{fill:", ";}", " svg{width:20px;height:20px;fill:", ";}.spinner-container{position:absolute;}&[data-active='true']{color:", ";background:", ";}&[data-full-width='true']{width:100%;}&[data-active='true'] svg{fill:", ";}&[data-loading='true']{background:", ";color:transparent;}&[data-loading='true'] svg{fill:transparent;}&[data-loading='true'] .spinner-container svg{fill:", ";position:static;}"], _borderRadius.borderRadius4, _colors.Neutral.B18, _colors.Neutral.B100, _colors.Neutral.B68, _dropShadow.button, _colors.Neutral.B99, _colors.Neutral.B68, _dropShadow.buttonFocused, _colors.Neutral.B95, _colors.Neutral.B68, _dropShadow.insetButtonPressed, _colors.Neutral.B40, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Neutral.B95, _colors.Neutral.B85, function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'default' : _ref$size;
   var sizeStyle = buttonSizeStyleMap[size];

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

@@ -25,6 +25,8 @@ export interface SelectProps {
     onSelect?({ value }: {
         value: string;
     }): void;
+    /** callback function when select component is clicked (opened) */
+    onSelectClick?: () => void;
     options?: Option[];
     /** sets whether OptionList will follow content's width */
     optionListFitContent?: boolean;
@@ -43,5 +45,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, 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, 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

@@ -29,6 +29,7 @@ var Select = function Select(_ref) {
     onClose = _ref.onClose,
     onRemoveTag = _ref.onRemoveTag,
     onSelect = _ref.onSelect,
+    onSelectClick = _ref.onSelectClick,
     _ref$optionListFitCon = _ref.optionListFitContent,
     optionListFitContent = _ref$optionListFitCon === void 0 ? false : _ref$optionListFitCon,
     _ref$options = _ref.options,
@@ -144,7 +145,8 @@ var Select = function Select(_ref) {
       selectedValues: selectedValues,
       options: options,
       name: name,
-      prefix: prefix
+      prefix: prefix,
+      onClick: onSelectClick
     });
   };
   return /*#__PURE__*/_react["default"].createElement(_Popover.Popover, {

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

@@ -54,7 +54,7 @@ var ActivatorSelect = function ActivatorSelect(_ref) {
     e.preventDefault();
     e.stopPropagation();
     onSelectClick();
-    onClick;
+    onClick(e);
   };
   var placeholderMarkup = /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     variant: "body1",

package/package.json

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