@awell-health/ui-library 0.1.61 → 0.1.63

package/dist/index.css

@@ -1167,7 +1167,7 @@ html {
 }
 .awell__questionLabel_label {
   margin-bottom: var(--awell-spacing-1\.5);
-  font-size: var(--awell-font-size-sm);
+  font-size: var(--awell-font-size-base);
   line-height: var(--awell-leading-normal);
   font-weight: var(--awell-font-medium);
   color: rgb(55, 65, 81);
@@ -1176,7 +1176,7 @@ html {
 }
 @media (min-width: 640px) {
   .awell__questionLabel_label {
-    font-size: var(--awell-font-size-base);
+    font-size: var(--awell-font-size-lg);
     line-height: var(--awell-leading-relaxed);
   }
 }
@@ -10013,6 +10013,10 @@ html {
   margin: 0 auto;
 }
 
+.awell__collectMedication_label {
+  margin-bottom: var(--awell-spacing-4);
+}
+
 .awell__collectMedication_groupMedsListContainer {
   font-size: var(--awell-font-size-sm);
   display: flex;

package/dist/index.js

@@ -33884,9 +33884,14 @@ Check the top-level render call using <` + t + ">.");
         }
       }, [internalValue, is_value_tooltip_on, max, min, touched]);
       return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory, id: "".concat(id, "-label") }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.input_container }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$i.touch_tooltip_wrapper, "  ").concat(is_value_tooltip_on ? classes$i.with_value_tooltip : '') }, { children: renderTouchTooltip() })), jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$i.awell_range_input_wrapper, " ").concat(display_marks ? classes$i.with_marks : ''), style: style }, { children: [is_value_tooltip_on &&
-            renderValueTooltip(internalValue, tooltipPosition.left, tooltipPosition.top, touched), jsxRuntime.exports.jsx("input", __assign({}, props, { "data-testid": id, type: "range", id: "awell__slider_input", min: min, max: max, step: step_value, className: "".concat(classes$i.awell_range_input, " ").concat(touched ? classes$i.showThumb : classes$i.hideThumb), onChange: handleValueChange, onFocus: function () {
-                setTouched(true);
-                onTouched(true);
+            renderValueTooltip(internalValue, tooltipPosition.left, tooltipPosition.top, touched), jsxRuntime.exports.jsx("input", __assign({}, props, { "data-testid": id, type: "range", id: "awell__slider_input", min: min, max: max, step: step_value, className: "".concat(classes$i.awell_range_input, " ").concat(touched ? classes$i.showThumb : classes$i.hideThumb), onChange: handleValueChange, onFocus: function (e) {
+                if (!touched) {
+                  handleValueChange(e);
+                } else
+                {
+                  setTouched(true);
+                  onTouched(true);
+                }
               }, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": props.value || min, "aria-labelledby": "".concat(id, "-label") }))] })), jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_wrapper }, { children: [show_min_max_values && jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_data_list, "data-testid": "".concat(id, "-datalist-values") }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: classes$i.min, "aria-label": "Minimum value" }, { children: min })), jsxRuntime.exports.jsx("div", __assign({ className: classes$i.max, "aria-label": "Maximum value" }, { children: max }))] })), (!lodash.exports.isEmpty(min_label) || !lodash.exports.isEmpty(max_label)) && jsxRuntime.exports.jsxs("div", __assign({ className: classes$i.min_max_data_list, "data-testid": "".concat(id, "-datalist-labels") }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: classes$i.min, "aria-label": "Minimum label" }, { children: min_label })), jsxRuntime.exports.jsx("div", __assign({ className: classes$i.max, "aria-label": "Maximum label" }, { children: max_label }))] }))] }))] }))] });
     };
 
@@ -51792,10 +51797,10 @@ Check the top-level render call using <` + t + ">.");
     };
     CloudinarySingleFileUpload.displayName = 'CloudinarySingleFileUpload';
 
-    var classes = {"container":"awell__collectMedication_container","groupMedsListContainer":"awell__collectMedication_groupMedsListContainer","singleMedsListContainer":"awell__collectMedication_singleMedsListContainer","addMedsButton":"awell__collectMedication_addMedsButton","deleteMedsButton":"awell__collectMedication_deleteMedsButton","icon":"awell__collectMedication_icon","button_wrapper":"awell__collectMedication_button_wrapper"};
+    var classes = {"container":"awell__collectMedication_container","label":"awell__collectMedication_label","groupMedsListContainer":"awell__collectMedication_groupMedsListContainer","singleMedsListContainer":"awell__collectMedication_singleMedsListContainer","addMedsButton":"awell__collectMedication_addMedsButton","deleteMedsButton":"awell__collectMedication_deleteMedsButton","icon":"awell__collectMedication_icon","button_wrapper":"awell__collectMedication_button_wrapper"};
 
     var CollectMedication = function (_a) {
-      var text = _a.text,onSubmit = _a.onSubmit;
+      var label = _a.label,text = _a.text,onSubmit = _a.onSubmit;
       var _b = React.useState([]),medications = _b[0],setMedications = _b[1];
       var _c = useTheme(),updateLayoutMode = _c.updateLayoutMode,resetLayoutMode = _c.resetLayoutMode;
       React.useEffect(function () {
@@ -51824,7 +51829,7 @@ Check the top-level render call using <` + t + ">.");
       var removeMedication = function (index) {
         setMedications(medications.filter(function (_, i) {return i !== index;}));
       };
-      return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsxs("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: layoutClasses.main_content }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes.container, " ").concat(classes.groupMedsListContainer) }, { children: medications.map(function (medication, index) {return jsxRuntime.exports.jsxs("div", __assign({ className: classes.singleMedsListContainer }, { children: [jsxRuntime.exports.jsx(InputField, { id: "name", label: text.medication_name, type: "text", value: medication.name, onChange: function (e) {
+      return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsxs("main", __assign({ id: "ahp_main_content_with_scroll_hint", className: layoutClasses.main_content }, { children: [!lodash.exports.isEmpty(label) && jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes.container, " ").concat(classes.label) }, { children: jsxRuntime.exports.jsx(QuestionLabel, { label: label !== null && label !== void 0 ? label : '' }) })), jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes.container, " ").concat(classes.groupMedsListContainer) }, { children: medications.map(function (medication, index) {return jsxRuntime.exports.jsxs("div", __assign({ className: classes.singleMedsListContainer }, { children: [jsxRuntime.exports.jsx(InputField, { id: "name", label: text.medication_name, type: "text", value: medication.name, onChange: function (e) {
                     return updateMedication(index, 'name', e.target.value);
                   }, placeholder: text.medication_name }), jsxRuntime.exports.jsx(InputField, { id: "dose", label: text.medication_dose, type: "text", value: medication.dose, onChange: function (e) {
                     return updateMedication(index, 'dose', e.target.value);

package/dist/types/hostedPages/activities/collectMedication/types.d.ts

@@ -5,6 +5,7 @@ export declare type Medication = {
 };
 export interface CollectMedicationProps {
     onSubmit: (data: Medication[]) => void;
+    label?: string;
     text: {
         medication_name: string;
         medication_dose: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "private": false,
   "description": "UI components to integrate with Awell Health",
   "repository": {