@awell-health/ui-library 0.1.127 → 0.1.129

package/dist/index.js

@@ -9874,6 +9874,9 @@ Check the top-level render call using <` + t + ">.");
 
     var QuestionLabel = function (_a) {
       var label = _a.label,_b = _a.mandatory,mandatory = _b === void 0 ? false : _b,props = __rest(_a, ["label", "mandatory"]);
+      if (!label || label.trim() === '') {
+        return null;
+      }
       return jsxRuntime.exports.jsxs("label", __assign({}, props, { className: "".concat(classes$t.label, " awell__question_label"), id: "awell__question_label" }, { children: [jsxRuntime.exports.jsx("span", { children: label }), ' ', mandatory && jsxRuntime.exports.jsx("span", __assign({ className: classes$t.asterix }, { children: "*" }))] }));
     };
 
@@ -16492,7 +16495,7 @@ Check the top-level render call using <` + t + ">.");
 
     var InputField = function (_a) {
       var onChange = _a.onChange,id = _a.id,label = _a.label,type = _a.type,mandatory = _a.mandatory,props = __rest(_a, ["onChange", "id", "label", "type", "mandatory"]);
-      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$q.awell_input_field_wrapper }, { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("input", __assign({}, props, { type: type, id: id, "data-1p-ignore": true, className: classes$q.awell_input_field, onChange: onChange, "data-testid": "input-".concat(id), dir: "ltr" }))] }));
+      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$q.awell_input_field_wrapper }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("input", __assign({}, props, { type: type, id: id, "data-1p-ignore": true, className: classes$q.awell_input_field, onChange: onChange, "data-testid": "input-".concat(id), dir: "ltr" }))] }));
     };
 
     var classes$p = {"awell_logo":"awell__logo_awell_logo"};
@@ -16509,7 +16512,7 @@ Check the top-level render call using <` + t + ">.");
     var LongTextField = function (_a) {
       var onChange = _a.onChange,id = _a.id,label = _a.label,mandatory = _a.mandatory,props = __rest(_a, ["onChange", "id", "label", "mandatory"]);
       var DEFAULT_ROWS = 4;
-      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$o.awell_long_text_field_wrapper }, { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("textarea", __assign({}, props, { id: id, rows: DEFAULT_ROWS, className: classes$o.awell_long_text_field, onChange: onChange, dir: "ltr" }))] }));
+      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$o.awell_long_text_field_wrapper }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("textarea", __assign({}, props, { id: id, rows: DEFAULT_ROWS, className: classes$o.awell_long_text_field, onChange: onChange, dir: "ltr" }))] }));
     };
 
     var classes$n = {"awell_message_container":"awell__messageAttachment_awell_message_container","awell_message_link_button":"awell__messageAttachment_awell_message_link_button","awell_message_name_container":"awell__messageAttachment_awell_message_name_container"};
@@ -33920,7 +33923,7 @@ 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$j.input_container }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$j.touch_tooltip_wrapper, "  ").concat(is_value_tooltip_on ? classes$j.with_value_tooltip : '') }, { children: renderTouchTooltip() })), jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$j.awell_range_input_wrapper, " ").concat(display_marks ? classes$j.with_marks : ''), style: style }, { children: [is_value_tooltip_on &&
+      return jsxRuntime.exports.jsxs("div", { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory, id: "".concat(id, "-label") }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$j.input_container }, { children: [jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$j.touch_tooltip_wrapper, "  ").concat(is_value_tooltip_on ? classes$j.with_value_tooltip : '') }, { children: renderTouchTooltip() })), jsxRuntime.exports.jsxs("div", __assign({ className: "".concat(classes$j.awell_range_input_wrapper, " ").concat(display_marks ? classes$j.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$j.awell_range_input, " ").concat(touched ? classes$j.showThumb : classes$j.hideThumb), onChange: handleValueChange, onFocus: function (e) {
                 if (!touched) {
                   handleValueChange(e);
@@ -35091,7 +35094,7 @@ Check the top-level render call using <` + t + ">.");
         }
         setCheckedOptions(newCheckedOptions);
       };
-      return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx(QuestionLabel, { label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("fieldset", __assign({ className: classes$e.awell_multiple_choice_question }, { children: options.map(function (option) {return jsxRuntime.exports.jsx(CheckboxButton, { onChange: function (event) {return handleSelectOption(event, option);}, label: option.label, id: option.id, checked: checkedOptions.map(function (c) {return c.value;}).includes(option.value), name: questionId }, option.id);}) }))] });
+      return jsxRuntime.exports.jsxs("div", { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("fieldset", __assign({ className: classes$e.awell_multiple_choice_question }, { children: options.map(function (option) {return jsxRuntime.exports.jsx(CheckboxButton, { onChange: function (event) {return handleSelectOption(event, option);}, label: option.label, id: option.id, checked: checkedOptions.map(function (c) {return c.value;}).includes(option.value), name: questionId }, option.id);}) }))] });
     };
 
     var classes$d = {"awell_navbar":"awell__navbar_awell_navbar","awell_navbar_keyboard_open":"awell__navbar_awell_navbar_keyboard_open"};
@@ -35110,7 +35113,7 @@ Check the top-level render call using <` + t + ">.");
         window.addEventListener('resize', handleResize);
         return function () {return window.removeEventListener('resize', handleResize);};
       }, []);
-      return jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$d.awell_navbar, " ").concat(isHeightReduced ? classes$d.awell_navbar_keyboard_open : '') }, { children: isHeightReduced ? jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {}) : jsxRuntime.exports.jsx(Logo, { logo: logo, companyName: companyName }) }));
+      return jsxRuntime.exports.jsx("div", __assign({ className: "".concat(classes$d.awell_navbar, " ").concat(isHeightReduced ? classes$d.awell_navbar_keyboard_open : '') }, { children: jsxRuntime.exports.jsx(Logo, { logo: logo, companyName: companyName }) }));
     };
 
     var isCheckBoxInput = (element) => element.type === 'checkbox';
@@ -37300,7 +37303,7 @@ Check the top-level render call using <` + t + ">.");
       var handleSelectOption = function (option) {
         setCheckedOption(option);
       };
