hrm_ui_lib 2.4.22 → 2.4.24

package/{Alert-DCyxBBQl.js → Alert-DQ2xDxx4.js}

@@ -563,12 +563,14 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$helperText = props.helperText,
     helperText = _props$helperText === void 0 ? '' : _props$helperText,
     popoverAddons = props.popoverAddons,
-    isInvalid = props.isInvalid;
+    isInvalid = props.isInvalid,
+    _props$stopPropagatio = props.stopPropagation,
+    stopPropagation = _props$stopPropagatio === void 0 ? false : _props$stopPropagatio;
   var localRef = useRef(null);
   var inputRef = ref && Object.keys(ref).length ? ref : localRef;
   var isChecked = !!value || selectedValue;
   var changeHandler = function changeHandler(e) {
-    e.stopPropagation();
+    stopPropagation && e.stopPropagation();
     if (name && setFieldValue) {
       setFieldValue(name, !isChecked, {
         shouldValidate: !isChecked
@@ -622,7 +624,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       'controller--error': isInvalid
     }, className, !!className)),
     onClick: function onClick(e) {
-      return e.stopPropagation();
+      return stopPropagation && e.stopPropagation();
     }
   }, /*#__PURE__*/React.createElement("input", {
     "data-id": dataId,

package/components/Checkbox/Checkbox.js

@@ -7,12 +7,12 @@ import { Text } from '../Text';
 import IconInfo from '../SVGIcons/IconInfo';
 import { IconDynamicComponent } from '../../helperComponents';
 export const Checkbox = forwardRef((props, ref) => {
-    const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid } = props;
+    const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid, stopPropagation = false } = props;
     const localRef = useRef(null);
     const inputRef = ref && Object.keys(ref).length ? ref : localRef;
     const isChecked = !!value || selectedValue;
     const changeHandler = (e) => {
-        e.stopPropagation();
+        stopPropagation && e.stopPropagation();
         if (name && setFieldValue) {
             setFieldValue(name, !isChecked, { shouldValidate: !isChecked });
         }
@@ -38,6 +38,6 @@ export const Checkbox = forwardRef((props, ref) => {
                 'controller--disabled': disabled,
                 'controller--error': isInvalid,
                 [className]: !!className
-            }), onClick: (e) => e.stopPropagation(), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { componentName: iconProps.name, size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
+            }), onClick: (e) => stopPropagation && e.stopPropagation(), children: [_jsx("input", { "data-id": dataId, type: "checkbox", ref: inputRef, tabIndex: 0, onChange: changeHandler, checked: Boolean(isChecked), disabled: disabled }), _jsx("span", { className: "controller__icon", children: _jsx(IconDynamicComponent, { componentName: iconProps.name, size: "xxsmall", type: disabled ? 'disabled' : 'inverse', className: "controller__mark" }) }), checkboxLabel ? (_jsxs("div", { className: "controller__right", children: [_jsxs("div", { className: "flexbox", children: [checkboxLabel, checkboxLabelPopover] }), helperText ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null] })) : null] }) }));
 });
 Checkbox.displayName = 'Checkbox';

package/components/Checkbox/types.d.ts

@@ -15,4 +15,5 @@ export interface TCheckboxProps extends IFormCompProps {
     onClick?: (isChecked: boolean) => void;
     popoverAddons?: TPopoverProps;
     isInvalid?: boolean;
+    stopPropagation?: boolean;
 }

package/components/Table/IndeterminateCheckbox.js

@@ -10,6 +10,6 @@ export const IndeterminateCheckbox = forwardRef(({ indeterminate, checked, onCha
     const handleChange = (v) => {
         onChange({ target: { checked: v } });
     };
-    return _jsx(Checkbox, { disabled: disabled, value: checked, onClick: handleChange, ref: resolvedRef });
+    return (_jsx(Checkbox, { disabled: disabled, value: checked, onClick: handleChange, ref: resolvedRef, stopPropagation: true }));
 });
 IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';

package/components/Table/Row.js

@@ -26,6 +26,10 @@ export function Row({ row, selectedFlatRows, withSelect, uniqueKey, handleRowCli
                     fixed_column_left: (column === null || column === void 0 ? void 0 : column.fixed) === 'left',
                     fixed_column_right: (column === null || column === void 0 ? void 0 : column.fixed) === 'right',
                     fixed_checkbox: isSelection && ((_a = arr[i + 1].column) === null || _a === void 0 ? void 0 : _a.fixed) === 'left'
-                }), children: render('Cell') }), `table_cell_${uniqueKey}_${i}`));
+                }), onClick: (event) => {
+                    if (isSelection)
+                        event.stopPropagation();
+                    cellProps.onClick(event);
+                }, children: render('Cell') }), `table_cell_${uniqueKey}_${i}`));
         }) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "2.4.22",
+  "version": "2.4.24",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",