@wix/editor-react-components 1.2153.0

package/dist/site/components/TextEffectsSticker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as TextEffectsSticker } from './component';

package/dist/site/components/TextEffectsSticker/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import TextEffectsSticker from './component.js';
+
+export { TextEffectsSticker };
+export default TextEffectsSticker;

package/dist/site/components/TextEffectsSticker/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

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

@@ -0,0 +1,169 @@
+import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants3.js";
+import { D as DEFAULT_TEXT_DIRECTION } from "../chunks/constants7.js";
+import { b as textEffectsCommonData, e as textEffectsPatternCssCustomPropertyNames, t as textEffectsInteractions, f as textEffectsPatternCssCustomProperties, a as textEffectsBaseCssProperties, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
+const manifest = {
+  id: COMPONENT_ID,
+  type: "wixEditorElements.TextEffectsSticker",
+  description: "Text Effects Sticker",
+  installation: textEffectsInstallation,
+  editorElement: {
+    selector: ".text-effects-sticker",
+    displayName: DisplayNames.root.displayName,
+    archetype: Archetype.Text,
+    layout: textEffectsLayout,
+    displayGroups: {
+      shadow: {
+        displayName: "Shadow",
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: [
+            "shadow-color",
+            "shadow-opacity",
+            "shadow-angle",
+            "shadow-distance",
+            "shadow-blur"
+          ]
+        }
+      },
+      outerStroke: {
+        displayName: "Outer Stroke",
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: ["outer-stroke-angle", "outer-stroke-distance"]
+        }
+      }
+    },
+    displayFilters: {
+      data: {
+        hide: ["tagName", "patternScope"]
+      },
+      cssCustomProperties: {
+        hide: [
+          ...textEffectsPatternCssCustomPropertyNames,
+          "bg-solid",
+          "bg-opacity",
+          "outer-stroke",
+          "outer-stroke-color"
+        ]
+      }
+    },
+    customActions: {
+      textTwist: {
+        displayName: "Text Twist",
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: TEXT_TWIST_PANEL_ID
+          }
+        }
+      }
+    },
+    data: {
+      text: {
+        displayName: DisplayNames.data.text,
+        dataType: DATA.DATA_TYPE.text,
+        [DATA.DATA_TYPE.text]: {
+          maxLength: 500
+        },
+        defaultValue: "STICKER"
+      },
+      link: {
+        displayName: DisplayNames.data.link,
+        dataType: DATA.DATA_TYPE.link
+      },
+      ...textEffectsCommonData,
+      direction: {
+        ...textEffectsCommonData.direction,
+        defaultValue: DEFAULT_TEXT_DIRECTION
+      }
+    },
+    cssProperties: textEffectsBaseCssProperties,
+    cssCustomProperties: {
+      ...textEffectsPatternCssCustomProperties,
+      fill: {
+        displayName: DisplayNames.cssCustomProperties.fill,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fill,
+        defaultValue: "#000000"
+      },
+      "fill-opacity": {
+        displayName: DisplayNames.cssCustomProperties.fillOpacity,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fillOpacity,
+        defaultValue: 1
+      },
+      stroke: {
+        displayName: DisplayNames.cssCustomProperties.stroke,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.stroke,
+        defaultValue: "#000000"
+      },
+      "stroke-width": {
+        displayName: DisplayNames.cssCustomProperties.strokeWidth,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.strokeWidth,
+        defaultValue: "20px"
+      },
+      "outer-stroke-angle": {
+        displayName: DisplayNames.cssCustomProperties.outerStrokeAngle,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle,
+        defaultValue: "45deg"
+      },
+      "outer-stroke-distance": {
+        displayName: DisplayNames.cssCustomProperties.outerStrokeDistance,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          min: "0",
+          max: "100"
+        },
+        defaultValue: 0
+      },
+      "shadow-color": {
+        displayName: DisplayNames.cssCustomProperties.shadowColor,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color,
+        defaultValue: "#000000"
+      },
+      "shadow-opacity": {
+        displayName: DisplayNames.cssCustomProperties.shadowOpacity,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          multiplier: "0.01",
+          min: "0",
+          max: "1"
+        },
+        defaultValue: 1
+      },
+      "shadow-angle": {
+        displayName: DisplayNames.cssCustomProperties.shadowAngle,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.angle,
+        defaultValue: "45deg"
+      },
+      "shadow-blur": {
+        displayName: DisplayNames.cssCustomProperties.shadowBlur,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          min: "0",
+          max: "100"
+        },
+        defaultValue: 10
+      },
+      "shadow-distance": {
+        displayName: DisplayNames.cssCustomProperties.shadowDistance,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          min: "0",
+          max: "200"
+        },
+        defaultValue: 50
+      }
+    },
+    interactions: textEffectsInteractions
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/TextEffectsSticker/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/TextEffectsSticker"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/TextEffectsSticker/panels/patterns/extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

