@televet/kibble-ui 1.12.10 → 1.12.11-beta.3chctp9.0

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -1,9 +1,12 @@
 export interface IRatingDotsProps {
     minValue: number;
     maxValue: number;
+    minLabel?: string;
+    maxLabel?: string;
+    centeredLabel?: string;
     isInteractive?: boolean;
     isDisabled?: boolean;
     onClick?: (value: number) => void;
     selected?: number;
 }
-export declare const RatingDots: ({ minValue, maxValue, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;
+export declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;

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/index.js

@@ -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 }, domProps, { ref: textareaRef }));
+});
+var WrappedTextArea = React.forwardRef(function (props, ref) { return (React__default["default"].createElement(Textarea, __assign({ textareaRef: ref }, props))); });
+WrappedTextArea.displayName = 'Textarea';
 
 var FormControlConfig = {
     baseStyle: {
@@ -4163,7 +4163,7 @@ var TruncatedText = function (_a) {
 };
 
 var RatingDots = function (_a) {
-    var minValue = _a.minValue, maxValue = _a.maxValue, isDisabled = _a.isDisabled, isInteractive = _a.isInteractive, onClick = _a.onClick, selected = _a.selected;
+    var minValue = _a.minValue, maxValue = _a.maxValue, minLabel = _a.minLabel, maxLabel = _a.maxLabel, centeredLabel = _a.centeredLabel, isDisabled = _a.isDisabled, isInteractive = _a.isInteractive, onClick = _a.onClick, selected = _a.selected;
     var _b = __read(React.useState(), 2), selectedValue = _b[0], setSelectedValue = _b[1];
     var roundedMin = React.useMemo(function () { return Math.round(minValue); }, [minValue]);
     var roundedMax = React.useMemo(function () { return Math.round(maxValue); }, [maxValue]);
@@ -4180,10 +4180,10 @@ var RatingDots = function (_a) {
     }, [selected]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(react.Flex, { my: 4, flexWrap: "wrap", justifyContent: isInteractive ? 'center' : 'flex-start' }, values.map(function (value) { return (React__default["default"].createElement(RatingDot, { key: "composer-rating-dot-".concat(value), number: value, isInteractive: isInteractive, onClick: onClick, isDisabled: isDisabled, selected: selectedValue === value })); })),
-        React__default["default"].createElement(react.Flex, { color: colors.text.light.subtle, justifyContent: isInteractive ? 'space-between' : 'flex-start' },
-            React__default["default"].createElement(Text, { size: "sm" }, "".concat(roundedMin, " - Not likely")),
-            !isInteractive && React__default["default"].createElement(Text, { size: "sm", pr: 1 }, ","),
-            React__default["default"].createElement(Text, { size: "sm" }, "".concat(roundedMax, " - Very likely")))));
+        React__default["default"].createElement(react.Flex, { justifyContent: isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start' }, centeredLabel ? (React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, centeredLabel)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            minLabel && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, "".concat(roundedMin, " - ").concat(minLabel)),
+            !isInteractive && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm", pr: 1 }, ","),
+            maxLabel && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, "".concat(roundedMax, " - ").concat(maxLabel)))))));
 };
 
 // TODO: Figure out how to document this functionality