@prokodo/ui 0.0.26 → 0.0.28

package/dist/components/rich-text/RichText.js

@@ -1,143 +1,157 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { memo as R, useMemo as N, useCallback as T } from "react";
-import _ from "react-markdown";
-import A from "remark-breaks";
-import j from "remark-gfm";
-import { create as w } from "../../helpers/bem.js";
-import { isNull as x } from "../../helpers/validations.js";
-import I from "./RichText.module.scss.js";
-import { AnimatedText as M } from "../animatedText/AnimatedText.js";
-import { Icon as B } from "../icon/Icon.js";
-import { Link as C } from "../link/Link.js";
-import { Headline as d } from "../headline/Headline.js";
-const m = w(I, "RichText");
-function E(c) {
-  return x(c) && "tagName" in c;
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useCallback } from "react";
+import ReactMarkdown from "react-markdown";
+import remarkBreaks from "remark-breaks";
+import remarkGfm from "remark-gfm";
+import { create } from "../../helpers/bem.js";
+import { isNull } from "../../helpers/validations.js";
+import styles from "./RichText.module.scss.js";
+import { AnimatedText } from "../animatedText/AnimatedText.js";
+import { Icon } from "../icon/Icon.js";
+import { Link } from "../link/Link.js";
+import { Headline } from "../headline/Headline.server.js";
+const bem = create(styles, "RichText");
+function isElement(node) {
+  return isNull(node) && "tagName" in node;
 }
-function G(c) {
-  return !x(c) && (c == null ? void 0 : c.type) === "text" && "value" in c;
+__name(isElement, "isElement");
+function isText(node) {
+  return !isNull(node) && (node == null ? void 0 : node.type) === "text" && "value" in node;
 }
-const H = R(
+__name(isText, "isText");
+const RichText = memo(
   ({
-    className: c,
-    animated: a,
-    animationProps: r = {},
-    variant: v = "primary",
-    schema: f = {},
-    itemProp: y,
-    children: k,
-    ...z
+    className,
+    animated,
+    animationProps = {},
+    variant = "primary",
+    schema = {},
+    itemProp,
+    children,
+    ...props
   }) => {
-    const l = N(
+    const baseProps = useMemo(
       () => ({
-        animated: a,
-        className: c ?? void 0,
-        ...f
+        animated,
+        className: className ?? void 0,
+        ...schema
       }),
-      [a, f, c]
-    ), n = N(
+      [animated, schema, className]
+    );
+    const headlineProps = useMemo(
       () => ({
-        animationProps: r
+        animationProps
       }),
-      [r]
-    ), t = T(
-      (i) => a === !1 || a === void 0 ? i : /* @__PURE__ */ e(M, { ...r, children: i }),
-      [a, r]
+      [animationProps]
+    );
+    const renderAnimation = useCallback(
+      (children2) => {
+        if (animated === false || animated === void 0) return children2;
+        return /* @__PURE__ */ jsx(AnimatedText, { ...animationProps, children: children2 });
+      },
+      [animated, animationProps]
     );
-    return /* @__PURE__ */ e(
-      _,
+    return /* @__PURE__ */ jsx(
+      ReactMarkdown,
       {
-        remarkPlugins: [j, A],
+        remarkPlugins: [remarkGfm, remarkBreaks],
         components: {
-          h1: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "xxl", type: "h1", children: i == null ? void 0 : i.children }),
-          h2: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "xl", type: "h2", children: i == null ? void 0 : i.children }),
-          h3: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "lg", type: "h3", children: i == null ? void 0 : i.children }),
-          h4: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "md", type: "h4", children: i == null ? void 0 : i.children }),
-          h5: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "sm", type: "h5", children: i == null ? void 0 : i.children }),
-          h6: (i) => /* @__PURE__ */ e(d, { ...l, ...n, size: "xs", type: "h6", children: i == null ? void 0 : i.children }),
-          p: (i) => /* @__PURE__ */ e(
+          h1: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "xxl", type: "h1", children: props2 == null ? void 0 : props2.children }), "h1"),
+          h2: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "xl", type: "h2", children: props2 == null ? void 0 : props2.children }), "h2"),
+          h3: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "lg", type: "h3", children: props2 == null ? void 0 : props2.children }), "h3"),
+          h4: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "md", type: "h4", children: props2 == null ? void 0 : props2.children }), "h4"),
+          h5: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "sm", type: "h5", children: props2 == null ? void 0 : props2.children }), "h5"),
+          h6: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(Headline, { ...baseProps, ...headlineProps, size: "xs", type: "h6", children: props2 == null ? void 0 : props2.children }), "h6"),
+          p: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(
             "p",
             {
-              ...l,
-              className: m("p", void 0, l == null ? void 0 : l.className),
-              itemProp: y,
-              children: t(i == null ? void 0 : i.children)
+              ...baseProps,
+              className: bem("p", void 0, baseProps == null ? void 0 : baseProps.className),
+              itemProp,
+              children: renderAnimation(props2 == null ? void 0 : props2.children)
             }
-          ),
-          a: (i) => {
-            var h;
-            return /* @__PURE__ */ e(
-              C,
+          ), "p"),
+          a: /* @__PURE__ */ __name((props2) => {
+            var _a;
+            return /* @__PURE__ */ jsx(
+              Link,
               {
-                ...l,
-                "aria-label": (h = i == null ? void 0 : i.children) == null ? void 0 : h.toString(),
-                href: (i == null ? void 0 : i.href) ?? "#",
-                children: t(i == null ? void 0 : i.children)
+                ...baseProps,
+                "aria-label": (_a = props2 == null ? void 0 : props2.children) == null ? void 0 : _a.toString(),
+                href: (props2 == null ? void 0 : props2.href) ?? "#",
+                children: renderAnimation(props2 == null ? void 0 : props2.children)
               }
             );
-          },
-          pre: (i) => /* @__PURE__ */ e(
+          }, "a"),
+          pre: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(
             "pre",
             {
-              ...l,
-              className: m("pre", void 0, l == null ? void 0 : l.className),
-              children: t(i == null ? void 0 : i.children)
+              ...baseProps,
+              className: bem("pre", void 0, baseProps == null ? void 0 : baseProps.className),
+              children: renderAnimation(props2 == null ? void 0 : props2.children)
             }
-          ),
-          ul: (i) => /* @__PURE__ */ e(
+          ), "pre"),
+          ul: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsx(
             "ul",
             {
-              ...l,
-              className: m("ul", void 0, l == null ? void 0 : l.className),
-              children: t(i == null ? void 0 : i.children)
+              ...baseProps,
+              className: bem("ul", void 0, baseProps == null ? void 0 : baseProps.className),
+              children: renderAnimation(props2 == null ? void 0 : props2.children)
             }
-          ),
-          ol: ({ node: i }) => /* @__PURE__ */ e(
+          ), "ul"),
+          ol: /* @__PURE__ */ __name(({ node }) => /* @__PURE__ */ jsx(
             "ol",
             {
-              ...l,
-              className: m("ol", void 0, l == null ? void 0 : l.className),
-              children: i == null ? void 0 : i.children.map((h, g) => E(h) && h.children.length > 0 && G(h.children[0]) ? /* @__PURE__ */ u(
-                "li",
-                {
-                  ...l,
-                  className: m("li", void 0, l == null ? void 0 : l.className),
-                  children: [
-                    /* @__PURE__ */ e("i", { className: m("ol__decimal"), children: g + 1 }),
-                    t(/* @__PURE__ */ e("span", { children: h.children[0].value }))
-                  ]
-                },
-                `item-${h.children[0].value}`
-              ) : null)
+              ...baseProps,
+              className: bem("ol", void 0, baseProps == null ? void 0 : baseProps.className),
+              children: node == null ? void 0 : node.children.map((e, index) => {
+                if (isElement(e) && e.children.length > 0 && isText(e.children[0])) {
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      ...baseProps,
+                      className: bem("li", void 0, baseProps == null ? void 0 : baseProps.className),
+                      children: [
+                        /* @__PURE__ */ jsx("i", { className: bem("ol__decimal"), children: index + 1 }),
+                        renderAnimation(/* @__PURE__ */ jsx("span", { children: e.children[0].value }))
+                      ]
+                    },
+                    `item-${e.children[0].value}`
+                  );
+                }
+                return null;
+              })
             }
