@apexcura/ui-components 0.0.16-Beta20 → 0.0.16-Beta22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +10 -10
  4. package/dist/index.mjs +10 -10
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -8,6 +8,7 @@ type pagenationType = {
8
8
  };
9
9
  type ElementType = {
10
10
  [x: string]: any;
11
+ required?: boolean;
11
12
  selectedStyle?: boolean;
12
13
  style?: CSSProperties;
13
14
  className?: string | undefined;
package/dist/index.d.ts CHANGED
@@ -8,6 +8,7 @@ type pagenationType = {
8
8
  };
9
9
  type ElementType = {
10
10
  [x: string]: any;
11
+ required?: boolean;
11
12
  selectedStyle?: boolean;
12
13
  style?: CSSProperties;
13
14
  className?: string | undefined;
package/dist/index.js CHANGED
@@ -78,7 +78,7 @@ var TextElement = (props) => {
78
78
  props.onChange(e.target.value);
79
79
  }
80
80
  };
81
- return /* @__PURE__ */ import_react.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react.default.createElement(
81
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react.default.createElement(
82
82
  import_antd.Input,
83
83
  {
84
84
  placeholder: props.placeholder,
@@ -112,7 +112,7 @@ var PasswordElement = (props) => {
112
112
  }
113
113
  };
114
114
  const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeTwoTone, null) : /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeInvisibleOutlined, null);
115
- 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(
115
+ 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(
116
116
  import_antd2.Input.Password,
117
117
  {
118
118
  placeholder: props.placeholder,
@@ -140,7 +140,7 @@ var NumberElement = (props) => {
140
140
  props.onChange(newValue);
141
141
  }
142
142
  };
143
- 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(
143
+ 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(
144
144
  import_antd3.Input,
145
145
  {
146
146
  placeholder: props.placeholder,
@@ -173,7 +173,7 @@ var TextareaElement = (props) => {
173
173
  };
174
174
  const defaultMinRows = 2;
175
175
  const defaultMaxRows = 6;
176
- 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(
176
+ 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(
177
177
  TextArea,
178
178
  {
179
179
  placeholder: props.placeholder,
@@ -212,7 +212,7 @@ var SelectElement = (props) => {
212
212
  }
213
213
  }
214
214
  };
215
- 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(
215
+ 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(
216
216
  import_antd5.Select,
217
217
  {
218
218
  options: props.options,
@@ -248,7 +248,7 @@ var RadioElement = (props) => {
248
248
  const getButtonStyle = (option) => {
249
249
  return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
250
250
  };
251
- 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(
251
+ 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(
252
252
  import_antd6.Radio.Group,
253
253
  {
254
254
  optionType,
@@ -303,7 +303,7 @@ var CheckboxElement = (props) => {
303
303
  props.onChange(selectedOptions);
304
304
  }
305
305
  };
306
- return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
306
+ 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(
307
307
  import_antd7.Checkbox,
308
308
  {
309
309
  disabled: props.disabled,
@@ -994,7 +994,7 @@ var DatePickerElement = (props) => {
994
994
  }
995
995
  return {};
996
996
  };
997
- 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(
997
+ 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(
998
998
  import_antd14.DatePicker,
999
999
  {
1000
1000
  disabledTime,
@@ -1119,7 +1119,7 @@ var DropDownGroup = (props) => {
1119
1119
  const secondFilterOptions = (input, option) => {
1120
1120
  return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
1121
1121
  };
1122
- return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, 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(
1122
+ return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, props.label && /* @__PURE__ */ import_react26.default.createElement("label", { htmlFor: props.name, 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(
1123
1123
  import_antd17.Select,
1124
1124
  {
1125
1125
  onChange: handleFirstChange,
@@ -1745,7 +1745,7 @@ var ColorPickerElement = (props) => {
1745
1745
  const onHandleChange = (value, hex) => {
1746
1746
  props.onChange && props.onChange(hex);
1747
1747
  };
1748
- 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(
1748
+ 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(
1749
1749
  import_antd22.ColorPicker,
1750
1750
  {
1751
1751
  className: props.className,
package/dist/index.mjs CHANGED
@@ -7,7 +7,7 @@ var TextElement = (props) => {
7
7
  props.onChange(e.target.value);
8
8
  }
9
9
  };
10
- return /* @__PURE__ */ React.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React.createElement(
10
+ return /* @__PURE__ */ React.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React.createElement(
11
11
  AntInput,
12
12
  {
13
13
  placeholder: props.placeholder,
@@ -41,7 +41,7 @@ var PasswordElement = (props) => {
41
41
  }
42
42
  };
43
43
  const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ React2.createElement(EyeTwoTone, null) : /* @__PURE__ */ React2.createElement(EyeInvisibleOutlined, null);
44
- return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React2.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ React2.createElement(
44
+ 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(
45
45
  Input.Password,
46
46
  {
47
47
  placeholder: props.placeholder,
@@ -69,7 +69,7 @@ var NumberElement = (props) => {
69
69
  props.onChange(newValue);
70
70
  }
71
71
  };
72
- 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(
72
+ 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(
73
73
  AntInput2,
74
74
  {
75
75
  placeholder: props.placeholder,
@@ -102,7 +102,7 @@ var TextareaElement = (props) => {
102
102
  };
103
103
  const defaultMinRows = 2;
104
104
  const defaultMaxRows = 6;
105
- 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(
105
+ 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(
106
106
  TextArea,
107
107
  {
108
108
  placeholder: props.placeholder,
@@ -141,7 +141,7 @@ var SelectElement = (props) => {
141
141
  }
142
142
  }
143
143
  };
144
- 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(
144
+ 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(
145
145
  Select,
146
146
  {
147
147
  options: props.options,
@@ -177,7 +177,7 @@ var RadioElement = (props) => {
177
177
  const getButtonStyle = (option) => {
178
178
  return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${props.activeClassName}` : `${radioDefaultStyle} ${props.className}`;
179
179
  };
180
- return /* @__PURE__ */ React6.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React6.createElement("p", { className: props.labelClassName }, props.label), /* @__PURE__ */ React6.createElement(
180
+ 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(
181
181
  Radio.Group,
182
182
  {
183
183
  optionType,
@@ -232,7 +232,7 @@ var CheckboxElement = (props) => {
232
232
  props.onChange(selectedOptions);
233
233
  }
234
234
  };
235
- return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
235
+ 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(
236
236
  Checkbox,
237
237
  {
238
238
  disabled: props.disabled,
@@ -923,7 +923,7 @@ var DatePickerElement = (props) => {
923
923
  }
924
924
  return {};
925
925
  };
926
- 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(
926
+ 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(
927
927
  DatePicker,
928
928
  {
929
929
  disabledTime,
@@ -1048,7 +1048,7 @@ var DropDownGroup = (props) => {
1048
1048
  const secondFilterOptions = (input, option) => {
1049
1049
  return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
1050
1050
  };
1051
- return /* @__PURE__ */ React25.createElement(React25.Fragment, 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(
1051
+ return /* @__PURE__ */ React25.createElement(React25.Fragment, null, props.label && /* @__PURE__ */ React25.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React25.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
1052
1052
  Select4,
1053
1053
  {
1054
1054
  onChange: handleFirstChange,
@@ -1698,7 +1698,7 @@ var ColorPickerElement = (props) => {
1698
1698
  const onHandleChange = (value, hex) => {
1699
1699
  props.onChange && props.onChange(hex);
1700
1700
  };
1701
- 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(
1701
+ 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(
1702
1702
  ColorPicker,
1703
1703
  {
1704
1704
  className: props.className,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.16-Beta20",
3
+ "version": "0.0.16-Beta22",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",