@apexcura/ui-components 0.0.16-Beta21 → 0.0.16-Beta23

package/dist/index.js

@@ -112,7 +112,7 @@ var PasswordElement = (props) => {
     }
   };
   const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeTwoTone, null) : /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeInvisibleOutlined, null);
-  return /* @__PURE__ */ import_react2.default.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ import_react2.default.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react2.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react2.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react2.default.createElement(
     import_antd2.Input.Password,
     {
       placeholder: props.placeholder,
@@ -140,7 +140,7 @@ var NumberElement = (props) => {
       props.onChange(newValue);
     }
   };
-  return /* @__PURE__ */ import_react3.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react3.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react3.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react3.default.createElement(
     import_antd3.Input,
     {
       placeholder: props.placeholder,
@@ -173,7 +173,7 @@ var TextareaElement = (props) => {
   };
   const defaultMinRows = 2;
   const defaultMaxRows = 6;
-  return /* @__PURE__ */ import_react4.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react4.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react4.default.createElement(
     TextArea,
     {
       placeholder: props.placeholder,
@@ -212,7 +212,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react5.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react5.default.createElement(
     import_antd5.Select,
     {
       options: props.options,
@@ -248,7 +248,7 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react6.default.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react6.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       optionType,
@@ -303,7 +303,7 @@ var CheckboxElement = (props) => {
       props.onChange(selectedOptions);
     }
   };
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react7.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react7.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react7.default.createElement(
     import_antd7.Checkbox,
     {
       disabled: props.disabled,
@@ -994,7 +994,7 @@ var DatePickerElement = (props) => {
     }
     return {};
   };
-  return /* @__PURE__ */ import_react22.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react22.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react22.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react22.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react22.default.createElement(
     import_antd14.DatePicker,
     {
       disabledTime,
@@ -1119,7 +1119,7 @@ var DropDownGroup = (props) => {
   const secondFilterOptions = (input, option) => {
     return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
   };
-  return /* @__PURE__ */ import_react26.default.createElement("div", null, props.label && /* @__PURE__ */ import_react26.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react26.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement("div", null, props.label && /* @__PURE__ */ import_react26.default.createElement("p", { className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react26.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react26.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react26.default.createElement(
     import_antd17.Select,
     {
       onChange: handleFirstChange,
@@ -1745,7 +1745,7 @@ var ColorPickerElement = (props) => {
   const onHandleChange = (value, hex) => {
     props.onChange && props.onChange(hex);
   };
-  return /* @__PURE__ */ import_react39.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react39.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react39.default.createElement("br", null), /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react39.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react39.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react39.default.createElement("br", null), /* @__PURE__ */ import_react39.default.createElement(
     import_antd22.ColorPicker,
     {
       className: props.className,

package/dist/index.mjs

@@ -41,7 +41,7 @@ var PasswordElement = (props) => {
     }
   };
   const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ React2.createElement(EyeTwoTone, null) : /* @__PURE__ */ React2.createElement(EyeInvisibleOutlined, null);
-  return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React2.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React2.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React2.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React2.createElement(
     Input.Password,
     {
       placeholder: props.placeholder,
@@ -69,7 +69,7 @@ var NumberElement = (props) => {
       props.onChange(newValue);
     }
   };
-  return /* @__PURE__ */ React3.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React3.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React3.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React3.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React3.createElement(
     AntInput2,
     {
       placeholder: props.placeholder,
@@ -102,7 +102,7 @@ var TextareaElement = (props) => {
   };
   const defaultMinRows = 2;
   const defaultMaxRows = 6;
-  return /* @__PURE__ */ React4.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React4.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React4.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React4.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React4.createElement(
     TextArea,
     {
       placeholder: props.placeholder,
@@ -141,7 +141,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React5.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React5.createElement(
     Select,
     {
       options: props.options,
@@ -177,7 +177,7 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React6.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React6.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React6.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       optionType,
@@ -232,7 +232,7 @@ var CheckboxElement = (props) => {
       props.onChange(selectedOptions);
     }
   };
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React7.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React7.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React7.createElement(
     Checkbox,
     {
       disabled: props.disabled,
@@ -923,7 +923,7 @@ var DatePickerElement = (props) => {
     }
     return {};
   };
-  return /* @__PURE__ */ React21.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React21.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React21.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React21.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React21.createElement(
     DatePicker,
     {
       disabledTime,
@@ -1048,7 +1048,7 @@ var DropDownGroup = (props) => {
   const secondFilterOptions = (input, option) => {
     return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
   };
-  return /* @__PURE__ */ React25.createElement("div", null, props.label && /* @__PURE__ */ React25.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement("div", null, props.label && /* @__PURE__ */ React25.createElement("p", { className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React25.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
     Select4,
     {
       onChange: handleFirstChange,
@@ -1698,7 +1698,7 @@ var ColorPickerElement = (props) => {
   const onHandleChange = (value, hex) => {
     props.onChange && props.onChange(hex);
   };
-  return /* @__PURE__ */ React38.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React38.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React38.createElement("br", null), /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React38.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React38.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React38.createElement("br", null), /* @__PURE__ */ React38.createElement(
     ColorPicker,
     {
       className: props.className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta21",
+  "version": "0.0.16-Beta23",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",