@agility/plenum-ui 1.3.19 → 1.3.22

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.
package/lib/index.js CHANGED
@@ -7092,7 +7092,8 @@ var Button = function (_a, ref) {
7092
7092
  } },
7093
7093
  iconObj &&
7094
7094
  (isLoading ? (React__default["default"].createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default["default"].createElement(React__default["default"].Fragment, null, iconObj))),
7095
- icon ? (isLoading ? (React__default["default"].createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default["default"].createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))) : (isLoading && React__default["default"].createElement(Loader, { classes: "h-5 w-5 border-2" })),
7095
+ icon && (isLoading ? (React__default["default"].createElement(Loader, { classes: "h-5 w-5 border-2" })) : (React__default["default"].createElement(DynamicIcons, { icon: icon, className: iconStyles, outline: false }))),
7096
+ !icon && !iconObj && (isLoading && React__default["default"].createElement(Loader, { classes: "h-5 w-5 border-2" })),
7096
7097
  label && React__default["default"].createElement("span", null, label)));
7097
7098
  };
7098
7099
  var _Button = React.forwardRef(Button);
@@ -12794,6 +12795,9 @@ var Select = function (_a) {
12794
12795
  /** Comment */
12795
12796
  var Checkbox = function (_a) {
12796
12797
  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;
12798
+ var uniqueID = useId();
12799
+ if (!id)
12800
+ id = "cb-".concat(uniqueID);
12797
12801
  var checboxStyles = cn('focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-300 rounded', { 'border-red-500 shadow-none': isError });
12798
12802
  var wrapperStyles = cn('relative flex items-start', { 'opacity-50': isDisabled });
12799
12803
  var handleChange = function (e) {
@@ -12803,7 +12807,7 @@ var Checkbox = function (_a) {
12803
12807
  };
12804
12808
  return (React__default["default"].createElement("div", { className: wrapperStyles },
12805
12809
  React__default["default"].createElement("div", { className: "flex items-center h-5" },
12806
- React__default["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) {
12810
+ React__default["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) {
12807
12811
  handleChange(e);
12808
12812
  } })),
12809
12813
  React__default["default"].createElement("div", { className: "ml-3 text-sm" },