armtek-uikit-react 1.0.52 → 1.0.53

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.52","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@tinymce/tinymce-react":"^4.3.2","build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.53","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/BackDrop/BackDrop.js

@@ -6,14 +6,14 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 const BackDrop = props => {
   const {
     children,
-    width
+    ...backDropProps
   } = props;
   const childrenProp = /*#__PURE__*/isValidElement(children) ? children : /*#__PURE__*/_jsx("span", {
     children: children
   });
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(BackDropBase, {
-      width: width,
+      ...backDropProps,
       children: childrenProp
     }), document.body)
   });

package/ui/BackDrop/BackDropBase.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode } from 'react';
+import { ReactNode, MouseEvent } from 'react';
 export type BackDropProps = {
     children: ReactNode;
     width: number;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
 };
 export declare const BackDropBase: (props: BackDropProps) => import("react/jsx-runtime").JSX.Element;

package/ui/BackDrop/BackDropBase.js

@@ -5,11 +5,20 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 export const BackDropBase = props => {
   const {
     children,
-    width
+    width,
+    onClick
   } = props;
+  const handleClick = e => {
+    if (e.target instanceof Element) {
+      if (e.target.classList.contains('Arm-BackDropBase')) {
+        if (onClick) onClick(e);
+      }
+    }
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx("div", {
       className: clsx('Arm-BackDropBase', css.BackDropBase),
+      onClick: handleClick,
       children: /*#__PURE__*/_jsx("div", {
         className: css.BackDropBase__inner,
         style: {

package/ui/Modal/BaseModal.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, MouseEvent } from 'react';
 import { FormControlsProps } from '../../ui/Form/FormControls';
 export type BaseModalProps = ComponentPropsWithoutRef<'div'> & FormControlsProps & {
-    onClose: (e: MouseEvent<HTMLButtonElement>) => void;
+    onClose: (e: MouseEvent) => void;
 };
 export declare const BaseModal: (props: BaseModalProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Modal/Modal.js

@@ -2,6 +2,7 @@ import { BaseModal } from "./BaseModal";
 import BackDrop from "../BackDrop";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+//TODO Написать тесты
 const Modal = props => {
   const {
     open,
@@ -12,6 +13,7 @@ const Modal = props => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(BackDrop, {
       width: width,
+      onClick: modalProps.onClose,
       children: /*#__PURE__*/_jsx(BaseModal, {
         ...modalProps,
         className: 'moasda'