@gooddata/sdk-ui-dashboard 10.3.0-alpha.9 → 10.3.0-beta.0

package/styles/scss/{richText.scss → richTextWidget.scss}

@@ -5,7 +5,7 @@
 @use "@gooddata/sdk-ui-kit/styles/scss/mixins" as mx;
 @use "variables";
 
-.gd-rich-text-wrapper {
+.gd-rich-text-widget-wrapper {
     width: 100%;
     height: 100%;
     display: flex;
@@ -17,95 +17,29 @@
     top: 0;
 }
 
-.gd-rich-text-content {
-    width: 100%;
-    height: 100%;
+.gd-rich-text-widget {
     padding: 5px;
     border-radius: variables.$gd-dashboards-content-widget-borderRadius;
-    min-height: 0;
 
     textarea {
-        width: 100%;
-        height: 100%;
         background-color: var(--gd-chart-backgroundColor, var(--gd-palette-complementary-0, #fff));
         line-height: 19px;
         font-size: 14px;
         font-weight: 400;
         font-family: kit-variables.$measure_sequence_number_font;
         color: kit-variables.$gd-color-text;
-        border: none;
-        resize: none;
-        outline: none;
-    }
-
-    .gd-rich-text-content-empty {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-}
-
-.gd-rich-text-content-view {
-    // styles for markdown elements
-    * {
-        margin-top: 0;
-        color: var(--gd-palette-complementary-6, #94a1ad);
     }
 
-    a {
-        cursor: pointer;
-        color: var(--gd-palette-primary-base, #14b2e2);
-        text-decoration: none;
-
-        @include mx.active-states {
-            color: var(--gd-palette-complementary-8, #464e56);
-            text-decoration: underline;
+    .gd-rich-text-content-view {
+        h1,
+        h2,
+        h3 {
+            color: var(--gd-dashboards-title-color, var(--gd-palette-complementary-8, #464e56));
         }
     }
-
-    h1,
-    h2,
-    h3 {
-        color: var(--gd-dashboards-title-color, var(--gd-palette-complementary-8, #464e56));
-        font-weight: 700;
-        text-align: left;
-        letter-spacing: 0;
-    }
-
-    h1 {
-        font-size: 17px;
-        line-height: 23px;
-    }
-
-    h2 {
-        font-size: 15px;
-        line-height: 20px;
-    }
-
-    h3 {
-        font-size: 14px;
-        line-height: 19px;
-    }
-
-    p,
-    ul,
-    ol {
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 19px;
-        letter-spacing: 0;
-        text-align: left;
-    }
-
-    hr {
-        border-top: 0;
-        border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-    }
 }
 
-.gd-rich-text-footer {
+.gd-rich-text-widget-footer {
     padding: 0 4px;
     display: flex;
     justify-content: space-between;

package/esm/presentation/widget/richText/RichText.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface IRichTextProps {
-    text: string;
-    onChange?: (text: string) => void;
-    editMode?: boolean;
-    editPlaceholder?: string;
-    emptyElement?: JSX.Element;
-}
-export declare const RichText: React.FC<IRichTextProps>;
-export {};
-//# sourceMappingURL=RichText.d.ts.map

package/esm/presentation/widget/richText/RichText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/RichText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B7C,CAAC"}

package/esm/presentation/widget/richText/RichText.js

@@ -1,39 +0,0 @@
-// (C) 2023-2024 GoodData Corporation
-import React from "react";
-import Markdown from "react-markdown";
-import cx from "classnames";
-const RICH_TEXT_PLACEHOLDER = `Add markdown text here...\n
-# Heading 1
-**Bold**
-* List
-[link](http://thisisalink.com)
-![image](http://url/img.png)
-`;
-export const RichText = ({ text, onChange, editMode = false, editPlaceholder, emptyElement, }) => {
-    return (React.createElement("div", { className: cx([
-            "gd-rich-text-content",
-            `gd-rich-text-content-${editMode ? "edit" : "view"}`,
-            "s-rich-text",
-            `s-rich-text-${editMode ? "edit" : "view"}`,
-            { "gd-visible-scrollbar": !editMode },
-        ]) }, editMode ? (React.createElement(RichTextEdit, { text: text, onChange: (updatedText) => onChange?.(updatedText), placeholder: editPlaceholder })) : (React.createElement(RichTextView, { text: text, emptyElement: emptyElement }))));
-};
-const RichTextEdit = ({ text, onChange, placeholder = RICH_TEXT_PLACEHOLDER, rows = 10, }) => {
-    const moveCaretToEnd = (event) => {
-        const { value } = event.target;
-        const position = value.length;
-        event.target.setSelectionRange(position, position);
-    };
-    return (React.createElement("textarea", { className: "gd-visible-scrollbar", value: text, autoFocus: true, placeholder: placeholder, onChange: (event) => onChange(event.target.value), rows: rows, onFocus: moveCaretToEnd }));
-};
-const ImageComponent = (props) => React.createElement("img", { style: { maxWidth: "100%" }, ...props });
-const AnchorComponent = (props) => React.createElement("a", { target: "_blank", rel: "noopener noreferrer", ...props });
-const RichTextView = ({ text, emptyElement }) => {
-    // Strip all whitespace and newlines
-    const isTextEmpty = !text?.replace(/\s/g, "");
-    if (isTextEmpty && emptyElement) {
-        return React.createElement("div", { className: "gd-rich-text-content-empty" }, emptyElement);
-    }
-    return React.createElement(Markdown, { components: { img: ImageComponent, a: AnchorComponent } }, text);
-};
-//# sourceMappingURL=RichText.js.map

package/esm/presentation/widget/richText/RichText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/RichText.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,qBAAqB,GAAG;;;;;;CAM7B,CAAC;AAUF,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,EAC/C,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,YAAY,GACf,EAAE,EAAE;IACD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC;YACV,sBAAsB;YACtB,wBAAwB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;YACpD,aAAa;YACb,eAAe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE;YAC3C,EAAE,sBAAsB,EAAE,CAAC,QAAQ,EAAE;SACxC,CAAC,IAED,QAAQ,CAAC,CAAC,CAAC,CACR,oBAAC,YAAY,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,EAClD,WAAW,EAAE,eAAe,GAC9B,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,CAC3D,CACC,CACT,CAAC;AACN,CAAC,CAAC;AASF,MAAM,YAAY,GAAiC,CAAC,EAChD,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,qBAAqB,EACnC,IAAI,GAAG,EAAE,GACZ,EAAE,EAAE;IACD,MAAM,cAAc,GAAG,CAAC,KAA4C,EAAE,EAAE;QACpE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;QAC9B,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,OAAO,CACH,kCACI,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,IAAI,EACX,SAAS,QACT,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,GACzB,CACL,CAAC;AACN,CAAC,CAAC;AAOF,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAM,KAAK,GAAI,CAAC;AAEvF,MAAM,eAAe,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,2BAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAEnG,MAAM,YAAY,GAAiC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1E,oCAAoC;IACpC,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAE9C,IAAI,WAAW,IAAI,YAAY,EAAE,CAAC;QAC9B,OAAO,6BAAK,SAAS,EAAC,4BAA4B,IAAE,YAAY,CAAO,CAAC;IAC5E,CAAC;IAED,OAAO,oBAAC,QAAQ,IAAC,UAAU,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,EAAE,eAAe,EAAE,IAAG,IAAI,CAAY,CAAC;AAChG,CAAC,CAAC"}

package/styles/css/richText.css

@@ -1,145 +0,0 @@
-/* ==========================================================================
-   Variables
-   ========================================================================== */
-/* allow vendor prefixes and disable max length */
-/* allow vendor prefixes and disable max length */
-/* ==========================================================================
-   Variables, mixins, silent classes etc.
-   ========================================================================== */
-.gd-rich-text-wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
-  overflow-y: auto;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
-.gd-rich-text-content {
-  width: 100%;
-  height: 100%;
-  padding: 5px;
-  border-radius: var(--gd-dashboards-content-widget-borderRadius, 15px);
-  min-height: 0;
-}
-.gd-rich-text-content textarea {
-  width: 100%;
-  height: 100%;
-  background-color: var(--gd-chart-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  line-height: 19px;
-  font-size: 14px;
-  font-weight: 400;
-  font-family: menlo, monaco, consolas, "Courier New", monospace;
-  color: var(--gd-palette-complementary-8, #464e56);
-  border: none;
-  resize: none;
-  outline: none;
-}
-.gd-rich-text-content .gd-rich-text-content-empty {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.gd-rich-text-content-view * {
-  margin-top: 0;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-}
-.gd-rich-text-content-view a {
-  cursor: pointer;
-  color: var(--gd-palette-primary-base, #14b2e2);
-  text-decoration: none;
-}
-.gd-rich-text-content-view a:hover, .gd-rich-text-content-view a:focus, .gd-rich-text-content-view a:active {
-  color: var(--gd-palette-complementary-8, #464e56);
-  text-decoration: underline;
-}
-.gd-rich-text-content-view h1,
-.gd-rich-text-content-view h2,
-.gd-rich-text-content-view h3 {
-  color: var(--gd-dashboards-title-color, var(--gd-palette-complementary-8, #464e56));
-  font-weight: 700;
-  text-align: left;
-  letter-spacing: 0;
-}
-.gd-rich-text-content-view h1 {
-  font-size: 17px;
-  line-height: 23px;
-}
-.gd-rich-text-content-view h2 {
-  font-size: 15px;
-  line-height: 20px;
-}
-.gd-rich-text-content-view h3 {
-  font-size: 14px;
-  line-height: 19px;
-}
-.gd-rich-text-content-view p,
-.gd-rich-text-content-view ul,
-.gd-rich-text-content-view ol {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 19px;
-  letter-spacing: 0;
-  text-align: left;
-}
-.gd-rich-text-content-view hr {
-  border-top: 0;
-  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-}
-
-.gd-rich-text-footer {
-  padding: 0 4px;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  height: 40px;
-  min-height: 40px;
-}
-.gd-rich-text-footer .gd-divider {
-  margin: 4px;
-  height: 20px;
-  border-left: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-}
-.gd-rich-text-footer .gd-rich-text-footer-options {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  overflow: hidden;
-  align-items: center;
-}
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed::before {
-  top: 6px;
-}
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:focus {
-  color: var(--gd-palette-complementary-7, #778491);
-}
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover {
-  color: var(--gd-palette-complementary-8, #464e56);
-}
-.gd-rich-text-footer .gd-rich-text-footer-options .gd-button-link-dimmed:hover::before {
-  color: var(--gd-palette-complementary-8, #464e56);
-}
-.gd-rich-text-footer .gd-rich-text-footer-actions {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.gd-rich-text-footer .gd-rich-text-footer-actions .gd-button-link.gd-button-icon-only.gd-icon-trash:hover::before {
-  color: var(--gd-palette-error-base, #e54d42);
-}
-
-.gd-rich-text-widget-empty-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-}
-
-/*# sourceMappingURL=richText.css.map */

package/styles/css/richText.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/richText.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;AAAA;AAAA;ACsHA;AA4DA;ACjLA;AAAA;AAAA;ACEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,eCuFwC;EDtFxC;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,aEgKuB;EF/JvB,OEJQ;EFKR;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAMJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AF2GJ;EExGQ;EACA;;AAIR;AAAA;AAAA;EAGI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,OHrHU;;AGwHd;EACI,OE5GI;;AF+GR;EACI,OEhHI;;AFoHZ;EACI;EACA;EACA;;AAEA;EACI,OE9FY;;;AFmGxB;EACI;EACA;EACA;EACA","file":"richText.css"}