package/dist/site/components/TextEffectsSticker/panels/patterns/panel.d.ts

@@ -0,0 +1,2 @@
+import { default as PatternsPanel } from '../../../TextEffectsShared/patterns/PatternsPanel';
+export default PatternsPanel;

package/dist/site/components/TextEffectsStriped/component.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TextEffectsSharedBuilderProps } from '../TextEffectsShared/TextEffectsShared.types';
+export type TextEffectsStripedProps = TextEffectsSharedBuilderProps;
+declare const TextEffectsStriped: React.FC<TextEffectsSharedBuilderProps>;
+export default TextEffectsStriped;

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

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
+import { T as TestIds } from "../chunks/constants2.js";
+import { c as clsx } from "../chunks/clsx.js";
+import { c as cn } from "../chunks/index8.js";
+const container = "container__tWYVk";
+const block = "block__wsDEG";
+const text = "text__Mcnok";
+const styles = {
+  container,
+  block,
+  text
+};
+const TextEffectsStriped$1 = (props) => {
+  const { text: text2 } = props;
+  return /* @__PURE__ */ jsx(
+    TextEffectsShared,
+    {
+      ...props,
+      tagProps: {
+        className: clsx(styles.container, styles.block, styles.text),
+        animated: true,
+        "data-testid": TestIds.viewer.container
+      },
+      "data-effect-type": "striped",
+      children: /* @__PURE__ */ jsx("span", { "data-testid": TestIds.viewer.text, className: styles.block, children: text2 })
+    }
+  );
+};
+const TextEffectsStriped = (props) => {
+  const {
+    text: text2,
+    link,
+    tagName = "div",
+    direction,
+    patternScope = "none",
+    a11y
+  } = props;
+  return /* @__PURE__ */ jsx(
+    TextEffectsStriped$1,
+    {
+      id: props.id,
+      className: cn(props.className, "text-effects-striped"),
+      text: text2,
+      link,
+      isDecorative: !!(a11y == null ? void 0 : a11y.ariaHidden),
+      tagName: (a11y == null ? void 0 : a11y.tag) ?? tagName ?? "div",
+      textDirection: direction,
+      language: "en",
+      patternScope,
+      initialReducedMotion: false,
+      customClassNames: []
+    }
+  );
+};
+export {
+  TextEffectsStriped as default
+};

package/dist/site/components/TextEffectsStriped/components/TextEffectsStriped.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TextEffectsSharedProps } from '../../TextEffectsShared/TextEffectsShared.types';
+export type TextEffectsStripedProps = TextEffectsSharedProps;
+declare const TextEffectsStriped: React.FC<TextEffectsSharedProps>;
+export default TextEffectsStriped;

package/dist/site/components/TextEffectsStriped/constants.d.ts

@@ -0,0 +1,55 @@
+export declare const TextEffectsStripedViewerType: "wixui.TextEffectsStriped";
+export declare const TestIds: {
+    readonly viewer: {
+        readonly container: "TextEffectsStriped-container";
+        readonly text: "TextEffectsStriped-text";
+    };
+};
+export declare const angleConfig: {
+    start: number;
+    end: number;
+    step: number;
+};
+export declare const DisplayNames: {
+    readonly cssCustomProperties: {
+        readonly stripeAngle: "Angle";
+        readonly stripeSize: "Size";
+        readonly innerAnimationSpeed: "Speed";
+        readonly disableInnerAnimation: "Animation";
+        readonly textEffectsColor1: "Color 1";
+        readonly textEffectsColor2: "Color 2";
+    };
+    readonly root: {
+        displayName: string;
+    };
+    readonly data: {
+        text: string;
+        link: string;
+        isDecorative: string;
+        textDirection: string;
+        patternScope: string;
+        a11y: string;
+    };
+    readonly cssProperties: {
+        font: string;
+        color: string;
+        textLineHeight: string;
+        letterSpacing: string;
+    };
+    readonly patternCssCustomProperties: {
+        rotationIntensity: string;
+        offsetIntensity: string;
+        patternPreset: string;
+        isCapitalize: string;
+    };
+    readonly textDirection: {
+        inherit: string;
+        ltr: string;
+        rtl: string;
+    };
+    readonly patternScope: {
+        none: string;
+        character: string;
+        word: string;
+    };
+};

