@televet/kibble-ui 1.12.6 → 1.12.8

package/build/components/Overlay/Modal/{modalCloseButton.component.d.ts → components/ModalCloseButton/modalCloseButton.component.d.ts}

@@ -1,2 +1,2 @@
-import { ButtonProps } from '../../Forms';
+import { ButtonProps } from '../../../../Forms';
 export declare const ModalCloseButton: ({ right, left, size, ...rest }: ButtonProps) => JSX.Element;

package/build/components/Overlay/Modal/{modalFooterButtons.component.d.ts → components/ModalFooterButtons/modalFooterButtons.component.d.ts}

@@ -2,9 +2,10 @@ import { ModalFooterProps as ChakraModalFooterProps } from '@chakra-ui/react';
 export interface ModalFooterButtonProps extends ChakraModalFooterProps {
     submitText?: string;
     isLoading?: boolean;
+    isDisabled?: boolean;
     isDestructive?: boolean;
     onSubmit?: () => void;
     allowCancel?: boolean;
     onCancel?: () => void;
 }
-export declare const ModalFooterButtons: ({ submitText, isLoading, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;
+export declare const ModalFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;

package/build/components/Overlay/Modal/{modalHeader.component.d.ts → components/ModalHeader/modalHeader.component.d.ts}

@@ -1,5 +1,5 @@
 import { ModalHeaderProps as ChakraModalHeaderProps } from '@chakra-ui/react';
-import { HeadingSize } from '../../Typography';
+import { HeadingSize } from '../../../../Typography';
 export interface ModalHeaderProps extends ChakraModalHeaderProps {
     size?: HeadingSize;
 }

package/build/components/Overlay/Modal/index.d.ts

@@ -1,7 +1,7 @@
 export * from './modal.types';
 export * as BetaModal from './modal.component';
-export * from './modalHeader.component';
-export * from './modalCloseButton.component';
-export * from './modalBody.component';
-export * from './modalFooter.component';
-export * from './modalFooterButtons.component';
+export * from './components/ModalHeader/modalHeader.component';
+export * from './components/ModalCloseButton/modalCloseButton.component';
+export * from './components/ModalBody/modalBody.component';
+export * from './components/ModalFooter/modalFooter.component';
+export * from './components/ModalFooterButtons/modalFooterButtons.component';

package/build/index.js

@@ -3592,12 +3592,13 @@ function withFormControl(Component) {
         var _b = _a.errorText, errorText = _b === void 0 ? 'Field is invalid' : _b, helperText = _a.helperText, isDisabled = _a.isDisabled, _c = _a.isFieldInline, isFieldInline = _c === void 0 ? false : _c, isInvalid = _a.isInvalid, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, label = _a.label, labelStyle = _a.labelStyle, formControlStyle = _a.formControlStyle, _d = _a.helperTextAlignment, helperTextAlignment = _d === void 0 ? 'start' : _d, props = __rest(_a, ["errorText", "helperText", "isDisabled", "isFieldInline", "isInvalid", "isReadOnly", "isRequired", "label", "labelStyle", "formControlStyle", "helperTextAlignment"]);
         var _e = useTheme(), colors = _e.colors, fontSizes = _e.fontSizes;
         var alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;
+        var shouldShowBottomContent = isInvalid || helperText;
         return (React__default["default"].createElement(react.FormControl, __assign({}, formControlStyle, { isInvalid: isInvalid, isRequired: isRequired, isReadOnly: isReadOnly, isDisabled: isDisabled }),
             label && (React__default["default"].createElement(react.FormLabel, __assign({ display: isFieldInline ? 'inline-block' : 'block', color: colors.text.light.default }, labelStyle), label)),
             React__default["default"].createElement(Component, __assign({}, props, { "$isFieldInline": isFieldInline, errorBorderColor: colors.border.light.error, focusBorderColor: colors.border.light.focus })),
-            React__default["default"].createElement(react.Flex, { mt: isInvalid || helperText ? 2 : 0, w: "100%", justifyContent: alignment, alignItems: "center" },
+            shouldShowBottomContent && (React__default["default"].createElement(react.Flex, { mt: 2, w: "100%", justifyContent: alignment, alignItems: "center" },
                 React__default["default"].createElement(react.FormErrorMessage, { m: 0, fontSize: fontSizes.xs, color: colors.text.light.error }, errorText),
-                helperText && (React__default["default"].createElement(react.FormHelperText, { m: 0, color: isInvalid ? colors.text.light.error : colors.text.light.subtle, fontSize: fontSizes.xs }, helperText)))));
+                helperText && (React__default["default"].createElement(react.FormHelperText, { m: 0, color: isInvalid ? colors.text.light.error : colors.text.light.subtle, fontSize: fontSizes.xs }, helperText))))));
     }
     WithFormControl.displayName = "withFormControl(".concat(Component.displayName || Component.name);
     return WithFormControl;
@@ -6834,7 +6835,7 @@ var ModalFooter = function (_a) {
 };
 
 var ModalFooterButtons = function (_a) {
-    var _b = _a.submitText, submitText = _b === void 0 ? 'Submit' : _b, isLoading = _a.isLoading, isDestructive = _a.isDestructive; _a.children; var onSubmit = _a.onSubmit, _c = _a.allowCancel, allowCancel = _c === void 0 ? true : _c, onCancel = _a.onCancel, rest = __rest(_a, ["submitText", "isLoading", "isDestructive", "children", "onSubmit", "allowCancel", "onCancel"]);
+    var _b = _a.submitText, submitText = _b === void 0 ? 'Submit' : _b, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isDestructive = _a.isDestructive; _a.children; var onSubmit = _a.onSubmit, _c = _a.allowCancel, allowCancel = _c === void 0 ? true : _c, onCancel = _a.onCancel, rest = __rest(_a, ["submitText", "isLoading", "isDisabled", "isDestructive", "children", "onSubmit", "allowCancel", "onCancel"]);
     var onClose = react.useModalContext().onClose;
     var handleCancel = function () {
         if (onCancel) {
@@ -6846,7 +6847,7 @@ var ModalFooterButtons = function (_a) {
         React__default["default"].createElement(react.Flex, { w: "100%" },
             allowCancel && (React__default["default"].createElement(Button, { variant: "tertiary", onClick: handleCancel }, "Cancel")),
             React__default["default"].createElement(react.Spacer, null),
-            React__default["default"].createElement(Button, { onClick: onSubmit, isLoading: isLoading, variant: isDestructive ? 'primaryDestructive' : 'primary' }, submitText))));
+            React__default["default"].createElement(Button, { onClick: onSubmit, isLoading: isLoading, isDisabled: isDisabled, variant: isDestructive ? 'primaryDestructive' : 'primary' }, submitText))));
 };
 
 // @ts-ignore