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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/Modal/ConfirmBox/index.d.ts +5 -0
  2. package/Modal/ConfirmBox/index.js +6 -2
  3. package/Modal/Drawer/index.d.ts +5 -0
  4. package/Modal/Drawer/index.js +4 -1
  5. package/Modal/MessageBox/index.d.ts +5 -0
  6. package/Modal/MessageBox/index.js +6 -2
  7. package/package.json +1 -1
package/Modal/ConfirmBox/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import { ConfirmBoxContainerProps } from './ConfirmBoxContainer';
4
4
  import { ConfirmBoxContentProps } from './ConfirmBoxContent';
5
5
  import { ConfirmBoxFooterProps } from './ConfirmBoxFooter';
6
6
  import { ConfirmBoxHeaderProps } from './ConfirmBoxHeader';
7
+ import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
7
8
  export interface ConfirmBoxProps extends Omit<BaseModalProps, 'overrides'> {
8
9
  /**
9
10
  * Dialog header
@@ -49,6 +50,10 @@ export interface ConfirmBoxOverrides {
49
50
  * Element header
50
51
  */
51
52
  readonly Header?: React.ForwardRefExoticComponent<ConfirmBoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
53
+ /**
54
+ * Overlay element
55
+ */
56
+ readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
52
57
  }
53
58
  declare const ConfirmBox: React.FC<ConfirmBoxProps>;
54
59
  export default ConfirmBox;
package/Modal/ConfirmBox/index.js CHANGED
@@ -20,6 +20,7 @@ const ConfirmBoxContainer_1 = __importDefault(require("./ConfirmBoxContainer"));
20
20
  const ConfirmBoxContent_1 = __importDefault(require("./ConfirmBoxContent"));
21
21
  const ConfirmBoxFooter_1 = __importDefault(require("./ConfirmBoxFooter"));
22
22
  const ConfirmBoxHeader_1 = __importDefault(require("./ConfirmBoxHeader"));
