@agility/plenum-ui 1.3.14 → 1.3.17

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

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import React from "react";
 import { IconName } from "../../util/DynamicIcons";
 import "../../tailwind.css";
 export interface ButtonProps {
@@ -13,7 +13,7 @@ export interface ButtonProps {
     /**
      * Button contents
      */
-    label: string;
+    label?: string;
     /**
      * An optional icon
      */
@@ -40,7 +40,5 @@ export interface ButtonProps {
      */
     className?: string;
 }
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: FC<ButtonProps>;
+declare const _Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { _Button as Button };

package/lib/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useLayoutEffect, useEffect, useRef, useState, forwardRef, Fragment, isValidElement, cloneElement, createElement, useContext, createContext, useMemo, useReducer, createRef, useCallback, memo, useImperativeHandle } from 'react';
+import React__default, { forwardRef, useLayoutEffect, useEffect, useRef, useState, Fragment, isValidElement, cloneElement, createElement, useContext, createContext, useMemo, useReducer, createRef, useCallback, memo, useImperativeHandle } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var classnames = {exports: {}};
@@ -7065,8 +7065,10 @@ var Button = function (_a, ref) {
             : function () {
             } },
         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);
 
 let t$2=typeof window!="undefined"?useLayoutEffect:useEffect;
 
@@ -7303,7 +7305,7 @@ function __spreadArray$1(to, from, pack) {
 var ButtonDropDown = function (_a) {
     var button = _a.button, dropDown = _a.dropDown;
     return (React__default.createElement("div", { className: "flex items-stretch" },
-        React__default.createElement(Button, __assign$1({}, button, { className: "!rounded-r-none !border-r-0 hover:!border-r-0 " })),
+        React__default.createElement(_Button, __assign$1({}, button, { className: "!rounded-r-none !border-r-0 hover:!border-r-0 " })),
         React__default.createElement("div", { className: cn("w-[1px]", button.type === "primary" ? "bg-purple-700" : "", button.type === "secondary" ? "bg-purple-200" : "", button.type === "alternative" ? "bg-gray-300" : "") }),
         React__default.createElement(Dropdown, __assign$1({}, dropDown, { className: cn("h-[calc(100%)] !rounded-l-none border !border-l-0  px-2 transition-all hover:!border-l-0", button.type === "primary"
                 ? "border-purple-600 bg-purple-600  !text-white  hover:border-purple-700 hover:bg-purple-700 active:!border-purple-800 active:!bg-purple-800"
@@ -12442,6 +12444,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;
@@ -12773,5 +12781,5 @@ var Checkbox = function (_a) {
             message && (React__default.createElement("p", { id: "".concat(id, "-description"), className: "text-gray-500" }, message)))));
 };
 
-export { Avatar, Button, ButtonDropDown, Checkbox, Combobox, Dropdown, Placeholder, Radio, Select, Switch, _TextInput as TextInput, _TextInputAddon as TextInputAddon, TextInputSelect, _Textarea as Textarea, _TreeView as TreeView };
+export { Avatar, _Button as Button, ButtonDropDown, Checkbox, Combobox, Dropdown, Placeholder, Radio, Select, Switch, _TextInput as TextInput, _TextInputAddon as TextInputAddon, TextInputSelect, _Textarea as Textarea, _TreeView as TreeView };
 //# sourceMappingURL=index.esm.js.map