dce-reactkit 3.9.9 → 3.10.0

package/dist/cjs/types/components/RadioButton.d.ts

@@ -11,10 +11,12 @@ type Props = {
     title?: string;
     selected?: boolean;
     id?: string;
+    className?: string;
     noMarginOnRight?: boolean;
     selectedVariant?: Variant;
     unselectedVariant?: Variant;
     small?: boolean;
+    useComplexFormatting?: boolean;
 };
 declare const RadioButton: React.FC<Props>;
 export default RadioButton;

package/dist/esm/index.js

@@ -1666,24 +1666,28 @@ const RadioButton = (props) => {
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { text, onSelected, ariaLabel, title, selected, id, noMarginOnRight, selectedVariant = (isDarkModeOn()
+    const { text, onSelected, ariaLabel, title, selected, id, className, noMarginOnRight, selectedVariant = (isDarkModeOn()
         ? Variant$1.Light
         : Variant$1.Secondary), unselectedVariant = (isDarkModeOn()
         ? Variant$1.Secondary
-        : Variant$1.Light), small, } = props;
+        : Variant$1.Light), small, useComplexFormatting, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
     /*----------------------------------------*/
     /* --------------- Main UI -------------- */
     /*----------------------------------------*/
-    return (React__default.createElement("button", { type: "button", id: id, title: title, className: `btn btn-${selected ? selectedVariant : unselectedVariant}${selected ? ' selected' : ''}${small ? ' btn-sm' : ''} m-0${noMarginOnRight ? '' : ' me-1'}`, "aria-label": `${ariaLabel}${selected ? ': currently selected' : ''}`, onClick: () => {
+    return (React__default.createElement("button", { type: "button", id: id, title: title, className: `btn btn-${selected ? selectedVariant : unselectedVariant}${selected ? ' selected' : ''}${small ? ' btn-sm' : ''} m-0${noMarginOnRight ? '' : ' me-1'} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": `${ariaLabel}${selected ? ': currently selected' : ''}`, onClick: () => {
             if (!selected) {
                 onSelected();
             }
         } },
         React__default.createElement(FontAwesomeIcon, { icon: selected ? faDotCircle : faCircle$1, className: "me-1" }),
-        text));
+        useComplexFormatting
+            ? (React__default.createElement("pre", { className: "ps-2 text-start text-break", style: {
+                    whiteSpace: 'pre-wrap',
+                } }, text))
+            : (React__default.createElement("div", { className: "flex-grow-1 text-start text-break ps-2" }, text))));
 };
 
 /**
@@ -15016,16 +15020,16 @@ const genRouteHandler = (opts) => {
                 const { timestamp, year, month, day, hour, minute, } = getTimeInfoInET();
                 // Main log info
                 const mainLogInfo = {
-                    id: `${launchInfo ? 'unknown' : launchInfo.userId}-${Date.now()}-${Math.floor(Math.random() * 100000)}-${Math.floor(Math.random() * 100000)}`,
-                    userFirstName: (launchInfo ? 'unknown' : launchInfo.userFirstName),
-                    userLastName: (launchInfo ? 'unknown' : launchInfo.userLastName),
-                    userEmail: (launchInfo ? 'unknown' : launchInfo.userEmail),
-                    userId: (launchInfo ? 'unknown' : launchInfo.userId),
+                    id: `${launchInfo ? launchInfo.userId : 'unknown'}-${Date.now()}-${Math.floor(Math.random() * 100000)}-${Math.floor(Math.random() * 100000)}`,
+                    userFirstName: (launchInfo ? launchInfo.userFirstName : 'unknown'),
+                    userLastName: (launchInfo ? launchInfo.userLastName : 'unknown'),
+                    userEmail: (launchInfo ? launchInfo.userEmail : 'unknown'),
+                    userId: (launchInfo ? launchInfo.userId : 'unknown'),
                     isLearner: (launchInfo && !!launchInfo.isLearner),
                     isAdmin: (launchInfo && !!launchInfo.isAdmin),
                     isTTM: (launchInfo && !!launchInfo.isTTM),
-                    courseId: (launchInfo ? 'unknown' : launchInfo.courseId),
-                    courseName: (launchInfo ? 'unknown' : launchInfo.contextLabel),
+                    courseId: (launchInfo ? launchInfo.courseId : 'unknown'),
+                    courseName: (launchInfo ? launchInfo.contextLabel : 'unknown'),
                     browser,
                     device,
                     year,