@homecode/ui 4.22.11 → 4.22.13

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

@@ -13,7 +13,7 @@ function DatePickerInput(props) {
     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/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/src/components/Popup/Popup.js

@@ -215,6 +215,7 @@ class Popup extends Component {
             }
         }
     }, 100);
+    isControllable = () => typeof this.props.isOpen === 'boolean';
     isLastClickInside = () => this.pointerDownTarget &&
         (this.pointerDownTarget.closest(`.${S.trigger}`) ||
             this.pointerDownTarget.closest(`.${S.content}`));
@@ -273,12 +274,14 @@ class Popup extends Component {
     onFocus = e => {
         this.focused = true;
         this.props.triggerProps?.onFocus?.(e);
-        if (!this.pointerPressed)
+        if (!this.pointerPressed && (!this.isControllable() || this.props.isOpen))
             this.open();
     };
     onBlur = e => {
         this.focused = false;
         this.props.triggerProps?.onBlur?.(e);
+        if (this.isControllable() && this.props.isOpen)
+            return;
         // give time to fire clicks inside popup
         this.timers.after(60, () => {
             if (!this.isLastClickInside())

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/Popup/Popup.d.ts

@@ -54,6 +54,7 @@ export declare class Popup extends Component<T.Props> {
     updateOffset: () => void;
     applyOffset(): void;
     checkHover: any;
+    isControllable: () => boolean;
     isLastClickInside: () => any;
     onDocPointerDown: (e: PointerEvent) => void;
     onDocPointerUp: (e: PointerEvent) => void;

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.11",
+  "version": "4.22.13",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",