armtek-uikit-react 1.0.258 → 1.0.259

package/ui/BackDrop/BackDropBase.js

@@ -13,7 +13,6 @@ const BackDropBase = exports.BackDropBase = (0, _helpers.fixedForwardRef)((props
     className,
     onClick
   } = props;
-  const isAutoWidth = width === 'auto';
   const handleClick = e => {
     e.stopPropagation();
     if (onClick) onClick(e);
@@ -26,12 +25,10 @@ const BackDropBase = exports.BackDropBase = (0, _helpers.fixedForwardRef)((props
         className: 'arm-backdrop__overlay',
         onClick: handleClick
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)('arm-backdrop__inner', {
-          'arm-backdrop__inner_auto': isAutoWidth
-        }),
-        style: !isAutoWidth ? {
+        className: 'arm-backdrop__inner',
+        style: {
           maxWidth: width + 'px'
-        } : undefined,
+        },
         children: children
       })]
     })

package/ui/Button/Button.d.ts

@@ -35,5 +35,5 @@ declare const _default: <T extends ElementType = "button">(props: {
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<any>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, `data-${string}` | "color" | "group" | "size" | "variant" | "startAdornment" | "endAdornment" | "radius" | "asIcon" | "theme" | "fullWidth" | "disablestyles" | "disabled" | "as"> & import("react").RefAttributes<any>) => JSX.Element;
 export default _default;

package/ui/ButtonIcon/ButtonIcon.d.ts

@@ -21,5 +21,5 @@ declare const _default: <T extends ElementType = "button">(props: ButtonIconProp
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<T>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, `data-${string}` | "color" | "group" | "size" | "variant" | "startAdornment" | "endAdornment" | "radius" | "asIcon" | "theme" | "fullWidth" | "disablestyles" | "disabled" | "as"> & import("react").RefAttributes<T>) => JSX.Element;
 export default _default;

package/ui/Chip/Chip.d.ts

@@ -1,10 +1,11 @@
-import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes, KeyboardEvent } from 'react';
 import { ColorStatusType, ColorThemeType, ColorType, SizeType, VariantType, ShapeType } from '../../types/theme';
 type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
     size?: Exclude<SizeType, 'large' | 'extraLarge'>;
     color?: ColorType | ColorThemeType | ColorStatusType;
     text?: string;
-    onClose?: (e: MouseEvent) => void;
+    onClose?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    closeAriaLabel?: string;
     icon?: string;
     variant?: Exclude<VariantType, 'transparent'>;
     shape?: ShapeType;

package/ui/Chip/Chip.js

@@ -11,6 +11,7 @@ function Chip(props) {
     text,
     icon,
     onClose,
+    closeAriaLabel,
     shape = 'circle',
     as,
     variant = 'contained',
@@ -21,9 +22,15 @@ function Chip(props) {
     ...restProps
   } = props;
   let Component = as || 'span';
+  let isComponentButton = Component === 'button';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       ...restProps,
+      ...(isComponentButton ? {
+        disabled
+      } : {}),
+      "aria-disabled": disabled ? true : undefined,
+      tabIndex: disabled && !isComponentButton ? -1 : restProps.tabIndex,
       className: (0, _clsx.default)('arm-chip', className, {
         'arm-chip_disabled': !!disabled,
         ['arm-chip_' + size]: !!size
@@ -36,13 +43,24 @@ function Chip(props) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: 'arm-chip__text',
           children: text || children
-        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: 'button',
+          "aria-label": closeAriaLabel,
+          disabled: !!disabled,
           className: (0, _clsx.default)('material_icon_solid', {
             'arm-chip__close_disabled': !!disabled
           }, ['arm-chip__close_' + size], ['arm-chip__close_' + color], 'arm-chip__close'),
-          onClick: onClose,
+          onClick: e => {
+            if (disabled) return;
+            onClose(e);
+          },
+          onKeyDown: e => {
+            if (disabled) return;
+            if (e.key === 'Enter' || e.key === ' ') onClose(e);
+          },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: 'mis',
+            "aria-hidden": true,
             children: "cancel"
           })
         })]

package/ui/Form/DateField/DateField.js

