glints-aries 4.0.378 → 4.0.380

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "icon", "iconPosition", "active", "fullWidth", "loading"];
+var _excluded = ["children", "icon", "iconPosition", "active", "fullWidth", "loading", "disabled", "onClick"];
 import React from 'react';
 import { Spinner } from '../Spinner/Spinner';
 import { Typography } from '../Typography';
@@ -13,6 +13,8 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     active = _ref.active,
     fullWidth = _ref.fullWidth,
     loading = _ref.loading,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var content = typeof children === 'string' ? /*#__PURE__*/React.createElement(Typography, {
     variant: "button"
@@ -23,6 +25,15 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
     }
     return null;
   };
+  var onClickHandler = function onClickHandler() {
+    if (loading || disabled) {
+      return;
+    }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return onClick == null ? void 0 : onClick.apply(void 0, args);
+  };
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     ref: ref,
     "data-active": active,
@@ -32,6 +43,8 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   }, otherProps, {
     onMouseUp: function onMouseUp(e) {
       return e.currentTarget.blur();
-    }
+    },
+    onClick: onClickHandler,
+    disabled: disabled
   }), loading && /*#__PURE__*/React.createElement(Spinner, null), renderIcon('left'), content, renderIcon('right'));
 });

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

@@ -27,6 +27,8 @@ export declare type ModalProps = React.HTMLAttributes<HTMLDivElement> & LeftAndR
     onClose?: () => void;
     onBack?: () => void;
     zIndexOverride?: number;
+    /** This prop will add default padding to the header */
+    headerHasDefaultPadding?: boolean;
 };
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/@next/Modal/Modal.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
+var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "headerHasDefaultPadding", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
 import React, { useEffect, useRef, useState } from 'react';
 import { Button, PrimaryButton } from '../Button';
 import { ButtonGroup } from '../ButtonGroup';
@@ -21,6 +21,8 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
     showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
     _ref$showHeaderBorder = _ref.showHeaderBorder,
     showHeaderBorder = _ref$showHeaderBorder === void 0 ? true : _ref$showHeaderBorder,
+    _ref$headerHasDefault = _ref.headerHasDefaultPadding,
+    headerHasDefaultPadding = _ref$headerHasDefault === void 0 ? true : _ref$headerHasDefault,
     closeOnClickOutside = _ref.closeOnClickOutside,
     onClose = _ref.onClose,
     onBack = _ref.onBack,
