@wix/editor-react-components 1.2288.0 → 1.2290.0

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

@@ -0,0 +1,72 @@
+const DISPLAY_NAMES = {
+  component: "Accordion",
+  elements: {
+    accordionItems: "Accordion items",
+    itemContent: "Item content",
+    itemTitles: "Item titles"
+  },
+  actions: {
+    manageAccordion: "Manage Accordion",
+    animatedIcon: "Customize Icon"
+  },
+  data: {
+    items: "Item",
+    title: "Title",
+    activeItem: "Active Item",
+    allowMultipleOpen: "Allow multiple open items",
+    defaultState: "Choose the default state"
+  },
+  defaultStateOptions: {
+    allClosed: "All items closed",
+    firstOpened: "First item opened",
+    allOpened: "All items opened"
+  },
+  displayGroups: {
+    accordionItems: "Accordion Items"
+  },
+  layout: {
+    itemsGap: "Space between items"
+  }
+};
+const DEFAULT_PROPS = {
+  items: [],
+  defaultOpen: "none",
+  allowMultipleOpen: false,
+  titleHtmlTag: "h3"
+};
+const accordionManifestDefaults = {
+  data: { ...DEFAULT_PROPS },
+  style: {
+    itemsGap: "0px"
+  }
+};
+const CONTAINER_INITIAL_HEIGHT = 240;
+const DesignStates = {
+  accordionItem: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__accordion-item--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__accordion-item--selected"
+    }
+  },
+  itemTitle: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__item-title--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__item-title--selected"
+    }
+  }
+};
+export {
+  CONTAINER_INITIAL_HEIGHT as C,
+  DEFAULT_PROPS as D,
+  DesignStates as a,
+  DISPLAY_NAMES as b,
+  accordionManifestDefaults as c
+};

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

@@ -1,31 +1,22 @@
-import { S as SharedDisplayNames } from "./constants8.js";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsSticker-container",
-    text: "TextEffectsSticker-text"
+    container: "TextEffectsStriped-container",
+    text: "TextEffectsStriped-text"
   }
 };
-const COMPONENT_ID = "5a8d2f7c-e1b3-4c9a-8d6e-2f4b7a9c1e3d";
-const TEXT_TWIST_PANEL_ID = "c5f84f6c-3d1f-4287-af95-800fc31b581e";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    fill: "Color",
-    fillOpacity: "opacity",
-    strokeWidth: "width",
-    stroke: "Color",
-    outerStrokeAngle: "Angle",
-    outerStrokeDistance: "Distance",
-    shadowColor: "Color",
-    shadowOpacity: "Opacity",
-    shadowAngle: "Angle",
-    shadowBlur: "Blur",
-    shadowDistance: "Distance"
+    stripeAngle: "Angle",
+    stripeSize: "Size",
+    innerAnimationSpeed: "Speed",
+    disableInnerAnimation: "Animation",
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2"
   }
 };
 export {
-  COMPONENT_ID as C,
   DisplayNames as D,
-  TestIds as T,
-  TEXT_TWIST_PANEL_ID as a
+  TestIds as T
 };

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

@@ -1,26 +1,26 @@
-import { S as SharedDisplayNames } from "./constants8.js";
-const COMPONENT_ID = "edce3e51-3d93-4b6a-abd5-778f5071b73d";
-const TEXT_TWIST_PANEL_ID = "8ec92f08-c639-4240-8408-1aaaedbc5712";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "text-effects-shook-container",
-    layer: "text-effects-shook-layer",
-    text: "text-effects-shook-text"
+    container: "TextEffectsSticker-container",
+    text: "TextEffectsSticker-text"
   }
 };
+const COMPONENT_ID = "5a8d2f7c-e1b3-4c9a-8d6e-2f4b7a9c1e3d";
+const TEXT_TWIST_PANEL_ID = "c5f84f6c-3d1f-4287-af95-800fc31b581e";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
+    fill: "Color",
+    fillOpacity: "opacity",
     strokeWidth: "width",
     stroke: "Color",