@@ -31,10 +31,6 @@ const dateToText = (d, format) => {
   if (typeof d === 'string') d = new Date(d);
   return d.toLocaleString('ru-RU', getDateFormat(format));
 };
-
-/*
-TODO: Не отрабатывает ...register из react-hook-form при предзаполненном поле
- */
 const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   let {
     onChange,

package/ui/Form/FormControls/FormControls.d.ts

@@ -1,8 +1,8 @@
 import { ButtonProps } from '../../../ui/Button';
 import { ComponentPropsWithoutRef, MouseEvent } from 'react';
 type OwnProps = {
-    onSubmit?: (e?: MouseEvent<HTMLButtonElement>) => void;
-    onCancel?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    onSubmit?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onCancel?: (e: MouseEvent<HTMLButtonElement>) => void;
     submitProps?: Omit<ButtonProps<'button'>, 'children'> & {
         text: string;
     };

package/ui/Form/FormControls/FormControls.js

@@ -18,7 +18,7 @@ const FormControls = props => {
     ...divProps
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.default)(_const.FORM_CONTROLS_CLASSNAME),
+    className: _const.FORM_CONTROLS_CLASSNAME,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...divProps,
       className: (0, _clsx.default)(className, 'arm-form-controls__stack'),

package/ui/Form/FormControls/const.d.ts

@@ -1,2 +1 @@
 export declare const FORM_CONTROLS_CLASSNAME = "arm-form-controls";
-export declare const FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = "_skip_replace";

package/ui/Form/FormControls/const.js

@@ -1,6 +1,5 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = void 0;
-const FORM_CONTROLS_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = 'arm-form-controls';
-const FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = exports.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = '_skip_replace';
+exports.FORM_CONTROLS_CLASSNAME = void 0;
+const FORM_CONTROLS_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = 'arm-form-controls';

package/ui/Form/Period/Period.d.ts

@@ -6,17 +6,6 @@ export type PeriodChangeEvent = (Event & {
         name: string;
     };
 });
-export type PeriodProps = {
-    onChange?: (e: PeriodChangeEvent) => void;
-    value?: [Date | null, Date | null];
-    defaultValue?: [Date | null, Date | null];
-    disableSameDate?: boolean;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    showMonthDropdown?: boolean;
-    showYearDropdown?: boolean;
-    datePickerProps?: DatePickerProps;
-} & Omit<TextFieldProps, 'value' | 'onChange' | 'defaultValue'>;
 export declare function getPeriodDisplay(date1: Date | null | undefined, date2: Date | null | undefined): string;
 declare const Period: import("react").ForwardRefExoticComponent<{
     onChange?: (e: PeriodChangeEvent) => void;
@@ -28,5 +17,5 @@ declare const Period: import("react").ForwardRefExoticComponent<{
     showMonthDropdown?: boolean;
     showYearDropdown?: boolean;
     datePickerProps?: DatePickerProps;
-} & Omit<TextFieldProps, "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<unknown>>;
+} & Omit<TextFieldProps, "defaultValue" | "onChange" | "value"> & import("react").RefAttributes<unknown>>;
 export default Period;

package/ui/Form/Period/Period.js

@@ -114,22 +114,9 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         }
       }
     }
-    if (startDateValid && endDateValid && startDateValid.getTime() <= endDateValid.getTime()) {
+    if (startDateValid && endDateValid) {
       handleSelect([startDateValid, endDateValid]);
-    }
-    // else
-    // {
-    // 	handleSelect([null, null])
-    // }
-  };
-  const handleBlur = e => {
-    setActive(false);
-    const value = e.target.value;
-    const valueParts = value.split(DELIMITER);
-    const startDateValid = valueParts[0] ? validateDate(valueParts[0], minDate, maxDate) : null;
-    const endDateValid = valueParts[1] ? validateDate(valueParts[1], minDate, maxDate) : null;
-    if (!startDateValid || !endDateValid || startDateValid && endDateValid && endDateValid.getTime() < startDateValid.getTime()) {
-      setTextValue('');
+    } else {
       handleSelect([null, null]);
     }
   };
@@ -160,8 +147,9 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         placeholder: 'дд.мм.гггг - дд.мм.гггг',
         ...restProps,
         disabled: disabled,
+        id: 'period',
         value: textValue,
