@licklist/design 0.66.12-dev.2 → 0.66.12

package/dist/events/event-venue-map/components/Dropdown/Dropdown.js

@@ -1,127 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useContext, useEffect } from 'react';
-import { EventVenueMapContext } from '@licklist/plugins/dist/context/event/EventVenueMapContext';
-import { calculatePointsCoordinates, calculateDropdownOffsets } from '../../utils/index.js';
-import { DropdownWrapper } from './components/DropdownWrapper/DropdownWrapper.js';
-import { SelectControl } from './components/SelectControl/SelectControl.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var Dropdown = function(param) {
-    var imageOffsetX = param.imageOffsetX, imageOffsetY = param.imageOffsetY, imageScale = param.imageScale, scale = param.scale, stageX = param.stageX, stageY = param.stageY;
-    var dropdownContainerRef = useRef(null);
-    var _useState = _sliced_to_array(useState(0), 2), defaultContainerWidth = _useState[0], setDefaultContainerWidth = _useState[1];
-    var dropdownResizeObserver = new ResizeObserver(function(entries) {
-        var _entries = _sliced_to_array(entries, 1), dropdownDiv = _entries[0];
-        setDefaultContainerWidth(dropdownDiv.contentRect.width);
-    });
-    var _useContext = useContext(EventVenueMapContext), mapPoints = _useContext.mapPoints, activeElementKey = _useContext.activeElementKey, editMode = _useContext.editMode;
-    var _useState1 = _sliced_to_array(useState(null), 2), selectedPoint = _useState1[0], setSelectedPoint = _useState1[1];
-    var isDisabled = editMode || !selectedPoint;
-    useEffect(function() {
-        var selectedPoint = mapPoints.find(function(point) {
-            return String((point === null || point === void 0 ? void 0 : point.id) || (point === null || point === void 0 ? void 0 : point.localId)) === activeElementKey;
-        });
-        setSelectedPoint(selectedPoint || null);
-    }, [
-        mapPoints,
-        activeElementKey,
-        setSelectedPoint
-    ]);
-    useEffect(function() {
-        var currentRef = dropdownContainerRef.current;
-        if (!currentRef) return undefined;
-        dropdownResizeObserver.observe(currentRef);
-        return function() {
-            if (!currentRef) return;
-            dropdownResizeObserver.unobserve(currentRef);
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        dropdownContainerRef,
-        selectedPoint
-    ]);
-    var pointCoordinates = selectedPoint ? {
-        x: selectedPoint.xCoordinate,
-        y: selectedPoint.yCoordinate
-    } : {
-        x: 0,
-        y: 0
-    };
-    var _calculatePointsCoordinates = _sliced_to_array(calculatePointsCoordinates(pointCoordinates.x, pointCoordinates.y, {
-        imageScale: imageScale,
-        imageOffsetX: imageOffsetX,
-        imageOffsetY: imageOffsetY
-    }), 2), pointX = _calculatePointsCoordinates[0], pointY = _calculatePointsCoordinates[1];
-    var styles = function() {
-        var _calculateDropdownOffsets = calculateDropdownOffsets({
-            x: pointX,
-            y: pointY
-        }, {
-            scale: scale,
-            x: stageX,
-            y: stageY
-        }), left = _calculateDropdownOffsets.left, top = _calculateDropdownOffsets.top;
-        return {
-            left: Math.round(left - defaultContainerWidth / 2),
-            top: Math.round(top),
-            display: isDisabled ? "none" : undefined
-        };
-    };
-    return /*#__PURE__*/ jsx("div", {
-        className: "canvas-dropdown",
-        style: styles(),
-        ref: dropdownContainerRef,
-        children: /*#__PURE__*/ jsx(DropdownWrapper, {
-            children: /*#__PURE__*/ jsx(SelectControl, {
-                selectedPoint: selectedPoint
-            })
-        })
-    });
-};
-
-export { Dropdown };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),a=require("../../utils/index.js"),i=require("./components/DropdownWrapper/DropdownWrapper.js"),l=require("./components/SelectControl/SelectControl.js");exports.Dropdown=function(e){var s=e.imageOffsetX,u=e.imageOffsetY,c=e.imageScale,d=e.scale,f=e.stageX,p=e.stageY,v=n.useRef(null),m=t.__read(n.useState(0),2),x=m[0],y=m[1],g=new ResizeObserver((function(e){var n=t.__read(e,1)[0];y(n.contentRect.width)})),_=n.useContext(o.EventVenueMapContext),C=_.mapPoints,w=_.activeElementKey,E=_.editMode,S=t.__read(n.useState(null),2),O=S[0],b=S[1],q=E||!O;n.useEffect((function(){var e=C.find((function(e){return String((null==e?void 0:e.id)||(null==e?void 0:e.localId))===w}));b(e||null)}),[C,w,b]),n.useEffect((function(){var e=v.current;if(e)return g.observe(e),function(){e&&g.unobserve(e)}}),[v,O]);var M=O?{x:O.xCoordinate,y:O.yCoordinate}:{x:0,y:0},j=t.__read(a.calculatePointsCoordinates(M.x,M.y,{imageScale:c,imageOffsetX:s,imageOffsetY:u}),2),D=j[0],P=j[1];return r.createElement("div",{className:"canvas-dropdown",style:function(){var e=a.calculateDropdownOffsets({x:D,y:P},{scale:d,x:f,y:p}),t=e.left,n=e.top;return{left:Math.round(t-x/2),top:Math.round(n),display:q?"none":void 0}}(),ref:v},r.createElement(i.DropdownWrapper,null,r.createElement(l.SelectControl,{selectedPoint:O})))};