@@ -100,7 +102,8 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
       return e.stopPropagation();
     }
   }, props), header && /*#__PURE__*/React.createElement(StyledModalHeader, {
-    "data-show-border": showHeaderBorder
+    "data-show-border": showHeaderBorder,
+    "data-header-has-default-padding": headerHasDefaultPadding
   }, showBackButton && /*#__PURE__*/React.createElement(StyledButtonContainer, null, /*#__PURE__*/React.createElement(StyledModalBackButton, {
     "data-testid": "modal-back-btn",
     "data-has-decription": !!headerDescription,

package/es/@next/Modal/ModalStyle.js

@@ -16,7 +16,7 @@ export var StyledModalContainer = styled.div.withConfig({
 export var StyledModalHeader = styled.div.withConfig({
   displayName: "ModalStyle__StyledModalHeader",
   componentId: "sc-1694up4-2"
-})(["display:flex;flex-direction:row;align-items:center;padding:", " 20px;box-shadow:inset 0px -1px 0px ", ";border-radius:", " ", " 0 0;align-self:stretch;div{flex:1;}&[data-show-border='false']{box-shadow:unset;}@media (max-width:", "){padding:", ";}"], space16, Neutral.B95, borderRadius8, borderRadius8, Breakpoints.large, space16);
+})(["display:flex;flex-direction:row;align-items:center;box-shadow:inset 0px -1px 0px ", ";border-radius:", " ", " 0 0;align-self:stretch;div{flex:1;}&[data-header-has-default-padding='true']{padding:", " 20px;@media (max-width:", "){padding:", ";}}&[data-show-border='false']{box-shadow:unset;}"], Neutral.B95, borderRadius8, borderRadius8, space16, Breakpoints.large, space16);
 export var StyledModalContent = styled.div.withConfig({
   displayName: "ModalStyle__StyledModalContent",
   componentId: "sc-1694up4-3"

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Spinner = require("../Spinner/Spinner");
 var _Typography = require("../Typography");
 var _ButtonStyle = require("./ButtonStyle");
-var _excluded = ["children", "icon", "iconPosition", "active", "fullWidth", "loading"];
+var _excluded = ["children", "icon", "iconPosition", "active", "fullWidth", "loading", "disabled", "onClick"];
 var Button = /*#__PURE__*/_react["default"].forwardRef(function Button(_ref, ref) {
   var children = _ref.children,
     icon = _ref.icon,
@@ -18,6 +18,8 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function Button(_ref, ref
     active = _ref.active,
     fullWidth = _ref.fullWidth,
     loading = _ref.loading,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var content = typeof children === 'string' ? /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     variant: "button"
@@ -28,6 +30,15 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function Button(_ref, ref
     }
     return null;
   };
+  var onClickHandler = function onClickHandler() {
+    if (loading || disabled) {
+      return;
+    }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return onClick == null ? void 0 : onClick.apply(void 0, args);
+  };
   return /*#__PURE__*/_react["default"].createElement(_ButtonStyle.StyledButton, (0, _extends2["default"])({
     ref: ref,
     "data-active": active,
@@ -37,7 +48,9 @@ var Button = /*#__PURE__*/_react["default"].forwardRef(function Button(_ref, ref
   }, otherProps, {
     onMouseUp: function onMouseUp(e) {
       return e.currentTarget.blur();
-    }
+    },
+    onClick: onClickHandler,
+    disabled: disabled
   }), loading && /*#__PURE__*/_react["default"].createElement(_Spinner.Spinner, null), renderIcon('left'), content, renderIcon('right'));
 });
 exports.Button = Button;

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

@@ -27,6 +27,8 @@ export declare type ModalProps = React.HTMLAttributes<HTMLDivElement> & LeftAndR
     onClose?: () => void;
     onBack?: () => void;
     zIndexOverride?: number;
+    /** This prop will add default padding to the header */
+    headerHasDefaultPadding?: boolean;
 };
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/@next/Modal/Modal.js

@@ -12,7 +12,7 @@ var _Icon = require("../Icon");
 var _Portal = require("../Portal/Portal");
 var _Typography = require("../Typography");
 var _ModalStyle = require("./ModalStyle");
-var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
+var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "headerHasDefaultPadding", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
 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 Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref) {
@@ -28,6 +28,8 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
     showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
     _ref$showHeaderBorder = _ref.showHeaderBorder,
     showHeaderBorder = _ref$showHeaderBorder === void 0 ? true : _ref$showHeaderBorder,
+    _ref$headerHasDefault = _ref.headerHasDefaultPadding,
+    headerHasDefaultPadding = _ref$headerHasDefault === void 0 ? true : _ref$headerHasDefault,
     closeOnClickOutside = _ref.closeOnClickOutside,
     onClose = _ref.onClose,
     onBack = _ref.onBack,
@@ -107,7 +109,8 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
       return e.stopPropagation();
     }
   }, props), header && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalHeader, {
-    "data-show-border": showHeaderBorder
+    "data-show-border": showHeaderBorder,
+    "data-header-has-default-padding": headerHasDefaultPadding
   }, showBackButton && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalBackButton, {
     "data-testid": "modal-back-btn",
     "data-has-decription": !!headerDescription,

package/lib/@next/Modal/ModalStyle.js

@@ -25,7 +25,7 @@ exports.StyledModalContainer = StyledModalContainer;
 var StyledModalHeader = _styledComponents["default"].div.withConfig({
   displayName: "ModalStyle__StyledModalHeader",
   componentId: "sc-1694up4-2"
-})(["display:flex;flex-direction:row;align-items:center;padding:", " 20px;box-shadow:inset 0px -1px 0px ", ";border-radius:", " ", " 0 0;align-self:stretch;div{flex:1;}&[data-show-border='false']{box-shadow:unset;}@media (max-width:", "){padding:", ";}"], _spacing.space16, _colors.Neutral.B95, _borderRadius.borderRadius8, _borderRadius.borderRadius8, Breakpoints.large, _spacing.space16);
+})(["display:flex;flex-direction:row;align-items:center;box-shadow:inset 0px -1px 0px ", ";border-radius:", " ", " 0 0;align-self:stretch;div{flex:1;}&[data-header-has-default-padding='true']{padding:", " 20px;@media (max-width:", "){padding:", ";}}&[data-show-border='false']{box-shadow:unset;}"], _colors.Neutral.B95, _borderRadius.borderRadius8, _borderRadius.borderRadius8, _spacing.space16, Breakpoints.large, _spacing.space16);
 exports.StyledModalHeader = StyledModalHeader;
 var StyledModalContent = _styledComponents["default"].div.withConfig({
   displayName: "ModalStyle__StyledModalContent",

package/package.json

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