@televet/kibble-ui 1.14.1 → 1.14.2-beta.2v2u763.0

package/build/index.js

@@ -1605,7 +1605,7 @@ var toTitleCase = function (s) {
 };
 
 var Button = React.forwardRef(function (props, ref) {
-    var _a = useTheme(), components = _a.components, fontWeights = _a.fontWeights;
+    var _a = useTheme(), components = _a.components, fontWeights = _a.fontWeights, radii = _a.radii;
     var _b = components.Button[props.variant || 'primary'], variant = _b.variant, light = _b.light, dark = _b.dark;
     var modeColor = props.darkMode ? dark : light;
     var bg = react.useColorModeValue(modeColor.default, dark.default);
@@ -1631,7 +1631,7 @@ var Button = React.forwardRef(function (props, ref) {
             domProps[position] = ButtonIcon;
         }
     }
-    return (React__default["default"].createElement(react.Button, __assign({ fontWeight: fontWeights.semibold, ref: ref, _hover: hoverClass, _active: activeClass, iconSpacing: domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px' }, domProps), domProps.children));
+    return (React__default["default"].createElement(react.Button, __assign({ fontWeight: fontWeights.semibold, ref: ref, _hover: hoverClass, _active: activeClass, iconSpacing: domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px', borderRadius: radii.base }, domProps), domProps.children));
 });
 Button.displayName = 'Button';
 
@@ -4612,20 +4612,24 @@ var Select = function (_a) {
     var options = _a.options; _a.isFieldInline; var useBrowserDefaultMenu = _a.useBrowserDefaultMenu, placeholder = _a.placeholder, listProps = _a.listProps, value = _a.value, _b = _a.shouldTruncateText, shouldTruncateText = _b === void 0 ? true : _b, size = _a.size, onChange = _a.onChange, domProps = __rest(_a, ["options", "isFieldInline", "useBrowserDefaultMenu", "placeholder", "listProps", "value", "shouldTruncateText", "size", "onChange"]);
     var colors = useTheme().colors;
     var selectRef = React.useRef(null);
-    var _c = __read(React.useState({
+    var palceholderValue = React.useMemo(function () { return ({
         label: placeholder,
         value: '',
         leftElement: null,
         isPlaceholder: true,
-    }), 2), selectedOption = _c[0], setSelectedOption = _c[1];
+    }); }, [placeholder]);
+    var _c = __read(React.useState(palceholderValue), 2), selectedOption = _c[0], setSelectedOption = _c[1];
     React.useEffect(function () {
         if (value) {
             var defaultValue = options.find(function (option) { return option.value === value; });
             if (defaultValue) {
                 setSelectedOption(defaultValue);
             }
+            else {
+                setSelectedOption(palceholderValue);
+            }
         }
-    }, [value, options]);
+    }, [value, options, palceholderValue]);
     var selectWidth = React.useMemo(function () {
         var _a;
         if (!selectRef.current) {