package/dist/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-export declare const DropdownWrapper: FC;
+import { FC } from "react";
+export declare const DropdownWrapper: FC;
 //# sourceMappingURL=DropdownWrapper.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,eAAe,EAAE,EAO7B,CAAC"}
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,eAAe,EAAE,EAO7B,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/DropdownWrapper/DropdownWrapper.js

@@ -1,19 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DropdownWrapper = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "canvas-dropdown-wrapper",
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: "arrow"
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "children-container",
-                children: children
-            })
-        ]
-    });
-};
-
-export { DropdownWrapper };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;exports.DropdownWrapper=function(e){var r=e.children;return a.createElement("div",{className:"canvas-dropdown-wrapper"},a.createElement("div",{className:"arrow"}),a.createElement("div",{className:"children-container"},r))};

package/dist/events/event-venue-map/components/Dropdown/components/DropdownWrapper/index.d.ts

@@ -1,2 +1,2 @@
-export { DropdownWrapper } from "./DropdownWrapper";
+export { DropdownWrapper } from "./DropdownWrapper";
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.d.ts

@@ -1,8 +1,9 @@
-import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
-type ProductsControlProps = {
-    products: Partial<Product>[];
-    onChange: (productUuid: string) => void;
-};
-export declare const ProductsControl: ({ products, onChange, }: ProductsControlProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { Product } from "@licklist/core/dist/DataMapper/Product/ProductDataMapper";
+type ProductsControlProps = {
+    products: Partial<Product>[];
+    onChange: (productUuid: string) => void;
+};
+export declare const ProductsControl: ({ products, onChange, }: ProductsControlProps) => JSX.Element;
+export {};
 //# sourceMappingURL=ProductsControl.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,4CA6BtB,CAAC"}
+{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,0DAA0D,CAAC;AAEnF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,gBA6BtB,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/ProductsControl/ProductsControl.js

@@ -1,38 +1 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Button } from 'react-bootstrap';
-import { useTranslation } from 'react-i18next';
-
-var ProductsControl = function(param) {
-    var products = param.products, onChange = param.onChange;
-    var t = useTranslation("Design").t;
-    return /*#__PURE__*/ jsx("div", {
-        className: "products-control mb-3",
-        children: products.map(function(param) {
-            var id = param.id, name = param.name, uuid = param.uuid;
-            var onClick = function() {
-                onChange(uuid);
-            };
-            return /*#__PURE__*/ jsxs("div", {
-                className: "product",
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        children: /*#__PURE__*/ jsx("p", {
-                            className: "m-0",
-                            children: name
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: /*#__PURE__*/ jsx(Button, {
-                            size: "sm",
-                            className: "ml-3 select-product-button",
-                            onClick: onClick,
-                            children: t("add")
-                        })
-                    })
-                ]
-            }, id);
-        })
-    });
-};
-
-export { ProductsControl };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap");exports.ProductsControl=function(e){var t=e.products,c=e.onChange,o=a.useTranslation("Design").t;return r.createElement("div",{className:"products-control mb-3"},t.map((function(e){var t=e.id,a=e.name,u=e.uuid;return r.createElement("div",{className:"product",key:t},r.createElement("div",null,r.createElement("p",{className:"m-0"},a)),r.createElement("div",null,r.createElement(n.Button,{size:"sm",className:"ml-3 select-product-button",onClick:function(){c(u)}},o("add"))))})))};

