@local-civics/hub-ui 0.1.113 → 0.1.115

package/dist/index.d.ts

@@ -499,6 +499,8 @@ type LearningFormProps = {
     rating?: number;
     items?: FormItemProps[];
     preview?: boolean;
+    timeSpent?: number;
+    elapsedTime?: number;
     stopWatch?: React__default.ReactNode;
     onHome?: () => void;
     onGoBack?: () => void;

package/dist/index.js

@@ -3850,14 +3850,18 @@ const RadioQuestion = (props) => {
   }));
 };
 const CheckboxQuestion = (props) => {
-  var _a;
   const options = props.options || [];
   const responses = props.responses || [];
   const values = {};
-  const ref = React.useRef(null);
-  const rawResponse = responses.length > 0 ? responses[0] : ((_a = ref.current) == null ? void 0 : _a.value) || "";
-  const response = rawResponse.replace("Other: ", "");
-  const isOtherResponse = rawResponse.startsWith("Other: ");
+  let rawResponse = "";
+  for (const val of responses) {
+    if (val.startsWith("Other: ")) {
+      rawResponse = val;
+      break;
+    }
+  }
+  const response = rawResponse && rawResponse.replace("Other: ", "");
+  const isOtherResponse = rawResponse && rawResponse.startsWith("Other: ");
   responses.forEach((key) => values[key] = true);
   const onOtherChange = (e) => setResponseValue(e.target.value ? `Other: ${e.target.value}` : "");
   const onChange = (e) => setResponseValue(e.target.value);
@@ -3887,7 +3891,7 @@ const CheckboxQuestion = (props) => {
         id: "checkbox",
         disabled: props.disabled,
         className: "cursor-pointer shrink-0",
-        required: props.required && !isOneChecked,
+        required: option ? props.required && !isOneChecked && !!isOtherResponse : props.required && !isOneChecked,
         checked: values[option] || !option && values[`Other: ${response}`],
         onChange: option ? onChange : onOtherChange,
         type: "checkbox",
@@ -3899,11 +3903,10 @@ const CheckboxQuestion = (props) => {
       {
         className: "w-full px-3 py-2 bg-white text-slate-500 focus:text-slate-600 text-sm placeholder-slate-400 border border-slate-300 rounded-sm shadow-sm\r\n        focus:outline-none focus:ring-1 focus:ring-sky-500",
         value: isOtherResponse ? response : "",
-        required: props.required,
+        required: props.required && !isOneChecked,
         disabled: props.disabled,
         onChange: onOtherChange,
-        placeholder: "Input another option",
-        ref
+        placeholder: "Input another option"
       }
     ))));
   }));
@@ -4262,6 +4265,12 @@ const LearningForm = (props) => {
       setIsDraft(true);
     }
   }, [currentAnswersKey]);
+  React.useEffect(() => {
+    if (props.timeSpent !== props.elapsedTime && !isDraft) {
+      setIsDraft(true);
+    }
+    return;
+  }, [props.timeSpent, props.elapsedTime]);
   const onReflectionChange = (responses) => {
     if (!responses || responses.length === 0) {
       setReflection("");