@trafilea/afrodita-components 6.21.5 → 6.21.7

package/build/index.d.ts

@@ -2897,6 +2897,7 @@ declare type ModalProps = {
     dismissable?: boolean;
     maxFullScreen?: boolean;
     padding?: string;
+    onClickOverlayHandler?: () => void;
     children: React__default.ReactNode;
 };
 interface ContainerProps {
@@ -3561,7 +3562,7 @@ declare type TimerProps = Partial<TimeProps> & {
     showHours?: boolean;
     timerColor?: string;
     countdown?: number;
-    template?: boolean;
+    isCardsVersion?: boolean;
 };
 declare const Timer: React.FC<TimerProps>;
 
@@ -3656,9 +3657,9 @@ declare type HurryUpProps = {
     showTimer?: boolean;
     iconSize?: number;
     textPosition?: 'left' | 'right' | 'center';
-    clockPosition?: 'left' | 'right';
+    clockPosition?: 'left' | 'right' | 'none';
     countdown?: number;
-    template?: boolean;
+    isFullVersion?: boolean;
     hurryUpTextColor?: string;
 } & Partial<TimerProps>;
 declare const HurryUp: React__default.FC<HurryUpProps>;

package/build/index.esm.js

@@ -14716,7 +14716,7 @@ var Container$y = newStyled.div(templateObject_5$f || (templateObject_5$f = __ma
 }), visibleStyle, transformStyle);
 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);
 var Modal = function (_a) {
-    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;
+    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;
     var _d = useModal(id), opened = _d.opened, close = _d.close;
     var onDismiss = function () {
         if (!dismissable) {
@@ -14724,7 +14724,10 @@ var Modal = function (_a) {
         }
         close();
     };
-    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));
+    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 () {
+                    onClickOverlayHandler === null || onClickOverlayHandler === void 0 ? void 0 : onClickOverlayHandler();
+                    onDismiss();
+                } }, void 0)] }), void 0));
 };
 var modalEvent = function (id, detail) {
     events.dispatchCustomEvent('modal', __assign$1({ id: id }, detail));
@@ -19931,7 +19934,7 @@ var secondsToTime = function (secs) {
 };
 var DEFAULT_TIME = { hours: 0, minutes: 0, seconds: 0 };
 var Timer = function (_a) {
-    var onTimeUp = _a.onTimeUp, _b = _a.displayZeroValues, displayZeroValues = _b === void 0 ? false : _b, _c = _a.showSeconds, showSeconds = _c === void 0 ? true : _c, _d = _a.showHours, showHours = _d === void 0 ? true : _d, _e = _a.timerColor, timerColor = _e === void 0 ? '#292929' : _e, countdown = _a.countdown, _f = _a.template, template = _f === void 0 ? false : _f, rest = __rest(_a, ["onTimeUp", "displayZeroValues", "showSeconds", "showHours", "timerColor", "countdown", "template"]);
+    var onTimeUp = _a.onTimeUp, _b = _a.displayZeroValues, displayZeroValues = _b === void 0 ? false : _b, _c = _a.showSeconds, showSeconds = _c === void 0 ? true : _c, _d = _a.showHours, showHours = _d === void 0 ? true : _d, _e = _a.timerColor, timerColor = _e === void 0 ? '#292929' : _e, countdown = _a.countdown, _f = _a.isCardsVersion, isCardsVersion = _f === void 0 ? false : _f, rest = __rest(_a, ["onTimeUp", "displayZeroValues", "showSeconds", "showHours", "timerColor", "countdown", "isCardsVersion"]);
     var _g = useState(countdown !== null && countdown !== void 0 ? countdown : timeToSeconds(__assign$1(__assign$1({}, DEFAULT_TIME), rest))), secs = _g[0], setSecs = _g[1];
     useEffect(function () {
         var timer = setInterval(function () {
@@ -19949,8 +19952,8 @@ var Timer = function (_a) {
         return function () { return clearInterval(timer); };
     }, [onTimeUp, secs]);
     var _h = secondsToTime(secs), hours = _h.hours, minutes = _h.minutes, seconds = _h.seconds;
-    if (template) {
-        return (jsxs$1(TimerContainerV2, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(hours || displayZeroValues) && "".concat(hours), jsx$1(Unit, { children: HRS }, void 0)] }), void 0)), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(minutes || displayZeroValues) && "".concat(minutes), jsx$1(Unit, { children: MIN }, void 0)] }), void 0), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [showSeconds && "".concat(seconds), jsx$1(Unit, { children: SEC }, void 0)] }), void 0)] }), void 0));
+    if (isCardsVersion) {
+        return (jsxs$1(TimerContainerV2, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(hours || displayZeroValues) && "".concat(hours), jsx$1(Unit, { children: HRS }, void 0)] }), "Hours")), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(minutes || displayZeroValues) && "".concat(minutes), jsx$1(Unit, { children: MIN }, void 0)] }), "Minutes"), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [showSeconds && "".concat(seconds), jsx$1(Unit, { children: SEC }, void 0)] }), "Seconds")] }), void 0));
     }
     return (jsxs$1(TimerContainer$1, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (hours || displayZeroValues) && "".concat(hours, "h "), (minutes || displayZeroValues) && "".concat(minutes, "m "), showSeconds && "".concat(seconds, "s")] }), void 0));
 };
