@wix/editor-react-components 1.2716.0 → 1.2718.0

package/dist/site/components/BoxContainer/css.css

@@ -3,6 +3,7 @@
 }
 
 .minHeightFix__syGSC {
-  display: grid;
+  --display: grid;
+  display: var(--display);
   grid-template-rows: minmax(0, 1fr);
 }

package/dist/site/components/Dropdown/component.js

@@ -17,7 +17,7 @@ import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
 import { D as DismissSmall_default } from "../chunks/DismissSmall.js";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { r as requireIsSymbol, a as require_baseSlice } from "../chunks/_baseSlice.js";
-import { r as requireIsObject, a as requireEq, b as requireIsArrayLike, c as require_isIndex } from "../chunks/isArrayLike.js";
+import { b as requireIsObject, r as requireEq, e as requireIsArrayLike, d as require_isIndex } from "../chunks/isArrayLike.js";
 const ConfirmSmall = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11.9393398,6 C12.232233,5.70710678 12.7071068,5.70710678 13,6 C13.2928932,6.29289322 13.2928932,6.76776695 13,7.06066017 L7.5,12.5606602 L5,10.0606602 C4.70710678,9.76776695 4.70710678,9.29289322 5,9 C5.29289322,8.70710678 5.76776695,8.70710678 6.06066017,9 L7.5,10.4393398 L11.9393398,6 Z" }));
 ConfirmSmall.displayName = "ConfirmSmall";
 var ConfirmSmall_default = ConfirmSmall;

package/dist/site/components/GoogleMap/GoogleMap.types.d.ts

