@televet/kibble-ui 1.12.9 → 1.12.10-beta.2wp7xv5.0

package/build/components/Forms/Textarea/textarea.component.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { ForwardedRef } from 'react';
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
 }
-declare const WrappedTextArea: React.FC<TextareaProps>;
+declare const WrappedTextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { WrappedTextArea as Textarea };

package/build/components/Overlay/Modal/modalBody.component.d.ts

@@ -0,0 +1,2 @@
+import { ModalBodyProps } from '@chakra-ui/react';
+export declare const ModalBody: ({ children, ...rest }: ModalBodyProps) => JSX.Element;

package/build/components/Overlay/Modal/modalCloseButton.component.d.ts

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

package/build/components/Overlay/Modal/modalFooter.component.d.ts

@@ -0,0 +1,4 @@
+import { ModalFooterProps as ChakraModalFooterProps } from '@chakra-ui/react';
+export interface ModalFooterProps extends ChakraModalFooterProps {
+}
+export declare const ModalFooter: ({ children, ...rest }: ModalFooterProps) => JSX.Element;

package/build/components/Overlay/Modal/modalFooterButtons.component.d.ts

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

package/build/components/Overlay/Modal/modalHeader.component.d.ts

@@ -0,0 +1,6 @@
+import { ModalHeaderProps as ChakraModalHeaderProps } from '@chakra-ui/react';
+import { HeadingSize } from '../../Typography';
+export interface ModalHeaderProps extends ChakraModalHeaderProps {
+    size?: HeadingSize;
+}
+export declare const ModalHeader: ({ size, children, ...rest }: ModalHeaderProps) => JSX.Element;

package/build/index.js

@@ -1218,7 +1218,7 @@ const SvgPersonAdd = ({ color = "currentColor", height = "24px", width = "24px"
 const ForwardRef$C = React.forwardRef(SvgPersonAdd);
 
 const SvgPerson = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
-    React__namespace.createElement("path", { d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 8-8 8 8 0 0 0-8-8Zm0 2.2a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2Zm0 12.2a6.38 6.38 0 0 1-4.87-2.25.812.812 0 0 1 .138-1.176C8.482 14.061 10.694 13.6 12 13.6c1.307 0 3.518.46 4.732 1.373.376.283.444.82.14 1.177A6.386 6.386 0 0 1 12 18.4Z", fill: color })));
+    React__namespace.createElement("path", { d: "M13 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Zm0 2.475a2.924 2.924 0 1 1 .001 5.849A2.924 2.924 0 0 1 13 5.475ZM13 19.2a7.178 7.178 0 0 1-5.479-2.531.914.914 0 0 1 .155-1.324C9.043 14.32 11.53 13.8 13 13.8c1.47 0 3.958.518 5.324 1.545.422.318.499.923.156 1.324A7.184 7.184 0 0 1 13 19.2Z", fill: color })));
 const ForwardRef$B = React.forwardRef(SvgPerson);
 
 const SvgPhoneButtons = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
@@ -1298,7 +1298,7 @@ const SvgSmileyFacePlus = ({ color = "currentColor", height = "24px", width = "2
 const ForwardRef$j = React.forwardRef(SvgSmileyFacePlus);
 
 const SvgSmileyFace = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
-    React__namespace.createElement("path", { d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm2.8 4.8c.664 0 1.2.536 1.2 1.2 0 .664-.536 1.2-1.2 1.2-.664 0-1.2-.536-1.2-1.2 0-.664.536-1.2 1.2-1.2Zm-5.6 0c.664 0 1.2.536 1.2 1.2 0 .664-.536 1.2-1.2 1.2-.664 0-1.2-.536-1.2-1.2 0-.664.536-1.2 1.2-1.2Zm2.8 7.6a4.388 4.388 0 0 1-3.798-2.198.404.404 0 0 1 .352-.602h6.892c.308 0 .505.336.35.602A4.38 4.38 0 0 1 12 16.4Z", fill: color })));
+    React__namespace.createElement("path", { d: "M13 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm3.15 5.4c.747 0 1.35.603 1.35 1.35 0 .747-.603 1.35-1.35 1.35-.747 0-1.35-.603-1.35-1.35 0-.747.603-1.35 1.35-1.35Zm-6.3 0c.747 0 1.35.603 1.35 1.35 0 .747-.603 1.35-1.35 1.35-.747 0-1.35-.603-1.35-1.35 0-.747.603-1.35 1.35-1.35ZM13 16.95a4.936 4.936 0 0 1-4.273-2.473.455.455 0 0 1 .396-.677h7.754c.346 0 .568.378.393.677A4.927 4.927 0 0 1 13 16.95Z", fill: color })));
 const ForwardRef$i = React.forwardRef(SvgSmileyFace);
 
 const SvgSort = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
@@ -3764,12 +3764,12 @@ var CheckboxConfig = {
     },
 };
 
-var Textarea = function (props) {
-    props.isFieldInline; var domProps = __rest(props, ["isFieldInline"]);
-    return React__default["default"].createElement(react.Textarea, __assign({ background: colors.background.light }, domProps));
-};
-Textarea.displayName = 'Textarea';
-var WrappedTextArea = withFormControl(Textarea);
+var Textarea = withFormControl(function (props) {
+    props.isFieldInline; var textareaRef = props.textareaRef, domProps = __rest(props, ["isFieldInline", "textareaRef"]);
+    return React__default["default"].createElement(react.Textarea, __assign({ background: colors.background.light, ref: textareaRef }, domProps));
+});
+var WrappedTextArea = React.forwardRef(function (props, ref) { return (React__default["default"].createElement(Textarea, __assign({ textareaRef: ref }, props))); });
+WrappedTextArea.displayName = 'Textarea';
 
 var FormControlConfig = {
     baseStyle: {