package/dist/site/components/TextEffectsStriped/css.css

@@ -0,0 +1,117 @@
+/*
+ * A linear transform from interval [a, b] to interval [c, d] means receiving a
+ * value x from interval [a, b] and returning its corresponding y from [c, d].
+ *
+ * The length of interval [a, b] is: b - a
+ * The length of interval [c, d] is: d - c
+ * The proportion is: (d - c) / (b - a)
+ *
+ * Given a value x from [a, b] we need to multiply it by this proportion to get
+ * its corresponding value y in [c, d].
+ * But before we do that, we need to account for the starting point of each
+ * interval, a and c. So we subtract a before multiplying with the proportion,
+ * and we add c after it.
+ *
+ * In summary:
+ * Given x from [a, b] we subtract a, then multiply by the proportion, then we
+ * add c, and we receive y.
+ * y = (x - a) * ((d - c) / (b - a)) + c
+ *
+ * Example:
+ * The psychometric test results are in the interval [200, 800]
+ * Regular test results are in the interval [0, 100]
+ *
+ * If we want to convert a psychometric test result x into the regular interval
+ * of [0, 100] we can do this:
+ * y = (x - 200) * ((100 - 0) / (800 - 200)) + 0
+ *   = (x - 200) / 6
+ *
+ * For example score 560 corresponds to (560 - 200) / 6 = 360 / 6 = 60
+ *
+ * If we want to convert the other way around from [0, 100] to [200, 800]:
+ * y = (x - 0) * ((800 - 200) / (100 - 0)) + 200
+ *   = x * 6 + 200
+ *
+ * For example score 60 corresponds to 60 * 6 + 200 = 360 + 200 = 560
+ */
+.container__tWYVk {
+  --animation: stripes__tQ0WQ;
+  --default-animation-duration: 1s;
+  --animation-duration: calc(
+    calc((var(--inner-animation-speed) - 1) * -0.1 + 2) * 1s
+  );
+  --color1: var(--text-effects-color-1);
+  --color2: var(--text-effects-color-2);
+  background: linear-gradient(calc(var(--stripe-angle) + 90deg), var(--color1) 25%, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%, var(--color2) 75%, var(--color2));
+  animation: var(--disable-inner-animation, var(--animation)) var(--animation-duration, --default-animation-duration) linear infinite;
+}
+
+.reduced-motion .container__tWYVk {
+  animation-play-state: paused;
+}
+
+.block__wsDEG {
+  display: block;
+}
+
+.text__Mcnok {
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-size: var(--stripe-size) var(--stripe-size);
+  background-position: 0 0;
+  padding: 0 0.1em;
+  margin: 0 -0.1em;
+}
+
+/* mod(angle, 90deg) gives:
+    0deg  in case angle is one of: 0deg, 90deg, 180deg, 270deg, 360deg
+    45deg in case angle is one of: 45deg, 135deg, 225deg, 315deg
+
+  cos(0deg) gives 1
+  cos(45deg) gives sqrt(2) / 2
+
+  1 / cos(0deg)  = 1
+  1 / cos(45deg) = sqrt(2)
+
+  bottom line:
+    for straight angles we multiply by 1
+    for diagonal angles we multiply by sqrt(2)
+*/
+@keyframes stripes__tQ0WQ {
+  100% {
+    background-position: calc(1 / cos(mod(var(--stripe-angle), 90deg)) * var(--stripe-size) * cos(var(--stripe-angle))) calc(1 / cos(mod(var(--stripe-angle), 90deg)) * var(--stripe-size) * sin(var(--stripe-angle)));
+  }
+}
+.root__0YXCp {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: var(--font);
+  text-transform: var(--text-transform);
+  text-align: var(--text-align);
+  letter-spacing: var(--letter-spacing);
+  line-height: var(--line-height);
+}
+
+.visuallyHidden__HoTMC:not(:focus):not(:active) {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 0;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.empty__UKEPC {
+  font: var(--font);
+  height: 1.2em !important;
+}
+
+.link__5je0k {
+  display: block;
+}

package/dist/site/components/TextEffectsStriped/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as TextEffectsStriped } from './component';