-    bevelAngle: "Angle",
-    layerCount: "Number of layers",
-    layerSpacing: "Space between layers",
-    textEffectsColor1: "Color 1",
-    textEffectsColor2: "Color 2",
-    textEffectsColor3: "Color 3",
-    textEffectsColor4: "Color 4",
-    textEffectsColor5: "Color 5"
+    outerStrokeAngle: "Angle",
+    outerStrokeDistance: "Distance",
+    shadowColor: "Color",
+    shadowOpacity: "Opacity",
+    shadowAngle: "Angle",
+    shadowBlur: "Blur",
+    shadowDistance: "Distance"
   }
 };
 export {

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

@@ -1,25 +1,26 @@
-import { S as SharedDisplayNames } from "./constants8.js";
+import { S as SharedDisplayNames } from "./constants9.js";
+const COMPONENT_ID = "edce3e51-3d93-4b6a-abd5-778f5071b73d";
+const TEXT_TWIST_PANEL_ID = "8ec92f08-c639-4240-8408-1aaaedbc5712";
 const TestIds = {
   viewer: {
-    container: "TextEffectsRetro-container",
-    text: "TextEffectsRetro-text"
+    container: "text-effects-shook-container",
+    layer: "text-effects-shook-layer",
+    text: "text-effects-shook-text"
   }
 };
-const COMPONENT_ID = "2f4c7e1a-d8b3-4c5f-a9d2-6b8e3f1a7c4d";
-const TEXT_TWIST_PANEL_ID = "4b11b85b-e246-4c9e-a4da-8334bfeb5748";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    disableInnerAnimation: "Animation",
-    innerAnimationSpeed: "Speed",
+    strokeWidth: "width",
+    stroke: "Color",
     bevelAngle: "Angle",
-    bevelDepth: "Layer size",
     layerCount: "Number of layers",
-    shadowBlur: "Blur",
+    layerSpacing: "Space between layers",
     textEffectsColor1: "Color 1",
     textEffectsColor2: "Color 2",
     textEffectsColor3: "Color 3",
-    textEffectsColor4: "Color 4"
+    textEffectsColor4: "Color 4",
+    textEffectsColor5: "Color 5"
   }
 };
 export {

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

@@ -1,30 +1,30 @@
-import { S as SharedDisplayNames } from "./constants8.js";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsOutlineOut-container",
-    text: "TextEffectsOutlineOut-text"
+    container: "TextEffectsRetro-container",
+    text: "TextEffectsRetro-text"
   }
 };
-const angleConfig = {
-  start: 0,
-  end: 360,
-  step: 45
-};
-const COMPONENT_ID = "6b9e3a8d-f2c4-4d7b-9e1a-3c5f8b2d6a4e";
-const TEXT_TWIST_PANEL_ID = "44be09da-8986-4aec-8a43-545549885828";
+const COMPONENT_ID = "2f4c7e1a-d8b3-4c5f-a9d2-6b8e3f1a7c4d";
+const TEXT_TWIST_PANEL_ID = "4b11b85b-e246-4c9e-a4da-8334bfeb5748";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
+    disableInnerAnimation: "Animation",
+    innerAnimationSpeed: "Speed",
+    bevelAngle: "Angle",
+    bevelDepth: "Layer size",
+    layerCount: "Number of layers",
+    shadowBlur: "Blur",
     textEffectsColor1: "Color 1",
     textEffectsColor2: "Color 2",
-    bevelAngle: "Bevel angle",
-    layerBlendMode: "Blend mode"
+    textEffectsColor3: "Color 3",
+    textEffectsColor4: "Color 4"
   }
 };
 export {
   COMPONENT_ID as C,
   DisplayNames as D,
   TestIds as T,
-  angleConfig as a,
-  TEXT_TWIST_PANEL_ID as b
+  TEXT_TWIST_PANEL_ID as a
 };

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