-        onBlur: handleBlur,
+        onBlur: () => setActive(false),
         onChange: handleChange,
         onFocus: () => setActive(false),
         autoComplete: 'off',

package/ui/Form/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '../TextField/TextField';
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, KeyboardEvent, ReactNode } from 'react';
 export type OptionType = {
     text: string;
     value: string;
@@ -42,7 +42,7 @@ export type SelectOptionsType<T extends boolean> = {
     value?: T extends true ? string[] : string;
     inline?: boolean;
     multiple?: T;
-    onClick: (e: MouseEvent, option: OptionType) => void;
+    onClick: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, option: OptionType) => void;
     listStyle?: 'checkbox' | 'default';
     onSelectAll?: (e: MouseEvent) => void;
     onClear?: (e: MouseEvent) => void;

package/ui/Form/Select/Select.js

@@ -59,19 +59,12 @@ function Select(props, ref) {
     return inputRef.current;
   }, []);
   const handleOpen = () => {
-    if (open !== undefined) return;
     if (!inputProps.disabled) {
       setActive(true);
       // if( e.target instanceof HTMLDivElement )
       // 	setAnchorEl(e.currentTarget)
     }
   };
-  function handleClose() {
-    if (onClose) onClose();else {
-      if (open !== undefined) return;
-      setActive(false);
-    }
-  }
   const handleSelect = (e, option) => {
     if (e.target.classList.contains(_const.CHECKBOX_LABEL_CLASSNAME)) {
       e.stopPropagation();
@@ -97,7 +90,7 @@ function Select(props, ref) {
     if (search && !multiple) {
       setQ(options.find(item => getOptionValue(item) === newValueS).text);
     }
-    if (!multiple) handleClose();
+    if (!multiple) setActive(false);
   };
   const handleSearch = e => {
     setQ(e.target.value);
@@ -155,6 +148,9 @@ function Select(props, ref) {
   if (!!search) options = options.filter(item => item.text.toLowerCase().includes(q.toLowerCase()));
   let valueArr = realValue ? Array.isArray(realValue) ? realValue : [realValue] : [];
   let selectedOptions = options.filter(item => valueArr.includes(getOptionValue(item)));
+  function handleClose() {
+    if (onClose) onClose();else setActive(false);
+  }
   let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
   let selectEndAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {

package/ui/Form/Select/SelectSummary.d.ts

@@ -1,7 +1,7 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, KeyboardEvent } from 'react';
 import { OptionType } from '../../../ui/Form/Select/Select';
 export type SelectSummaryProps = {
-    onClose: (e: MouseEvent, option: OptionType) => void;
+    onClose: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, option: OptionType) => void;
     options: OptionType[];
     value: string[];
 } & Omit<SelectSummaryControlsProps, 'countSelected' | 'countTotal'>;
@@ -9,7 +9,7 @@ export declare const SelectSummary: (props: SelectSummaryProps) => import("react
 type SelectSummaryChipsProps = {
     options: OptionType[];
     disabled?: boolean;
-    onDelete: (e: MouseEvent, option: OptionType) => void;
+    onDelete: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, option: OptionType) => void;
 };
 export declare const SelectSummaryChips: (props: SelectSummaryChipsProps) => import("react/jsx-runtime").JSX.Element;
 type SelectSummaryControlsProps = {

package/ui/Form/TimeField/TimeField.d.ts

@@ -9,10 +9,10 @@ declare const TimeField: import("react").ForwardRefExoticComponent<{
     showMonthYearPicker?: boolean;
     showYearPicker?: boolean;
 } & {
+    error?: boolean | undefined;
     label?: string | undefined;
     className?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
-    error?: boolean | undefined;
     helperText?: import("react").ReactNode;
 } & Omit<import("react-datepicker").DatePickerProps, keyof {
     onClick?: (e: import("react").MouseEvent) => void;

package/ui/Modal/BaseModal.d.ts

@@ -1,17 +1,8 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
 import { FormControlsProps } from '../../ui/Form/FormControls';
-export type ModalClasses = Partial<{
-    root: string;
-    header: string;
-    title: string;
-    close: string;
-    body: string;
-    footer: string;
-    formControls: string;
-}>;
 export type BaseModalProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & Partial<Omit<FormControlsProps, 'title'>> & {
-    onClose?: (e?: MouseEvent<any> | KeyboardEvent) => void;
-    classes?: ModalClasses;
+    onClose?: (e?: MouseEvent<any>) => void;
+    classes?: Record<string, string>;
     title?: ReactNode;
 };
 export declare const BaseModal: (props: BaseModalProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Modal/BaseModal.js

@@ -3,7 +3,6 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.BaseModal = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _FormControls = _interopRequireDefault(require("../Form/FormControls"));
 var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
@@ -23,27 +22,20 @@ const BaseModal = props => {
     ...divProps
   } = props;
   const showControls = !!onSubmit || !!onCancel;
-  const titleId = (0, _react.useId)();
-  const hasTitle = !!title;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...divProps,
-      role: 'dialog',
-      "aria-modal": true,
-      "aria-labelledby": hasTitle ? titleId : undefined,
-      tabIndex: -1,
-      className: (0, _clsx.default)(className, 'arm-modal', classes == null ? void 0 : classes.root),
+      className: (0, _clsx.default)(className, 'arm-modal', classes == null ? void 0 : classes['Arm-Modal']),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: 'arm-modal__inner',
         children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx.default)('arm-modal__header', classes == null ? void 0 : classes.header),
+          className: (0, _clsx.default)('arm-modal__header', classes == null ? void 0 : classes['Arm-Modal__header']),
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            id: titleId,
-            className: (0, _clsx.default)('arm-modal__title', classes == null ? void 0 : classes.title),
+            className: (0, _clsx.default)('arm-modal__title', classes == null ? void 0 : classes['Arm-Modal__title']),
             children: [title, onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
               variant: 'transparent',
               onClick: onClose,
-              className: (0, _clsx.default)('arm-modal__close', classes == null ? void 0 : classes.close),
+              className: (0, _clsx.default)('arm-modal__close', classes == null ? void 0 : classes['Arm-Modal__close']),
               color: 'neutral',
               size: 'medium',
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -52,25 +44,15 @@ const BaseModal = props => {
               })
             })]
           })
