@televet/kibble-ui 1.3.2-beta.3tvjp7e.21 → 1.3.2-beta.3tvjp7e.22

package/build/index.js

@@ -1775,10 +1775,9 @@ var FormControlConfig = {
 
 var TextareaConfig = __assign({}, FormControlConfig);
 
-var KTextInput = withFormControl(function (props) {
+var TextInput = withFormControl(function (props) {
     // the disabled styles coming from the FormControlConfig weren't getting applied to the TextInput, so they're added inline instead
     var leftElement = props.leftElement, rightElement = props.rightElement, inputRef = props.inputRef, domProps = __rest(props, ["leftElement", "rightElement", "inputRef"]);
-    console.log(domProps);
     return (React__default["default"].createElement(react.InputGroup, null,
         leftElement ? React__default["default"].createElement(react.InputLeftElement, { children: leftElement }) : null,
         React__default["default"].createElement(react.Input, __assign({ _disabled: {
@@ -1792,7 +1791,7 @@ var KTextInput = withFormControl(function (props) {
             }, ref: inputRef }, domProps)),
         rightElement ? React__default["default"].createElement(react.InputRightElement, { children: rightElement }) : null));
 });
-var WrappedTextInput = React.forwardRef(function (props, ref) { return (React__default["default"].createElement(KTextInput, __assign({ inputRef: ref }, props))); });
+var WrappedTextInput = React.forwardRef(function (props, ref) { return (React__default["default"].createElement(TextInput, __assign({ inputRef: ref }, props))); });
 WrappedTextInput.displayName = 'TextInput';
 
 var TextInputConfig = __assign({}, FormControlConfig);
@@ -5898,7 +5897,7 @@ var MenuContainer = function (_a) {
 var MenuButton = function (_a) {
     var leftElement = _a.leftElement, leftIconName = _a.leftIconName, _b = _a.rightIconName, rightIconName = _b === void 0 ? 'chevronDown' : _b, _c = _a.showRightIcon, showRightIcon = _c === void 0 ? true : _c, size = _a.size, text = _a.text, variant = _a.variant, rest = __rest(_a, ["leftElement", "leftIconName", "rightIconName", "showRightIcon", "size", "text", "variant"]);
     var isIconButton = leftIconName && !text;
-    var buttonPadding = function () {
+    var buttonPadding = React.useMemo(function () {
         if (isIconButton) {
             switch (size) {
                 case 'xs':
@@ -5919,8 +5918,8 @@ var MenuButton = function (_a) {
             default:
                 return '12px 20px';
         }
-    };
-    var iconSize = function () {
+    }, [isIconButton, size]);
+    var iconSize = React.useMemo(function () {
         if (isIconButton) {
             switch (size) {
                 case 'xs':
@@ -5934,8 +5933,8 @@ var MenuButton = function (_a) {
             }
         }
         return size || 'md';
-    };
-    var textSpacing = function () {
+    }, [isIconButton, size]);
+    var textSpacing = React.useMemo(function () {
         if (isIconButton) {
             return '0px';
         }
@@ -5946,12 +5945,12 @@ var MenuButton = function (_a) {
             default:
                 return '8px';
         }
-    };
-    return (React__default["default"].createElement(react.MenuButton, __assign({ as: Button, variant: variant, size: size, position: "relative" }, rest, { p: buttonPadding(), lineHeight: 0 }),
-        React__default["default"].createElement(react.HStack, { spacing: textSpacing(), className: "menu-button__content-contaienr" },
+    }, [isIconButton, size]);
+    return (React__default["default"].createElement(react.MenuButton, __assign({ as: Button, variant: variant, size: size, position: "relative" }, rest, { p: buttonPadding, lineHeight: 0 }),
+        React__default["default"].createElement(react.HStack, { spacing: textSpacing, className: "menu-button__content-container" },
             leftElement && leftElement,
             leftIconName && (React__default["default"].createElement(react.Box, { p: isIconButton ? '2px' : 0, className: "menu-button__leftIcon" },
-                React__default["default"].createElement(Icon, { name: leftIconName, size: iconSize() }))),
+                React__default["default"].createElement(Icon, { name: leftIconName, size: iconSize }))),
             text && React__default["default"].createElement(react.Box, { className: "menu-button__text" }, text),
             showRightIcon && (React__default["default"].createElement(react.Box, { className: "menu-button__rightIcon" },
                 React__default["default"].createElement(Icon, { name: rightIconName, size: size === 'lg' ? 'sm' : 'xs' }))))));