@@ -1,73 +1,30 @@
-const SharedDisplayNames = {
-  root: {
-    displayName: "Text Effects"
-  },
-  data: {
-    text: "Text",
-    link: "Link",
-    isDecorative: "Decorative",
-    textDirection: "Text Direction",
-    patternScope: "Pattern Scope",
-    a11y: "Accessibility"
-  },
-  cssProperties: {
-    font: "Font",
-    color: "Color",
-    textLineHeight: "Line spacing",
-    letterSpacing: "Letter spacing"
-  },
-  patternCssCustomProperties: {
-    rotationIntensity: "Rotation Intensity",
-    offsetIntensity: "Offset Intensity",
-    patternPreset: "Pattern Preset",
-    isCapitalize: "Capitalize"
-  },
-  textDirection: {
-    inherit: "Inherit",
-    ltr: "Left to Right",
-    rtl: "Right to Left"
-  },
-  patternScope: {
-    none: "None",
-    character: "Character",
-    word: "Word"
-  }
-};
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    link: "text-effects-shared-link",
-    visuallyHidden: "text-effects-shared-visually-hidden",
-    patternUnit: "text-effects-shared-pattern-unit"
+    container: "TextEffectsOutlineOut-container",
+    text: "TextEffectsOutlineOut-text"
   }
 };
