@homecode/ui 4.22.3 → 4.22.5

package/dist/esm/index.js

@@ -10,6 +10,7 @@ export { DatePickerInput } from './src/components/DatePickerInput/DatePickerInpu
 export { DateTime, formatDate } from './src/components/DateTime/DateTime.js';
 export { Draggable } from './src/components/Draggable/Draggable.js';
 export { Expand } from './src/components/Expand/Expand.js';
+export { Flex } from './src/components/Flex/Flex.js';
 export { Form } from './src/components/Form/Form.js';
 export { Gallery } from './src/components/Gallery/Gallery.js';
 export { Heading } from './src/components/Heading/Heading.js';

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

@@ -33,6 +33,7 @@ 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';
@@ -57,7 +58,7 @@ import '../Virtualized/List/List.styl.js';
 import '../Virtualized/List/ListScroll.styl.js';
 
 function Autocomplete(props) {
-    const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, } = props;
+    const { className, inputWrapperClassName, value, onChange, size = 'm', getOptions, onSelect, debounceDelay = 300, round = false, blur = false, inputProps = {}, popupProps = {}, menuProps = {}, } = props;
     const isMounted = useIsMounted();
     const [options, setOptions] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
@@ -138,7 +139,7 @@ function Autocomplete(props) {
     const optionsList = useMemo(() => {
         if (!options.length)
             return null;
-        return (jsx(Menu, { className: S.options, size: size, offset: { y: { before: 20, after: 20 } }, children: options.map((option, index) => (jsx(Menu.Item, { focused: focusedIndex === index, className: S.option, onClick: () => handleSelect(option), onMouseEnter: () => setFocusedIndex(index), children: option.render ? option.render(option) : option.label }, option.id))) }));
+        return (jsx(Menu, { className: S.options, size: size, offset: { y: { before: 20, after: 20 } }, ...menuProps, children: options.map((option, index) => (jsx(Menu.Item, { focused: focusedIndex === index, className: S.option, onClick: () => handleSelect(option), onMouseEnter: () => setFocusedIndex(index), children: option.render ? option.render(option) : option.label }, option.id))) }));
     }, [options, focusedIndex]);
     return (jsx(Popup, { className: classes, isOpen: isOpen, focusControl: true, round: round, size: size, blur: blur, direction: "bottom", ...popupProps, trigger: jsxs("div", { className: inputWrapperClassName, children: [jsx(Input, { ref: inputRef, 
                     // @ts-ignore

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

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import S from './Flex.styl.js';
+
+const Flex = ({ children, ...props }) => {
+    return (jsx("div", { className: S.root, ...props, children: children }));
+};
+
+export { Flex };

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

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Flex_root__1yZ2z{display:flex}";
+var S = {"root":"Flex_root__1yZ2z"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -33,6 +33,7 @@ import 'moment';
 import '../DatePickerInput/DatePickerInput.styl.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/InputFile/InputFile.js

@@ -36,6 +36,7 @@ import 'moment';
 import '../DatePickerInput/DatePickerInput.styl.js';
 import { Draggable } from '../Draggable/Draggable.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/types/src/components/Autocomplete/Autocomplete.types.d.ts

@@ -1,6 +1,7 @@
 import { FormControl, Size } from 'uilib/types';
 import { Props as InputProps } from 'uilib/components/Input/Input.types';
 import { Props as PopupProps } from 'uilib/components/Popup/Popup.types';
+import { MenuProps } from 'uilib/components/Menu/Menu.types';
 export type Option = {
     id: string;
     label: string;
@@ -17,6 +18,7 @@ export type Props = FormControl<Value, HTMLInputElement> & {
     debounceDelay?: number;
     inputProps?: Partial<InputProps>;
     popupProps?: Partial<PopupProps>;
+    menuProps?: Partial<MenuProps>;
     round?: boolean;
     blur?: boolean;
 };

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+type FlexProps = HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+};
+export declare const Flex: ({ children, ...props }: FlexProps) => JSX.Element;
+export {};

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

@@ -10,6 +10,7 @@ export * from './DatePickerInput/DatePickerInput';
 export * from './DateTime/DateTime';
 export * from './Draggable/Draggable';
 export * from './Expand/Expand';
+export * from './Flex/Flex';
 export * from './Form/Form';
 export * from './Gallery/Gallery';
 export * from './Heading/Heading';

package/package.json

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