@wix/editor-react-components 1.2345.0 → 1.2347.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2345.0",
+  "version": "1.2347.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -199,5 +199,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "b092cc962820732fa979c2d77ab78f4ed5903e7ed6b0ced7f47bc0c6"
+  "falconPackageHash": "da47f7a892d684020ed2bc122b653607fc518a2d33af8b46aa75fa9a"
 }

package/dist/site/components/Menu/components/MenuContent/MenuItem/useIconAnimation.d.ts

@@ -1,17 +0,0 @@
-import { default as React, RefObject } from 'react';
-import { AnimatedSvgRef } from '../../../../AnimatedIcon/types';
-import { BuilderAnimationIconComponent } from '../../../Menu.types';
-type UseIconAnimationOptions = {
-    BuilderAnimationIcon: BuilderAnimationIconComponent | undefined;
-    isCurrentPage: boolean;
-    isOpen: boolean;
-    onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void;
-};
-type UseIconAnimationResult = {
-    iconAnimatedRef: RefObject<AnimatedSvgRef>;
-    handleMouseEnter: (event: React.MouseEvent<HTMLDivElement>) => void;
-    handleMouseLeave: (event: React.MouseEvent<HTMLDivElement>) => void;
-};
-export declare function useIconAnimation({ BuilderAnimationIcon, isCurrentPage, isOpen, onMouseEnter, onMouseLeave, }: UseIconAnimationOptions): UseIconAnimationResult;
-export {};

package/dist/site/components/Menu/manifestConfigs/animatedIconConfig.d.ts

@@ -1,2 +0,0 @@
-import { ElementItem } from '@wix/component-protocol/schema';
-export declare const animatedIconConfig: ElementItem;

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