package/dist/events/event-venue-map/components/Dropdown/components/ProductsControl/index.d.ts

@@ -1,2 +1,2 @@
-export { ProductsControl } from "./ProductsControl";
+export { ProductsControl } from "./ProductsControl";
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.d.ts

@@ -1,7 +1,8 @@
-import { Point } from "@licklist/plugins/dist/types/context/event/point";
-type SelectControlProps = {
-    selectedPoint: Partial<Point> | null;
-};
-export declare const SelectControl: ({ selectedPoint }: SelectControlProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { Point } from "@licklist/plugins/dist/types/context/event/point";
+type SelectControlProps = {
+    selectedPoint: Partial<Point> | null;
+};
+export declare const SelectControl: ({ selectedPoint }: SelectControlProps) => JSX.Element;
+export {};
 //# sourceMappingURL=SelectControl.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAIzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,aAAa,sBAAuB,kBAAkB,4CA8HlE,CAAC"}
+{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../../../../src/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAIzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,aAAa,sBAAuB,kBAAkB,gBA8HlE,CAAC"}

package/dist/events/event-venue-map/components/Dropdown/components/SelectControl/SelectControl.js

@@ -1,236 +1 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useContext, useState, useMemo, useCallback, useEffect } from 'react';
-import { Button } from 'react-bootstrap';
-import { useTranslation } from 'react-i18next';
-import { EventVenueMapContext } from '@licklist/plugins/dist/context/event/EventVenueMapContext';
-import { ProductsControl } from '../ProductsControl/ProductsControl.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var SelectControl = function(param) {
-    var selectedPoint = param.selectedPoint;
-    var t = useTranslation("Design").t;
-    var _useContext = useContext(EventVenueMapContext), activeElementKey = _useContext.activeElementKey, products = _useContext.products, mapPointProducts = _useContext.mapPointProducts, setMapPointProducts = _useContext.setMapPointProducts, setActiveElementKey = _useContext.setActiveElementKey;
-    var _useState = _sliced_to_array(useState(false), 2), showProductSelect = _useState[0], setShowProductSelect = _useState[1];
-    var selectedPointProduct = useMemo(function() {
-        return mapPointProducts.find(function(product) {
-            return product.pointId === (selectedPoint === null || selectedPoint === void 0 ? void 0 : selectedPoint.id);
-        });
-    }, [
-        mapPointProducts,
-        selectedPoint
-    ]);
-    var selectedProduct = useMemo(function() {
-        if (!selectedPointProduct) {
-            return null;
-        }
-        return products.find(function(product) {
-            return product.uuid === (selectedPointProduct === null || selectedPointProduct === void 0 ? void 0 : selectedPointProduct.productUuid);
-        });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        selectedPointProduct,
-        products,
-        mapPointProducts
-    ]);
-    var onEditClick = useCallback(function() {
-        setShowProductSelect(true);
-    }, []);
-    var onClose = useCallback(function() {
-        setActiveElementKey(undefined);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var onRemove = useCallback(function() {
-        setShowProductSelect(false);
-        setMapPointProducts(function(prevPointProducts) {
-            return prevPointProducts.filter(function(pointProduct) {
-                return String(pointProduct.pointId) !== String(selectedPoint === null || selectedPoint === void 0 ? void 0 : selectedPoint.id);
-            });
-        });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        selectedPoint
-    ]);
-    var onProductChange = useCallback(function(productUuid) {
-        if (!selectedPoint) return;
-        if (!selectedPointProduct) {
-            setMapPointProducts(function(prevPointProducts) {
-                return _to_consumable_array(prevPointProducts).concat([
-                    {
-                        pointId: selectedPoint === null || selectedPoint === void 0 ? void 0 : selectedPoint.id,
-                        productUuid: productUuid
-                    }
-                ]);
-            });
-        } else {
-            setMapPointProducts(function(prevPointProducts) {
-                return prevPointProducts.map(function(prevPointProduct) {
-                    if (String(prevPointProduct.pointId) !== String(selectedPoint === null || selectedPoint === void 0 ? void 0 : selectedPoint.id)) {
-                        return prevPointProduct;
-                    }
-                    return _object_spread_props(_object_spread({}, prevPointProduct), {
-                        productUuid: productUuid
-                    });
-                });
-            });
-        }
-        setShowProductSelect(false);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        selectedPoint,
-        selectedPointProduct
-    ]);
-    useEffect(function() {
-        setShowProductSelect(false);
-    }, [
-        activeElementKey,
-        setShowProductSelect
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: "d-flex flex-column align-items-center",
-        children: [
-            !showProductSelect && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    selectedProduct && /*#__PURE__*/ jsx("p", {
-                        className: "product-title m-0",
-                        children: selectedProduct.name
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        size: "sm",
-                        onClick: onEditClick,
-                        className: "mt-3 dropdown-button",
-                        children: t(selectedPointProduct ? "edit" : "addProduct")
-                    })
-                ]
-            }),
-            showProductSelect && /*#__PURE__*/ jsx(ProductsControl, {
-                products: products,
-                onChange: onProductChange
-            }),
-            selectedPointProduct && !showProductSelect && /*#__PURE__*/ jsx(Button, {
-                size: "sm",
-                variant: "link",
-                className: "mt-3 delete-button dropdown-button",
-                onClick: onRemove,
-                children: t("remove")
-            }),
-            /*#__PURE__*/ jsx(Button, {
-                variant: "link",
-                size: "sm",
-                className: "mt-3 dropdown-button",
-                onClick: onClose,
-                children: t("close")
-            })
-        ]
-    });
-};
-
-export { SelectControl };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),u=require("react-bootstrap"),i=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),l=require("../ProductsControl/ProductsControl.js");exports.SelectControl=function(e){var c=e.selectedPoint,a=o.useTranslation("Design").t,s=n.useContext(i.EventVenueMapContext),d=s.activeElementKey,m=s.products,p=s.mapPointProducts,f=s.setMapPointProducts,v=s.setActiveElementKey,C=t.__read(n.useState(!1),2),_=C[0],b=C[1],E=n.useMemo((function(){return p.find((function(e){return e.pointId===(null==c?void 0:c.id)}))}),[p,c]),g=n.useMemo((function(){return E?m.find((function(e){return e.uuid===(null==E?void 0:E.productUuid)})):null}),[E,m,p]),k=n.useCallback((function(){b(!0)}),[]),P=n.useCallback((function(){v(void 0)}),[]),x=n.useCallback((function(){b(!1),f((function(e){return e.filter((function(e){return String(e.pointId)!==String(null==c?void 0:c.id)}))}))}),[c]),q=n.useCallback((function(e){c&&(f(E?function(n){return n.map((function(n){return String(n.pointId)!==String(null==c?void 0:c.id)?n:t.__assign(t.__assign({},n),{productUuid:e})}))}:function(n){return t.__spreadArray(t.__spreadArray([],t.__read(n),!1),[{pointId:null==c?void 0:c.id,productUuid:e}],!1)}),b(!1))}),[c,E]);return n.useEffect((function(){b(!1)}),[d,b]),r.createElement("div",{className:"d-flex flex-column align-items-center"},!_&&r.createElement(r.Fragment,null,g&&r.createElement("p",{className:"product-title m-0"},g.name),r.createElement(u.Button,{size:"sm",onClick:k,className:"mt-3 dropdown-button"},a(E?"edit":"addProduct"))),_&&r.createElement(l.ProductsControl,{products:m,onChange:q}),E&&!_&&r.createElement(u.Button,{size:"sm",variant:"link",className:"mt-3 delete-button dropdown-button",onClick:x},a("remove")),r.createElement(u.Button,{variant:"link",size:"sm",className:"mt-3 dropdown-button",onClick:P},a("close")))};

