@vlprojects-chat/chat 0.14.1 → 0.14.2-LD-8353-chat-settings-scroll.2

package/dist/index.mjs

@@ -39087,7 +39087,7 @@ const gP = {
 }, vce = () => {
   const e = pe.useContext(j2);
   return e ? e.chatSnackbarContainer : null;
-}, yce = "@vlprojects-chat/chat", bce = "vlprojects", wce = "0.14.1-LD-8047-fix-message-input.1", Sce = "vlprojects chat", Ece = "ISC", xce = "dist/index.d.ts", Cce = "./dist/index.mjs", Tce = "./dist/index.mjs", Oce = [
+}, yce = "@vlprojects-chat/chat", bce = "vlprojects", wce = "0.14.2-LD-8353-chat-settings-scroll.1", Sce = "vlprojects chat", Ece = "ISC", xce = "dist/index.d.ts", Cce = "./dist/index.mjs", Tce = "./dist/index.mjs", Oce = [
   "dist"
 ], Rce = {
   type: "git",
@@ -55646,7 +55646,18 @@ const X6 = (e) => {
     width: "100%",
     height: "100%",
     background: "rgba(29, 29, 44, 0.7)",
-    zIndex: ol.DIALOG
+    zIndex: ol.DIALOG,
+    flexDirection: "column"
+  },
+  collapseRoot: {
+    marginTop: "auto",
+    width: "100%",
+    "&.MuiCollapse-entered": {
+      display: "flex"
+    }
+  },
+  collapseWrapperInner: {
+    display: "flex"
   },
   header: {
     height: 52,
@@ -55668,7 +55679,8 @@ const X6 = (e) => {
     flexDirection: "column",
     width: "100%",
     padding: "0 16px 16px",
-    background: G.BG
+    background: G.BG,
+    flexWrap: "nowrap"
   },
   throttlePeriods: {
     width: "100%",
@@ -55699,7 +55711,9 @@ const X6 = (e) => {
   optionGroups: {
     display: "flex",
     flexDirection: "column",
-    gap: 16
+    gap: 16,
+    overflowY: "auto",
+    flexWrap: "nowrap"
   }
 }, lge = ht(cge, { name: "ChatSettings" }), uge = {
   root: {
@@ -55755,145 +55769,155 @@ const X6 = (e) => {
     setTimeout(() => {
       o(!0);
     }, 0);
-  }, []), m ? /* @__PURE__ */ h.jsx(ul, { container: m, children: /* @__PURE__ */ h.jsx(Ne, { container: !0, className: d.root, children: /* @__PURE__ */ h.jsx(wp, { in: r, sx: { marginTop: "auto", width: "100%" }, children: /* @__PURE__ */ h.jsxs(Ne, { container: !0, className: d.content, children: [
-    /* @__PURE__ */ h.jsxs("div", { className: d.header, children: [
-      /* @__PURE__ */ h.jsx(
-        ve,
-        {
-          variant: "h4",
-          className: d.title,
-          children: i.formatMessage({ id: "settings.chatSettings" })
-        }
-      ),
-      /* @__PURE__ */ h.jsx(
-        Zn,
-        {
-          "data-qa": "close-chat-settings",
-          className: d.closeButton,
-          onClick: y,
-          children: /* @__PURE__ */ h.jsx(J6, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ h.jsxs(Eb, { className: d.optionGroups, children: [
-      /* @__PURE__ */ h.jsx(h1, { title: i.formatMessage({ id: "settings.clearChatTitle" }), noTopMargin: !0, children: /* @__PURE__ */ h.jsxs(
-        Zn,
-        {
-          className: d.clearChatButton,
-          "data-qa": "delete-chat-button",
-          onClick: w,
-          children: [
-            /* @__PURE__ */ h.jsx(Z6, {}),
-            i.formatMessage({ id: "clearChat" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ h.jsxs(h1, { title: i.formatMessage({ id: "settings.sendSettingsTitle" }), children: [
-        /* @__PURE__ */ h.jsx(
-          Ms,
-          {
-            className: d.label,
-            control: /* @__PURE__ */ h.jsx(
-              yd,
-              {
-                checked: u.moderatorSendsMessagesOnly,
-                className: d.switch,
-                onChange: g,
-                name: "moderatorSendsMessagesOnly"
-              }
-            ),
-            label: i.formatMessage({ id: "settings.moderatorSendsMessagesOnly" }),
-            labelPlacement: "start",
-            sx: { marginLeft: 0 }
-          }
-        ),
-        /* @__PURE__ */ h.jsx(
-          Ms,
-          {
-            className: d.label,
-            control: /* @__PURE__ */ h.jsx(
-              yd,
-              {
-                checked: u.throttleMessages,
-                className: d.switch,
-                onChange: g,
-                name: "throttleMessages"
-              }
-            ),
-            label: i.formatMessage({ id: "settings.slowMode" }),
-            labelPlacement: "start",
-            sx: { marginLeft: 0 }
-          }
-        ),
-        /* @__PURE__ */ h.jsx(wp, { in: t, mountOnEnter: !0, unmountOnExit: !0, children: /* @__PURE__ */ h.jsxs(hv, { className: d.throttlePeriods, children: [
+  }, []), m ? /* @__PURE__ */ h.jsx(ul, { container: m, children: /* @__PURE__ */ h.jsx(Ne, { container: !0, className: d.root, children: /* @__PURE__ */ h.jsx(
+    wp,
+    {
+      in: r,
+      classes: {
+        root: d.collapseRoot,
+        wrapperInner: d.collapseWrapperInner
+      },
+      children: /* @__PURE__ */ h.jsxs(Ne, { container: !0, className: d.content, children: [
+        /* @__PURE__ */ h.jsxs("div", { className: d.header, children: [
           /* @__PURE__ */ h.jsx(
-            F6,
+            ve,
             {
-              id: "throttle-label",
-              className: d.label,
-              children: i.formatMessage({ id: "settings.slowModePeriod" })
+              variant: "h4",
+              className: d.title,
+              children: i.formatMessage({ id: "settings.chatSettings" })
             }
           ),
           /* @__PURE__ */ h.jsx(
-            q6,
+            Zn,
             {
-              "aria-labelledby": "throttle-label",
-              defaultValue: (a == null ? void 0 : a.slowModeInSecs) || oI,
-              name: "throttle-period",
-              children: [10, 20, 30, 40, 50].map((T) => /* @__PURE__ */ h.jsx(
-                Ms,
-                {
-                  value: T,
-                  style: { paddingLeft: 8 },
-                  control: /* @__PURE__ */ h.jsx(Vd, { onChange: v, className: d.radio }),
-                  label: `${T} ${i.formatMessage({ id: "settings.seconds" })}`
-                },
-                `throttle-period-${T}`
-              ))
+              "data-qa": "close-chat-settings",
+              className: d.closeButton,
+              onClick: y,
+              children: /* @__PURE__ */ h.jsx(J6, {})
             }
           )
-        ] }) })
-      ] }),
-      /* @__PURE__ */ h.jsxs(h1, { title: i.formatMessage({ id: "settings.attachmentsSettingsTitle" }), children: [
-        /* @__PURE__ */ h.jsx(
-          Ms,
-          {
-            className: d.label,
-            control: /* @__PURE__ */ h.jsx(
-              yd,
+        ] }),
+        /* @__PURE__ */ h.jsxs(Eb, { className: d.optionGroups, children: [
+          /* @__PURE__ */ h.jsx(h1, { title: i.formatMessage({ id: "settings.clearChatTitle" }), noTopMargin: !0, children: /* @__PURE__ */ h.jsxs(
+            Zn,
+            {
+              className: d.clearChatButton,
+              "data-qa": "delete-chat-button",
+              onClick: w,
+              children: [
+                /* @__PURE__ */ h.jsx(Z6, {}),
+                i.formatMessage({ id: "clearChat" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ h.jsxs(h1, { title: i.formatMessage({ id: "settings.sendSettingsTitle" }), children: [
+            /* @__PURE__ */ h.jsx(
+              Ms,
               {
-                checked: u.moderatorAttachmentsOnly,
-                className: d.switch,
-                onChange: g,
-                name: "moderatorAttachmentsOnly"
+                className: d.label,
+                control: /* @__PURE__ */ h.jsx(
+                  yd,
+                  {
+                    checked: u.moderatorSendsMessagesOnly,
+                    className: d.switch,
+                    onChange: g,
+                    name: "moderatorSendsMessagesOnly"
+                  }
+                ),
+                label: i.formatMessage({ id: "settings.moderatorSendsMessagesOnly" }),
+                labelPlacement: "start",
+                sx: { marginLeft: 0 }
               }
             ),
-            label: i.formatMessage({ id: "settings.moderatorAttachmentsOnly" }),
-            labelPlacement: "start",
-            sx: { marginLeft: 0 }
-          }
-        ),
-        /* @__PURE__ */ h.jsx(
-          Ms,
-          {
-            className: d.label,
-            control: /* @__PURE__ */ h.jsx(
-              yd,
+            /* @__PURE__ */ h.jsx(
+              Ms,
               {
-                checked: u.linksDisabled,
-                className: d.switch,
-                onChange: g,
-                name: "linksDisabled"
+                className: d.label,
+                control: /* @__PURE__ */ h.jsx(
+                  yd,
+                  {
+                    checked: u.throttleMessages,
+                    className: d.switch,
+                    onChange: g,
+                    name: "throttleMessages"
+                  }
+                ),
+                label: i.formatMessage({ id: "settings.slowMode" }),
+                labelPlacement: "start",
+                sx: { marginLeft: 0 }
               }
             ),
-            label: i.formatMessage({ id: "settings.forbidLinks" }),
-            labelPlacement: "start",
-            sx: { marginLeft: 0 }
-          }
-        )
+            /* @__PURE__ */ h.jsx(wp, { in: t, mountOnEnter: !0, unmountOnExit: !0, children: /* @__PURE__ */ h.jsxs(hv, { className: d.throttlePeriods, children: [
+              /* @__PURE__ */ h.jsx(
+                F6,
+                {
+                  id: "throttle-label",
+                  className: d.label,
+                  children: i.formatMessage({ id: "settings.slowModePeriod" })
+                }
+              ),
+              /* @__PURE__ */ h.jsx(
+                q6,
+                {
+                  "aria-labelledby": "throttle-label",
+                  defaultValue: (a == null ? void 0 : a.slowModeInSecs) || oI,
+                  name: "throttle-period",
+                  children: [10, 20, 30, 40, 50].map((T) => /* @__PURE__ */ h.jsx(
+                    Ms,
+                    {
+                      value: T,
+                      style: { paddingLeft: 8 },
+                      control: /* @__PURE__ */ h.jsx(Vd, { onChange: v, className: d.radio }),
+                      label: `${T} ${i.formatMessage({ id: "settings.seconds" })}`
+                    },
+                    `throttle-period-${T}`
+                  ))
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ h.jsxs(h1, { title: i.formatMessage({ id: "settings.attachmentsSettingsTitle" }), children: [
+            /* @__PURE__ */ h.jsx(
+              Ms,
+              {
+                className: d.label,
+                control: /* @__PURE__ */ h.jsx(
+                  yd,
+                  {
+                    checked: u.moderatorAttachmentsOnly,
+                    className: d.switch,
+                    onChange: g,
+                    name: "moderatorAttachmentsOnly"
+                  }
+                ),
+                label: i.formatMessage({ id: "settings.moderatorAttachmentsOnly" }),
+                labelPlacement: "start",
+                sx: { marginLeft: 0 }
+              }
+            ),
+            /* @__PURE__ */ h.jsx(
+              Ms,
+              {
+                className: d.label,
+                control: /* @__PURE__ */ h.jsx(
+                  yd,
+                  {
+                    checked: u.linksDisabled,
+                    className: d.switch,
+                    onChange: g,
+                    name: "linksDisabled"
+                  }
+                ),
+                label: i.formatMessage({ id: "settings.forbidLinks" }),
+                labelPlacement: "start",
+                sx: { marginLeft: 0 }
+              }
+            )
+          ] })
+        ] })
       ] })
-    ] })
-  ] }) }) }) }) : null;
+    }
+  ) }) }) : null;
 });
 function Df(e, t, n, r) {
   function o(i) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vlprojects-chat/chat",
   "author": "vlprojects",
-  "version": "0.14.1",
+  "version": "0.14.2-LD-8353-chat-settings-scroll.2",
   "description": "vlprojects chat",
   "license": "ISC",
   "types": "dist/index.d.ts",