@televet/kibble-ui 1.12.3 → 1.12.4

package/build/components/Forms/Checkbox/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 import { CheckboxGroupProps as CCheckboxGroupProps, SystemProps } from '@chakra-ui/react';
 import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
-import React from 'react';
 import { FlexDirection } from 'shared/types';
 import { CheckboxProps } from '../../checkbox.component';
 import { CheckboxSize, CheckboxVariant } from '../../checkbox.types';
@@ -12,5 +12,5 @@ export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroup
     $isFieldInline?: boolean;
     variant?: CheckboxVariant;
 }
-declare const WrappedCheckboxGroup: React.FC<CheckboxGroupProps & WithFormControlProps>;
+declare const WrappedCheckboxGroup: React.FC<CheckboxGroupProps>;
 export { WrappedCheckboxGroup as CheckboxGroup };

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -13,4 +13,4 @@ export interface WithFormControlProps {
     formControlStyle?: Dict;
     helperTextAlignment?: 'start' | 'end';
 }
-export declare function withFormControl<P extends object>(Component: React.ComponentType<P>): React.FC<P & WithFormControlProps>;
+export declare function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P>;

package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 import { RadioGroupProps as CRadioGroupProps, SystemProps } from '@chakra-ui/react';
 import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
-import React from 'react';
 import { FlexDirection } from 'shared/types';
 import { RadioProps } from '../../radio.component';
 import { RadioSize } from '../../radio.types';
@@ -11,5 +11,5 @@ export interface RadioGroupProps extends WithFormControlProps, CRadioGroupProps
     spacing?: SystemProps['margin'];
     $isFieldInline?: boolean;
 }
-declare const WrappedRadioGroup: React.FC<RadioGroupProps & WithFormControlProps>;
+declare const WrappedRadioGroup: React.FC<RadioGroupProps>;
 export { WrappedRadioGroup as RadioGroup };

package/build/components/Forms/Select/select.component.d.ts

@@ -5,5 +5,5 @@ import { SelectOptionProps } from './select.types';
 export interface SelectProps extends WithFormControlProps, CSelectProps {
     options: SelectOptionProps[];
 }
-declare const WrappedSelect: React.FC<SelectProps & WithFormControlProps>;
+declare const WrappedSelect: React.FC<SelectProps>;
 export { WrappedSelect as Select };

package/build/components/Forms/Switch/switch.component.d.ts

@@ -4,5 +4,5 @@ import { WithFormControlProps } from '../FormControl/formControl.component';
 export interface SwitchProps extends WithFormControlProps, CSwitchProps {
     $isFieldInline?: boolean;
 }
-declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
+declare const WrappedSwitch: React.FC<SwitchProps>;
 export { WrappedSwitch as Switch };

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

@@ -3,5 +3,5 @@ import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 export interface TextareaProps extends WithFormControlProps, CTextareaProps {
 }
-declare const WrappedTextArea: React.FC<TextareaProps & WithFormControlProps>;
+declare const WrappedTextArea: React.FC<TextareaProps>;
 export { WrappedTextArea as Textarea };

package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.d.ts

@@ -1,4 +1,5 @@
-import { AvatarProps, AvatarSize } from 'components/MediaAndIcons/Avatar';
+import { AvatarProps } from '../../avatar.component';
+import { AvatarSize } from '../../avatar.types';
 export interface AvatarGroupProps {
     avatars: AvatarProps[];
     max?: number;

package/build/index.js

@@ -1567,15 +1567,6 @@ var Icon = React.forwardRef(function (_a, ref) {
 });
 Icon.displayName = 'Icon';
 
-var AvatarGroup = function (_a) {
-    var avatars = _a.avatars, _b = _a.max, max = _b === void 0 ? 3 : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, handleAddButtonClick = _a.handleAddButtonClick, _d = _a.showAddButton, showAddButton = _d === void 0 ? true : _d, addButtonTooltipText = _a.addButtonTooltipText, _e = _a.showRemoveAvatarButton, showRemoveAvatarButton = _e === void 0 ? false : _e, handleRemoveButtonClick = _a.handleRemoveButtonClick;
-    var mergedNames = React.useMemo(function () { return avatars.map(function (avatar) { return avatar.name; }).join(', '); }, [avatars]);
-    var spacing = size === 'lg' || size === 'md' ? -2 : -1;
-    return (React__default["default"].createElement(react.AvatarGroup, { size: size, spacing: spacing },
-        avatars.length > max ? (React__default["default"].createElement(Avatar, { name: "".concat(avatars.length), size: size, variant: exports.AvatarVariant.Number, tooltipText: mergedNames })) : (avatars.map(function (avatar) { return (React__default["default"].createElement(Avatar, __assign({}, avatar, { key: avatar.name, size: size, showRemoveButton: showRemoveAvatarButton, handleRemoveButtonClick: handleRemoveButtonClick }))); })),
-        showAddButton && (React__default["default"].createElement(Avatar, { name: "", variant: exports.AvatarVariant.Dashed, icon: React__default["default"].createElement(Icon, { name: "plus", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
-};
-
 var useAdaptiveColor = function (color) { return react.useColorModeValue(color.light, color.dark); };
 
 var camelCaseToLabel = function (s) {
@@ -1698,6 +1689,15 @@ var Avatar = function (_a) {
     return avatarMarkup;
 };
 
+var AvatarGroup = function (_a) {
+    var avatars = _a.avatars, _b = _a.max, max = _b === void 0 ? 3 : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, handleAddButtonClick = _a.handleAddButtonClick, _d = _a.showAddButton, showAddButton = _d === void 0 ? true : _d, addButtonTooltipText = _a.addButtonTooltipText, _e = _a.showRemoveAvatarButton, showRemoveAvatarButton = _e === void 0 ? false : _e, handleRemoveButtonClick = _a.handleRemoveButtonClick;
+    var mergedNames = React.useMemo(function () { return avatars.map(function (avatar) { return avatar.name; }).join(', '); }, [avatars]);
+    var spacing = size === 'lg' || size === 'md' ? -2 : -1;
+    return (React__default["default"].createElement(react.AvatarGroup, { size: size, spacing: spacing },
+        avatars.length > max ? (React__default["default"].createElement(Avatar, { name: "".concat(avatars.length), size: size, variant: exports.AvatarVariant.Number, tooltipText: mergedNames })) : (avatars.map(function (avatar) { return (React__default["default"].createElement(Avatar, __assign({}, avatar, { key: avatar.name, size: size, showRemoveButton: showRemoveAvatarButton, handleRemoveButtonClick: handleRemoveButtonClick }))); })),
+        showAddButton && (React__default["default"].createElement(Avatar, { name: "", variant: exports.AvatarVariant.Dashed, icon: React__default["default"].createElement(Icon, { name: "plus", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
+};
+
 var AvatarConfig = {
     baseStyle: {
         container: {