-const DEFAULT_HTML_TAG = "div";
-const DEFAULT_TEXT_DIRECTION = "inherit";
-const dataHooks = {
-  root: "text-effect"
+const angleConfig = {
+  start: 0,
+  end: 360,
+  step: 45
+};
+const COMPONENT_ID = "6b9e3a8d-f2c4-4d7b-9e1a-3c5f8b2d6a4e";
+const TEXT_TWIST_PANEL_ID = "44be09da-8986-4aec-8a43-545549885828";
+const DisplayNames = {
+  ...SharedDisplayNames,
+  cssCustomProperties: {
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    bevelAngle: "Bevel angle",
+    layerBlendMode: "Blend mode"
+  }
 };
-const blendModes = [
-  "normal",
-  "color",
-  "color-burn",
-  "color-dodge",
-  "darken",
-  "difference",
-  "exclusion",
-  "hard-light",
-  "hue",
-  "lighten",
-  "luminosity",
-  "multiply",
-  "overlay",
-  "saturation",
-  "screen",
-  "soft-light"
-];
 export {
-  DEFAULT_TEXT_DIRECTION as D,
-  SharedDisplayNames as S,
+  COMPONENT_ID as C,
+  DisplayNames as D,
   TestIds as T,
-  DEFAULT_HTML_TAG as a,
-  blendModes as b,
-  dataHooks as d
+  angleConfig as a,
+  TEXT_TWIST_PANEL_ID as b
 };

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

@@ -1,28 +1,73 @@
-import { S as SharedDisplayNames } from "./constants8.js";
+const SharedDisplayNames = {
+  root: {
+    displayName: "Text Effects"
+  },
+  data: {
+    text: "Text",
+    link: "Link",
+    isDecorative: "Decorative",
+    textDirection: "Text Direction",
+    patternScope: "Pattern Scope",
+    a11y: "Accessibility"
+  },
+  cssProperties: {
+    font: "Font",
+    color: "Color",
+    textLineHeight: "Line spacing",
+    letterSpacing: "Letter spacing"
+  },
+  patternCssCustomProperties: {
+    rotationIntensity: "Rotation Intensity",
+    offsetIntensity: "Offset Intensity",
+    patternPreset: "Pattern Preset",
+    isCapitalize: "Capitalize"
+  },
+  textDirection: {
+    inherit: "Inherit",
+    ltr: "Left to Right",
+    rtl: "Right to Left"
+  },
+  patternScope: {
+    none: "None",
+    character: "Character",
+    word: "Word"
+  }
+};
 const TestIds = {
   viewer: {
-    container: "TextEffectsNoisy-container",
-    text: "TextEffectsNoisy-text"
+    link: "text-effects-shared-link",
+    visuallyHidden: "text-effects-shared-visually-hidden",
+    patternUnit: "text-effects-shared-pattern-unit"
   }
 };
-const noiseIntensityConfig = {
-  start: 1,
-  end: 53,
-  step: 1
-};
-const COMPONENT_ID = "3f9c1e82-a7d6-4b5e-8c2a-9d4f6e3b7a1c";
-const TEXT_TWIST_PANEL_ID = "0bba51ec-ca53-4662-acf6-ea71ffbb4f55";
-const DisplayNames = {
-  ...SharedDisplayNames,
-  cssCustomProperties: {
-    textEffectsColor1: "Color",
-    squigglyLevel: "Noise intensity"
-  }
+const DEFAULT_HTML_TAG = "div";
+const DEFAULT_TEXT_DIRECTION = "inherit";
+const dataHooks = {
+  root: "text-effect"
 };
+const blendModes = [
+  "normal",
+  "color",
+  "color-burn",
+  "color-dodge",
+  "darken",
+  "difference",
+  "exclusion",
+  "hard-light",
+  "hue",
+  "lighten",
+  "luminosity",
+  "multiply",
+  "overlay",
+  "saturation",
+  "screen",
+  "soft-light"
+];
 export {
-  COMPONENT_ID as C,
-  DisplayNames as D,
+  DEFAULT_TEXT_DIRECTION as D,
+  SharedDisplayNames as S,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a,
-  noiseIntensityConfig as n
+  DEFAULT_HTML_TAG as a,
+  blendModes as b,
+  dataHooks as d
 };

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

@@ -393,6 +393,9 @@ function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
   Wrapper.displayName = fn.displayName || fn.name;
   return forwardRef(Wrapper);
 }
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
 const $8e9d2fae0ecb9001$var$DOMPropNames = /* @__PURE__ */ new Set([
   "id"
 ]);
@@ -465,15 +468,18 @@ export {
   $8e9d2fae0ecb9001$export$457c3d6518dd4c6f as $,
   $f39a9eba43920ace$export$86427a43e3e48ebb as a,
   $64fa3d84918910a7$export$29f1550f4b0d4415 as b,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 as c,
-  $64fa3d84918910a7$export$fabf2dc03a41866e as d,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as e,
-  $64fa3d84918910a7$export$ef03459518577ad4 as f,
+  $64fa3d84918910a7$export$fabf2dc03a41866e as c,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as d,
+  $64fa3d84918910a7$export$ef03459518577ad4 as e,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as f,
   $65484d02dcb7eb3e$export$457c3d6518dd4c6f as g,
   $64fa3d84918910a7$export$2881499e37b75b9a as h,
-  $c7eafbbe1ea5834e$export$619500959fc48b26 as i,
-  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as j,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as k,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as l,
-  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as m
+  $df56164dff5785e2$export$4338b53315abf666 as i,
+  $c7eafbbe1ea5834e$export$535bd6ca7f90a273 as j,
+  $c7eafbbe1ea5834e$export$619500959fc48b26 as k,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as l,
+  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as m,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as n,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
+  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as p
 };

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

@@ -1,5 +1,5 @@
 import { L as LAYOUT, D as DATA, I as INTERACTIONS, C as CSS_PROPERTIES } from "./chunk-JPMZBG44.js";
-import { S as SharedDisplayNames } from "./constants8.js";
+import { S as SharedDisplayNames } from "./constants9.js";
 const MAX_PATTERNS = 15;
 const PatternConfig = {
   MAX_PATTERNS

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

@@ -0,0 +1,118 @@
+import { P as $1e74c67db218ce67$export$f8168d8dd8fd66e6, c as $bbaa08b3cd72f041$export$9d1611c77c2fe928, n as $f192c2f16961cbe0$export$80f3e147d781571c, M as $b7115c395c64f7b5$export$4debdb1a3f0fa79e } from "./Group.js";
+import React__default, { useRef, useCallback, useMemo, useEffect, useContext } from "react";
+function $8dba16319206abb6$export$48d1ea6320830260(handler) {
+  if (!handler) return void 0;
+  let shouldStopPropagation = true;
+  return (e) => {
+    let event = {
+      ...e,
+      preventDefault() {
+        e.preventDefault();
+      },
+      isDefaultPrevented() {
+        return e.isDefaultPrevented();
+      },
+      stopPropagation() {
+        if (shouldStopPropagation && process.env.NODE_ENV !== "production") console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        else shouldStopPropagation = true;
+      },
+      continuePropagation() {
+        shouldStopPropagation = false;
+      },
+      isPropagationStopped() {
+        return shouldStopPropagation;
+      }
+    };
+    handler(event);
+    if (shouldStopPropagation) e.stopPropagation();
+  };
+}
+function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
+  return {
+    keyboardProps: props.isDisabled ? {} : {
+      onKeyDown: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyDown),
+      onKeyUp: $8dba16319206abb6$export$48d1ea6320830260(props.onKeyUp)
+    }
+  };
+}
+function $03e8ab2d84d7657a$export$4338b53315abf666(ref) {
+  const objRef = useRef(null);
+  const cleanupRef = useRef(void 0);
+  const refEffect = useCallback((instance) => {
+    if (typeof ref === "function") {
+      const refCallback = ref;
+      const refCleanup = refCallback(instance);
+      return () => {
+        if (typeof refCleanup === "function") refCleanup();
+        else refCallback(null);
+      };
+    } else if (ref) {
+      ref.current = instance;
+      return () => {
+        ref.current = null;
+      };
+    }
+  }, [
+    ref
+  ]);
+  return useMemo(() => ({
+    get current() {
+      return objRef.current;
+    },
+    set current(value) {
+      objRef.current = value;
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value != null) cleanupRef.current = refEffect(value);
+    }
+  }), [
+    refEffect
+  ]);
+}
+let $d1116acdf220c2da$export$f9762fab77588ecb = /* @__PURE__ */ React__default.createContext(null);
+function $d1116acdf220c2da$var$useFocusableContext(ref) {
+  let context = useContext($d1116acdf220c2da$export$f9762fab77588ecb) || {};
+  $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref);
+  let { ref: _, ...otherProps } = context;
+  return otherProps;
+}
+const $d1116acdf220c2da$export$13f3202a3e5ddd5 = /* @__PURE__ */ React__default.forwardRef(function FocusableProvider(props, ref) {
+  let { children, ...otherProps } = props;
+  let objRef = $03e8ab2d84d7657a$export$4338b53315abf666(ref);
+  let context = {
+    ...otherProps,
+    ref: objRef
+  };
+  return /* @__PURE__ */ React__default.createElement($d1116acdf220c2da$export$f9762fab77588ecb.Provider, {
+    value: context
+  }, children);
+});
+function $d1116acdf220c2da$export$4c014de7c8940b4c(props, domRef) {
+  let { focusProps } = $1e74c67db218ce67$export$f8168d8dd8fd66e6(props);
+  let { keyboardProps } = $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props);
+  let interactions = $bbaa08b3cd72f041$export$9d1611c77c2fe928(focusProps, keyboardProps);
+  let domProps = $d1116acdf220c2da$var$useFocusableContext(domRef);
+  let interactionProps = props.isDisabled ? {} : domProps;
+  let autoFocusRef = useRef(props.autoFocus);
+  useEffect(() => {
+    if (autoFocusRef.current && domRef.current) $f192c2f16961cbe0$export$80f3e147d781571c(domRef.current);
+    autoFocusRef.current = false;
+  }, [
+    domRef
+  ]);
+  let tabIndex = props.excludeFromTabOrder ? -1 : 0;
+  if (props.isDisabled) tabIndex = void 0;
+  return {
+    focusableProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928({
+      ...interactions,
+      tabIndex
+    }, interactionProps)
+  };
+}
+export {
+  $d1116acdf220c2da$export$4c014de7c8940b4c as $,
+  $d1116acdf220c2da$export$13f3202a3e5ddd5 as a,
+  $8296dad1a4c5e0dc$export$8f71654801c2f7cd as b
+};