@@ -1,365 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useCallback, useState, useEffect, useMemo } from "react";
-import { c as clsx } from "./clsx.js";
-import { d as directionStyles } from "./direction.module.js";
-import { p as presetWrapperStyles } from "./presetWrapper.module.js";
-import { a as getDataAttributes, g as getQaDataAttributes } from "./dataUtils.js";
-import { f as formatClassNames } from "./classNames.js";
-import { I as IconAnimationTriggers } from "./Button.types.js";
-import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds } from "./constants20.js";
-import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as removeAriaPrefix, g as getAccessibilityAttributesSpread } from "./a11y.js";
-import { i as isValidLink } from "./Link.js";
-const root = "root__IB9QF";
-const active = "active__lpoVO";
-const label = "label__EtLji";
-const link = "link__0rDnC";
-const icon = "icon__ZzsS5";
-const button = "button__i8gkO";
-const styles = {
-  root,
-  active,
-  label,
-  link,
-  icon,
-  button
-};
-const AnimatedButtonIcon = forwardRef(
-  ({ svg, duration }, ref) => /* @__PURE__ */ jsx(
-    AnimatedIconWithReducedMotion,
-    {
-      id: "animated-icon",
-      duration,
-      svg,
-      className: clsx("animated-icon", styles.icon),
-      ref
-    }
-  )
-);
-function useIconAnimation(isDisabled) {
-  const iconAnimatedRef = useRef(null);
-  const onAnimationForward = useCallback(() => {
-    var _a;
-    !isDisabled && ((_a = iconAnimatedRef.current) == null ? void 0 : _a.runAnimationForward());
-  }, [isDisabled]);
-  const onAnimationBackward = useCallback(() => {
-    var _a;
-    !isDisabled && ((_a = iconAnimatedRef.current) == null ? void 0 : _a.runAnimationBackward());
-  }, [isDisabled]);
-  return { iconAnimatedRef, onAnimationForward, onAnimationBackward };
-}
-function useButtonInteractionState(iconAnimationTriggers, onAnimationForward, onAnimationBackward, propsOnMouseEnter, propsOnMouseLeave) {
-  const [active2, setActive] = useState(false);
-  const animationTimeoutRef = useRef(
-    null
-  );
-  const isForwardRef = useRef(false);
-  const hasHoverTrigger = iconAnimationTriggers.includes(
-    IconAnimationTriggers.HOVER
-  );
-  const hasClickTrigger = iconAnimationTriggers.includes(
-    IconAnimationTriggers.CLICK
-  );
-  useEffect(() => {
-    isForwardRef.current = false;
-  }, [hasClickTrigger, hasHoverTrigger]);
-  useEffect(() => {
-    return () => {
-      if (animationTimeoutRef.current) {
-        clearTimeout(animationTimeoutRef.current);
-      }
-    };
-  }, []);
-  const onMouseEnter = useCallback(
-    (event) => {
-      if (animationTimeoutRef.current) {
-        clearTimeout(animationTimeoutRef.current);
-        animationTimeoutRef.current = null;
-      }
-      setActive(true);
-      if (hasHoverTrigger) {
-        onAnimationForward();
-      }
-      propsOnMouseEnter == null ? void 0 : propsOnMouseEnter(event);
-    },
-    [hasHoverTrigger, onAnimationForward, propsOnMouseEnter]
-  );
-  const onMouseLeave = useCallback(
-    (event) => {
-      animationTimeoutRef.current = setTimeout(() => {
-        setActive(false);
-      }, TRANSITION_DURATION);
-      if (hasHoverTrigger) {
-        onAnimationBackward();
-      }
-      propsOnMouseLeave == null ? void 0 : propsOnMouseLeave(event);
-    },
-    [hasHoverTrigger, onAnimationBackward, propsOnMouseLeave]
-  );
-  const onIconAnimationClick = useCallback(() => {
-    if (!hasClickTrigger) {
-      return;
-    }
-    if (isForwardRef.current) {
-      onAnimationBackward();
-    } else {
-      onAnimationForward();
-    }
-    isForwardRef.current = !isForwardRef.current;
-  }, [hasClickTrigger, onAnimationBackward, onAnimationForward]);
-  return {
-    active: active2,
-    onMouseEnter,
-    onMouseLeave,
-    onIconAnimationClick: hasClickTrigger ? onIconAnimationClick : void 0
-  };
-}
-const useAnalyticsReportClicks = ({
-  reportBiOnClick,
-  onClick: propsOnClick
-}) => {
-  return useCallback(
-    (event) => {
-      reportBiOnClick == null ? void 0 : reportBiOnClick(event);
-      propsOnClick == null ? void 0 : propsOnClick(event);
-    },
-    [reportBiOnClick, propsOnClick]
-  );
-};
-function useButtonEventHandlers({
-  isDisabled,
-  link: link2,
-  propsOnClick,
-  preventLinkNavigation,
-  reportBiOnClick,
-  onMouseEnter,
-  onMouseLeave,
-  onIconAnimationClick,
-  onDblClick,
-  onFocus,
-  onBlur
-}) {
-  const isLink = isValidLink(link2);
-  const shouldPreventLinkNavigation = preventLinkNavigation && isLink;
-  const shouldHaveOnClick = !isDisabled && propsOnClick || shouldPreventLinkNavigation;
-  const onClick = useAnalyticsReportClicks({
-    reportBiOnClick,
-    onClick: shouldHaveOnClick || onIconAnimationClick ? (event) => {
-      onIconAnimationClick == null ? void 0 : onIconAnimationClick(event);
-      if (shouldHaveOnClick) {
-        shouldPreventLinkNavigation && event.preventDefault();
-        !isDisabled && (propsOnClick == null ? void 0 : propsOnClick());
-      }
-    } : void 0
-  });
-  const eventHandlers = useMemo(
-    () => ({
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      onKeyDown: isLink ? activateByEnterButton : activateBySpaceOrEnterButton,
-      onDoubleClick: !isDisabled && onDblClick ? onDblClick : void 0,
-      onFocus: !isDisabled && onFocus ? onFocus : void 0,
-      onBlur: !isDisabled && onBlur ? onBlur : void 0
-    }),
-    [
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      isLink,
-      isDisabled,
-      onDblClick,
-      onFocus,
-      onBlur
-    ]
-  );
-  return { isLink, eventHandlers };
-}
-function useButtonA11y({
-  propsA11y,
-  ariaAttributes,
-  label: label2
-}) {
-  const normalizedA11y = useMemo(
-    () => removeAriaPrefix(propsA11y ?? {}),
-    [propsA11y]
-  );
-  const a11yAttr = useMemo(
-    () => getAccessibilityAttributesSpread({
-      ariaAttributes: {
-        ...ariaAttributes,
-        ...normalizedA11y,
-        label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? (normalizedA11y.label || label2)
-      },
-      tabindex: normalizedA11y == null ? void 0 : normalizedA11y.tabindex
-    }),
-    [normalizedA11y, label2, ariaAttributes]
-  );
-  return a11yAttr;
-}
-const Button = (props) => {
-  const {
-    id,
-    link: link2,
-    type = "button",
-    label: label2 = "",
-    labelContent,
-    disabled: isDisabled = false,
-    onClick: propsOnClick,
-    className,
-    corvid,
-    a11y: propsA11y,
-    direction,
-    elementProps,
-    compPreviewState,
-    isQaMode,
-    fullNameCompType,
-    lang,
-    ariaAttributes,
-    onDblClick,
-    onFocus,
-    onBlur,
-    reportBiOnClick,
-    preventLinkNavigation,
-    onMouseEnter: propsOnMouseEnter,
-    onMouseLeave: propsOnMouseLeave,
-    wix
-  } = props;
-  const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
-  const animatedIconProps = elementProps == null ? void 0 : elementProps.animatedIcon;
-  const corvidIconAnimationTriggers = (corvid == null ? void 0 : corvid.iconAnimationTriggers) ?? [];
-  const defaultTrigger = (animatedIconProps == null ? void 0 : animatedIconProps.trigger) === IconAnimationTriggers.CLICK ? IconAnimationTriggers.CLICK : IconAnimationTriggers.HOVER;
-  const iconAnimationTriggers = corvidIconAnimationTriggers.length > 0 ? corvidIconAnimationTriggers : [defaultTrigger];
-  const { iconAnimatedRef, onAnimationForward, onAnimationBackward } = useIconAnimation(isDisabled);
-  const { active: active2, onMouseEnter, onMouseLeave, onIconAnimationClick } = useButtonInteractionState(
-    iconAnimationTriggers,
-    onAnimationForward,
-    onAnimationBackward,
-    propsOnMouseEnter,
-    propsOnMouseLeave
-  );
-  const buttonOrLinkRef = useRef(null);
-  const semanticClassNames = SEMANTIC_CLASS_NAMES;
-  const rootClassName = clsx(
-    styles.root,
-    className,
-    styles.button,
-    "button",
-    !direction && directionStyles.fallbackDirection,
-    formatClassNames(semanticClassNames.root),
-    {
-      disabled: isDisabled,
-      [styles.active]: active2
-    }
-  );
-  const labelClassName = clsx(
-    "label",
-    styles.label,
-    formatClassNames(semanticClassNames.buttonLabel)
-  );
-  const linkClassName = styles.link;
-  const { isLink, eventHandlers } = useButtonEventHandlers({
-    isDisabled,
-    link: link2,
-    propsOnClick,
-    preventLinkNavigation,
-    reportBiOnClick,
-    onMouseEnter,
-    onMouseLeave,
-    onIconAnimationClick,
-    onDblClick,
-    onFocus,
-    onBlur
-  });
-  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes, label: label2 });
-  const renderedLabel = labelContent ?? label2;
-  const wrapperAttributes = {
-    id,
-    ...getDataAttributes(props),
-    ...getQaDataAttributes(isQaMode, fullNameCompType),
-    "data-semantic-classname": semanticClassNames.root,
-    lang,
-    ...direction && { dir: direction }
-  };
-  const renderButtonContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderedLabel && /* @__PURE__ */ jsx("span", { className: labelClassName, "data-testid": TestIds.buttonLabel, children: renderedLabel }),
-    /* @__PURE__ */ jsx(
-      AnimatedButtonIcon,
-      {
-        ref: iconAnimatedRef,
-        svg: animatedIconProps == null ? void 0 : animatedIconProps.svg,
-        duration: animatedIconProps == null ? void 0 : animatedIconProps.duration
-      }
-    )
-  ] });
-  const renderButton = () => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type,
-      disabled: isDisabled,
-      className: rootClassName,
-      "data-testid": TestIds.buttonContent,
-      ...wrapperAttributes,
-      ...a11yAttr,
-      ...eventHandlers,
-      ref: buttonOrLinkRef,
-      "data-preview": compPreviewState,
-      children: renderButtonContent()
-    }
-  );
-  const renderLinkedButton = () => {
-    const linkHref = isDisabled ? void 0 : link2.href;
-    const linkRel = link2.rel;
-    const linkTarget = link2.target;
-    const linkPopupId = link2.linkPopupId;
-    const anchorDataId = link2.anchorDataId;
-    const anchorCompId = link2.anchorCompId;
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: linkHref,
-        rel: linkRel,
-        target: linkTarget,
-        "data-popupid": linkPopupId,
-        "data-anchor": anchorDataId,
-        "data-anchor-comp-id": anchorCompId,
-        className: clsx(linkClassName, rootClassName),
-        "data-testid": TestIds.buttonContent,
-        ...wrapperAttributes,
-        ...a11yAttr,
-        ...eventHandlers,
-        role: a11yAttr.role,
-        tabIndex: a11yAttr.tabIndex,
-        ref: buttonOrLinkRef,
-        "data-preview": compPreviewState,
-        children: renderButtonContent()
-      }
-    );
-  };
-  const renderDisabledLinkAsButton = () => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type,
-      disabled: isDisabled,
-      className: clsx(rootClassName),
-      "data-testid": TestIds.buttonContent,
-      ...wrapperAttributes,
-      ...a11yAttr,
-      ...eventHandlers,
-      role: "link",
-      ref: buttonOrLinkRef,
-      "data-preview": compPreviewState,
-      children: renderButtonContent()
-    }
-  );
-  const renderContent = () => {
-    if (isDisabled && isLink) {
-      return renderDisabledLinkAsButton();
-    }
-    return isLink ? renderLinkedButton() : renderButton();
-  };
-  return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: renderContent() });
-};
-export {
-  Button as B
-};

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

