hrm_ui_lib 2.0.0-alpha.2 → 2.0.0-alpha.21

package/{Alert-w8FkRd9I.js → Alert--0rz5XL1.js}

@@ -20,7 +20,7 @@ import './helpers/format-date.js';
 import { getTranslationLocale } from './helpers/locale.js';
 import 'react-toastify';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
 import { useHideBodyScroll } from './hooks/useHideBodyScroll.js';
@@ -29,10 +29,12 @@ import { Positions } from './components/Tooltip/types.js';
 import { Tooltip } from './components/Tooltip/Tooltip.js';
 import { uniqueFiles, noop } from './utils/helpers.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import { Link } from './components/Link/Link.js';
 import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
 import { IconInfo } from './components/SVGIcons/IconInfo.js';
-import { IconDynamicComponent } from './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import { IconDynamicComponent } from './components/IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import { IconDismissFilled } from './components/SVGIcons/IconDismissFilled.js';
 import { IconDelete } from './components/SVGIcons/IconDelete.js';
@@ -489,14 +491,16 @@ var PopoverMobile = function PopoverMobile(props) {
   }, text))), children);
 };
 
-var _excluded$1 = ["elemRef", "id", "clicked"];
+var _excluded$1 = ["elemRef", "id", "clicked", "stopPropagation"];
 var Popover = function Popover(props) {
   var elemRef = props.elemRef,
     id = props.id,
-    clicked = props.clicked,
+    _props$clicked = props.clicked,
+    clicked = _props$clicked === void 0 ? false : _props$clicked,
+    stopPropagation = props.stopPropagation,
     rest = _objectWithoutProperties(props, _excluded$1);
   var isMobile = useIsMobile();
-  var _useState = useState(false),
+  var _useState = useState(clicked),
     _useState2 = _slicedToArray(_useState, 2),
     isClicked = _useState2[0],
     setIsClicked = _useState2[1];
@@ -504,8 +508,9 @@ var Popover = function Popover(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     parent = _useState4[0],
     setElement = _useState4[1];
-  var showMessage = function showMessage() {
-    return setIsClicked(true);
+  var showMessage = function showMessage(evnt) {
+    if (stopPropagation) evnt.stopImmediatePropagation();
+    setIsClicked(true);
   };
   var hideMessage = function hideMessage() {
     return setIsClicked(false);
@@ -561,11 +566,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() {
+  var changeHandler = function changeHandler(e) {
+    stopPropagation && e.stopPropagation();
     if (name && setFieldValue) {
       setFieldValue(name, !isChecked, {
         shouldValidate: !isChecked
@@ -584,10 +592,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
     type: "information",
     size: "xsmall",
     className: 'ml-4 pointer',
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      changeHandler();
-    }
+    onClick: changeHandler
   }))) : null;
   var checkboxLabel = useMemo(function () {
     if (!label) {
@@ -620,7 +625,10 @@ var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
       'controller--checkbox': true,
       'controller--disabled': disabled,
       'controller--error': isInvalid
-    }, className, !!className))
+    }, className, !!className)),
+    onClick: function onClick(e) {
+      return stopPropagation && e.stopPropagation();
+    }
   }, /*#__PURE__*/React.createElement("input", {
     "data-id": dataId,
     type: "checkbox",