@homecode/ui 4.18.52 → 4.18.54

package/dist/esm/index.js

@@ -13,6 +13,7 @@ export { Form } from './src/components/Form/Form.js';
 export { Gallery } from './src/components/Gallery/Gallery.js';
 export { Heading } from './src/components/Heading/Heading.js';
 export { Icon, icons } from './src/components/Icon/Icon.js';
+export { IconButton } from './src/components/IconButton/IconButton.js';
 export { Input } from './src/components/Input/Input.js';
 export { InputFile } from './src/components/InputFile/InputFile.js';
 export { Label } from './src/components/Label/Label.js';

package/dist/esm/src/components/IconButton/IconButton.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import S from './IconButton.styl.js';
+
+function IconButton({ type, size, className, 
+// @ts-ignore
+...rest }) {
+    return (jsx(Button, { ...rest, className: cn(S.root, className), variant: "clear", size: size, children: jsx(Icon, { type: type, size: size }) }));
+}
+
+export { IconButton };

package/dist/esm/src/components/IconButton/IconButton.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".IconButton_root__qAQqw{background-color:transparent!important}.IconButton_root__qAQqw:hover{color:var(--active-color)}";
+var S = {"root":"IconButton_root__qAQqw"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Input/Input.js

@@ -37,6 +37,7 @@ import '../Form/SubmitButtons/SubmitButtons.styl.js';
 import '../Spinner/Spinner.styl.js';
 import '../Gallery/Gallery.styl.js';
 import '../Heading/Heading.js';
+import '../IconButton/IconButton.styl.js';
 import '../InputFile/InputFile.styl.js';
 import '../InputFile/Item/Item.styl.js';
 import '../LightBox/LightBox.styl.js';

package/dist/esm/src/components/InputFile/InputFile.js

@@ -39,6 +39,7 @@ import '../Form/Validator.js';
 import '../Form/SubmitButtons/SubmitButtons.styl.js';
 import '../Gallery/Gallery.styl.js';
 import '../Heading/Heading.js';
+import '../IconButton/IconButton.styl.js';
 import '../LightBox/LightBox.styl.js';
 import '../Notifications/Notifications.js';
 import '../PopupMenu/PopupMenu.styl.js';

package/dist/esm/src/components/Tabs/Tabs.js

@@ -8,7 +8,7 @@ import S from './Tabs.styl.js';
 const isId = id => ['string', 'number'].includes(typeof id);
 function Tabs(props) {
     const { size = 'm', className, contentClassName, items, hideTabsIfSingle = false, allowEmpty = false, onChange, renderAll, activeId: initialId, children, ...rest } = props;
-    const [activeId, setActiveId] = useState(isId(initialId) ? initialId : items[0].id);
+    const [activeId, setActiveId] = useState(isId(initialId) ? initialId : allowEmpty ? null : items[0].id);
     useEffect(() => {
         if (isId(initialId)) {
             setActiveId(initialId);

package/dist/esm/types/src/components/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+import type { IconType } from 'uilib/components/Icon/Icon.types';
+import type { ButtonProps } from 'uilib/components/Button/Button';
+import type { Size } from 'uilib/types';
+export type IconButtonProps = Omit<ButtonProps, 'variant' | 'square' | 'children'> & {
+    type: IconType;
+    className?: string;
+    size?: Size;
+};
+export declare function IconButton({ type, size, className, ...rest }: IconButtonProps): JSX.Element;

package/dist/esm/types/src/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './Form/Form';
 export * from './Gallery/Gallery';
 export * from './Heading/Heading';
 export * from './Icon/Icon';
+export * from './IconButton/IconButton';
 export * from './Input/Input';
 export * from './InputFile/InputFile';
 export * from './Label/Label';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.52",
+  "version": "4.18.54",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",

package/tests/mocks/svgMock.js

@@ -1,11 +0,0 @@
-const React = require('react');
-
-module.exports = {
-  ReactComponent: function SvgMock(props) {
-    return React.createElement('svg', {
-      ...props,
-      'data-testid': 'svg-mock'
-    });
-  },
-  default: 'SvgMock'
-};