@oliasoft-open-source/react-ui-library 4.18.3-beta-1 → 4.18.4-beta-1

package/dist/global.css

@@ -10940,16 +10940,9 @@ tbody ._staticCell_ie6ng_123 ._staticCellContent_ie6ng_126 {
 ._inputWrapper_ye9w9_4 {
   flex: 1;
 }
-._settingField_cguvy_1 {
+._settingField_1x02n_1 {
   padding: var(--padding-sm);
-  padding-bottom: 0;
 }
-._settingField_cguvy_1:not(:last-child) {
+._settingField_1x02n_1:not(:last-child) {
   border-bottom: 1px solid var(--color-border);
 }
-._settingFieldContent_cguvy_8 {
-  min-width: 0;
-}
-._settingFieldHelpText_cguvy_11 {
-  margin-bottom: var(--padding-sm);
-}

package/dist/index.js

@@ -66545,13 +66545,9 @@ const SmartUploadModal = ({
     }
   ) });
 };
-const settingField = "_settingField_cguvy_1";
-const settingFieldContent = "_settingFieldContent_cguvy_8";
-const settingFieldHelpText = "_settingFieldHelpText_cguvy_11";
+const settingField = "_settingField_1x02n_1";
 const styles = {
-  settingField,
-  settingFieldContent,
-  settingFieldHelpText
+  settingField
 };
 const SettingField = ({
   helpText,
@@ -66561,13 +66557,19 @@ const SettingField = ({
   selectedOption,
   handleSelectChange
 }) => {
+  const renderHelpText = (text2) => {
+    return text2.split("\n").map((line2, index2) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      line2,
+      /* @__PURE__ */ jsx("br", {})
+    ] }, index2));
+  };
   const options = [
     { label: "All users", value: "all_users" },
     { label: "Admin only", value: "superusers_admin" }
   ];
   return /* @__PURE__ */ jsxs("div", { className: styles.settingField, children: [
     /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", wrap: false, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.settingFieldContent, children }),
+      children,
       !noPermission && /* @__PURE__ */ jsx(
         Select,
         {
@@ -66585,7 +66587,7 @@ const SettingField = ({
         }
       )
     ] }),
-    !!helpText && /* @__PURE__ */ jsx("div", { className: styles.settingFieldHelpText, children: /* @__PURE__ */ jsx(Text, { muted: true, children: helpText }) })
+    /* @__PURE__ */ jsx(Text, { muted: true, children: renderHelpText(helpText) })
   ] });
 };
 export {