@awell-health/ui-library 0.1.62 → 0.1.63

package/dist/index.css

@@ -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

@@ -51797,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 () {
@@ -51829,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.62",
+  "version": "0.1.63",
   "private": false,
   "description": "UI components to integrate with Awell Health",
   "repository": {