@televet/kibble-ui 1.12.3-beta.2wp810y.5 → 1.12.3

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';

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';

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

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

package/build/index.js

@@ -1567,6 +1567,15 @@ 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) {
@@ -1689,15 +1698,6 @@ 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: {
@@ -3610,9 +3610,10 @@ var Checkbox = function (_a) {
 };
 
 var CheckboxGroup = function (_a) {
-    var checkboxes = _a.checkboxes, _b = _a.size, size = _b === void 0 ? 'md' : _b; _a.direction; _a.spacing; var variant = _a.variant, rest = __rest(_a, ["checkboxes", "size", "direction", "spacing", "variant"]);
+    var checkboxes = _a.checkboxes, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, spacing = _a.spacing, variant = _a.variant, rest = __rest(_a, ["checkboxes", "size", "direction", "spacing", "variant"]);
     rest.$isFieldInline; var domProps = __rest(rest, ["$isFieldInline"]);
-    return (React__default["default"].createElement(react.CheckboxGroup, __assign({}, domProps), checkboxes.map(function (checkbox, index) { return (React__default["default"].createElement(Checkbox, __assign({ key: index }, checkbox, { size: size, variant: variant || checkbox.variant }))); })));
+    return (React__default["default"].createElement(react.CheckboxGroup, __assign({}, domProps),
+        React__default["default"].createElement(react.Stack, { direction: direction, spacing: spacing, display: "inline-flex" }, checkboxes.map(function (checkbox, index) { return (React__default["default"].createElement(Checkbox, __assign({ key: index }, checkbox, { size: size, variant: variant || checkbox.variant }))); }))));
 };
 CheckboxGroup.displayName = 'CheckboxGroup';
 var WrappedCheckboxGroup = withFormControl(CheckboxGroup);