-          ),
-          li: (i) => /* @__PURE__ */ u(
+          ), "ol"),
+          li: /* @__PURE__ */ __name((props2) => /* @__PURE__ */ jsxs(
             "li",
             {
-              ...l,
-              className: m("li", void 0, l == null ? void 0 : l.className),
+              ...baseProps,
+              className: bem("li", void 0, baseProps == null ? void 0 : baseProps.className),
               children: [
-                /* @__PURE__ */ e(
-                  B,
+                /* @__PURE__ */ jsx(
+                  Icon,
                   {
-                    className: m("li__icon"),
-                    color: v,
+                    className: bem("li__icon"),
+                    color: variant,
                     name: "ArrowRight01Icon",
                     size: 18
                   }
                 ),
-                t(/* @__PURE__ */ e("span", { children: i == null ? void 0 : i.children }))
+                renderAnimation(/* @__PURE__ */ jsx("span", { children: props2 == null ? void 0 : props2.children }))
               ]
             }
-          )
+          ), "li")
         },
-        ...z,
-        children: k
+        ...props,
+        children
       }
     );
   }
 );
-H.displayName = "RichText";
+RichText.displayName = "RichText";
 export {
-  H as RichText
+  RichText
 };

package/dist/components/rich-text/RichText.module.scss.js

@@ -1,4 +1,6 @@
-const o = "gradientMove", e = "fadeInKeyframe", _ = {
+const gradientMove = "gradientMove";
+const fadeInKeyframe = "fadeInKeyframe";
+const styles = {
   "prokodo-RichText__p": "prokodo-RichText__p",
   "prokodo-RichText__pre": "prokodo-RichText__pre",
   "prokodo-RichText__ul": "prokodo-RichText__ul",
@@ -6,11 +8,11 @@ const o = "gradientMove", e = "fadeInKeyframe", _ = {
   "prokodo-RichText__li": "prokodo-RichText__li",
   "prokodo-RichText__li__icon": "prokodo-RichText__li__icon",
   "prokodo-RichText__ol__decimal": "prokodo-RichText__ol__decimal",
-  gradientMove: o,
-  fadeInKeyframe: e
+  gradientMove,
+  fadeInKeyframe
 };
 export {
-  _ as default,
-  e as fadeInKeyframe,
-  o as gradientMove
+  styles as default,
+  fadeInKeyframe,
+  gradientMove
 };

package/dist/components/rich-text/index.js

@@ -1,4 +1,4 @@
-import { RichText as r } from "./RichText.js";
+import { RichText } from "./RichText.js";
 export {
-  r as RichText
+  RichText
 };