@@ -1,125 +0,0 @@
-import { j as $c7eafbbe1ea5834e$export$535bd6ca7f90a273 } from "./filterDOMProps.js";
-import React__default, { useState, useEffect, useContext } from "react";
-const $d805ff57cab8bee2$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
-  "Arab",
-  "Syrc",
-  "Samr",
-  "Mand",
-  "Thaa",
-  "Mend",
-  "Nkoo",
-  "Adlm",
-  "Rohg",
-  "Hebr"
-]);
-const $d805ff57cab8bee2$var$RTL_LANGS = /* @__PURE__ */ new Set([
-  "ae",
-  "ar",
-  "arc",
-  "bcc",
-  "bqi",
-  "ckb",
-  "dv",
-  "fa",
-  "glk",
-  "he",
-  "ku",
-  "mzn",
-  "nqo",
-  "pnb",
-  "ps",
-  "sd",
-  "ug",
-  "ur",
-  "yi"
-]);
-function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
-  if (Intl.Locale) {
-    let locale = new Intl.Locale(localeString).maximize();
-    let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
-    if (textInfo) return textInfo.direction === "rtl";
-    if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
-  }
-  let lang = localeString.split("-")[0];
-  return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
-}
-const $520a025cdb0d710d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
-function $520a025cdb0d710d$export$f09106e7c6677ec5() {
-  let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([
-      locale
-    ]);
-  } catch {
-    locale = "en-US";
-  }
-  return {
-    locale,
-    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
-  };
-}
-let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
-let $520a025cdb0d710d$var$listeners = /* @__PURE__ */ new Set();
-function $520a025cdb0d710d$var$updateLocale() {
-  $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
-  for (let listener of $520a025cdb0d710d$var$listeners) listener($520a025cdb0d710d$var$currentLocale);
-}
-function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
-  let isSSR = $c7eafbbe1ea5834e$export$535bd6ca7f90a273();
-  let [defaultLocale, setDefaultLocale] = useState($520a025cdb0d710d$var$currentLocale);
-  useEffect(() => {
-    if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
-    $520a025cdb0d710d$var$listeners.add(setDefaultLocale);
-    return () => {
-      $520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
-      if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener("languagechange", $520a025cdb0d710d$var$updateLocale);
-    };
-  }, []);
-  if (isSSR) {
-    let locale = typeof window !== "undefined" && window[$520a025cdb0d710d$var$localeSymbol];
-    return {
-      locale: locale || "en-US",
-      direction: "ltr"
-    };
-  }
-  return defaultLocale;
-}
-const $2eb8e6d23f3d0cb0$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
-function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
-  let { locale, children } = props;
-  let value = React__default.useMemo(() => ({
-    locale,
-    direction: $d805ff57cab8bee2$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
-  }), [
-    locale
-  ]);
-  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
-    value
-  }, children);
-}
-function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
-  let { children } = props;
-  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
-  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nContext.Provider, {
-    value: defaultLocale
-  }, children);
-}
-function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
-  let { locale, children } = props;
-  if (locale) return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithLocale, {
-    locale,
-    children
-  });
-  return /* @__PURE__ */ React__default.createElement($2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale, {
-    children
-  });
-}
-function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
-  let defaultLocale = $520a025cdb0d710d$export$188ec29ebc2bdc3a();
-  let context = useContext($2eb8e6d23f3d0cb0$var$I18nContext);
-  return context || defaultLocale;
-}
-export {
-  $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82 as $,
-  $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 as a
-};