@via-profit/ui-kit 0.1.0-rc.36 → 0.1.0-rc.38

package/Modal/ConfirmBox/index.d.ts

@@ -4,6 +4,7 @@ import { ConfirmBoxContainerProps } from './ConfirmBoxContainer';
 import { ConfirmBoxContentProps } from './ConfirmBoxContent';
 import { ConfirmBoxFooterProps } from './ConfirmBoxFooter';
 import { ConfirmBoxHeaderProps } from './ConfirmBoxHeader';
+import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
 export interface ConfirmBoxProps extends Omit<BaseModalProps, 'overrides'> {
     /**
      * Dialog header
@@ -49,6 +50,10 @@ export interface ConfirmBoxOverrides {
      * Element header
      */
     readonly Header?: React.ForwardRefExoticComponent<ConfirmBoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Overlay element
+     */
+    readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
 }
 declare const ConfirmBox: React.FC<ConfirmBoxProps>;
 export default ConfirmBox;

package/Modal/ConfirmBox/index.js

@@ -20,6 +20,7 @@ const ConfirmBoxContainer_1 = __importDefault(require("./ConfirmBoxContainer"));
 const ConfirmBoxContent_1 = __importDefault(require("./ConfirmBoxContent"));
 const ConfirmBoxFooter_1 = __importDefault(require("./ConfirmBoxFooter"));
 const ConfirmBoxHeader_1 = __importDefault(require("./ConfirmBoxHeader"));
