@wix/patterns-fields 1.0.0

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css

@@ -0,0 +1,363 @@
+:import {
+    -st-from: './list-items-indentations.js';
+    -st-named: unorderedListMixin, orderedListMixin;
+}
+
+@property st-global(--wds-color-black-100);
+@property st-global(--wds-color-black-700);
+@property st-global(--wds-font-family-default);
+@property st-global(--wds-font-weight-medium);
+@property st-global(--wds-font-weight-bold);
+@property st-global(--wds-font-size-500);
+@property st-global(--wds-font-line-height-300);
+
+@property st-global(--rt-h1-fontSize);
+@property st-global(--rt-h1-fontStyle);
+@property st-global(--rt-h1-fontWeight);
+@property st-global(--rt-h1-fontFamily);
+@property st-global(--rt-h1-lineHeight);
+
+@property st-global(--rt-h2-fontSize);
+@property st-global(--rt-h2-fontStyle);
+@property st-global(--rt-h2-fontWeight);
+@property st-global(--rt-h2-fontFamily);
+@property st-global(--rt-h2-lineHeight);
+
+@property st-global(--rt-h3-fontSize);
+@property st-global(--rt-h3-fontStyle);
+@property st-global(--rt-h3-fontWeight);
+@property st-global(--rt-h3-fontFamily);
+@property st-global(--rt-h3-lineHeight);
+
+@property st-global(--rt-h4-fontSize);
+@property st-global(--rt-h4-fontStyle);
+@property st-global(--rt-h4-fontWeight);
+@property st-global(--rt-h4-fontFamily);
+@property st-global(--rt-h4-lineHeight);
+
+@property st-global(--rt-h5-fontSize);
+@property st-global(--rt-h5-fontStyle);
+@property st-global(--rt-h5-fontWeight);
+@property st-global(--rt-h5-fontFamily);
+@property st-global(--rt-h5-lineHeight);
+
+@property st-global(--rt-h6-fontSize);
+@property st-global(--rt-h6-fontStyle);
+@property st-global(--rt-h6-fontWeight);
+@property st-global(--rt-h6-fontFamily);
+@property st-global(--rt-h6-lineHeight);
+@property st-global(--rt-p1-fontSize);
+@property st-global(--rt-p1-fontStyle);
+@property st-global(--rt-p1-fontWeight);
+@property st-global(--rt-p1-fontFamily);
+@property st-global(--rt-p1-lineHeight);
+
+@property st-global(--rt-unstyled-fontSize);
+@property st-global(--rt-unstyled-fontStyle);
+@property st-global(--rt-unstyled-fontWeight);
+@property st-global(--rt-unstyled-fontFamily);
+@property st-global(--rt-unstyled-lineHeight);
+
+@property st-global(--rt-p3-fontSize);
+@property st-global(--rt-p3-fontStyle);
+@property st-global(--rt-p3-fontWeight);
+@property st-global(--rt-p3-fontFamily);
+@property st-global(--rt-p3-lineHeight);
+
+:vars {
+    h1FontSize: var(--rt-h1-fontSize, 72px);
+    h1FontStyle: var(--rt-h1-fontStyle, normal);
+    h1FontWeight: var(--rt-h1-fontWeight, var(--wds-font-weight-bold));
+    h1FontFamily: var(--rt-h1-fontFamily, var(--wds-font-family-default));
+    h1LineHeight: var(--rt-h1-lineHeight, 1.33);
+    h1Font: value(h1FontStyle) value(h1FontWeight) value(h1FontSize)/value(h1LineHeight) value(h1FontFamily);
+
+    h2FontSize: var(--rt-h2-fontSize, 42px);
+    h2FontStyle: var(--rt-h2-fontStyle, normal);
+    h2FontWeight: var(--rt-h2-fontWeight, var(--wds-font-weight-bold));
+    h2FontFamily: var(--rt-h2-fontFamily, var(--wds-font-family-default));
+    h2LineHeight: var(--rt-h2-lineHeight, 1.2);
+    h2Font: value(h2FontStyle) value(h2FontWeight) value(h2FontSize)/value(h2LineHeight) value(h2FontFamily);
+
+    h3FontSize: var(--rt-h3-fontSize, 38px);
+    h3FontStyle: var(--rt-h3-fontStyle, normal);
+    h3FontWeight: var(--rt-h3-fontWeight, var(--wds-font-weight-medium));
+    h3FontFamily: var(--rt-h3-fontFamily, var(--wds-font-family-default));
+    h3LineHeight: var(--rt-h3-lineHeight, 1.2);
+    h3Font: value(h3FontStyle) value(h3FontWeight) value(h3FontSize)/value(h3LineHeight) value(h3FontFamily);
+
+    h4FontSize: var(--rt-h4-fontSize, 34px);
+    h4FontStyle: var(--rt-h4-fontStyle, normal);
+    h4FontWeight: var(--rt-h4-fontWeight, var(--wds-font-weight-bold));
+    h4FontFamily: var(--rt-h4-fontFamily, var(--wds-font-family-default));
+    h4LineHeight: var(--rt-h4-lineHeight, 1.2);
+    h4Font: value(h4FontStyle) value(h4FontWeight) value(h4FontSize)/value(h4LineHeight) value(h4FontFamily);
+
+    h5FontSize: var(--rt-h5-fontSize, 28px);
+    h5FontStyle: var(--rt-h5-fontStyle, normal);
+    h5FontWeight: var(--rt-h5-fontWeight, var(--wds-font-weight-bold));
+    h5FontFamily: var(--rt-h5-fontFamily, var(--wds-font-family-default));
+    h5LineHeight: var(--rt-h5-lineHeight, 1.2);
+    h5Font: value(h5FontStyle) value(h5FontWeight) value(h5FontSize)/value(h5LineHeight) value(h5FontFamily);
+
+    h6FontSize: var(--rt-h6-fontSize, 22px);
+    h6FontStyle: var(--rt-h6-fontStyle, normal);
+    h6FontWeight: var(--rt-h6-fontWeight, var(--wds-font-weight-medium));
+    h6FontFamily: var(--rt-h6-fontFamily, var(--wds-font-family-default));
+    h6LineHeight: var(--rt-h6-lineHeight, 1.2);
+    h6Font: value(h6FontStyle) value(h6FontWeight) value(h6FontSize)/value(h6LineHeight) value(h6FontFamily);
+
+    p1FontSize: var(--rt-p1-fontSize, 18px);
+    p1FontStyle: var(--rt-p1-fontStyle, normal);
+    p1FontWeight: var(--rt-p1-fontWeight, var(--wds-font-weight-medium));
+    p1FontFamily: var(--rt-p1-fontFamily, var(--wds-font-family-default));
+    p1LineHeight: var(--rt-p1-lineHeight, 24px);
+    p1Font: value(p1FontStyle) value(p1FontWeight) value(p1FontSize)/value(p1LineHeight) value(p1FontFamily);
+
+    unstyledFontSize: var(--rt-unstyled-fontSize, 16px);
+    unstyledFontStyle: var(--rt-unstyled-fontStyle, normal);
+    unstyledFontWeight: var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium));
+    unstyledFontFamily: var(--rt-unstyled-fontFamily, var(--wds-font-family-default));
+    unstyledLineHeight: var(--rt-unstyled-lineHeight, 24px);
+    unstyledFont: value(unstyledFontStyle) value(unstyledFontWeight) value(unstyledFontSize)/value(unstyledLineHeight) value(unstyledFontFamily);
+
+    p3FontSize: var(--rt-p3-fontSize, 14px);
+    p3FontStyle: var(--rt-p3-fontStyle, normal);
+    p3FontWeight: var(--rt-p3-fontWeight, var(--wds-font-weight-medium));
+    p3FontFamily: var(--rt-p3-fontFamily, var(--wds-font-family-default));
+    p3LineHeight: var(--rt-p3-lineHeight, 18px);
+    p3Font: value(p3FontStyle) value(p3FontWeight) value(p3FontSize)/value(p3LineHeight) value(p3FontFamily);
+}
+
+.root {
+    display: flex;
+    flex-direction: column;
+    font-weight: var(--wds-font-weight-medium);
+    font-size: var(--wds-font-size-500);
+    line-height: var(--wds-font-line-height-300);
+    font-family: var(--wds-font-family-default);
+}
+
+.editor {
+    box-sizing: border-box;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    cursor: text;
+    color: var(--wds-color-black-100);
+    background: var(--wds-color-black-700);
+}
+
+.editor :global(.DraftEditor-root) {
+    width: 100%;
+    height: 100%;
+}
+
+/* Fix for https://wix.atlassian.net/browse/CMS-205 */
+.editor :global(.DraftEditor-root) [data-contents] {
+    overflow: auto;
+}
+
+.editor :global(.DraftEditor-editorContainer) {
+    display: flex;
+    min-height: 100%;
+    background: white;
+}
+
+.editor :global(.public-DraftEditor-content) {
+    padding: 12px 24px 24px;
+    min-height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+/* Folloding styles modify look of text in editor */
+
+.editor :global(.public-DraftEditor-content) ol,
+.editor :global(.public-DraftEditor-content) ul {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+}
+
+.editor :global(.public-DraftEditor-content) a,
+.editor :global(.public-DraftEditor-content) a:visited {
+    color: inherit;
+    text-decoration: none;
+}
+
+/* === Headings === */
+
+.header-one:not(li),
+.header-two:not(li),
+.header-three:not(li),
+.header-four:not(li),
+.header-five:not(li),
+.header-six:not(li) {
+    margin-block: 0;
+    margin: 0;
+}
+
+/* header-one */
+.header-one,
+.editor li.header-one :global(.public-DraftStyleDefault-block) {
+    font: value(h1Font);
+}
+
+/* header-two */
+.header-two,
+.editor li.header-two :global(.public-DraftStyleDefault-block) {
+    font: value(h2Font);
+}
+
+/* header-three */
+.header-three,
+.editor li.header-three :global(.public-DraftStyleDefault-block) {
+    font: value(h3Font);
+}
+
+/* header-four */
+.header-four,
+.editor li.header-four :global(.public-DraftStyleDefault-block) {
+    font: value(h4Font);
+}
+
+/* header-five */
+.header-five,
+.editor li.header-five :global(.public-DraftStyleDefault-block) {
+    font: value(h5Font);
+}
+
+/* header-six */
+.header-six,
+.editor li.header-six :global(.public-DraftStyleDefault-block) {
+    font: value(h6Font);
+}
+
+/* === Paragraphs === */
+
+/* paragraph-one */
+.paragraph-one,
+.editor li.paragraph-one :global(.public-DraftStyleDefault-block) {
+    font: value(p1Font);
+}
+
+/* paragraph-two (unstyled) */
+.unstyled,
+.editor li.unstyled :global(.public-DraftStyleDefault-block) {
+    font: value(unstyledFont);
+}
+
+/* paragraph-three */
+.paragraph-three,
+.editor li.paragraph-three :global(.public-DraftStyleDefault-block) {
+    font: value(p3Font);
+}
+
+/* === Lists === */
+
+/* Copy size of bullets/numbers in lists from first list item */
+.editor li.header-one:first-child ~ li {
+    font: value(h1Font);
+}
+
+.editor li.header-one:first-child ~ li::marker {
+    line-height: value(h1FontSize);
+}
+
+.editor li.header-two:first-child ~ li {
+    font: value(h2Font)
+}
+
+.editor li.header-two:first-child ~ li::marker {
+    line-height: value(h2FontSize);
+}
+
+.editor li.header-three:first-child ~ li {
+    font: value(h3Font)
+}
+
+.editor li.header-three:first-child ~ li::marker {
+    line-height: value(h3FontSize);
+}
+
+.editor li.header-four:first-child ~ li {
+    font: value(h4Font)
+}
+
+.editor li.header-four:first-child ~ li::marker {
+    line-height: value(h4FontSize);
+}
+
+.editor li.header-five:first-child ~ li {
+    font: value(h5Font)
+}
+
+.editor li.header-five:first-child ~ li::marker {
+    line-height: value(h5FontSize);
+}
+
+.editor li.header-six:first-child ~ li {
+    font: value(h6Font)
+}
+
+.editor li.header-six:first-child ~ li::marker {
+    line-height: value(h6FontSize);
+}
+
+.editor li.paragraph-one:first-child ~ li {
+    font: value(p1Font)
+}
+
+.editor li.unstyled:first-child ~ li {
+    font: value(unstyledFont)
+}
+
+.editor li.paragraph-three:first-child ~ li {
+    font: value(p3Font)
+}
+
+/* Indentations */
+:global(.public-DraftStyleDefault-ul) {
+    -st-mixin: unorderedListMixin(4);
+}
+
+:global(.public-DraftStyleDefault-ol) {
+    -st-mixin: orderedListMixin(4, 4);
+}
+
+.align-left {
+    text-align: left;
+    align-self: flex-start;
+}
+
+.align-right {
+    text-align: right;
+    align-self: flex-end;
+}
+
+.align-center {
+    text-align: center;
+    align-self: center;
+}
+
+.align-justify {
+    text-align: justify;
+    align-self: stretch;
+}
+
+.withMargin {
+    display: inline-block;
+}
+
+.dir-rtl,
+.editor :global(.public-DraftStyleDefault-rtl) {
+    direction: rtl;
+}
+
+.editor :global(.public-DraftStyleDefault-listRTL) {
+    direction: rtl;
+    text-align: right;
+    max-width: 100%;
+}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richeditor3961393949";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "richeditor3961393949__root", "editor": "richeditor3961393949__editor", "header-one": "richeditor3961393949__header-one", "header-two": "richeditor3961393949__header-two", "header-three": "richeditor3961393949__header-three", "header-four": "richeditor3961393949__header-four", "header-five": "richeditor3961393949__header-five", "header-six": "richeditor3961393949__header-six", "paragraph-one": "richeditor3961393949__paragraph-one", "unstyled": "richeditor3961393949__unstyled", "paragraph-three": "richeditor3961393949__paragraph-three", "align-left": "richeditor3961393949__align-left", "align-right": "richeditor3961393949__align-right", "align-center": "richeditor3961393949__align-center", "align-justify": "richeditor3961393949__align-justify", "withMargin": "richeditor3961393949__withMargin", "dir-rtl": "richeditor3961393949__dir-rtl" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = { "h1FontSize": "var(--rt-h1-fontSize, 72px)", "h1FontStyle": "var(--rt-h1-fontStyle, normal)", "h1FontWeight": "var(--rt-h1-fontWeight, var(--wds-font-weight-bold))", "h1FontFamily": "var(--rt-h1-fontFamily, var(--wds-font-family-default))", "h1LineHeight": "var(--rt-h1-lineHeight, 1.33)", "h1Font": "var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))", "h2FontSize": "var(--rt-h2-fontSize, 42px)", "h2FontStyle": "var(--rt-h2-fontStyle, normal)", "h2FontWeight": "var(--rt-h2-fontWeight, var(--wds-font-weight-bold))", "h2FontFamily": "var(--rt-h2-fontFamily, var(--wds-font-family-default))", "h2LineHeight": "var(--rt-h2-lineHeight, 1.2)", "h2Font": "var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))", "h3FontSize": "var(--rt-h3-fontSize, 38px)", "h3FontStyle": "var(--rt-h3-fontStyle, normal)", "h3FontWeight": "var(--rt-h3-fontWeight, var(--wds-font-weight-medium))", "h3FontFamily": "var(--rt-h3-fontFamily, var(--wds-font-family-default))", "h3LineHeight": "var(--rt-h3-lineHeight, 1.2)", "h3Font": "var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))", "h4FontSize": "var(--rt-h4-fontSize, 34px)", "h4FontStyle": "var(--rt-h4-fontStyle, normal)", "h4FontWeight": "var(--rt-h4-fontWeight, var(--wds-font-weight-bold))", "h4FontFamily": "var(--rt-h4-fontFamily, var(--wds-font-family-default))", "h4LineHeight": "var(--rt-h4-lineHeight, 1.2)", "h4Font": "var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))", "h5FontSize": "var(--rt-h5-fontSize, 28px)", "h5FontStyle": "var(--rt-h5-fontStyle, normal)", "h5FontWeight": "var(--rt-h5-fontWeight, var(--wds-font-weight-bold))", "h5FontFamily": "var(--rt-h5-fontFamily, var(--wds-font-family-default))", "h5LineHeight": "var(--rt-h5-lineHeight, 1.2)", "h5Font": "var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))", "h6FontSize": "var(--rt-h6-fontSize, 22px)", "h6FontStyle": "var(--rt-h6-fontStyle, normal)", "h6FontWeight": "var(--rt-h6-fontWeight, var(--wds-font-weight-medium))", "h6FontFamily": "var(--rt-h6-fontFamily, var(--wds-font-family-default))", "h6LineHeight": "var(--rt-h6-lineHeight, 1.2)", "h6Font": "var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))", "p1FontSize": "var(--rt-p1-fontSize, 18px)", "p1FontStyle": "var(--rt-p1-fontStyle, normal)", "p1FontWeight": "var(--rt-p1-fontWeight, var(--wds-font-weight-medium))", "p1FontFamily": "var(--rt-p1-fontFamily, var(--wds-font-family-default))", "p1LineHeight": "var(--rt-p1-lineHeight, 24px)", "p1Font": "var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))", "unstyledFontSize": "var(--rt-unstyled-fontSize, 16px)", "unstyledFontStyle": "var(--rt-unstyled-fontStyle, normal)", "unstyledFontWeight": "var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium))", "unstyledFontFamily": "var(--rt-unstyled-fontFamily, var(--wds-font-family-default))", "unstyledLineHeight": "var(--rt-unstyled-lineHeight, 24px)", "unstyledFont": "var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))", "p3FontSize": "var(--rt-p3-fontSize, 14px)", "p3FontStyle": "var(--rt-p3-fontStyle, normal)", "p3FontWeight": "var(--rt-p3-fontWeight, var(--wds-font-weight-medium))", "p3FontFamily": "var(--rt-p3-fontFamily, var(--wds-font-family-default))", "p3LineHeight": "var(--rt-p3-lineHeight, 18px)", "p3Font": "var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))" };
+export var vars = { "wds-color-black-100": "--wds-color-black-100", "wds-color-black-700": "--wds-color-black-700", "wds-font-family-default": "--wds-font-family-default", "wds-font-weight-medium": "--wds-font-weight-medium", "wds-font-weight-bold": "--wds-font-weight-bold", "wds-font-size-500": "--wds-font-size-500", "wds-font-line-height-300": "--wds-font-line-height-300", "rt-h1-fontSize": "--rt-h1-fontSize", "rt-h1-fontStyle": "--rt-h1-fontStyle", "rt-h1-fontWeight": "--rt-h1-fontWeight", "rt-h1-fontFamily": "--rt-h1-fontFamily", "rt-h1-lineHeight": "--rt-h1-lineHeight", "rt-h2-fontSize": "--rt-h2-fontSize", "rt-h2-fontStyle": "--rt-h2-fontStyle", "rt-h2-fontWeight": "--rt-h2-fontWeight", "rt-h2-fontFamily": "--rt-h2-fontFamily", "rt-h2-lineHeight": "--rt-h2-lineHeight", "rt-h3-fontSize": "--rt-h3-fontSize", "rt-h3-fontStyle": "--rt-h3-fontStyle", "rt-h3-fontWeight": "--rt-h3-fontWeight", "rt-h3-fontFamily": "--rt-h3-fontFamily", "rt-h3-lineHeight": "--rt-h3-lineHeight", "rt-h4-fontSize": "--rt-h4-fontSize", "rt-h4-fontStyle": "--rt-h4-fontStyle", "rt-h4-fontWeight": "--rt-h4-fontWeight", "rt-h4-fontFamily": "--rt-h4-fontFamily", "rt-h4-lineHeight": "--rt-h4-lineHeight", "rt-h5-fontSize": "--rt-h5-fontSize", "rt-h5-fontStyle": "--rt-h5-fontStyle", "rt-h5-fontWeight": "--rt-h5-fontWeight", "rt-h5-fontFamily": "--rt-h5-fontFamily", "rt-h5-lineHeight": "--rt-h5-lineHeight", "rt-h6-fontSize": "--rt-h6-fontSize", "rt-h6-fontStyle": "--rt-h6-fontStyle", "rt-h6-fontWeight": "--rt-h6-fontWeight", "rt-h6-fontFamily": "--rt-h6-fontFamily", "rt-h6-lineHeight": "--rt-h6-lineHeight", "rt-p1-fontSize": "--rt-p1-fontSize", "rt-p1-fontStyle": "--rt-p1-fontStyle", "rt-p1-fontWeight": "--rt-p1-fontWeight", "rt-p1-fontFamily": "--rt-p1-fontFamily", "rt-p1-lineHeight": "--rt-p1-lineHeight", "rt-unstyled-fontSize": "--rt-unstyled-fontSize", "rt-unstyled-fontStyle": "--rt-unstyled-fontStyle", "rt-unstyled-fontWeight": "--rt-unstyled-fontWeight", "rt-unstyled-fontFamily": "--rt-unstyled-fontFamily", "rt-unstyled-lineHeight": "--rt-unstyled-lineHeight", "rt-p3-fontSize": "--rt-p3-fontSize", "rt-p3-fontStyle": "--rt-p3-fontStyle", "rt-p3-fontWeight": "--rt-p3-fontWeight", "rt-p3-fontFamily": "--rt-p3-fontFamily", "rt-p3-lineHeight": "--rt-p3-lineHeight" };
+//# sourceMappingURL=rich-editor.st.css.js.map

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import { Modal } from '@wix/design-system';
+import { richTextDataHook } from '../data-hooks';
+import { RichEditor } from './rich-editor';
+import { compositeDecorator } from './composite-decorator';
+import { htmlToEditorState, editorStateToHTML } from './utils';
+import { combineClasses } from './utils/stylable-helper';
+import { style, classes } from './rich-text-editor.st.css.js';
+export class RichTextEditor extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            ...htmlToEditorState(this.props.value, compositeDecorator, this.editingOptions),
+            value: this.props.value || '',
+            prevValue: this.props.value,
+            isFullScreen: false,
+        };
+        this.editors = {
+            main: null,
+            fullScreen: null,
+        };
+        this.isFocused = false;
+        this.isBlurring = false;
+        this.blurFrameId = 0;
+        this.renderEditor = (name) => {
+            const { autoFocus, readOnly, maxHeight, textStyle } = this.props;
+            const { isFullScreen, editorState, customStyleMap } = this.state;
+            if (name === 'main' && isFullScreen) {
+                return null;
+            }
+            return (React.createElement("div", { className: combineClasses(style, classes.editor, { isFullScreen }), style: name === 'main'
+                    ? { maxHeight, ...textStyle }
+                    : textStyle, onKeyDown: this.onKeyDown },
+                React.createElement(RichEditor, { ref: (editor) => (this.editors[name] = editor), editorState: editorState, customStyleMap: customStyleMap, onChange: this.onChange, onToggleFullScreen: this.onToggleFullScreen, readOnly: readOnly, isFullScreen: isFullScreen, headingsEnabled: this.editingOptions.headingsEnabled, autoFocus: name === 'fullScreen' || autoFocus })));
+        };
+        this.onToggleFullScreen = () => {
+            const { isFullScreen } = this.state;
+            this.setState({ isFullScreen: !isFullScreen });
+            if (isFullScreen && this.editors.main) {
+                this.editors.main.focus();
+            }
+        };
+        this.onChange = (editorState) => {
+            const { inlineStyles } = this.state;
+            const value = editorStateToHTML(editorState, inlineStyles, this.editingOptions);
+            this.setState({ editorState, value });
+            value && this.props.onInput?.();
+        };
+        this.triggerOnChange = () => {
+            const { value } = this.state;
+            const { onChange } = this.props;
+            if (value !== this.props.value) {
+                onChange(value);
+            }
+        };
+        this.onKeyDown = (e) => {
+            const { isFullScreen } = this.state;
+            switch (e.key) {
+                case 'Escape':
+                    isFullScreen && this.onToggleFullScreen();
+                    break;
+            }
+            this.props.onKeyDown?.(e, isFullScreen);
+        };
+        this.onFocus = () => {
+            this.isBlurring = false;
+            cancelAnimationFrame(this.blurFrameId);
+            if (this.isFocused) {
+                return;
+            }
+            this.editors.main?.focus();
+            this.triggerOnFocus();
+        };
+        this.onBlur = () => {
+            this.isBlurring = true;
+            cancelAnimationFrame(this.blurFrameId);
+            this.blurFrameId = requestAnimationFrame(this.triggerOnBlur);
+        };
+        this.triggerOnFocus = () => {
+            this.isFocused = true;
+            this.props.onFocus?.();
+        };
+        this.triggerOnBlur = () => {
+            this.isFocused = false;
+            this.triggerOnChange();
+            !this.state.isFullScreen && this.props.onBlur?.();
+        };
+    }
+    static getDerivedStateFromProps(props, state) {
+        if (props.value !== state.prevValue) {
+            if (props.value !== state.value) {
+                return {
+                    ...htmlToEditorState(props.value, compositeDecorator, {
+                        headingsEnabled: props.headingsEnabled,
+                    }),
+                    prevValue: props.value,
+                    value: props.value || '',
+                };
+            }
+            return {
+                prevValue: props.value,
+            };
+        }
+        return null;
+    }
+    get editingOptions() {
+        const { headingsEnabled } = this.props;
+        return { headingsEnabled };
+    }
+    componentWillUnmount() {
+        cancelAnimationFrame(this.blurFrameId);
+        this.isBlurring && this.triggerOnBlur();
+    }
+    render() {
+        const { value, isFullScreen } = this.state;
+        const { dataHook, readOnly, border, status } = this.props;
+        return (React.createElement("div", { "data-hook": dataHook, className: combineClasses(style, classes.root, { border, status }), tabIndex: 0, onFocus: this.onFocus, onBlur: this.onBlur },
+            this.renderEditor('main'),
+            React.createElement("input", { "data-hook": `${richTextDataHook}.nativeInput`, className: classes.nativeInput, defaultValue: value, readOnly: readOnly, tabIndex: -1 }),
+            isFullScreen && (React.createElement(Modal, { screen: "desktop", isOpen: isFullScreen }, this.renderEditor('fullScreen')))));
+    }
+}
+RichTextEditor.defaultProps = {
+    value: '',
+    border: 'standard',
+    headingsEnabled: true,
+};
+//# sourceMappingURL=rich-text-editor.js.map

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css