-        }), !title && onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          variant: 'transparent',
-          onClick: onClose,
-          className: (0, _clsx.default)('arm-modal__close', 'arm-modal__close_noHeader', classes == null ? void 0 : classes.close),
-          color: 'neutral',
-          size: 'medium',
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: 'material_icon',
-            children: "close"
-          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx.default)(_const.MODAL_BODY_CLASSNAME, classes == null ? void 0 : classes.body),
+          className: (0, _clsx.default)(_const.MODAL_BODY_CLASSNAME, classes == null ? void 0 : classes['Arm-Modal__body']),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: children
           })
         }), showControls && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx.default)(_const.MODAL_FOOTER_CLASSNAME, classes == null ? void 0 : classes.footer),
+          className: (0, _clsx.default)(_const.MODAL_FOOTER_CLASSNAME, classes == null ? void 0 : classes['Arm-Modal__footer']),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControls.default, {
-            className: (0, _clsx.default)(classes == null ? void 0 : classes.formControls, 'arm-modal__controls'),
+            className: (0, _clsx.default)(classes == null ? void 0 : classes['Arm-FormControls'], 'arm-modal__controls'),
             onSubmit: onSubmit,
             onCancel: onCancel,
             submitProps: submitProps,

package/ui/Modal/Modal.d.ts

@@ -2,7 +2,7 @@ import { BaseModalProps } from './BaseModal';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export type ModalProps = BaseModalProps & {
     open?: boolean;
-    width?: number | 'auto';
+    width?: number;
     transitionProps?: Partial<CSSTransitionProps<HTMLElement>>;
 };
 declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Modal/Modal.js

@@ -10,19 +10,8 @@ var _BackDrop = _interopRequireDefault(require("../BackDrop"));
 var _reactTransitionGroup = require("react-transition-group");
 var _const = require("../Form/FormControls/const");
 var _const2 = require("./const");
-var _useEventCallback = _interopRequireDefault(require("../../lib/hooks/useEventCallback"));
 var _jsxRuntime = require("react/jsx-runtime");
 const BACKDROP_CLASSNAME = 'arm-modal__backdrop';
-function isTopmostModal(backdropContainer) {
-  let nextElement = backdropContainer.nextElementSibling;
-  while (nextElement) {
-    if (nextElement.classList.contains(BACKDROP_CLASSNAME)) {
-      return false;
-    }
-    nextElement = nextElement.nextElementSibling;
-  }
-  return true;
-}
 function replaceControlsIfExists(container, props) {
   var _props$classes, _props$classes2;
   if (!container) return;
@@ -30,10 +19,9 @@ function replaceControlsIfExists(container, props) {
   if (!body) return;
   const controls = body.querySelectorAll(`.${_const.FORM_CONTROLS_CLASSNAME}`);
   if (controls.length !== 1) return;
-  if (controls[0].querySelector(`.${_const.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME}`)) return;
   const footer = document.createElement("div");
   footer.classList.add(_const2.MODAL_FOOTER_CLASSNAME);
-  if ((_props$classes = props.classes) != null && _props$classes.footer) footer.classList.add((_props$classes2 = props.classes) == null ? void 0 : _props$classes2.footer);
+  if ((_props$classes = props.classes) != null && _props$classes['Arm-Modal__footer']) footer.classList.add((_props$classes2 = props.classes) == null ? void 0 : _props$classes2['Arm-Modal__footer']);
   controls[0].remove();
   footer.appendChild(controls[0]);
   body.after(footer);
@@ -46,25 +34,18 @@ const Modal = props => {
     ...modalProps
   } = props;
   const nodeRef = (0, _react.useRef)(null);
-  const handleClose = (0, _useEventCallback.default)(event => {
-    modalProps.onClose == null || modalProps.onClose(event);
-  });
-  const focusModal = (0, _useEventCallback.default)(() => {
-    var _nodeRef$current;
-    const modalElement = (_nodeRef$current = nodeRef.current) == null ? void 0 : _nodeRef$current.querySelector('[data-testid="base-modal"]');
-    modalElement == null || modalElement.focus();
-  });
   (0, _react.useEffect)(() => {
     function subscribeToEsc(e) {
       if (e.key !== 'Escape' || !nodeRef.current) return;
-      if (!isTopmostModal(nodeRef.current)) return;
-      handleClose(e);
+      const nextElement = nodeRef.current.nextElementSibling;
+      if (nextElement && nextElement.classList.contains(BACKDROP_CLASSNAME)) return;
+      modalProps.onClose == null || modalProps.onClose(e);
     }
     document.addEventListener('keyup', subscribeToEsc);
     return () => {
       document.removeEventListener('keyup', subscribeToEsc);
     };
-  }, [handleClose]);
+  }, []);
   (0, _react.useEffect)(() => {
     replaceControlsIfExists(nodeRef.current, modalProps);
   }, []);
@@ -72,10 +53,6 @@ const Modal = props => {
     replaceControlsIfExists(nodeRef.current, modalProps);
     transitionProps == null || transitionProps.onEntering == null || transitionProps.onEntering(isAppearing);
   };
-  const handleEnteredDone = isAppearing => {
-    focusModal();
-    transitionProps == null || transitionProps.onEntered == null || transitionProps.onEntered(isAppearing);
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       classNames: {
@@ -93,7 +70,6 @@ const Modal = props => {
       unmountOnExit: true,
       ...transitionProps,
       onEntering: handleEntered,
-      onEntered: handleEnteredDone,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
         width: width,
         ref: nodeRef,

package/ui/Table/Table.js

@@ -20,9 +20,6 @@ function TableInit(props, ref) {
     getRow,
     ...tableProps
   } = props;
-  const handleRowClick = row => {
-    return onClick ? e => onClick(row, e) : undefined;
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBase.TableBase, {
       ...tableProps,
@@ -45,7 +42,7 @@ function TableInit(props, ref) {
             children: getRow(row, index)
           }, index) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
             className: rowClass,
-            onClick: handleRowClick(row),
+            onClick: e => onClick ? onClick(row, e) : null,
             children: structure.map((item, itemIndex) => {
               let cellClass = !!(classes != null && classes.tableCell) ? typeof classes.tableCell === 'string' ? classes.tableCell : classes.tableCell(row, item.code) : '';
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.TableCell, {