@homecode/ui 4.22.12 → 4.22.14

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

@@ -8,12 +8,12 @@ import { Popup } from '../Popup/Popup.js';
 import S from './DatePickerInput.styl.js';
 
 function DatePickerInput(props) {
-    const { value, variant = 'default', size = 'm', popupProps, displayFormat = 'MMM Do YYYY', } = props;
+    const { value, variant = 'default', size = 'm', popupProps, buttonProps, displayFormat = 'MMM Do YYYY', } = props;
     const isRange = Array.isArray(value);
     return (jsx(Popup, { size: size, focusControl: true, direction: "bottom-right", ...popupProps, trigger: 
         // @ts-ignore
         jsx(Button, { variant: variant, size: size, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
-            className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`]),
+            className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`], popupProps?.contentProps?.className),
         }, content: jsx(DatePicker, { ...props, className: S.content, calendarProps: { className: S.calendar } }) }));
 }
 

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

@@ -1,19 +1,21 @@
 import { jsx } from 'react/jsx-runtime';
 import S from './Flex.styl.js';
 
-const Flex = ({ children, ...props }) => {
-    return (jsx("div", { className: S.root, ...props, style: {
-            justifyContent: props.justifyContent,
-            alignItems: props.alignItems,
-            flexDirection: props.flexDirection,
-            flexWrap: props.flexWrap,
-            flexGrow: props.flexGrow,
-            flexShrink: props.flexShrink,
-            flexBasis: props.flexBasis,
-            flex: props.flex,
-            order: props.order,
-            alignSelf: props.alignSelf,
-            flexFlow: props.flexFlow,
+const Flex = ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, ...props }) => {
+    return (jsx("div", { className: S.root, 
+        // {...props}
+        style: {
+            justifyContent,
+            alignItems,
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flexShrink,
+            flexBasis,
+            flex,
+            order,
+            alignSelf,
+            flexFlow,
         }, children: children }));
 };
 

package/dist/esm/src/components/Icon/icons/chat.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChat = function SvgChat(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M21.336 1.656H2.621c-1.268 0-2.34 1.072-2.34 2.34v12.867c0 1.268 1.072 2.34 2.34 2.34h11.135l3.783 4.16a.39.39 0 0 0 .678-.262v-3.899h3.12c1.267 0 2.339-1.071 2.339-2.34V3.997c0-1.268-1.072-2.34-2.34-2.34M4.96 6.726h5.849a.39.39 0 1 1 0 .779H4.96a.39.39 0 1 1 0-.78m13.257 7.018H4.96a.39.39 0 1 1 0-.78h13.257a.39.39 0 1 1 0 .78m0-3.12H4.96a.39.39 0 1 1 0-.78h13.257a.39.39 0 1 1 0 .78",
+    style: {
+      strokeWidth: 0.38991
+    }
+  }));
+};
+
+export { SvgChat as default };

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

@@ -5,6 +5,7 @@ var ICONS = {
     brain: () => import('./brain.svg.js'),
     brokenImage: () => import('./brokenImage.svg.js'),
     camera: () => import('./camera.svg.js'),
+    chat: () => import('./chat.svg.js'),
     check: () => import('./check.svg.js'),
     close: () => import('./close.svg.js'),
     colors: () => import('./colors.svg.js'),

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

@@ -1,8 +1,10 @@
 import type { Props as PopupProps } from 'uilib/components/Popup/Popup.types';
 import type { Props as DatePickerProps } from 'uilib/components/DatePicker/DatePicker.types';
+import type { Props as ButtonProps } from 'uilib/components/Button/Button.types';
 export type Value = string | [string, string];
 export type Props = DatePickerProps & {
     variant?: string;
     displayFormat: string;
     popupProps?: PopupProps;
+    buttonProps?: Omit<ButtonProps, 'children'>;
 };

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

@@ -1,6 +1,6 @@
 import { CSSProperties, HTMLAttributes } from 'react';
-type FlexProps = HTMLAttributes<HTMLDivElement> & CSSProperties & {
+type FlexProps = HTMLAttributes<HTMLDivElement> & Pick<CSSProperties, 'justifyContent' | 'alignItems' | 'flexDirection' | 'flexWrap' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'flex' | 'order' | 'alignSelf' | 'flexFlow'> & {
     children: React.ReactNode;
 };
-export declare const Flex: ({ children, ...props }: FlexProps) => JSX.Element;
+export declare const Flex: ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, ...props }: FlexProps) => JSX.Element;
 export {};

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

@@ -5,6 +5,7 @@ declare const _default: {
     brain: () => Promise<any>;
     brokenImage: () => Promise<any>;
     camera: () => Promise<any>;
+    chat: () => Promise<any>;
     check: () => Promise<any>;
     close: () => Promise<any>;
     colors: () => Promise<any>;

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

@@ -1,4 +1,5 @@
 import { MenuGroupProps, MenuItemProps, MenuProps } from './Menu.types';
+export { type MenuProps };
 export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<Scroll>> & {
     Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Group: import("react").FC<MenuGroupProps>;

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

@@ -1,2 +1,3 @@
 import * as T from './Scroll.types';
+export type ScrollProps = T.Props;
 export declare function Scroll(props: T.Props): JSX.Element;

package/package.json

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