@homecode/ui 4.27.23 → 4.27.25

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

@@ -13,8 +13,10 @@ import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
 import { Input } from '../Input/Input.js';
 import '../../tools/dom.js';
-import '../Icon/Icon.js';
 import 'timen';
+import 'justorm/react';
+import '../Flex/Flex.styl.js';
+import '../Icon/Icon.styl.js';
 import '../Label/Label.styl.js';
 import { Popup } from '../Popup/Popup.js';
 import '../RequiredStar/RequiredStar.styl.js';
@@ -22,7 +24,6 @@ import '../Select/Select.styl.js';
 import 'compareq';
 import 'lodash.pick';
 import '../Scroll/Scroll.styl.js';
-import 'justorm/react';
 import 'lodash.omit';
 import 'nanoid';
 import '../Checkbox/Checkbox.styl.js';
@@ -33,7 +34,6 @@ import '../DatePickerInput/DatePickerInput.styl.js';
 import '../../tools/queryParams.js';
 import '../Draggable/Draggable.styl.js';
 import '../Expand/Expand.styl.js';
-import '../Flex/Flex.styl.js';
 import '../Form/Form.styl.js';
 import '../Form/Validator.js';
 import '../Form/SubmitButtons/SubmitButtons.styl.js';

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

@@ -6,7 +6,7 @@ import ICONS from './icons/index.js';
 
 const icons = ICONS;
 function Icon(props) {
-    const { className, icon: CustomIcon, type, size, ...rest } = props;
+    const { className, icon: CustomIcon, type, size = 'm', ...rest } = props;
     const iconProps = {
         className: cn(S.root, S[`size-${size}`], className),
         role: 'img',
@@ -21,9 +21,6 @@ function Icon(props) {
     }
     // @ts-ignore
     return jsx(Lazy, { loader: localIcon, hideSpinner: true, ...iconProps });
-}
-Icon.defaultProps = {
-    size: 'm',
-};
+}
 
 export { Icon, icons };

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

@@ -7,7 +7,10 @@ import { parsePath, replaceParamsInPath } from './Router.helpers.js';
 export { Route } from './Route.js';
 export { Redirect } from './Redirect.js';
 import 'classnames';
-import '../Icon/Icon.js';
+import 'timen';
+import '../Spinner/Spinner.styl.js';
+import '../Flex/Flex.styl.js';
+import '../Icon/Icon.styl.js';
 import './Link/Link.styl.js';
 
 const Router = (props) => {

package/dist/esm/src/components/Select/Select2.js

@@ -237,7 +237,6 @@ function Select2(props) {
         const className = cn(S.option, isGroupHeader && S.isGroup, isFocused && S.isFocused, isSelected && S.isSelected, S[`level-${level}`], optionClassName);
         const optionProps = {
             className,
-            key: id,
             onPointerUp: () => onItemToggle(id),
             onPointerEnter: () => onOptionHover(id),
         };
@@ -248,7 +247,7 @@ function Select2(props) {
             isFirstSelectedMeet.current = true;
         }
         if (filterOption(item)) {
-            items.unshift(jsx("div", { ...optionProps, children: renderLabel(item) }));
+            items.unshift(jsx("div", { ...optionProps, children: renderLabel(item) }, id));
         }
         return items;
     };

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

@@ -12,6 +12,7 @@ export declare const icons: {
     bookmarkAdd: () => Promise<typeof import("*.svg")>;
     brain: () => Promise<typeof import("*.svg")>;
     brokenImage: () => Promise<typeof import("*.svg")>;
+    call: () => Promise<typeof import("*.svg")>;
     camera: () => Promise<typeof import("*.svg")>;
     chat: () => Promise<typeof import("*.svg")>;
     check: () => Promise<typeof import("*.svg")>;
@@ -27,6 +28,7 @@ export declare const icons: {
     clearAll: () => Promise<typeof import("*.svg")>;
     cubes: () => Promise<typeof import("*.svg")>;
     delete: () => Promise<typeof import("*.svg")>;
+    discord: () => Promise<typeof import("*.svg")>;
     draft: () => Promise<typeof import("*.svg")>;
     dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
     dragHandlerVertical: () => Promise<typeof import("*.svg")>;
@@ -53,6 +55,7 @@ export declare const icons: {
     home: () => Promise<typeof import("*.svg")>;
     layers: () => Promise<typeof import("*.svg")>;
     link: () => Promise<typeof import("*.svg")>;
+    linkedin: () => Promise<typeof import("*.svg")>;
     loader: () => Promise<typeof import("*.svg")>;
     lock: () => Promise<typeof import("*.svg")>;
     lockOpen: () => Promise<typeof import("*.svg")>;
@@ -92,11 +95,7 @@ export declare const icons: {
     telegram: () => Promise<typeof import("*.svg")>;
     tool: () => Promise<typeof import("*.svg")>;
     trafficLight: () => Promise<typeof import("*.svg")>;
+    youtube: () => Promise<typeof import("*.svg")>;
 };
 export type { IconType } from './Icon.types';
 export declare function Icon(props: T.Props): JSX.Element;
-export declare namespace Icon {
-    var defaultProps: {
-        size: T.IconSize;
-    };
-}

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

@@ -5,5 +5,5 @@ export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {
     icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
     type?: IconType;
-    size: IconSize;
+    size?: IconSize;
 };

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

@@ -75,7 +75,6 @@ export type State = {
 };
 export type OptionElemProps = HTMLAttributes<HTMLDivElement> & {
     className: string;
-    key: Option['id'];
     ref?: RefObject<HTMLDivElement>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.27.23",
+  "version": "4.27.25",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",