@agility/plenum-ui 1.3.19 → 1.3.22

package/lib/components/Forms/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ export interface CheckboxProps {
     /** Checkbox label */
     label: string;
     /** Checkbox ID */
-    id: string;
+    id?: string;
     /** Disabled state */
     isDisabled?: boolean;
     /** value */

package/lib/index.esm.js

@@ -7066,7 +7066,8 @@ var Button = function (_a, ref) {
             } },
         iconObj &&
             (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default.createElement(React__default.Fragment, null, iconObj))),
-        icon ? (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))) : (isLoading && React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })),
+        icon && (isLoading ? (React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default.createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
+        !icon && !iconObj && (isLoading && React__default.createElement(Loader, { classes: "h-5 w-5 border-2" })),
         label && React__default.createElement("span", null, label)));
 };
 var _Button = forwardRef(Button);
@@ -12768,6 +12769,9 @@ var Select = function (_a) {
 /** Comment */
 var Checkbox = function (_a) {
     var label = _a.label, id = _a.id, isDisabled = _a.isDisabled, isChecked = _a.isChecked, isRequired = _a.isRequired, isError = _a.isError, message = _a.message, value = _a.value, onChange = _a.onChange;
+    var uniqueID = useId();
+    if (!id)
+        id = "cb-".concat(uniqueID);
     var checboxStyles = cn('focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-300 rounded', { 'border-red-500 shadow-none': isError });
     var wrapperStyles = cn('relative flex items-start', { 'opacity-50': isDisabled });
     var handleChange = function (e) {
@@ -12777,7 +12781,7 @@ var Checkbox = function (_a) {
     };
     return (React__default.createElement("div", { className: wrapperStyles },
         React__default.createElement("div", { className: "flex items-center h-5" },
-            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: id, value: value, type: "checkbox", className: checboxStyles, disabled: isDisabled, defaultChecked: isChecked, onChange: function (e) {
+            React__default.createElement("input", { id: id, "aria-describedby": "".concat(id, "-description"), name: id, value: value, type: "checkbox", className: checboxStyles, disabled: isDisabled, checked: isChecked, onChange: function (e) {
                     handleChange(e);
                 } })),
         React__default.createElement("div", { className: "ml-3 text-sm" },