@@ -112,6 +112,7 @@ export type GoogleMapBaseProps = GoogleMapEventHandlers & {
     openSettingModal?: () => void;
     hasRequiredConsent?: boolean;
     componentConsentPolicy?: Record<string, boolean>;
+    disableInfoWindow?: boolean;
 };
 export type GoogleMapWithConsentProps = Omit<GoogleMapBaseProps, 'translations' | 'consentPolicy' | 'openSettingModal'> & {
     translations: GoogleMapTranslations & ConsentPolicyWrapperTranslationsValues;
@@ -122,9 +123,10 @@ export type GoogleMapReactProps = GoogleMapBaseProps & {
     MapContent: React.ComponentType<GoogleMapBaseProps & React.RefAttributes<IGoogleMapsImperativeActions>>;
 };
 export type GoogleMapMarkerProps = {
+    index: number;
     location: MapMarkerInterface;
     infoWindowOpen: boolean;
-    onMarkerClick: (marker: any) => void;
+    onMarkerClick: (index: number, marker: any) => void;
     onInfoWindowClose: () => void;
     showDirectionLink: boolean;
     allyTargetBlankDescription?: string;

package/dist/site/components/GoogleMap/component.js

@@ -7,6 +7,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { createPortal } from "react-dom";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
+import { i as isEqual } from "../chunks/isEqual.js";
 import { G as GOOGLE_MAPS_DIRECTIONS_BASE_URL, M as MIN_ZOOM, a as MAX_ZOOM, T as TestIds, D as DEFAULT_ZOOM, b as MAP_IDS, c as MAP_TYPES, d as MAP_MOBILE_CONTROL_SIZE, A as API_KEY, e as DEFAULT_LOCATION, f as DefaultTranslations, g as TranslationKeys, h as TRANSLATIONS_NAMESPACES, C as COMPANY_NAME_DEFAULT, i as COMPANY_NAME_KEY, j as COMPONENT_NAME_DEFAULT, k as COMPONENT_NAME_KEY } from "../chunks/consts.js";
 import { p as parse } from "../chunks/index4.js";
 import { useService } from "@wix/services-manager-react";
@@ -1394,6 +1395,7 @@ function hasMarkerInfoWindowFields(location, mapData) {
   );
 }
 const GoogleMapMarker = ({
+  index,
   location,
   infoWindowOpen,
   onMarkerClick,
@@ -1406,7 +1408,7 @@ const GoogleMapMarker = ({
   const { isLinkValid, anchorProps } = getLinkInfo(location);
   const handleMarkerClick = () => {
     var _a2;
-    onMarkerClick == null ? void 0 : onMarkerClick({
+    onMarkerClick == null ? void 0 : onMarkerClick(index, {
       type: "markerClicked",
       address: location.address,
       location: {
@@ -1489,7 +1491,7 @@ const GoogleMapMarker = ({
     )
   ] });
 };
-const GoogleMapMarker$1 = React.memo(GoogleMapMarker);
+const GoogleMapMarker$1 = React.memo(GoogleMapMarker, isEqual);
 const createSdkMethods = (mapRef, updateZoom, updateCenter) => {
   return {
     setMapCenter: (longitude, latitude) => {
@@ -1611,6 +1613,7 @@ const GoogleMapReactInner = forwardRef((props, forwardedRef) => {
   const {
     id,
     isMobile,
+    disableInfoWindow,
     mapData,
     translations,
     onUpdateCenter,
@@ -1690,10 +1693,14 @@ const GoogleMapReactInner = forwardRef((props, forwardedRef) => {
     },
     [onMapClicked, id]
   );
-  const handleMarkerClicked = (index) => (data) => {
-    setOpenInfoWindowIndex(openInfoWindowIndex === index ? null : index);
-    onMarkerClicked == null ? void 0 : onMarkerClicked(data);
-  };
+  const handleMarkerClicked = useCallback(
+    (index, data) => {
+      setOpenInfoWindowIndex((current) => current === index ? null : index);
+      onMarkerClicked == null ? void 0 : onMarkerClicked(data);
+    },
+    [onMarkerClicked]
+  );
+  const closeInfoWindow = useCallback(() => setOpenInfoWindowIndex(null), []);
   useImperativeHandle(
     forwardedRef,
     () => createImperativeMethods(
@@ -1752,10 +1759,11 @@ const GoogleMapReactInner = forwardRef((props, forwardedRef) => {
       children: mapData.locations.map((location, index) => /* @__PURE__ */ jsx(
         GoogleMapMarker$1,
         {
+          index,
           location,
-          infoWindowOpen: openInfoWindowIndex === index && hasMarkerInfoWindowFields(location, mapData),
-          onMarkerClick: handleMarkerClicked(index),
-          onInfoWindowClose: () => setOpenInfoWindowIndex(null),
+          infoWindowOpen: !disableInfoWindow && openInfoWindowIndex === index && hasMarkerInfoWindowFields(location, mapData),
+          onMarkerClick: handleMarkerClicked,
+          onInfoWindowClose: closeInfoWindow,
           showDirectionLink: mapData.showDirectionsLink,
           allyTargetBlankDescription: translations.allyTargetBlankDescription
         },
@@ -1917,6 +1925,7 @@ const useGoogleMapProps = (props) => {
       onMouseLeave: props.onMouseOut,
       isConsentPolicyActive: cookieConsent.isConsentPolicyActive,
       isMobile: cookieConsent.isMobile,
+      disableInfoWindow: props.disableInfoWindow,
       consentPolicy: cookieConsent.consentPolicy,
       openSettingModal: cookieConsent.openSettingModal,
       hasRequiredConsent: cookieConsent.hasRequiredConsent,
@@ -1936,6 +1945,7 @@ const useGoogleMapProps = (props) => {
     cookieConsent.componentConsentPolicy,
     cookieConsent.translations,
     cookieConsent.isMobile,
+    props.disableInfoWindow,
     cookieConsent.openSettingModal
   ]);
   return { componentProps, mapData };

package/dist/site/components/GoogleMap/component.preview.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { default as GoogleMap } from './component';
+export default function GoogleMapPreview(props: React.ComponentProps<typeof GoogleMap>): React.JSX.Element;

package/dist/site/components/GoogleMap/components/GoogleMapMarker.d.ts

@@ -1,4 +1,4 @@
 import { GoogleMapMarkerProps } from '../GoogleMap.types';
 import * as React from 'react';
-declare const _default: React.MemoExoticComponent<({ location, infoWindowOpen, onMarkerClick, onInfoWindowClose, showDirectionLink, allyTargetBlankDescription, }: GoogleMapMarkerProps) => React.JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ index, location, infoWindowOpen, onMarkerClick, onInfoWindowClose, showDirectionLink, allyTargetBlankDescription, }: GoogleMapMarkerProps) => React.JSX.Element | null>;
 export default _default;

package/dist/site/components/GoogleMap/components/GoogleMapReact.d.ts

@@ -31,6 +31,7 @@ declare const GoogleMapReact: React.ForwardRefExoticComponent<{
     openSettingModal?: () => void;
     hasRequiredConsent?: boolean;
     componentConsentPolicy?: Record<string, boolean>;
+    disableInfoWindow?: boolean;
 } & {
     MapContent: React.ComponentType<import('../GoogleMap.types').GoogleMapBaseProps & React.RefAttributes<IGoogleMapsImperativeActions>>;
 } & React.RefAttributes<IGoogleMapsImperativeActions>>;

package/dist/site/components/GoogleMap/components/GoogleMapReactInteractiveMap.d.ts

@@ -31,5 +31,6 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     openSettingModal?: () => void;
     hasRequiredConsent?: boolean;
     componentConsentPolicy?: Record<string, boolean>;
+    disableInfoWindow?: boolean;
 } & React.RefAttributes<IGoogleMapsImperativeActions>>>;
 export default _default;

package/dist/site/components/GoogleMap/hooks/useGoogleMapProps.d.ts

@@ -8,6 +8,7 @@ declare const useGoogleMapProps: (props: GoogleMapSettingsProps & {
     id: string;
     className?: string;
     a11y?: A11y;
+    disableInfoWindow?: boolean;
 }) => {
     componentProps: Omit<GoogleMapPropsWithConsent, "mapData">;
     mapData: GoogleMapMapData;

package/dist/site/components/GoogleMap/manifest.js

@@ -217,6 +217,16 @@ const manifest = {
     }
   },
   resources: {
+    editor: {
+      componentUrl: "./site/components/GoogleMap/component.preview.tsx",
+      dependencies: {
+        serviceDependencies: [
+          "@wix/viewer-service-consent-policy",
+          "@wix/viewer-service-environment",
+          "@wix/viewer-service-translations"
+        ]
+      }
+    },
     client: {
       componentUrl: "./site/components/GoogleMap/component.tsx",
       moduleSpecifier: "@wix/editor-react-components/GoogleMap",

package/dist/site/components/chunks/isArrayLike.js

@@ -79,10 +79,10 @@ function requireIsArrayLike() {
   return isArrayLike_1;
 }
 export {
-  requireEq as a,
-  requireIsArrayLike as b,
-  require_isIndex as c,
-  requireIsFunction as d,
-  requireIsLength as e,
-  requireIsObject as r
+  requireIsFunction as a,
+  requireIsObject as b,
+  requireIsLength as c,
+  require_isIndex as d,
+  requireIsArrayLike as e,
+  requireEq as r
 };