@agility/plenum-ui 1.3.15 → 1.3.18

package/lib/components/Button/Button.d.ts

@@ -13,7 +13,7 @@ export interface ButtonProps {
     /**
      * Button contents
      */
-    label: string;
+    label?: string;
     /**
      * An optional icon
      */
@@ -39,6 +39,8 @@ export interface ButtonProps {
      * Add on classes
      */
     className?: string;
+    iconObj?: React.ReactNode;
+    title?: string;
 }
 declare const _Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { _Button as Button };

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

@@ -20,6 +20,7 @@ export interface SimpleSelectProps {
     isError?: boolean;
     /** Select required state */
     isRequired?: boolean;
+    value?: string;
 }
 /** Comment */
 export declare const Select: FC<SimpleSelectProps>;

package/lib/index.esm.js

@@ -7050,9 +7050,9 @@ function Loader(_a) {
  * Primary UI component for user interaction
  */
 var Button = function (_a, ref) {
-    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e, _f = _a.isWidthFull, isWidthFull = _f === void 0 ? false : _f, className = _a.className;
+    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, iconObj = _a.iconObj, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e, _f = _a.isWidthFull, isWidthFull = _f === void 0 ? false : _f, className = _a.className, title = _a.title;
     var iconStyles = cn("h-5 w-5", { "text-white": type === "primary" || type === "danger" }, { "text-purple-700": type === "secondary" }, { "text-gray-700": type === "alternative" });
-    return (React__default.createElement("button", { ref: ref, type: isSubmit ? "submit" : "button", className: cn("inline-flex items-center justify-center space-x-2 rounded border transition-all", { "w-full": isWidthFull === true }, { "px-4 py-2 text-sm": size === "sm" }, { "px-5 py-2 text-base": size === "base" }, { "px-5 py-2 text-lg": size === "lg" }, { "cursor-auto opacity-50": isDisabled }, {
+    return (React__default.createElement("button", { ref: ref, type: isSubmit ? "submit" : "button", title: title, className: cn("inline-flex items-center justify-center space-x-2 rounded border transition-all", { "w-full": isWidthFull === true }, { "px-4 py-2 text-sm": size === "sm" }, { "px-5 py-2 text-base": size === "base" }, { "px-5 py-2 text-lg": size === "lg" }, { "cursor-auto opacity-50": isDisabled }, {
             "border-purple-600 bg-purple-600 text-white hover:border-purple-700 hover:bg-purple-700 active:border-purple-800 active:bg-purple-800": type === "primary"
         }, {
             "border-purple-100 bg-purple-100 text-purple-700 hover:border-purple-200 hover:bg-purple-200 hover:text-purple-700 active:border-purple-300 active:bg-purple-300": type === "secondary"
@@ -7064,8 +7064,10 @@ var Button = function (_a, ref) {
             ? onClick
             : function () {
             } },
+        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" })),
-        React__default.createElement("span", null, label)));
+        label && React__default.createElement("span", null, label)));
 };
 var _Button = forwardRef(Button);
 
@@ -12443,6 +12445,12 @@ var TextInput = function (_a, ref) {
     var _d = useState(false); _d[0]; var setIsActive = _d[1];
     var _e = useState(externalValue || defaultValue || ""), value = _e[0], setValue = _e[1];
     var inputRef = useRef(null);
+    useEffect(function () {
+        //if the external value is updated by the parent component, reset the value in here...
+        if (externalValue !== undefined && externalValue !== null) {
+            setValue(externalValue);
+        }
+    }, [externalValue]);
     // set force focus
     useEffect(function () {
         var input = inputRef.current;
@@ -12731,13 +12739,18 @@ var _Textarea = 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;
-    var _b = useState(options[0].value), selectedOption = _b[0], setSelectedOption = _b[1];
+    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 _b = useState(value || options[0].value), selectedOption = _b[0], setSelectedOption = _b[1];
     var uniqueID = useId();
     if (!id)
         id = "select-".concat(uniqueID);
     if (!name)
         name = id;
+    useEffect(function () {
+        if (value !== undefined && value !== null) {
+            setSelectedOption(value);
+        }
+    }, [value]);
     var handleChange = function (e) {
         var targetValue = e.target.value;
         typeof onChange == "function" && onChange(targetValue);