@via-profit/ui-kit 0.1.0-rc.70 → 0.1.0-rc.71

package/Modal/BaseModal/ModalInner.d.ts

@@ -7,7 +7,7 @@ export interface ModalInnerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The function that will be called to close the dialog
      */
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
 }
 declare const _default: React.ForwardRefExoticComponent<ModalInnerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/Modal/BaseModal/ModalOverlay.d.ts

@@ -7,7 +7,7 @@ export interface ModalOverlayProps extends Omit<React.HTMLAttributes<HTMLDivElem
     /**
      * The function that will be called to close the dialog
      */
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * Should the dialog close when overlay mouse click
      */

package/Modal/BaseModal/ModalOverlay.js

@@ -28,6 +28,6 @@ const StyledModalOverlay = styled_1.default.div `
 `;
 const ModalOverlay = (props, ref) => {
     const { isOpen, onRequestClose, closeOnOverlayClick } = props, restProps = __rest(props, ["isOpen", "onRequestClose", "closeOnOverlayClick"]);
-    return (react_1.default.createElement(StyledModalOverlay, Object.assign({}, restProps, { ref: ref, "$isOpen": isOpen, onClick: closeOnOverlayClick ? () => onRequestClose() : undefined })));
+    return (react_1.default.createElement(StyledModalOverlay, Object.assign({}, restProps, { ref: ref, "$isOpen": isOpen, onClick: closeOnOverlayClick ? onRequestClose : undefined })));
 };
 exports.default = react_1.default.forwardRef(ModalOverlay);

package/Modal/BaseModal/ModalWrapper.js

@@ -69,7 +69,7 @@ const ModalWrapper = props => {
                 const portal = window.document.querySelector(`#${context_1.PORTAL_ID}`);
                 const lastID = (_c = (_a = portal === null || portal === void 0 ? void 0 : portal.children) === null || _a === void 0 ? void 0 : _a[((_b = portal === null || portal === void 0 ? void 0 : portal.childNodes) === null || _b === void 0 ? void 0 : _b.length) - 1]) === null || _c === void 0 ? void 0 : _c.id;
                 if (lastID === id) {
-                    onRequestClose();
+                    onRequestClose(event);
                 }
             }
             if (event.key.toLowerCase() === 'tab' &&

package/Modal/BaseModal/context.d.ts

@@ -4,7 +4,7 @@ export type State = {
     readonly isOpen: boolean;
     readonly isMounted: boolean;
     readonly destroyTimeout: number;
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     readonly closeOnEscape: boolean;
     readonly closeOnOverlayClick: boolean;
 };

package/Modal/BaseModal/index.d.ts

@@ -9,7 +9,7 @@ export interface BaseModalProps {
     /**
      * The function that will be called to close the dialog
      */
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     /**
      * Dialog content
      */

package/Modal/ConfirmBox/ConfirmBoxFooter.d.ts

@@ -11,7 +11,7 @@ export type ConfirmBoxFooterProps = Omit<React.HTMLAttributes<HTMLDivElement>, '
     /**
      * On close request
      */
-    readonly onRequestClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
      * Label of Dissmiss button
      * **Default**: `"Dismiss"`
@@ -35,7 +35,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttribute
     /**
      * On close request
      */
-    readonly onRequestClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
      * Label of Dissmiss button
      * **Default**: `"Dismiss"`

package/Modal/ConfirmBox/index.d.ts

@@ -17,7 +17,7 @@ export interface ConfirmBoxProps extends Omit<BaseModalProps, 'overrides'> {
     /**
      * On close request
      */
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: BaseModalProps['onRequestClose'];
     /**
      * Label of Dissmiss button
      * **Default**: `"Dismiss"`

package/Modal/Drawer/DrawerHeader.d.ts

@@ -11,7 +11,7 @@ export type DrawerHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'titl
     /**
      * On close request
      */
-    readonly onRequestClose?: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    readonly onRequestClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & {
     /**
@@ -25,6 +25,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttribute
     /**
      * On close request
      */
-    readonly onRequestClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
+    readonly onRequestClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/Modal/Drawer/DrawerHeader.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
-const Base_1 = __importDefault(require("../../Typography/Base"));
+const Span_1 = __importDefault(require("../../Typography/Span"));
 const DrawerCloseIcon_1 = __importDefault(require("./DrawerCloseIcon"));
 const Button_1 = __importDefault(require("../../Button"));
 const StyledDrawerHeader = styled_1.default.div `
@@ -25,7 +25,7 @@ const StyledDrawerHeader = styled_1.default.div `
   align-items: center;
   justify-content: space-between;
 `;
-const DrawerTitle = (0, styled_1.default)(Base_1.default) `
+const DrawerTitle = (0, styled_1.default)(Span_1.default) `
   font-size: 1.3em;
   font-weight: 600;
   margin-right: 1em;

package/Modal/MessageBox/MessageBoxFooter.d.ts

@@ -7,7 +7,7 @@ export type MessageBoxFooterProps = Omit<React.HTMLAttributes<HTMLDivElement>, '
     /**
      * On close request
      */
-    readonly onRequestClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
      * Label of button
      * **Default**: `"OK"`
@@ -22,7 +22,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<React.HTMLAttribute
     /**
      * On close request
      */
-    readonly onRequestClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    readonly onRequestClose: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
      * Label of button
      * **Default**: `"OK"`

package/Modal/MessageBox/index.d.ts

@@ -13,7 +13,7 @@ export interface MessageBoxProps extends Omit<BaseModalProps, 'overrides'> {
     /**
      * On close request
      */
-    readonly onRequestClose: () => void;
+    readonly onRequestClose: BaseModalProps['onRequestClose'];
     /**
      * Label of button
      * **Default**: `"OK"`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.70",
+  "version": "0.1.0-rc.71",
   "description": "UI Kit",
   "repository": {
     "type": "git",