@gympass/yoga 7.132.2 → 7.133.0

package/cjs/Feedback/web/Feedback.js

@@ -100,6 +100,7 @@ function Feedback(_a) {
     "children",
     "center"
   ]);
+  const descriptionArray = Array.isArray(description) ? description : [description];
   const iconProps = VARIANT_ICONS[variant];
   let primaryButton;
   let secondaryButton;
@@ -141,7 +142,7 @@ function Feedback(_a) {
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledFeedback.TextContainer, { children: [
           titleElement,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body1, { mt: "small", color: "deep", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { display: "flex", flexDirection: "column", gap: "large", mt: "small", children: descriptionArray.map((paragraph) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Body1, { color: "deep", children: paragraph }, paragraph == null ? void 0 : paragraph.toString().slice(0, 10))) })
         ] }),
         captionElement ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { mt: "medium", children: captionElement }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledFeedback.Actions, { mt: "xxxlarge", children: [
@@ -155,7 +156,7 @@ function Feedback(_a) {
 Feedback.propTypes = {
   variant: (0, import_prop_types.oneOf)(Object.keys(VARIANT_ICONS)).isRequired,
   title: import_prop_types.string,
-  description: import_prop_types.string.isRequired,
+  description: (0, import_prop_types.oneOfType)([import_prop_types.string, (0, import_prop_types.arrayOf)(import_prop_types.string)]).isRequired,
   children: (0, import_prop_types.oneOfType)([(0, import_prop_types.arrayOf)(import_prop_types.node), import_prop_types.node]),
   /** Center the component vertically */
   center: import_prop_types.bool

package/cjs/Feedback/web/Feedback.test.js

@@ -118,4 +118,24 @@ describe("<Feedback />", () => {
     );
     expect(getByTestId("feedback-icon-delayed")).toMatchSnapshot();
   });
+  it("should render multiple paragraphs when description is an array", () => {
+    const multiDescription = [
+      "First paragraph of the feedback description.",
+      "Second paragraph providing extra context.",
+      "Third paragraph with final details."
+    ];
+    const { getByText } = renderWithTheme(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.Feedback,
+        {
+          variant: "success",
+          title,
+          description: multiDescription
+        }
+      )
+    );
+    multiDescription.forEach((text) => {
+      expect(getByText(text)).toBeTruthy();
+    });
+  });
 });

package/esm/Feedback/web/Feedback.js

@@ -77,6 +77,7 @@ function Feedback(_a) {
     "children",
     "center"
   ]);
+  const descriptionArray = Array.isArray(description) ? description : [description];
   const iconProps = VARIANT_ICONS[variant];
   let primaryButton;
   let secondaryButton;
@@ -118,7 +119,7 @@ function Feedback(_a) {
         ),
         /* @__PURE__ */ jsxs(TextContainer, { children: [
           titleElement,
-          /* @__PURE__ */ jsx(Text.Body1, { mt: "small", color: "deep", children: description })
+          /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "column", gap: "large", mt: "small", children: descriptionArray.map((paragraph) => /* @__PURE__ */ jsx(Text.Body1, { color: "deep", children: paragraph }, paragraph == null ? void 0 : paragraph.toString().slice(0, 10))) })
         ] }),
         captionElement ? /* @__PURE__ */ jsx(Box, { mt: "medium", children: captionElement }) : null,
         /* @__PURE__ */ jsxs(Actions, { mt: "xxxlarge", children: [
@@ -132,7 +133,7 @@ function Feedback(_a) {
 Feedback.propTypes = {
   variant: oneOf(Object.keys(VARIANT_ICONS)).isRequired,
   title: string,
-  description: string.isRequired,
+  description: oneOfType([string, arrayOf(string)]).isRequired,
   children: oneOfType([arrayOf(node), node]),
   /** Center the component vertically */
   center: bool

package/esm/Feedback/web/Feedback.test.js

@@ -95,4 +95,24 @@ describe("<Feedback />", () => {
     );
     expect(getByTestId("feedback-icon-delayed")).toMatchSnapshot();
   });
+  it("should render multiple paragraphs when description is an array", () => {
+    const multiDescription = [
+      "First paragraph of the feedback description.",
+      "Second paragraph providing extra context.",
+      "Third paragraph with final details."
+    ];
+    const { getByText } = renderWithTheme(
+      /* @__PURE__ */ jsx(
+        Feedback,
+        {
+          variant: "success",
+          title,
+          description: multiDescription
+        }
+      )
+    );
+    multiDescription.forEach((text) => {
+      expect(getByText(text)).toBeTruthy();
+    });
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.132.2",
+  "version": "7.133.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -59,7 +59,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "0220fc78bdd799252112fd745b889f74eff294a6",
+  "gitHead": "58a258b912e1634e16ad83644c43a0faea8a2771",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/index.d.ts

@@ -336,7 +336,7 @@ declare namespace Feedback {
     namespace propTypes {
         export const variant: prop_types.Validator<string>;
         export { string as title };
-        export const description: prop_types.Validator<string>;
+        export const description: prop_types.Validator<string | (string | null | undefined)[]>;
         export const children: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
         export { bool as center };
     }