@agility/plenum-ui 1.3.18 → 1.3.21

package/lib/index.js

@@ -12765,7 +12765,7 @@ var _Textarea = React.forwardRef(Textarea);
 
 /** Comment */
 var Select = function (_a) {
-    var label = _a.label, id = _a.id, name = _a.name, options = _a.options, onChange = _a.onChange, isDisabled = _a.isDisabled, isError = _a.isError, isRequired = _a.isRequired, value = _a.value;
+    var label = _a.label, id = _a.id, name = _a.name, options = _a.options, onChange = _a.onChange, isDisabled = _a.isDisabled, isError = _a.isError, isRequired = _a.isRequired, value = _a.value, className = _a.className;
     var _b = React.useState(value || options[0].value), selectedOption = _b[0], setSelectedOption = _b[1];
     var uniqueID = useId();
     if (!id)
@@ -12782,11 +12782,10 @@ var Select = function (_a) {
         typeof onChange == "function" && onChange(targetValue);
         setSelectedOption(targetValue);
     };
-    var selectStyles = cn("block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none", "focus:ring-purple-500 focus:border-purple-500 sm:text-sm rounded", { "border-red-500": isError }, { "border-gray-300": !isError });
     var wrapperStyle = cn({ "opacity-50": isDisabled });
     return (React__default["default"].createElement("div", { className: wrapperStyle },
         label && (React__default["default"].createElement(InputLabel, { isPlaceholder: true, isActive: true, label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
-        React__default["default"].createElement("select", { id: id, name: name, className: selectStyles, onChange: handleChange, disabled: isDisabled, value: selectedOption }, options.map(function (_a) {
+        React__default["default"].createElement("select", { id: id, name: name, className: cn("block w-full border-gray-300 py-2 pl-3 pr-10 text-base focus:outline-none", "rounded focus:border-purple-500 focus:ring-purple-500 sm:text-sm", { "border-red-500": isError }, { "border-gray-300": !isError }, className), onChange: handleChange, disabled: isDisabled, value: selectedOption }, options.map(function (_a) {
             var value = _a.value, label = _a.label;
             return (React__default["default"].createElement("option", { key: value, value: value }, label));
         }))));
@@ -12795,6 +12794,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) {
@@ -12804,7 +12806,7 @@ var Checkbox = function (_a) {
     };
     return (React__default["default"].createElement("div", { className: wrapperStyles },
         React__default["default"].createElement("div", { className: "flex items-center h-5" },
-            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) {
+            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) {
                     handleChange(e);
                 } })),
         React__default["default"].createElement("div", { className: "ml-3 text-sm" },