package/dist/site/components/TextEffectsStriped/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import TextEffectsStriped from './component.js';
+
+export { TextEffectsStriped };
+export default TextEffectsStriped;

package/dist/site/components/TextEffectsStriped/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

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

@@ -0,0 +1,125 @@
+import { C as CSS_PROPERTIES, D as DATA, b as DISPLAY_GROUPS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { D as DisplayNames } from "../chunks/constants2.js";
+import { t as textEffectsInteractions, a as textEffectsBaseCssProperties, b as textEffectsCommonData, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
+const manifest = {
+  id: "7e2b4a91-c5d8-4f3e-9a6b-1d8e7f2c3a4b",
+  type: "wixEditorElements.TextEffectsStriped",
+  description: "Text Effects Striped",
+  installation: textEffectsInstallation,
+  editorElement: {
+    selector: ".text-effects-striped",
+    displayName: DisplayNames.root.displayName,
+    archetype: Archetype.Text,
+    layout: textEffectsLayout,
+    displayGroups: {
+      movement: {
+        displayName: "Movement",
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: ["disable-inner-animation", "inner-animation-speed"]
+        }
+      },
+      stripe: {
+        displayName: "Stripe",
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
+        cssDataType: {
+          items: ["stripe-angle", "stripe-size"]
+        }
+      }
+    },
+    displayFilters: {
+      data: {
+        hide: ["tagName", "patternScope"]
+      },
+      cssProperties: {
+        hide: ["color"]
+      }
+    },
+    data: {
+      text: {
+        displayName: DisplayNames.data.text,
+        dataType: DATA.DATA_TYPE.text,
+        [DATA.DATA_TYPE.text]: {
+          maxLength: 500
+        },
+        defaultValue: "STRIPED"
+      },
+      link: {
+        displayName: DisplayNames.data.link,
+        dataType: DATA.DATA_TYPE.link
+      },
+      ...textEffectsCommonData
+    },
+    cssProperties: textEffectsBaseCssProperties,
+    cssCustomProperties: {
+      "stripe-angle": {
+        displayName: DisplayNames.cssCustomProperties.stripeAngle,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            { value: "0deg", displayName: "0" },
+            { value: "45deg", displayName: "45" },
+            { value: "90deg", displayName: "90" },
+            { value: "135deg", displayName: "135" },
+            { value: "180deg", displayName: "180" },
+            { value: "225deg", displayName: "225" },
+            { value: "270deg", displayName: "270" },
+            { value: "315deg", displayName: "315" }
+          ]
+        },
+        defaultValue: "0deg"
+      },
+      "stripe-size": {
+        displayName: DisplayNames.cssCustomProperties.stripeSize,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.length,
+        defaultValue: "10px",
+        [CSS_PROPERTIES.CSS_PROPERTY_TYPE.length]: {
+          minValue: 0,
+          maxValue: 100
+        }
+      },
+      "inner-animation-speed": {
+        displayName: DisplayNames.cssCustomProperties.innerAnimationSpeed,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.number,
+        number: {
+          min: "1",
+          max: "20"
+        },
+        defaultValue: 12.6
+      },
+      "disable-inner-animation": {
+        displayName: DisplayNames.cssCustomProperties.disableInnerAnimation,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            { value: "none", displayName: "Off" },
+            { value: "initial", displayName: "On" }
+          ]
+        },
+        defaultValue: "none"
+      },
+      "text-effects-color-1": {
+        displayName: DisplayNames.cssCustomProperties.textEffectsColor1,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color,
+        defaultValue: "#000000"
+      },
+      "text-effects-color-2": {
+        displayName: DisplayNames.cssCustomProperties.textEffectsColor2,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color,
+        defaultValue: "#000000"
+      }
+    },
+    interactions: textEffectsInteractions
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/TextEffectsStriped/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/TextEffectsStriped"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/TextInput/TextInput.d.ts

@@ -0,0 +1,8 @@
+import { ITextInputImperativeActions, ITextInputProps } from './TextInput.types';
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<ITextInputProps, "skin"> & {
+    wix: {
+        wixPath: string;
+    };
+}, "ref"> & React.RefAttributes<ITextInputImperativeActions>>;
+export default _default;