@wix/editor-react-components 1.2153.0

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

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

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

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

package/dist/site/components/TextEffects3d/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/TextEffects3d/manifest.js

@@ -0,0 +1,115 @@
+import { C as CSS_PROPERTIES, D as DATA, a as ACTIONS, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+import { D as DisplayNames, a as TEXT_TWIST_PANEL_ID, C as COMPONENT_ID } from "../chunks/constants15.js";
+import { e as textEffectsPatternCssCustomPropertyNames, t as textEffectsInteractions, f as textEffectsPatternCssCustomProperties, a as textEffectsBaseCssProperties, b as textEffectsCommonData, c as textEffectsLayout, d as textEffectsInstallation } from "../chunks/manifestBase.js";
+const manifest = {
+  id: COMPONENT_ID,
+  description: "Text Effect - 3D",
+  type: "wixEditorElements.TextEffects3d",
+  installation: textEffectsInstallation,
+  editorElement: {
+    selector: ".text-effects-3d",
+    displayName: DisplayNames.root.displayName,
+    archetype: Archetype.Text,
+    layout: textEffectsLayout,
+    displayFilters: {
+      data: {
+        hide: ["isDecorative", "tagName", "patternScope"]
+      },
+      cssCustomProperties: {
+        hide: [
+          ...textEffectsPatternCssCustomPropertyNames,
+          "fill-color",
+          "fill-opacity",
+          "text-stroke",
+          "text-stroke-color",
+          "text-stroke-opacity"
+        ]
+      },
+      cssProperties: {
+        hide: ["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
+        }
+      },
+      link: {
+        displayName: DisplayNames.data.link,
+        dataType: DATA.DATA_TYPE.link
+      },
+      isDecorative: {
+        displayName: DisplayNames.data.isDecorative,
+        dataType: DATA.DATA_TYPE.booleanValue,
+        defaultValue: false
+      },
+      ...textEffectsCommonData
+    },
+    cssProperties: textEffectsBaseCssProperties,
+    cssCustomProperties: {
+      ...textEffectsPatternCssCustomProperties,
+      "text-fill": {
+        displayName: DisplayNames.cssCustomProperties.fillColor,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fill,
+        defaultValue: "#000000"
+      },
+      "text-fill-opacity": {
+        displayName: DisplayNames.cssCustomProperties.fillOpacity,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fillOpacity,
+        defaultValue: 1
+      },
+      "stroke-width": {
+        displayName: DisplayNames.cssCustomProperties.textStroke,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.strokeWidth,
+        defaultValue: "1px"
+      },
+      "stroke-color": {
+        displayName: DisplayNames.cssCustomProperties.textStrokeColor,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.stroke,
+        defaultValue: "#000000"
+      },
+      "stroke-opacity": {
+        displayName: DisplayNames.cssCustomProperties.textStrokeOpacity,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.strokeOpacity,
+        defaultValue: "100%"
+      },
+      "text-shadow-1": {
+        displayName: DisplayNames.cssCustomProperties.textShadow1,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+      },
+      "text-shadow-2": {
+        displayName: DisplayNames.cssCustomProperties.textShadow2,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+      },
+      "text-shadow-3": {
+        displayName: DisplayNames.cssCustomProperties.textShadow3,
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+      }
+    },
+    interactions: textEffectsInteractions
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/TextEffects3d/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/TextEffects3d"
+    }
+  }
+};
+export {
+  manifest as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import { T as TextEffectsShared } from "../chunks/TextEffectsShared.js";
+import { T as TestIds } from "../chunks/constants14.js";
+import { c as clsx } from "../chunks/clsx.js";
+import { u as usePatterns, P as Patterns } from "../chunks/Patterns.js";
+import { c as cn } from "../chunks/index8.js";
+const container = "container__s2rZR";
+const text = "text__rwjDQ";
+const block = "block__Aq5E2";
+const styles = {
+  container,
+  text,
+  block
+};
+const TextEffectsBauhaus$1 = (props) => {
+  const { content, arePatternsDisabled } = usePatterns(props);
+  return /* @__PURE__ */ jsx(
+    TextEffectsShared,
+    {
+      ...props,
+      arePatternsDisabled,
+      tagProps: {
+        "data-testid": TestIds.viewer.container
+      },
+      "data-effect-type": "bauhaus",
+      children: /* @__PURE__ */ jsx(
+        Patterns,
+        {
+          content,
+          arePatternsDisabled,
+          patternScope: props.patternScope,
+          unitProps: (data) => ({
+            className: styles.container,
+            "data-text": data,
+            disabledPattern: arePatternsDisabled
+          }),
+          unitPredicate: (data) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: clsx(styles.text, styles.block),
+              "data-testid": TestIds.viewer.text,
+              children: data
+            }
+          )
+        }
+      )
+    }
+  );
+};
+const TextEffectsBauhaus = (props) => {
+  const {
+    text: text2,
+    link,
+    tagName = "div",
+    direction,
+    patternScope = "none",
+    a11y
+  } = props;
+  return /* @__PURE__ */ jsx(
+    TextEffectsBauhaus$1,
+    {
+      id: props.id,
+      className: cn(props.className, "text-effects-bauhaus"),
+      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 {
+  TextEffectsBauhaus as default
+};

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

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

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

@@ -0,0 +1,52 @@
+export declare const TextEffectsBauhausViewerType: "wixui.TextEffectsBauhaus";
+export declare const TestIds: {
+    readonly viewer: {
+        readonly container: "TextEffectsBauhaus-container";
+        readonly text: "TextEffectsBauhaus-text";
+    };
+};
+export declare const COMPONENT_ID = "8c22adab-12f9-43ee-80c8-6f5dbe19eabe";
+export declare const TEXT_TWIST_PANEL_ID = "cdacc489-4176-4558-97f3-0a23662a15ba";
+export declare const DisplayNames: {
+    readonly cssCustomProperties: {
+        readonly bevelAngle: "Angle";
+        readonly textEffectsColor1: "Color 1";
+        readonly textEffectsColor2: "Color 2";
+        readonly textEffectsColor3: "Color 3";
+        readonly shadowDistance: "Distance";
+        readonly layerBlendMode: "Blend mode";
+    };
+    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;
+    };
+};