@@ -0,0 +1,100 @@
+@property st-global(--wds-color-blue-100);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-color-red-100);
+@property st-global(--wds-color-red-300);
+@property st-global(--wds-color-yellow-100);
+@property st-global(--wds-color-yellow-300);
+@property st-global(--wds-color-black-700);
+@property st-global(--wds-input-shadow-focus-standard);
+@property st-global(--wds-border-radius-300);
+
+/* Cannot import Editor from rich-editor.st.css - causes Stylable build error
+:import {
+    -st-from: "./rich-editor.st.css";
+    -st-default: Editor;
+}
+*/
+
+.root {
+    -st-states:
+        border(enum(standard, none)),
+        status(enum(error, warning));
+
+    width: 100%;
+    box-sizing: border-box;
+    outline: 0;
+    overflow: hidden;
+    border-radius: var(--wds-border-radius-300);
+}
+
+.root:border(none) {
+    border: none;
+}
+.root:border(standard) {
+    border: 1px solid var(--wds-color-blue-300);
+}
+.root:border(standard):focus,
+.root:border(standard):focus-within {
+    border: 1px solid var(--wds-color-blue-100);
+    box-shadow: var(--wds-input-shadow-focus-standard);
+}
+
+.root:border(standard):status(error) {
+    border: 1px solid var(--wds-color-red-100);
+}
+.root:border(standard):status(error):focus,
+.root:border(standard):status(error):focus-within {
+    border: 1px solid var(--wds-color-red-100);
+    box-shadow: 0 0 0 3px var(--wds-color-red-300);
+}
+
+.root:border(standard):status(warning) {
+    border: 1px solid var(--wds-color-yellow-100);
+}
+.root:border(standard):status(warning):focus,
+.root:border(standard):status(warning):focus-within {
+    border: 1px solid var(--wds-color-yellow-100);
+    box-shadow: 0 0 0 3px var(--wds-color-yellow-300);
+}
+
+.nativeInput {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    border: 0;
+    width: 0;
+    height: 0;
+}
+
+.editor {
+    -st-states: isFullScreen;
+    height: auto;
+    line-height: auto;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    min-height: 234px;
+    overflow: hidden;
+    box-sizing: border-box;
+    flex-direction: row;
+    border-radius: var(--wds-border-radius-300);
+}
+.editor:isFullScreen {
+    max-width: 782px;
+    min-width: 582px;
+    background: var(--wds-color-black-700);
+}
+/* Cannot use Editor import - causes Stylable build error
+.editor:isFullScreen Editor::editor {
+    width: 582px;
+    align-self: center;
+}
+*/
+.editor:not(:isFullScreen) {
+    max-height: 80vh;
+}
+.editor > div {
+    flex: 1;
+    max-width: 100%;
+}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "richtexteditor635921938";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "richtexteditor635921938__root", "nativeInput": "richtexteditor635921938__nativeInput", "editor": "richtexteditor635921938__editor" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-blue-100": "--wds-color-blue-100", "wds-color-blue-300": "--wds-color-blue-300", "wds-color-red-100": "--wds-color-red-100", "wds-color-red-300": "--wds-color-red-300", "wds-color-yellow-100": "--wds-color-yellow-100", "wds-color-yellow-300": "--wds-color-yellow-300", "wds-color-black-700": "--wds-color-black-700", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "wds-border-radius-300": "--wds-border-radius-300" };
+//# sourceMappingURL=rich-text-editor.st.css.js.map

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,aAAa,EAAC,sCAAsC,EAAC,QAAQ,EAAC,iCAAiC,EAAC,CAAC;AAC9J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,CAAC"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/text-style.js

@@ -0,0 +1,2 @@
+export const buildVariableName = (blockType, property) => `--rt-${blockType}-${property}`;
+//# sourceMappingURL=text-style.js.map

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/text-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-style.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/text-style.ts"],"names":[],"mappings":"AAuBA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,SAAY,EACZ,QAAW,EACc,EAAE,CAAC,QAAQ,SAAS,IAAI,QAAQ,EAAE,CAAC"}