+const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
 const ConfirmBox = props => {
     const { header, children, onRequestYes, onRequestClose, overrides, isOpen, dismissButtonLabel, confirmButtonLabel } = props, otherProps = __rest(props, ["header", "children", "onRequestYes", "onRequestClose", "overrides", "isOpen", "dismissButtonLabel", "confirmButtonLabel"]);
     const dialogID = react_1.default.useMemo(() => `dialog-confirm-${new Date().getTime()}`, []);
@@ -27,7 +28,8 @@ const ConfirmBox = props => {
     const overridesMap = react_1.default.useMemo(() => (Object.assign({ Container: ConfirmBoxContainer_1.default,
         Content: ConfirmBoxContent_1.default,
         Footer: ConfirmBoxFooter_1.default,
-        Header: ConfirmBoxHeader_1.default }, overrides)), [overrides]);
+        Header: ConfirmBoxHeader_1.default,
+        Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
     react_1.default.useEffect(() => {
         setTimeout(() => {
             if (isOpen && buttonRef.current) {
@@ -36,7 +38,9 @@ const ConfirmBox = props => {
         }, 15);
     }, [isOpen]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps),
+        react_1.default.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps, { overrides: {
+                Overlay: overridesMap.Overlay,
+            } }),
             react_1.default.createElement(overridesMap.Container, { dialogID: dialogID },
                 react_1.default.useMemo(() => (react_1.default.createElement(overridesMap.Header, { dialogID: dialogID }, header)), [overridesMap, dialogID, header]),
                 react_1.default.useMemo(() => (react_1.default.createElement(overridesMap.Content, { dialogID: dialogID }, children)), [dialogID, children, overridesMap]),

package/Modal/Dialog/index.js

@@ -41,14 +41,13 @@ const React = __importStar(require("react"));
 const BaseModal_1 = __importDefault(require("../BaseModal"));
 const DialogInner_1 = __importDefault(require("./DialogInner"));
 const Dialog = props => {
-    const { children } = props, restProps = __rest(props, ["children"]);
+    var _a;
+    const { children, overrides } = props, restProps = __rest(props, ["children", "overrides"]);
     const dialogID = React.useMemo(() => `dialog-${new Date().getTime()}`, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(BaseModal_1.default, Object.assign({}, restProps, { overrides: {
-                Inner: React.forwardRef(function Inner(props, ref) {
+        React.createElement(BaseModal_1.default, Object.assign({}, restProps, { overrides: Object.assign(Object.assign({}, overrides), { Inner: (_a = overrides === null || overrides === void 0 ? void 0 : overrides.Inner) !== null && _a !== void 0 ? _a : React.forwardRef(function Inner(props, ref) {
                     const { children } = props;
                     return (React.createElement(DialogInner_1.default, Object.assign({ dialogID: dialogID, ref: ref }, props), children));
-                }),
-            } }), children)));
+                }) }) }), children)));
 };
 exports.default = Dialog;

package/Modal/Drawer/index.d.ts

@@ -5,6 +5,7 @@ import { DrawerContainerProps } from './DrawerContainer';
 import { DrawerHeaderProps } from './DrawerHeader';
 import { DrawerContentProps } from './DrawerContent';
 import { DrawerFooterProps } from './DrawerFooter';
+import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
 export interface DrawerProps extends Omit<BaseModalProps, 'overrides'> {
     /**
      * Drawer position\
@@ -55,6 +56,10 @@ export interface DrawerOverrides {
      * Element header
      */
     readonly Header?: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Overlay element
+     */
+    readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
 }
 declare const Drawer: React.FC<DrawerProps>;
 export default Drawer;

package/Modal/Drawer/index.js

@@ -44,6 +44,7 @@ const DrawerContainer_1 = __importDefault(require("./DrawerContainer"));
 const DrawerHeader_1 = __importDefault(require("./DrawerHeader"));
 const DrawerContent_1 = __importDefault(require("./DrawerContent"));
 const DrawerFooter_1 = __importDefault(require("./DrawerFooter"));
+const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
 const Drawer = props => {
     const { children, onRequestClose, showCloseButton, header, anchor, toolbar, footer, overrides } = props, otherProps = __rest(props, ["children", "onRequestClose", "showCloseButton", "header", "anchor", "toolbar", "footer", "overrides"]);
     const hasFooter = React.useMemo(() => typeof footer !== 'undefined' && footer !== null, [footer]);
@@ -54,9 +55,11 @@ const Drawer = props => {
     const overridesMap = React.useMemo(() => (Object.assign({ Container: DrawerContainer_1.default,
         Header: DrawerHeader_1.default,
         Content: DrawerContent_1.default,
-        Footer: DrawerFooter_1.default }, overrides)), [overrides]);
+        Footer: DrawerFooter_1.default,
+        Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
     return (React.createElement(React.Fragment, null,
         React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose }, otherProps, { overrides: {
+                Overlay: overridesMap.Overlay,
                 Inner: React.forwardRef(function Inner(props, ref) {
                     const { children } = props;
                     return (React.createElement(DrawerInner_1.default, Object.assign({ anchor: anchor, dialogID: dialogID, ref: ref }, props), children));

package/Modal/MessageBox/index.d.ts

@@ -4,6 +4,7 @@ import { MessageBoxContainerProps } from './MessageBoxContainer';
 import { MessageBoxContentProps } from './MessageBoxContent';
 import { MessageBoxFooterProps } from './MessageBoxFooter';
 import { MessageBoxHeaderProps } from './MessageBoxHeader';
+import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
 export interface MessageBoxProps extends Omit<BaseModalProps, 'overrides'> {
     /**
      * Dialog header
@@ -40,6 +41,10 @@ export interface MessageBoxOverrides {
      * Element header
      */
     readonly Header?: React.ForwardRefExoticComponent<MessageBoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Overlay header
+     */
+    readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
 }
 declare const MessageBox: React.FC<MessageBoxProps>;
 export default MessageBox;

package/Modal/MessageBox/index.js

@@ -43,6 +43,7 @@ const MessageBoxContainer_1 = __importDefault(require("./MessageBoxContainer"));
 const MessageBoxContent_1 = __importDefault(require("./MessageBoxContent"));
 const MessageBoxFooter_1 = __importDefault(require("./MessageBoxFooter"));
 const MessageBoxHeader_1 = __importDefault(require("./MessageBoxHeader"));
+const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
 const MessageBox = props => {
     const { header, children, onRequestClose, overrides, okButtonLabel, isOpen } = props, otherProps = __rest(props, ["header", "children", "onRequestClose", "overrides", "okButtonLabel", "isOpen"]);
     const dialogID = React.useMemo(() => `dialog-Message-${new Date().getTime()}`, []);
@@ -57,9 +58,12 @@ const MessageBox = props => {
     const overridesMap = React.useMemo(() => (Object.assign({ Container: MessageBoxContainer_1.default,
         Content: MessageBoxContent_1.default,
         Footer: MessageBoxFooter_1.default,
-        Header: MessageBoxHeader_1.default }, overrides)), [overrides]);
+        Header: MessageBoxHeader_1.default,
+        Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps),
+        React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen, overrides: {
+                Overlay: overridesMap.Overlay,
+            } }, otherProps),
             React.createElement(overridesMap.Container, { dialogID: dialogID },
                 React.createElement(overridesMap.Header, { dialogID: dialogID }, header),
                 React.createElement(overridesMap.Content, { dialogID: dialogID }, children),

package/package.json

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