@@ -20142,9 +20145,9 @@ var getDefaultCountdown = function () {
 };
 
 var HurryUp = function (_a) {
-    var hurryUpText = _a.hurryUpText, backgroundColor = _a.backgroundColor, _b = _a.iconSize, iconSize = _b === void 0 ? 1.5 : _b, _c = _a.textPosition, textPosition = _c === void 0 ? 'center' : _c, _d = _a.showTimer, showTimer = _d === void 0 ? false : _d, _e = _a.clockPosition, clockPosition = _e === void 0 ? 'left' : _e, _f = _a.countdown, countdown = _f === void 0 ? getDefaultCountdown() : _f, template = _a.template, hurryUpTextColor = _a.hurryUpTextColor, timerProps = __rest(_a, ["hurryUpText", "backgroundColor", "iconSize", "textPosition", "showTimer", "clockPosition", "countdown", "template", "hurryUpTextColor"]);
+    var hurryUpText = _a.hurryUpText, backgroundColor = _a.backgroundColor, _b = _a.iconSize, iconSize = _b === void 0 ? 1.5 : _b, _c = _a.textPosition, textPosition = _c === void 0 ? 'center' : _c, _d = _a.showTimer, showTimer = _d === void 0 ? false : _d, _e = _a.clockPosition, clockPosition = _e === void 0 ? 'left' : _e, _f = _a.countdown, countdown = _f === void 0 ? getDefaultCountdown() : _f, isFullVersion = _a.isFullVersion, hurryUpTextColor = _a.hurryUpTextColor, timerProps = __rest(_a, ["hurryUpText", "backgroundColor", "iconSize", "textPosition", "showTimer", "clockPosition", "countdown", "isFullVersion", "hurryUpTextColor"]);
     var theme = useTheme();
-    return (jsxs$1(TimerContainer, __assign$1({ backgroundColor: backgroundColor || theme.component.card.backgroundColor, textPosition: textPosition, borderRadius: (!template && theme.component.hurryUp.borderRadius) || '0', "data-testid": "HurryUp" }, { children: [clockPosition === 'left' && (jsxs$1(Fragment$2, { children: [jsx$1(Icon.PDP.Stopwatch, { width: iconSize, height: iconSize, fill: theme.colors.pallete.secondary.color }, void 0), "\u00A0"] }, void 0)), jsx$1(Text$7, __assign$1({ testId: "HurryUpText", variant: "body", size: "small", weight: "demi", color: hurryUpTextColor }, { children: hurryUpText }), void 0), "\u00A0", clockPosition === 'right' && (jsxs$1(Fragment$2, { children: [jsx$1(Icon.PDP.Stopwatch, { width: iconSize, height: iconSize, fill: theme.colors.pallete.secondary.color }, void 0), "\u00A0"] }, void 0)), showTimer && (jsx$1(Timer, __assign$1({ countdown: countdown, onTimeUp: function () { } }, timerProps, { template: template }), void 0))] }), void 0));
+    return (jsxs$1(TimerContainer, __assign$1({ backgroundColor: backgroundColor || theme.component.card.backgroundColor, textPosition: textPosition, borderRadius: (!isFullVersion && theme.component.hurryUp.borderRadius) || '0', "data-testid": "HurryUp" }, { children: [clockPosition === 'left' && (jsxs$1(Fragment$2, { children: [jsx$1(Icon.PDP.Stopwatch, { width: iconSize, height: iconSize, fill: theme.colors.pallete.secondary.color }, void 0), "\u00A0"] }, void 0)), jsx$1(Text$7, __assign$1({ testId: "HurryUpText", variant: "body", size: "small", weight: "demi", color: hurryUpTextColor }, { children: hurryUpText }), void 0), "\u00A0", clockPosition === 'right' && (jsxs$1(Fragment$2, { children: [jsx$1(Icon.PDP.Stopwatch, { width: iconSize, height: iconSize, fill: theme.colors.pallete.secondary.color }, void 0), "\u00A0"] }, void 0)), showTimer && (jsx$1(Timer, __assign$1({ countdown: countdown, onTimeUp: function () { } }, timerProps, { isCardsVersion: isFullVersion }), void 0))] }), void 0));
 };
 
 var Container$5 = newStyled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  svg {\n    vertical-align: unset;\n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  svg {\n    vertical-align: unset;\n  }\n"])), function (_a) {