@wix/editor-react-components 1.2153.0

package/dist/site/components/WRichText/css.css

@@ -0,0 +1,407 @@
+ul.font_100,
+ol.font_100 {
+  color: rgb(8, 8, 8);
+  font-family: "Arial, Helvetica, sans-serif", serif;
+  font-size: 10px;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  margin: 0;
+  text-decoration: none;
+  line-height: normal;
+  letter-spacing: normal;
+}
+ul.font_100 li,
+ol.font_100 li {
+  margin-bottom: 12px;
+}
+ul.wix-list-text-align,
+ol.wix-list-text-align {
+  list-style-position: inside;
+}
+ul.wix-list-text-align p,
+ul.wix-list-text-align h1,
+ul.wix-list-text-align h2,
+ul.wix-list-text-align h3,
+ul.wix-list-text-align h4,
+ul.wix-list-text-align h5,
+ul.wix-list-text-align h6,
+ol.wix-list-text-align p,
+ol.wix-list-text-align h1,
+ol.wix-list-text-align h2,
+ol.wix-list-text-align h3,
+ol.wix-list-text-align h4,
+ol.wix-list-text-align h5,
+ol.wix-list-text-align h6 {
+  display: inline;
+}
+
+.clickable__rSuxD {
+  cursor: pointer;
+}
+
+.srOnly__0aNh1 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.supportTableDesign__Lc0ts {
+  /**
+   *
+   * this is a temporary solution for Product Page on Blocks,
+   * until we have a better long term solution (optin table design at the design panel)
+   *
+   * component's content is wrapped with data-attr-richtext-marker
+   * only in case if it was set using .richText SDK method
+   */
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] {
+  display: block;
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] table {
+  border-collapse: collapse;
+  margin: 15px 0;
+  width: 100%;
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] table td {
+  position: relative;
+  padding: 12px;
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] table td::after {
+  content: "";
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  right: 0px;
+  border-left: 1px solid currentColor;
+  border-bottom: 1px solid currentColor;
+  opacity: 0.2;
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] table tr td:last-child::after {
+  border-right: 1px solid currentColor;
+}
+.supportTableDesign__Lc0ts [data-attr-richtext-marker=true] table tr:first-child td::after {
+  border-top: 1px solid currentColor;
+}
+
+@supports (-webkit-appearance: none) and (stroke-color: transparent) {
+  .safariFix__Ovgjt > * > :first-child {
+    vertical-align: top;
+  }
+}
+@supports (-webkit-touch-callout: none) {
+  .safariFix__Ovgjt > * > :first-child {
+    vertical-align: top;
+  }
+}
+
+.corvidColorOverride__ZZVku :is(p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+span[data-attr-richtext-marker],
+blockquote,
+div) [class$="rich-text__text"], .corvidColorOverride__ZZVku :is(p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+span[data-attr-richtext-marker],
+blockquote,
+div)[class$="rich-text__text"] {
+  color: var(--corvid-color, currentColor);
+}
+.corvidColorOverride__ZZVku :is(p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+span[data-attr-richtext-marker],
+blockquote,
+div) span[style*=color] {
+  color: var(--corvid-color, currentColor) !important;
+}
+
+.WRichTextSkin__U6zUa {
+  min-height: var(--min-height);
+  min-width: var(--min-width);
+  direction: var(--text-direction);
+}
+.WRichTextSkin__U6zUa .richTextContainer__OUu1- {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+.WRichTextSkin__U6zUa .richTextContainer__OUu1- ul {
+  list-style: disc inside;
+}
+.WRichTextSkin__U6zUa .richTextContainer__OUu1- li {
+  margin-bottom: 12px;
+}
+
+.WRichTextNewSkin__D0M1g p,
+.WRichTextNewSkin__D0M1g h1,
+.WRichTextNewSkin__D0M1g h2,
+.WRichTextNewSkin__D0M1g h3,
+.WRichTextNewSkin__D0M1g h4,
+.WRichTextNewSkin__D0M1g h5,
+.WRichTextNewSkin__D0M1g h6,
+.WRichTextNewSkin__D0M1g blockquote,
+.WRichTextNewSkin__D0M1g div {
+  line-height: normal;
+  letter-spacing: normal;
+}
+
+.WRichTextClickableSkin__uOAlS {
+  min-height: var(--min-height);
+  min-width: var(--min-width);
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ol,
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ul {
+  padding-inline-start: 1.3em;
+  margin-inline-start: 0.5em;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ul {
+  list-style-type: disc;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ol {
+  list-style-type: decimal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ul ul {
+  list-style-type: circle;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ol ul {
+  list-style-type: circle;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ol ol ul {
+  list-style-type: square;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ol ul ul {
+  list-style-type: square;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ul ol ul {
+  list-style-type: square;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- ul ul ul {
+  list-style-type: square;
+  line-height: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- li {
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- p {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h1 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h2 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h3 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h4 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h5 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- h6 {
+  margin-block: 0;
+  margin: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextClickableSkin__uOAlS .richTextContainer__OUu1- a {
+  color: inherit;
+}
+
+/* @type BLEND_MODE */
+.WRichTextThemeSkin__MmVol, .WRichTextNewSkin__D0M1g {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: start;
+  pointer-events: none;
+  min-height: var(--min-height);
+  min-width: var(--min-width);
+  direction: var(--text-direction);
+  mix-blend-mode: var(--blendMode, normal);
+  text-transform: var(--textTransform, "none");
+  text-shadow: var(--textOutline, 0px 0px transparent), var(--textShadow, 0px 0px transparent);
+}
+.WRichTextThemeSkin__MmVol > *, .WRichTextNewSkin__D0M1g > * {
+  pointer-events: auto;
+}
+.WRichTextThemeSkin__MmVol li, .WRichTextNewSkin__D0M1g li {
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: normal;
+}
+.WRichTextThemeSkin__MmVol ol, .WRichTextNewSkin__D0M1g ol,
+.WRichTextThemeSkin__MmVol ul,
+.WRichTextNewSkin__D0M1g ul {
+  margin-inline-start: 0.5em;
+  margin-inline-end: 0;
+  line-height: normal;
+  letter-spacing: normal;
+}
+.WRichTextThemeSkin__MmVol:not(.list-direction-spec__FK8Gl) ol, .WRichTextNewSkin__D0M1g:not(.list-direction-spec__FK8Gl) ol,
+.WRichTextThemeSkin__MmVol:not(.list-direction-spec__FK8Gl) ul,
+.WRichTextNewSkin__D0M1g:not(.list-direction-spec__FK8Gl) ul {
+  padding-inline-start: 1.3em;
+  padding-inline-end: 0;
+}
+.WRichTextThemeSkin__MmVol ul, .WRichTextNewSkin__D0M1g ul {
+  list-style-type: disc;
+}
+.WRichTextThemeSkin__MmVol ol, .WRichTextNewSkin__D0M1g ol {
+  list-style-type: decimal;
+}
+.WRichTextThemeSkin__MmVol ul ul, .WRichTextNewSkin__D0M1g ul ul,
+.WRichTextThemeSkin__MmVol ol ul,
+.WRichTextNewSkin__D0M1g ol ul {
+  list-style-type: circle;
+}
+.WRichTextThemeSkin__MmVol ul ul ul, .WRichTextNewSkin__D0M1g ul ul ul,
+.WRichTextThemeSkin__MmVol ol ul ul,
+.WRichTextNewSkin__D0M1g ol ul ul {
+  list-style-type: square;
+}
+.WRichTextThemeSkin__MmVol ul ol ul, .WRichTextNewSkin__D0M1g ul ol ul,
+.WRichTextThemeSkin__MmVol ol ol ul,
+.WRichTextNewSkin__D0M1g ol ol ul {
+  list-style-type: square;
+}
+.WRichTextThemeSkin__MmVol p, .WRichTextNewSkin__D0M1g p,
+.WRichTextThemeSkin__MmVol h1,
+.WRichTextNewSkin__D0M1g h1,
+.WRichTextThemeSkin__MmVol h2,
+.WRichTextNewSkin__D0M1g h2,
+.WRichTextThemeSkin__MmVol h3,
+.WRichTextNewSkin__D0M1g h3,
+.WRichTextThemeSkin__MmVol h4,
+.WRichTextNewSkin__D0M1g h4,
+.WRichTextThemeSkin__MmVol h5,
+.WRichTextNewSkin__D0M1g h5,
+.WRichTextThemeSkin__MmVol h6,
+.WRichTextNewSkin__D0M1g h6,
+.WRichTextThemeSkin__MmVol blockquote,
+.WRichTextNewSkin__D0M1g blockquote,
+.WRichTextThemeSkin__MmVol div,
+.WRichTextNewSkin__D0M1g div {
+  margin-block: 0;
+  margin: 0;
+}
+.WRichTextThemeSkin__MmVol a, .WRichTextNewSkin__D0M1g a {
+  color: inherit;
+}
+
+.list-direction-spec__FK8Gl li {
+  margin-inline-start: 1.3em;
+  margin-inline-end: 0;
+}.wrichtext__a-BNA {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: start;
+  pointer-events: none;
+  direction: var(--wix-opt-in-direction);
+  text-shadow: var(--textOutline, 0px 0px transparent), var(--textShadow, 0px 0px transparent);
+}
+.wrichtext__a-BNA ul {
+  list-style-type: disc;
+}
+.wrichtext__a-BNA ol {
+  list-style-type: decimal;
+}
+.wrichtext__a-BNA ul ul,
+.wrichtext__a-BNA ol ul {
+  list-style-type: circle;
+}
+.wrichtext__a-BNA ul ul ul,
+.wrichtext__a-BNA ol ul ul {
+  list-style-type: square;
+}
+.wrichtext__a-BNA ul ol ul,
+.wrichtext__a-BNA ol ol ul {
+  list-style-type: square;
+}
+.wrichtext__a-BNA p,
+.wrichtext__a-BNA h1,
+.wrichtext__a-BNA h2,
+.wrichtext__a-BNA h3,
+.wrichtext__a-BNA h4,
+.wrichtext__a-BNA h5,
+.wrichtext__a-BNA h6,
+.wrichtext__a-BNA blockquote,
+.wrichtext__a-BNA li,
+.wrichtext__a-BNA ul,
+.wrichtext__a-BNA ol {
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+}
+.wrichtext__a-BNA a {
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+}

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

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

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

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

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

@@ -0,0 +1,165 @@
+import { L as LAYOUT, I as INTERACTIONS, D as DATA, C as CSS_PROPERTIES, A as Archetype } from "../chunks/chunk-JPMZBG44.js";
+const presets = {
+  horizontal: "horizontal"
+};
+const manifest = {
+  id: "4220f51c-7462-49f6-7352-14219c165b28",
+  type: "wixEditorElements.WRichText",
+  description: "Displays and formats rich text content, supporting various styles, links, and formatting options",
+  installation: {
+    presets: {
+      large: presets.horizontal,
+      small: presets.horizontal
+    },
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 120
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.content
+      }
+    }
+  },
+  editorElement: {
+    selector: ".wrichtext",
+    displayName: "Text",
+    archetype: Archetype.RichTextEditor,
+    cssProperties: {
+      font: {},
+      letterSpacing: {
+        defaultValue: "0em"
+      },
+      color: {},
+      backgroundColor: {},
+      textDecoration: {},
+      textAlign: {},
+      textTransform: {},
+      mixBlendMode: {
+        defaultValue: "normal"
+      },
+      writingMode: {}
+    },
+    cssCustomProperties: {
+      textOutline: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+      },
+      textShadow: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+      }
+    },
+    data: {
+      richText: {
+        dataType: DATA.DATA_TYPE.richText
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.ariaLive,
+            DATA.A11Y_ATTRIBUTES.ariaLevel,
+            DATA.A11Y_ATTRIBUTES.role,
+            DATA.A11Y_ATTRIBUTES.ariaAtomic,
+            DATA.A11Y_ATTRIBUTES.ariaHidden,
+            DATA.A11Y_ATTRIBUTES.ariaCurrent
+          ]
+        }
+      }
+    },
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.pageVisible,
+        INTERACTIONS.TRIGGER_TYPE.animationEnd,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove
+      ],
+      effectGroups: [INTERACTIONS.EFFECT_GROUP.UNKNOWN_EFFECT_GROUP]
+    },
+    layout: {
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+      disableStretching: true,
+      disablePositioning: false
+    },
+    displayFilters: {
+      actions: {
+        hide: ["design"]
+      }
+    },
+    presets: {
+      horizontal: {
+        presetCssUrl: "./site/components/WRichText/presets/horizontal.css",
+        displayName: "Horizontal",
+        initialSize: {
+          width: {
+            sizingType: LAYOUT.SIZING_TYPE.pixels,
+            pixels: 120
+          },
+          height: {
+            sizingType: LAYOUT.SIZING_TYPE.content
+          }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+            disableStretching: true,
+            disablePositioning: false
+          },
+          cssProperties: {
+            writingMode: {
+              defaultValue: "horizontal-tb"
+            }
+          }
+        }
+      },
+      vertical: {
+        presetCssUrl: "./site/components/WRichText/presets/vertical.css",
+        displayName: "Vertical",
+        initialSize: {
+          height: {
+            sizingType: LAYOUT.SIZING_TYPE.pixels,
+            pixels: 120
+          },
+          width: {
+            sizingType: LAYOUT.SIZING_TYPE.content
+          }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.vertical,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontal,
+            disableStretching: true,
+            disablePositioning: false
+          },
+          cssProperties: {
+            writingMode: {
+              defaultValue: "vertical-rl"
+            }
+          }
+        }
+      }
+    },
+    helpArticle: {
+      kbId: "a4cda73e-0a87-4203-9311-c01dced6302d"
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/WRichText/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/WRichText",
+      serviceDependencies: ["@wix/viewer-service-link-utils"],
+      dependencies: {
+        serviceDependencies: ["@wix/viewer-service-link-utils"]
+      }
+    },
+    sdk: {
+      url: "./site/components/WRichText/sdk.ts"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/WRichText/sdk.d.ts

@@ -0,0 +1,5 @@
+import { CorvidSDKFactory } from '../../../types/vendored/editor-elements-types-corvid';
+export declare const WRICHTEXT_SDK_TYPE = "$w.Text";
+export declare const createWRichTextSdk: CorvidSDKFactory;
+declare const _default: CorvidSDKFactory<object, object, object>;
+export default _default;