chili-ui 0.6.0 → 0.7.0

package/chili/components/Icon/types.ts

@@ -1,14 +1,14 @@
 import type { SVGProps } from 'react';
 
 export type IconProps = {
-  fill?: string | null;
-  icon: `${Icons}`;
-  shouldRender?: boolean;
-  size?: number | string | null;
-  stroke?: string | null;
-  strokeOpacity?: number | string | null;
-  strokeWidth?: number | string | null;
-  [x: string]: unknown;
+  fill?: string | null,
+  icon: `${Icons}`,
+  shouldRender?: boolean,
+  size?: number | string | null,
+  stroke?: string | null,
+  strokeOpacity?: number | string | null,
+  strokeWidth?: number | string | null,
+  [x: string]: unknown,
 } & Omit<SVGProps<SVGSVGElement>, 'fill' | 'stroke' | 'strokeOpacity' | 'strokeWidth'>;
 
 export enum Icons {

package/chili/src/DateTimeInput/DateTimeInput.tsx

@@ -9,6 +9,7 @@ import {
 } from '../../utils';
 import { CalendarBase } from '../CalendarBase';
 import { COMPONENT_TYPES } from './constants';
+import { setOpen } from './actions';
 import {
   createBlurHandler,
   createCalendarClickHandler,
@@ -80,6 +81,9 @@ export const DateTimeInput = React.forwardRef((props: DateTimeInputProps, ref: R
   // Ref from maskedInput is used for validation and focus/blur
   const maskedInputRef = React.useRef<HTMLInputElement | null>(null);
 
+  const wrapperRef = React.useRef<HTMLElement | null>(null);
+  React.useImperativeHandle(ref, () => wrapperRef.current as HTMLElement);
+
   // conditions for processing calendar events (disabled dates, inactive arrows etc)
   const conditions = getCalendarConditions({
     min, max, viewDate: state.viewDate, viewType: state.viewType, value: state.date,
@@ -114,6 +118,22 @@ export const DateTimeInput = React.forwardRef((props: DateTimeInputProps, ref: R
 
   const isOpen = isNil(isOpenProp) ? state.isOpen : isOpenProp;
 
+  React.useEffect(() => {
+    if (!isOpen) return undefined;
+
+    const handleDocumentMouseDown = (ev: MouseEvent): void => {
+      if (wrapperRef.current && !wrapperRef.current.contains(ev.target as Node)) {
+        dispatch(setOpen(false));
+      }
+    };
+
+    document.addEventListener('mousedown', handleDocumentMouseDown);
+
+    return () => {
+      document.removeEventListener('mousedown', handleDocumentMouseDown);
+    };
+  }, [isOpen, dispatch]);
+
   const handlersData = {
     props: newProps, state, dispatch, maskedInputRef, validate: validateCurrent, conditions,
   };
@@ -148,7 +168,7 @@ export const DateTimeInput = React.forwardRef((props: DateTimeInputProps, ref: R
     <Wrapper
       className={wrapperClassNames}
       onKeyDown={(ev) => handleCalendarKeyDown(ev)}
-      ref={ref}
+      ref={wrapperRef}
     >
       <Div
         className={getInputWrapperClassNames(theme, newProps, state, isValid)}

package/chili/src/DateTimeInput/handlers/handleMouseDown.ts

@@ -5,7 +5,6 @@ import type { HandlersData } from '../types';
 
 export const createCalendarIconMouseDownHandler = ({
   dispatch,
-  maskedInputRef,
   props,
   state,
 }: HandlersData) => (ev: React.MouseEvent<SVGElement>): void => {

package/chili/src/DateTimeInput/handlers/handleReset.ts

@@ -11,7 +11,9 @@ export const createResetHandler = ({
   props: DateTimeInputProps,
   dispatch: React.Dispatch<AllActions>,
 }) => () => {
-  const { defaultValue, format = 'dd.MM.yyyy', name, onChange } = props;
+  const {
+    defaultValue, format = 'dd.MM.yyyy', name, onChange,
+  } = props;
 
   const date = (() => {
     if (isDate(defaultValue)) return defaultValue;

package/dist/src/DateTimeInput/DateTimeInput.js

@@ -19,6 +19,7 @@ import { Div } from '../../components/Div';
 import { getClassNames, useProps, useTheme, } from '../../utils';
 import { CalendarBase } from '../CalendarBase';
 import { COMPONENT_TYPES } from './constants';
+import { setOpen } from './actions';
 import { createBlurHandler, createCalendarClickHandler, createCalendarIconMouseDownHandler, createCalendarMouseDownHandler, createChangeHandler, createFocusHandler, createKeyDownHandler, createResetHandler, handleErrors, } from './handlers';
 import { convertToDate, createMask, getInputWrapperClassNames, getValue, stringToDate, } from './helpers';
 import { useCustomElements, useDateTimeInputEffects, useDateTimeInputState } from './hooks';
@@ -34,6 +35,8 @@ export const DateTimeInput = React.forwardRef((props, ref) => {
     const [state, dispatch] = useDateTimeInputState(newProps);
     // Ref from maskedInput is used for validation and focus/blur
     const maskedInputRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => wrapperRef.current);
     // conditions for processing calendar events (disabled dates, inactive arrows etc)
     const conditions = getCalendarConditions({
         min, max, viewDate: state.viewDate, viewType: state.viewType, value: state.date,
@@ -55,6 +58,19 @@ export const DateTimeInput = React.forwardRef((props, ref) => {
     const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.dateTimeInput);
     const mask = createMask(format, type);
     const isOpen = isNil(isOpenProp) ? state.isOpen : isOpenProp;
+    React.useEffect(() => {
+        if (!isOpen)
+            return undefined;
+        const handleDocumentMouseDown = (ev) => {
+            if (wrapperRef.current && !wrapperRef.current.contains(ev.target)) {
+                dispatch(setOpen(false));
+            }
+        };
+        document.addEventListener('mousedown', handleDocumentMouseDown);
+        return () => {
+            document.removeEventListener('mousedown', handleDocumentMouseDown);
+        };
+    }, [isOpen, dispatch]);
     const handlersData = {
         props: newProps, state, dispatch, maskedInputRef, validate: validateCurrent, conditions,
     };
@@ -73,7 +89,7 @@ export const DateTimeInput = React.forwardRef((props, ref) => {
         dateState: state.date,
         format,
     });
-    return (_jsxs(Wrapper, { className: wrapperClassNames, onKeyDown: (ev) => handleCalendarKeyDown(ev), ref: ref, children: [_jsxs(Div, { className: getInputWrapperClassNames(theme, newProps, state, isValid), children: [_jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, className: theme.input, isDisabled: isDisabled, mask: mask, name: name, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder, ref: maskedInputRef, value: inputValue, inputMode: "numeric" })), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(Icon, { icon: IconTypes.Icons.Calendar, onMouseDown: handleCalendarIconMouseDown, className: theme.calendarIcon }))] }), !state.isFocused && !isDisabled && _jsx(InvalidMessage, {}), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(CalendarBase, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, dispatch: dispatch, format: format, hasTodayButton: hasTodayButton, isDisabled: isDisabled, isOpen: isOpen, max: max, min: min, monthViewRender: monthViewRender, onClick: handleCalendarClick, onMouseDown: handleCalendarMouseDown, theme: theme.calendar, value: state.date, viewDate: state.viewDate, viewType: state.viewType, weeksRowRender: weeksRowRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender }))] }));
+    return (_jsxs(Wrapper, { className: wrapperClassNames, onKeyDown: (ev) => handleCalendarKeyDown(ev), ref: wrapperRef, children: [_jsxs(Div, { className: getInputWrapperClassNames(theme, newProps, state, isValid), children: [_jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, className: theme.input, isDisabled: isDisabled, mask: mask, name: name, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder, ref: maskedInputRef, value: inputValue, inputMode: "numeric" })), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(Icon, { icon: IconTypes.Icons.Calendar, onMouseDown: handleCalendarIconMouseDown, className: theme.calendarIcon }))] }), !state.isFocused && !isDisabled && _jsx(InvalidMessage, {}), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(CalendarBase, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, dispatch: dispatch, format: format, hasTodayButton: hasTodayButton, isDisabled: isDisabled, isOpen: isOpen, max: max, min: min, monthViewRender: monthViewRender, onClick: handleCalendarClick, onMouseDown: handleCalendarMouseDown, theme: theme.calendar, value: state.date, viewDate: state.viewDate, viewType: state.viewType, weeksRowRender: weeksRowRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender }))] }));
 });
 DateTimeInput.displayName = 'DateTimeInput';
 //# sourceMappingURL=DateTimeInput.js.map

package/dist/src/DateTimeInput/DateTimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../chili/src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../chili/src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"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"}

package/dist/src/DateTimeInput/handlers/handleMouseDown.d.ts

@@ -1,4 +1,4 @@
 import type * as React from 'react';
 import type { HandlersData } from '../types';
-export declare const createCalendarIconMouseDownHandler: ({ dispatch, maskedInputRef, props, state, }: HandlersData) => (ev: React.MouseEvent<SVGElement>) => void;
+export declare const createCalendarIconMouseDownHandler: ({ dispatch, props, state, }: HandlersData) => (ev: React.MouseEvent<SVGElement>) => void;
 export declare const createCalendarMouseDownHandler: () => (ev: React.MouseEvent<HTMLDivElement>) => void;

package/dist/src/DateTimeInput/handlers/handleMouseDown.js

@@ -1,6 +1,6 @@
 import { VIEW_TYPES } from '../../CalendarBase/constants';
 import { setOpen, setViewType } from '../actions';
-export const createCalendarIconMouseDownHandler = ({ dispatch, maskedInputRef, props, state, }) => (ev) => {
+export const createCalendarIconMouseDownHandler = ({ dispatch, props, state, }) => (ev) => {
     const { isDisabled } = props;
     const { isOpen, } = state;
     if (isDisabled)

package/dist/src/DateTimeInput/handlers/handleMouseDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleMouseDown.js","sourceRoot":"","sources":["../../../../chili/src/DateTimeInput/handlers/handleMouseDown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EACjD,QAAQ,EACR,cAAc,EACd,KAAK,EACL,KAAK,GACQ,EAAE,EAAE,CAAC,CAAC,EAAgC,EAAQ,EAAE;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EACJ,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,IAAI,UAAU;QAAE,OAAO;IAEvB,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,EAAE,CAAC,eAAe,EAAE,CAAC;IAErB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAExC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1B,CAAC;;QAAM,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE,CAAC,CAAC,EAAoC,EAAQ,EAAE;IACjG,EAAE,CAAC,cAAc,EAAE,CAAC;AACtB,CAAC,CAAC"}
+{"version":3,"file":"handleMouseDown.js","sourceRoot":"","sources":["../../../../chili/src/DateTimeInput/handlers/handleMouseDown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,KAAK,GACQ,EAAE,EAAE,CAAC,CAAC,EAAgC,EAAQ,EAAE;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EACJ,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,IAAI,UAAU;QAAE,OAAO;IAEvB,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,EAAE,CAAC,eAAe,EAAE,CAAC;IAErB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAExC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1B,CAAC;;QAAM,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE,CAAC,CAAC,EAAoC,EAAQ,EAAE;IACjG,EAAE,CAAC,cAAc,EAAE,CAAC;AACtB,CAAC,CAAC"}

package/dist/src/DateTimeInput/handlers/handleReset.js

@@ -2,7 +2,7 @@ import { isFunction, isDate } from 'lodash';
 import { setDate, setValue } from '../actions';
 import { stringToDate, formatDateTime } from '../helpers';
 export const createResetHandler = ({ props, dispatch, }) => () => {
-    const { defaultValue, format = 'dd.MM.yyyy', name, onChange } = props;
+    const { defaultValue, format = 'dd.MM.yyyy', name, onChange, } = props;
     const date = (() => {
         if (isDate(defaultValue))
             return defaultValue;

package/dist/src/DateTimeInput/handlers/handleReset.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleReset.js","sourceRoot":"","sources":["../../../../chili/src/DateTimeInput/handlers/handleReset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,QAAQ,GAIT,EAAE,EAAE,CAAC,GAAG,EAAE;IACT,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,CAAC,YAAY,CAAC;YAAE,OAAO,YAAY,CAAC;QAC9C,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAChF,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE;QAClB,IAAI,MAAM,CAAC,YAAY,CAAC;YAAE,OAAO,cAAc,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACtE,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EAAE,CAAC;IACL,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACxB,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,QAAQ,CAAC;YACP,SAAS,EAAE;gBACT,IAAI;gBACJ,IAAI;gBACJ,KAAK;aACN;SACF,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"handleReset.js","sourceRoot":"","sources":["../../../../chili/src/DateTimeInput/handlers/handleReset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,QAAQ,GAIT,EAAE,EAAE,CAAC,GAAG,EAAE;IACT,MAAM,EACJ,YAAY,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,EAAE,QAAQ,GACpD,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,CAAC,YAAY,CAAC;YAAE,OAAO,YAAY,CAAC;QAC9C,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAChF,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE;QAClB,IAAI,MAAM,CAAC,YAAY,CAAC;YAAE,OAAO,cAAc,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACtE,IAAI,OAAO,YAAY,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QAC1D,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EAAE,CAAC;IACL,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACxB,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,QAAQ,CAAC;YACP,SAAS,EAAE;gBACT,IAAI;gBACJ,IAAI;gBACJ,KAAK;aACN;SACF,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chili-ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "UI components library for React applications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",