package/dist/events/event-venue-map/components/Dropdown/components/SelectControl/index.d.ts

@@ -1,2 +1,2 @@
-export { SelectControl } from "./SelectControl";
+export { SelectControl } from "./SelectControl";
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-venue-map/components/Dropdown/index.d.ts

@@ -1,2 +1,2 @@
-export { Dropdown } from "./Dropdown";
+export { Dropdown } from "./Dropdown";
 //# sourceMappingURL=index.d.ts.map

package/dist/events/event-venue-map/components/MapPoint/MapPoint.d.ts

@@ -1,13 +1,14 @@
-import { Point } from "@licklist/plugins/dist/types/context/event/point";
-import { Product } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-import { ImageOffset } from "../../types";
-type MapPointProps = Partial<Point> & ImageOffset & {
-    changeCursorType: (type?: CSSStyleDeclaration["cursor"]) => void;
-    usedInIframe: boolean;
-    choosedProductUuids?: string[];
-    errorOnChoosedProductUuids?: string[];
-    isSoldOut?: Product["isSoldOut"];
-};
-export declare const MapPoint: ({ xCoordinate: x, yCoordinate: y, id, imageOffsetX, imageOffsetY, imageScale, localId, pointNumber, changeCursorType, usedInIframe, choosedProductUuids, errorOnChoosedProductUuids, isSoldOut, }: MapPointProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { Point } from "@licklist/plugins/dist/types/context/event/point";
+import { Product } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+import { ImageOffset } from "../../types";
+type MapPointProps = Partial<Point> & ImageOffset & {
+    changeCursorType: (type?: CSSStyleDeclaration["cursor"]) => void;
+    usedInIframe: boolean;
+    choosedProductUuids?: string[];
+    errorOnChoosedProductUuids?: string[];
+    isSoldOut?: Product["isSoldOut"];
+};
+export declare const MapPoint: ({ xCoordinate: x, yCoordinate: y, id, imageOffsetX, imageOffsetY, imageScale, localId, pointNumber, changeCursorType, usedInIframe, choosedProductUuids, errorOnChoosedProductUuids, isSoldOut, }: MapPointProps) => JSX.Element;
+export {};
 //# sourceMappingURL=MapPoint.d.ts.map

package/dist/events/event-venue-map/components/MapPoint/MapPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapPoint.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/MapPoint/MapPoint.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,GACjC,WAAW,GAAG;IACZ,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEJ,eAAO,MAAM,QAAQ,sMAclB,aAAa,4CAqHf,CAAC"}
+{"version":3,"file":"MapPoint.d.ts","sourceRoot":"","sources":["../../../../../src/events/event-venue-map/components/MapPoint/MapPoint.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,qDAAqD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,KAAK,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,GACjC,WAAW,GAAG;IACZ,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACjE,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEJ,eAAO,MAAM,QAAQ,sMAclB,aAAa,gBAqHf,CAAC"}