23
+ const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
23
24
  const ConfirmBox = props => {
24
25
  const { header, children, onRequestYes, onRequestClose, overrides, isOpen, dismissButtonLabel, confirmButtonLabel } = props, otherProps = __rest(props, ["header", "children", "onRequestYes", "onRequestClose", "overrides", "isOpen", "dismissButtonLabel", "confirmButtonLabel"]);
25
26
  const dialogID = react_1.default.useMemo(() => `dialog-confirm-${new Date().getTime()}`, []);
@@ -27,7 +28,8 @@ const ConfirmBox = props => {
27
28
  const overridesMap = react_1.default.useMemo(() => (Object.assign({ Container: ConfirmBoxContainer_1.default,
28
29
  Content: ConfirmBoxContent_1.default,
29
30
  Footer: ConfirmBoxFooter_1.default,
30
- Header: ConfirmBoxHeader_1.default }, overrides)), [overrides]);
31
+ Header: ConfirmBoxHeader_1.default,
32
+ Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
31
33
  react_1.default.useEffect(() => {
32
34
  setTimeout(() => {
33
35
  if (isOpen && buttonRef.current) {
@@ -36,7 +38,9 @@ const ConfirmBox = props => {
36
38
  }, 15);
37
39
  }, [isOpen]);
38
40
  return (react_1.default.createElement(react_1.default.Fragment, null,
39
- react_1.default.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps),
41
+ react_1.default.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps, { overrides: {
42
+ Overlay: overridesMap.Overlay,
43
+ } }),
40
44
  react_1.default.createElement(overridesMap.Container, { dialogID: dialogID },
41
45
  react_1.default.useMemo(() => (react_1.default.createElement(overridesMap.Header, { dialogID: dialogID }, header)), [overridesMap, dialogID, header]),
42
46
  react_1.default.useMemo(() => (react_1.default.createElement(overridesMap.Content, { dialogID: dialogID }, children)), [dialogID, children, overridesMap]),
package/Modal/Drawer/index.d.ts CHANGED
@@ -5,6 +5,7 @@ import { DrawerContainerProps } from './DrawerContainer';
5
5
  import { DrawerHeaderProps } from './DrawerHeader';
6
6
  import { DrawerContentProps } from './DrawerContent';
7
7
  import { DrawerFooterProps } from './DrawerFooter';
8
+ import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
8
9
  export interface DrawerProps extends Omit<BaseModalProps, 'overrides'> {
9
10
  /**
10
11
  * Drawer position\
@@ -55,6 +56,10 @@ export interface DrawerOverrides {
55
56
  * Element header
56
57
  */
57
58
  readonly Header?: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
59
+ /**
60
+ * Overlay element
61
+ */
62
+ readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
58
63
  }
59
64
  declare const Drawer: React.FC<DrawerProps>;
60
65
  export default Drawer;
package/Modal/Drawer/index.js CHANGED
@@ -44,6 +44,7 @@ const DrawerContainer_1 = __importDefault(require("./DrawerContainer"));
44
44
  const DrawerHeader_1 = __importDefault(require("./DrawerHeader"));
45
45
  const DrawerContent_1 = __importDefault(require("./DrawerContent"));
46
46
  const DrawerFooter_1 = __importDefault(require("./DrawerFooter"));
47
+ const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
47
48
  const Drawer = props => {
48
49
  const { children, onRequestClose, showCloseButton, header, anchor, toolbar, footer, overrides } = props, otherProps = __rest(props, ["children", "onRequestClose", "showCloseButton", "header", "anchor", "toolbar", "footer", "overrides"]);
49
50
  const hasFooter = React.useMemo(() => typeof footer !== 'undefined' && footer !== null, [footer]);
@@ -54,9 +55,11 @@ const Drawer = props => {
54
55
  const overridesMap = React.useMemo(() => (Object.assign({ Container: DrawerContainer_1.default,
55
56
  Header: DrawerHeader_1.default,
56
57
  Content: DrawerContent_1.default,
57
- Footer: DrawerFooter_1.default }, overrides)), [overrides]);
58
+ Footer: DrawerFooter_1.default,
59
+ Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
58
60
  return (React.createElement(React.Fragment, null,
59
61
  React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose }, otherProps, { overrides: {
62
+ Overlay: overridesMap.Overlay,
60
63
  Inner: React.forwardRef(function Inner(props, ref) {
61
64
  const { children } = props;
62
65
  return (React.createElement(DrawerInner_1.default, Object.assign({ anchor: anchor, dialogID: dialogID, ref: ref }, props), children));
package/Modal/MessageBox/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import { MessageBoxContainerProps } from './MessageBoxContainer';
4
4
  import { MessageBoxContentProps } from './MessageBoxContent';
5
5
  import { MessageBoxFooterProps } from './MessageBoxFooter';
6
6
  import { MessageBoxHeaderProps } from './MessageBoxHeader';
7
+ import { ModalOverlayProps } from '../BaseModal/ModalOverlay';
7
8
  export interface MessageBoxProps extends Omit<BaseModalProps, 'overrides'> {
8
9
  /**
9
10
  * Dialog header
@@ -40,6 +41,10 @@ export interface MessageBoxOverrides {
40
41
  * Element header
41
42
  */
42
43
  readonly Header?: React.ForwardRefExoticComponent<MessageBoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
44
+ /**
45
+ * Overlay header
46
+ */
47
+ readonly Overlay?: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
43
48
  }
44
49
  declare const MessageBox: React.FC<MessageBoxProps>;
45
50
  export default MessageBox;
package/Modal/MessageBox/index.js CHANGED
@@ -43,6 +43,7 @@ const MessageBoxContainer_1 = __importDefault(require("./MessageBoxContainer"));
43
43
  const MessageBoxContent_1 = __importDefault(require("./MessageBoxContent"));
44
44
  const MessageBoxFooter_1 = __importDefault(require("./MessageBoxFooter"));
45
45
  const MessageBoxHeader_1 = __importDefault(require("./MessageBoxHeader"));
46
+ const ModalOverlay_1 = __importDefault(require("../BaseModal/ModalOverlay"));
46
47
  const MessageBox = props => {
47
48
  const { header, children, onRequestClose, overrides, okButtonLabel, isOpen } = props, otherProps = __rest(props, ["header", "children", "onRequestClose", "overrides", "okButtonLabel", "isOpen"]);
48
49
  const dialogID = React.useMemo(() => `dialog-Message-${new Date().getTime()}`, []);
@@ -57,9 +58,12 @@ const MessageBox = props => {
57
58
  const overridesMap = React.useMemo(() => (Object.assign({ Container: MessageBoxContainer_1.default,
58
59
  Content: MessageBoxContent_1.default,
59
60
  Footer: MessageBoxFooter_1.default,
60
- Header: MessageBoxHeader_1.default }, overrides)), [overrides]);
61
+ Header: MessageBoxHeader_1.default,
62
+ Overlay: ModalOverlay_1.default }, overrides)), [overrides]);
61
63
  return (React.createElement(React.Fragment, null,
62
- React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen }, otherProps),
64
+ React.createElement(BaseModal_1.default, Object.assign({ onRequestClose: onRequestClose, isOpen: isOpen, overrides: {
65
+ Overlay: overridesMap.Overlay,
66
+ } }, otherProps),
63
67
  React.createElement(overridesMap.Container, { dialogID: dialogID },
64
68
  React.createElement(overridesMap.Header, { dialogID: dialogID }, header),
65
69
  React.createElement(overridesMap.Content, { dialogID: dialogID }, children),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@via-profit/ui-kit",
3
- "version": "0.1.0-rc.37",
3
+ "version": "0.1.0-rc.38",
4
4
  "description": "UI Kit",
5
5
  "repository": {
6
6
  "type": "git",