-      return jsxRuntime.exports.jsxs("div", { children: [jsxRuntime.exports.jsx(QuestionLabel, { label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("fieldset", __assign({ className: classes$c.awell_single_choice_question }, { children: (options || []).map(function (option) {return jsxRuntime.exports.jsx(RadioButton, { onChange: function () {return handleSelectOption(option);}, label: option.label, id: option.id, checked: option.id === (checkedOption === null || checkedOption === void 0 ? void 0 : checkedOption.id), name: questionId, customWrapperClass: flickerAnimation &&
+      return jsxRuntime.exports.jsxs("div", { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { label: label, mandatory: mandatory }), jsxRuntime.exports.jsx("fieldset", __assign({ className: classes$c.awell_single_choice_question }, { children: (options || []).map(function (option) {return jsxRuntime.exports.jsx(RadioButton, { onChange: function () {return handleSelectOption(option);}, label: option.label, id: option.id, checked: option.id === (checkedOption === null || checkedOption === void 0 ? void 0 : checkedOption.id), name: questionId, customWrapperClass: flickerAnimation &&
               option.id === (checkedOption === null || checkedOption === void 0 ? void 0 : checkedOption.id) &&
               showFlickerOnSelected ?
               classes$c.animate_flicker :
@@ -37392,7 +37395,7 @@ Check the top-level render call using <` + t + ">.");
           }
         }
       };
-      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$a.awell_input_field_wrapper }, { children: [jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$a.awell_phone_input_field_container }, { children: [jsxRuntime.exports.jsx(build.exports.CountrySelector, { countries: countries, selectedCountry: country, onSelect: handleCountrySelect, buttonStyle: {
+      return jsxRuntime.exports.jsxs("div", __assign({ className: classes$a.awell_input_field_wrapper }, { children: [label && jsxRuntime.exports.jsx(QuestionLabel, { htmlFor: id, label: label, mandatory: mandatory }), jsxRuntime.exports.jsxs("div", __assign({ className: classes$a.awell_phone_input_field_container }, { children: [jsxRuntime.exports.jsx(build.exports.CountrySelector, { countries: countries, selectedCountry: country, onSelect: handleCountrySelect, buttonStyle: {
               border: 0,
               height: 42,
               marginRight: 2,

package/dist/types/atoms/inputField/InputField.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, InputHTMLAttributes, MouseEventHandler } from 'react';
 export interface InputFieldProps extends InputHTMLAttributes<HTMLInputElement> {
     type: 'number' | 'text' | 'date' | 'email';
-    label: string;
+    label?: string;
     id: string;
     onChange: ChangeEventHandler<HTMLInputElement>;
     onClick?: MouseEventHandler<HTMLInputElement>;

package/dist/types/atoms/longTextField/LongTextField.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, InputHTMLAttributes } from 'react';
 export interface LongTextFieldProps extends InputHTMLAttributes<HTMLTextAreaElement> {
-    label: string;
+    label?: string;
     id: string;
     onChange: ChangeEventHandler<HTMLTextAreaElement>;
     value?: string;

package/dist/types/atoms/phoneInputField/PhoneInputField.d.ts

@@ -2,7 +2,7 @@ import { InputHTMLAttributes, MouseEventHandler } from 'react';
 import 'react-international-phone/style.css';
 import { CountryIso2 } from 'react-international-phone';
 export interface PhoneInputFieldProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: string;
+    label?: string;
     id: string;
     onChange: ({ target: { value } }: {
         target: {

package/dist/types/atoms/questionLabel/QuestionLabel.d.ts

@@ -1,6 +1,6 @@
 import { LabelHTMLAttributes } from 'react';
 export interface QuestionLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    label: string;
+    label?: string;
     mandatory?: boolean;
 }
-export declare const QuestionLabel: ({ label, mandatory, ...props }: QuestionLabelProps) => JSX.Element;
+export declare const QuestionLabel: ({ label, mandatory, ...props }: QuestionLabelProps) => JSX.Element | null;

package/dist/types/atoms/rangeInput/RangeInput.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, InputHTMLAttributes } from 'react';
 export interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: string;
+    label?: string;
     sliderConfig: {
         min: number;
         max: number;

package/dist/types/molecules/multipleChoiceQuestion/MultipleChoiceQuestion.d.ts

@@ -6,7 +6,7 @@ interface OptionStringOrNumberType {
 }
 export interface MultipleChoiceQuestionProps {
     questionId: string;
-    label: string;
+    label?: string;
     options: Array<OptionStringOrNumberType>;
     onChange: (newValue: Array<OptionStringOrNumberType>) => void;
     values: Array<OptionStringOrNumberType>;

package/dist/types/molecules/singleChoiceQuestion/SingleChoiceQuestion.d.ts

@@ -6,7 +6,7 @@ interface OptionStringOrNumberType {
 }
 export interface SingleChoiceQuestionProps {
     questionId: string;
-    label: string;
+    label?: string;
     options: Array<OptionStringOrNumberType>;
     value: OptionStringOrNumberType | null;
     onChange: (newValue: OptionStringOrNumberType | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.127",
+  "version": "0.1.129",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",