@escapenavigator/hooks 1.10.126 → 1.10.128

package/dist/functional-popover/index.d.ts

@@ -0,0 +1,18 @@
+import { IconButtonProps, Position } from '@alphakits/ui/dist';
+import React from 'react';
+export type FunctionalPopoverRenderProps = {
+    close: () => void;
+};
+export type FunctionalPopoverProps = {
+    children: React.ReactNode | ((props: FunctionalPopoverRenderProps) => React.ReactNode);
+    panelStyle?: Record<string, string | number>;
+    position?: Position;
+    offset?: [number, number];
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Custom trigger element; default is ghost IconButton with ChevronDownS */
+    trigger?: React.ReactElement;
+    triggerButtonProps?: Partial<IconButtonProps>;
+};
+export declare const FunctionalPopover: React.FC<FunctionalPopoverProps>;

package/dist/functional-popover/index.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FunctionalPopover = void 0;
+const ChevronDownS_1 = __importDefault(require("@alphakits/icons/dist/ChevronDownS"));
+const dist_1 = require("@alphakits/ui/dist");
+const functional_popover_panel_style_1 = require("@escapenavigator/utils/dist/functional-popover-panel-style");
+const react_1 = __importStar(require("react"));
+const FunctionalPopover = ({ children, panelStyle, position = 'bottom-start', offset = [0, 10], disabled, open: openProp, onOpenChange, trigger, triggerButtonProps, }) => {
+    const [openInternal, setOpenInternal] = (0, react_1.useState)(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : openInternal;
+    const setOpen = (0, react_1.useCallback)((next) => {
+        if (!isControlled) {
+            setOpenInternal(next);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+    }, [isControlled, onOpenChange]);
+    const close = (0, react_1.useCallback)(() => setOpen(false), [setOpen]);
+    const triggerRef = (0, react_1.useRef)(null);
+    const popoverRef = (0, react_1.useRef)(null);
+    (0, dist_1.useClickOutside)(popoverRef, () => setOpen(false), [triggerRef]);
+    const toggle = (0, react_1.useCallback)(() => setOpen(!open), [open, setOpen]);
+    if (disabled) {
+        return null;
+    }
+    const defaultTrigger = (react_1.default.createElement(dist_1.IconButton, Object.assign({ icon: ChevronDownS_1.default, view: 'ghost', size: 's' }, triggerButtonProps)));
+    const triggerElement = trigger !== null && trigger !== void 0 ? trigger : defaultTrigger;
+    const renderedTrigger = react_1.default.isValidElement(triggerElement)
+        ? react_1.default.cloneElement(triggerElement, {
+            onClick: (e) => {
+                var _a, _b;
+                (_b = (_a = triggerElement.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                toggle();
+            },
+        })
+        : triggerElement;
+    const content = typeof children === 'function' ? children({ close }) : children;
+    return (react_1.default.createElement("div", { ref: triggerRef },
+        renderedTrigger,
+        react_1.default.createElement(dist_1.Popover, { open: open, anchorElement: triggerRef.current, position: position, offset: offset, withTransition: true },
+            react_1.default.createElement("div", { ref: popoverRef, style: (0, functional_popover_panel_style_1.functionalPopoverPanel)(panelStyle) }, content))));
+};
+exports.FunctionalPopover = FunctionalPopover;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './functional-popover';
 export * from './players-and-variation-picker';
 export * from './use-debounced-value';
 export * from './use-localstore-state';

package/dist/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./functional-popover"), exports);
 __exportStar(require("./players-and-variation-picker"), exports);
 __exportStar(require("./use-debounced-value"), exports);
 __exportStar(require("./use-localstore-state"), exports);

package/dist/players-and-variation-picker/index.js

@@ -150,7 +150,7 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
         ? teamPriceBase - Math.floor((teamPriceBase / 10000) * slotDiscount)
         : teamPriceBase;
     const totalHeads = _players + (_children || 0);
-    const personPrice = totalHeads > 0 ? Math.floor(teamPrice / totalHeads) : 0;
+    const personPrice = totalHeads > 0 ? Math.round(teamPrice / totalHeads / 100) * 100 : 0;
     const showVariations = pickerOptions.length > 1;
     const variationDescription = (_a = selectedVariation === null || selectedVariation === void 0 ? void 0 : selectedVariation.description) !== null && _a !== void 0 ? _a : null;
     const handleVariationClick = (optionId, isFree) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "1.10.126",
+  "version": "1.10.128",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^1.10.134",
-    "@escapenavigator/types": "^1.10.125",
-    "@escapenavigator/utils": "^1.10.129",
+    "@escapenavigator/services": "^1.10.136",
+    "@escapenavigator/types": "^1.10.127",
+    "@escapenavigator/utils": "^1.10.131",
     "react": "19.2.6"
   },
   "peerDependencies": {
@@ -30,5 +30,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "03bcfd8cda2090c1f3e3ad8aeb5ca019a46160d5"
+  "gitHead": "a592dd20f7b119d54930b606fd92effc45f7aec5"
 }