@trafilea/afrodita-components 6.21.5 → 6.21.6

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 (6) hide show
  1. package/build/index.d.ts +1 -0
  2. package/build/index.esm.js +5 -2
  3. package/build/index.esm.js.map +1 -1
  4. package/build/index.js +5 -2
  5. package/build/index.js.map +1 -1
  6. package/package.json +1 -1
package/build/index.d.ts CHANGED
@@ -2897,6 +2897,7 @@ declare type ModalProps = {
2897
2897
  dismissable?: boolean;
2898
2898
  maxFullScreen?: boolean;
2899
2899
  padding?: string;
2900
+ onClickOverlayHandler?: () => void;
2900
2901
  children: React__default.ReactNode;
2901
2902
  };
2902
2903
  interface ContainerProps {
package/build/index.esm.js CHANGED
@@ -14716,7 +14716,7 @@ var Container$y = newStyled.div(templateObject_5$f || (templateObject_5$f = __ma
14716
14716
  }), visibleStyle, transformStyle);
14717
14717
  var Overlay = newStyled.div(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.75);\n z-index: var(--zIndex-overlay);\n transition: opacity 0.3s;\n\n ", "\n"], ["\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.75);\n z-index: var(--zIndex-overlay);\n transition: opacity 0.3s;\n\n ", "\n"])), visibleStyle);
14718
14718
  var Modal = function (_a) {
14719
- var id = _a.id, children = _a.children, _b = _a.dismissable, dismissable = _b === void 0 ? true : _b, _c = _a.maxFullScreen, maxFullScreen = _c === void 0 ? false : _c, padding = _a.padding;
14719
+ var id = _a.id, children = _a.children, _b = _a.dismissable, dismissable = _b === void 0 ? true : _b, _c = _a.maxFullScreen, maxFullScreen = _c === void 0 ? false : _c, padding = _a.padding, onClickOverlayHandler = _a.onClickOverlayHandler;
14720
14720
  var _d = useModal(id), opened = _d.opened, close = _d.close;
14721
14721
  var onDismiss = function () {
14722
14722
  if (!dismissable) {
@@ -14724,7 +14724,10 @@ var Modal = function (_a) {
14724
14724
  }
14725
14725
  close();
14726
14726
  };
14727
- return (jsxs(Portal, __assign$1({ id: id }, { children: [jsx(Container$y, __assign$1({ opened: opened, maxFullScreen: maxFullScreen, padding: padding }, { children: children }), void 0), jsx(Overlay, { opened: opened, onClick: onDismiss }, void 0)] }), void 0));
14727
+ return (jsxs(Portal, __assign$1({ id: id }, { children: [jsx(Container$y, __assign$1({ opened: opened, maxFullScreen: maxFullScreen, padding: padding }, { children: children }), void 0), jsx(Overlay, { opened: opened, onClick: function () {
14728
+ onClickOverlayHandler === null || onClickOverlayHandler === void 0 ? void 0 : onClickOverlayHandler();
14729
+ onDismiss();
14730
+ } }, void 0)] }), void 0));
14728
14731
  };
14729
14732
  var modalEvent = function (id, detail) {
14730
14733
  events.dispatchCustomEvent('modal', __assign$1({ id: id }, detail));