iguazio.dashboard-react-controls 3.2.4 → 3.2.6

package/dist/components/Loader/LoaderForSuspenseFallback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderForSuspenseFallback.mjs","sources":["../../../src/lib/components/Loader/LoaderForSuspenseFallback.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useLayoutEffect } from 'react'\n\nimport Loader from './Loader'\n\nconst LoaderForSuspenseFallback = () => {\n  useLayoutEffect(() => {\n    const overlayContainer = document.getElementById('overlay_container')\n    const savedVisibilityStyle = overlayContainer ? overlayContainer.style.visibility : 'visible'\n\n    if (overlayContainer) overlayContainer.style.visibility = 'hidden'\n\n    return () => {\n      if (overlayContainer) overlayContainer.style.visibility = savedVisibilityStyle\n    }\n  }, [])\n\n  return <Loader />\n}\n\nexport default React.memo(LoaderForSuspenseFallback)\n"],"names":["LoaderForSuspenseFallback","useLayoutEffect","overlayContainer","savedVisibilityStyle","Loader","LoaderForSuspenseFallback$1","React"],"mappings":";;;AAuBA,MAAMA,IAA4B,OAChCC,EAAgB,MAAM;AACd,QAAAC,IAAmB,SAAS,eAAe,mBAAmB,GAC9DC,IAAuBD,IAAmBA,EAAiB,MAAM,aAAa;AAEhF,SAAAA,MAAmCA,EAAA,MAAM,aAAa,WAEnD,MAAM;AACP,IAAAA,MAAmCA,EAAA,MAAM,aAAaC;AAAA,EAC5D;AACF,GAAG,EAAE,qBAEGC,GAAO,EAAA,IAGjBC,IAAeC,EAAM,KAAKN,CAAyB;"}
+{"version":3,"file":"LoaderForSuspenseFallback.mjs","sources":["../../../src/lib/components/Loader/LoaderForSuspenseFallback.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useLayoutEffect } from 'react'\n\nimport Loader from './Loader'\n\nconst LoaderForSuspenseFallback = () => {\n  useLayoutEffect(() => {\n    const overlayContainer = document.getElementById('overlay_container')\n    const savedVisibilityStyle = overlayContainer ? overlayContainer.style.visibility : 'visible'\n\n    if (overlayContainer) overlayContainer.style.visibility = 'hidden'\n\n    return () => {\n      if (overlayContainer) overlayContainer.style.visibility = savedVisibilityStyle\n    }\n  }, [])\n\n  return <Loader />\n}\n\nexport default React.memo(LoaderForSuspenseFallback)\n"],"names":["LoaderForSuspenseFallback","useLayoutEffect","overlayContainer","savedVisibilityStyle","Loader","LoaderForSuspenseFallback_default","React"],"mappings":";;;AAuBA,MAAMA,IAA4B,OAChCC,EAAgB,MAAM;AACpB,QAAMC,IAAmB,SAAS,eAAe,mBAAmB,GAC9DC,IAAuBD,IAAmBA,EAAiB,MAAM,aAAa;AAEpF,SAAIA,MAAkBA,EAAiB,MAAM,aAAa,WAEnD,MAAM;AACX,IAAIA,MAAkBA,EAAiB,MAAM,aAAaC;AAAA,EAC5D;AACF,GAAG,CAAA,CAAE,qBAEGC,GAAA,EAAO,IAGjBC,IAAeC,EAAM,KAAKN,CAAyB;"}

package/dist/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../src/lib/components/Modal/Modal.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classNames from 'classnames'\n\nimport Backdrop from '../Backdrop/Backdrop'\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\n\nimport { MODAL_MD } from '../../constants'\nimport { MODAL_SIZES } from '../../types'\n\nimport CloseIcon from '../../images/close.svg?react'\n\nimport './Modal.scss'\n\nconst Modal = ({\n  actions = [],\n  children,\n  className = '',\n  noHeader = false,\n  onClose,\n  previewText = '',\n  show = false,\n  size = MODAL_MD,\n  subTitle = null,\n  title = ''\n}) => {\n  const nodeRef = useRef(null)\n  const modalClassNames = classNames('modal', className, size && `modal-${size}`)\n\n  return (\n    <>\n      <Backdrop onClose={onClose} show={show} />\n      <CSSTransition\n        nodeRef={nodeRef}\n        in={show}\n        timeout={300}\n        classNames=\"modal-transition\"\n        unmountOnExit\n      >\n        <div className={modalClassNames} data-testid=\"modal\" ref={nodeRef}>\n          <div className=\"modal__header-button\">\n            <RoundedIcon data-testid=\"pop-up-close-btn\" onClick={onClose} tooltipText=\"Close\">\n              <CloseIcon />\n            </RoundedIcon>\n          </div>\n          <div className=\"modal__content\">\n            {!noHeader && (\n              <div className=\"modal__header\">\n                {previewText && <div className=\"modal__header-preview-text\">{previewText}</div>}\n                <h5 className=\"modal__header-title\">{title}</h5>\n                {subTitle && <h6 className=\"modal__header-sub-title\">{subTitle}</h6>}\n              </div>\n            )}\n            <div className=\"modal__body\">{children}</div>\n            {actions && actions.length > 0 && (\n              <div className=\"modal__footer\">\n                <div className=\"modal__footer-actions\">\n                  {actions.map((action, idx) => (\n                    <div key={idx}>{action}</div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </CSSTransition>\n    </>\n  )\n}\n\nModal.propTypes = {\n  actions: PropTypes.array,\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.string\n  ]).isRequired,\n  className: PropTypes.string,\n  noHeader: PropTypes.bool,\n  onClose: PropTypes.func.isRequired,\n  previewText: PropTypes.string,\n  show: PropTypes.bool,\n  size: MODAL_SIZES,\n  subTitle: PropTypes.string,\n  title: PropTypes.string\n}\n\nexport default Modal\n"],"names":["Modal","actions","children","className","noHeader","onClose","previewText","show","size","MODAL_MD","subTitle","title","nodeRef","useRef","modalClassNames","classNames","jsxs","Fragment","jsx","Backdrop","CSSTransition","RoundedIcon","CloseIcon","action","idx","PropTypes","MODAL_SIZES"],"mappings":";;;;;;;;;;;AA+BA,MAAMA,IAAQ,CAAC;AAAA,EACb,SAAAC,IAAU,CAAC;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AACV,MAAM;AACE,QAAAC,IAAUC,EAAO,IAAI,GACrBC,IAAkBC,EAAW,SAASZ,GAAWK,KAAQ,SAASA,CAAI,EAAE;AAE9E,SAEI,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,SAAAd,GAAkB,MAAAE,EAAY,CAAA;AAAA,IACxC,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAAR;AAAA,QACA,IAAIL;AAAA,QACJ,SAAS;AAAA,QACT,YAAW;AAAA,QACX,eAAa;AAAA,QAEb,4BAAC,OAAI,EAAA,WAAWO,GAAiB,eAAY,SAAQ,KAAKF,GACxD,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,wBACb,UAAA,gBAAAA,EAACG,KAAY,eAAY,oBAAmB,SAAShB,GAAS,aAAY,SACxE,UAAC,gBAAAa,EAAAI,GAAA,CAAA,CAAU,EACb,CAAA,GACF;AAAA,UACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,YAAA,CAACZ,KACA,gBAAAY,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,cAAAV,KAAgB,gBAAAY,EAAA,OAAA,EAAI,WAAU,8BAA8B,UAAYZ,GAAA;AAAA,cACxE,gBAAAY,EAAA,MAAA,EAAG,WAAU,uBAAuB,UAAMP,GAAA;AAAA,cAC1CD,KAAY,gBAAAQ,EAAC,MAAG,EAAA,WAAU,2BAA2B,UAASR,EAAA,CAAA;AAAA,YAAA,GACjE;AAAA,YAED,gBAAAQ,EAAA,OAAA,EAAI,WAAU,eAAe,UAAAhB,EAAS,CAAA;AAAA,YACtCD,KAAWA,EAAQ,SAAS,uBAC1B,OAAI,EAAA,WAAU,iBACb,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAU,yBACZ,UAAQjB,EAAA,IAAI,CAACsB,GAAQC,MACpB,gBAAAN,EAAC,SAAe,UAANK,EAAA,GAAAC,CAAa,CACxB,EACH,CAAA,EACF,CAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAxB,EAAM,YAAY;AAAA,EAChB,SAASyB,EAAU;AAAA,EACnB,UAAUA,EAAU,UAAU;AAAA,IAC5BA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,EACX,CAAA,EAAE;AAAA,EACH,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU,KAAK;AAAA,EACxB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,MAAMC;AAAA,EACN,UAAUD,EAAU;AAAA,EACpB,OAAOA,EAAU;AACnB;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../src/lib/components/Modal/Modal.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classNames from 'classnames'\n\nimport Backdrop from '../Backdrop/Backdrop'\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\n\nimport { MODAL_MD } from '../../constants'\nimport { MODAL_SIZES } from '../../types'\n\nimport CloseIcon from '../../images/close.svg?react'\n\nimport './Modal.scss'\n\nconst Modal = ({\n  actions = [],\n  children,\n  className = '',\n  noHeader = false,\n  onClose,\n  previewText = '',\n  show = false,\n  size = MODAL_MD,\n  subTitle = null,\n  title = ''\n}) => {\n  const nodeRef = useRef(null)\n  const modalClassNames = classNames('modal', className, size && `modal-${size}`)\n\n  return (\n    <>\n      <Backdrop onClose={onClose} show={show} />\n      <CSSTransition\n        nodeRef={nodeRef}\n        in={show}\n        timeout={300}\n        classNames=\"modal-transition\"\n        unmountOnExit\n      >\n        <div className={modalClassNames} data-testid=\"modal\" ref={nodeRef}>\n          <div className=\"modal__header-button\">\n            <RoundedIcon data-testid=\"pop-up-close-btn\" onClick={onClose} tooltipText=\"Close\">\n              <CloseIcon />\n            </RoundedIcon>\n          </div>\n          <div className=\"modal__content\">\n            {!noHeader && (\n              <div className=\"modal__header\">\n                {previewText && <div className=\"modal__header-preview-text\">{previewText}</div>}\n                <h5 className=\"modal__header-title\">{title}</h5>\n                {subTitle && <h6 className=\"modal__header-sub-title\">{subTitle}</h6>}\n              </div>\n            )}\n            <div className=\"modal__body\">{children}</div>\n            {actions && actions.length > 0 && (\n              <div className=\"modal__footer\">\n                <div className=\"modal__footer-actions\">\n                  {actions.map((action, idx) => (\n                    <div key={idx}>{action}</div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </CSSTransition>\n    </>\n  )\n}\n\nModal.propTypes = {\n  actions: PropTypes.array,\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.string\n  ]).isRequired,\n  className: PropTypes.string,\n  noHeader: PropTypes.bool,\n  onClose: PropTypes.func.isRequired,\n  previewText: PropTypes.string,\n  show: PropTypes.bool,\n  size: MODAL_SIZES,\n  subTitle: PropTypes.string,\n  title: PropTypes.string\n}\n\nexport default Modal\n"],"names":["Modal","actions","children","className","noHeader","onClose","previewText","show","size","MODAL_MD","subTitle","title","nodeRef","useRef","modalClassNames","classNames","jsxs","Fragment","jsx","Backdrop","CSSTransition","RoundedIcon","CloseIcon","action","idx","PropTypes","MODAL_SIZES"],"mappings":";;;;;;;;;;;AA+BA,MAAMA,IAAQ,CAAC;AAAA,EACb,SAAAC,IAAU,CAAA;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AACV,MAAM;AACJ,QAAMC,IAAUC,EAAO,IAAI,GACrBC,IAAkBC,EAAW,SAASZ,GAAWK,KAAQ,SAASA,CAAI,EAAE;AAE9E,SACE,gBAAAQ,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,SAAAd,GAAkB,MAAAE,EAAA,CAAY;AAAA,IACxC,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAAR;AAAA,QACA,IAAIL;AAAA,QACJ,SAAS;AAAA,QACT,YAAW;AAAA,QACX,eAAa;AAAA,QAEb,4BAAC,OAAA,EAAI,WAAWO,GAAiB,eAAY,SAAQ,KAAKF,GACxD,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACG,KAAY,eAAY,oBAAmB,SAAShB,GAAS,aAAY,SACxE,UAAA,gBAAAa,EAACI,GAAA,CAAA,CAAU,GACb,GACF;AAAA,UACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA;AAAA,YAAA,CAACZ,KACA,gBAAAY,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,cAAAV,KAAe,gBAAAY,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAZ,GAAY;AAAA,cACzE,gBAAAY,EAAC,MAAA,EAAG,WAAU,uBAAuB,UAAAP,GAAM;AAAA,cAC1CD,KAAY,gBAAAQ,EAAC,MAAA,EAAG,WAAU,2BAA2B,UAAAR,EAAA,CAAS;AAAA,YAAA,GACjE;AAAA,YAEF,gBAAAQ,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAhB,EAAA,CAAS;AAAA,YACtCD,KAAWA,EAAQ,SAAS,uBAC1B,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAAjB,EAAQ,IAAI,CAACsB,GAAQC,MACpB,gBAAAN,EAAC,SAAe,UAAAK,EAAA,GAANC,CAAa,CACxB,EAAA,CACH,EAAA,CACF;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAxB,EAAM,YAAY;AAAA,EAChB,SAASyB,EAAU;AAAA,EACnB,UAAUA,EAAU,UAAU;AAAA,IAC5BA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,EAAA,CACX,EAAE;AAAA,EACH,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU,KAAK;AAAA,EACxB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,MAAMC;AAAA,EACN,UAAUD,EAAU;AAAA,EACpB,OAAOA,EAAU;AACnB;"}

package/dist/components/PopUpDialog/PopUpDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopUpDialog.mjs","sources":["../../../src/lib/components/PopUpDialog/PopUpDialog.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef, useCallback, useEffect, useLayoutEffect, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { createPortal } from 'react-dom'\nimport { throttle } from 'lodash'\n\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { POP_UP_CUSTOM_POSITION } from '../../types'\nimport CloseIcon from '../../images/close.svg?react'\n\nimport './popUpDialog.scss'\n\nlet PopUpDialog = (\n  {\n    children,\n    className = '',\n    closePopUp = null,\n    customPosition = {},\n    headerIsHidden = false,\n    headerText = '',\n    isOpen = true,\n    onResolve = null,\n    style = {},\n    tooltipText = ''\n  },\n  ref\n) => {\n  const popUpOverlayRef = useRef(null)\n  ref ??= popUpOverlayRef\n  const popUpClassNames = classnames(\n    className,\n    'pop-up-dialog__overlay',\n    customPosition.element && 'custom-position'\n  )\n\n  const handleClosePopUp = useCallback(() => {\n    closePopUp && closePopUp()\n    onResolve && onResolve()\n  }, [closePopUp, onResolve])\n\n  const calculateCustomPopUpPosition = useCallback(() => {\n    if (customPosition?.element?.current && ref?.current) {\n      const elementRect = customPosition.element.current.getBoundingClientRect()\n      const popUpRect = ref.current.getBoundingClientRect()\n      const [verticalPosition, horizontalPosition] = customPosition.position.split('-')\n      const popupMargin = 15\n      const elementMargin = 5\n      const isEnoughSpaceFromLeft = elementRect.right >= popUpRect.width + popupMargin\n      const isEnoughSpaceFromRight =\n        window.innerWidth - elementRect.left >= popUpRect.width + popupMargin\n      const isEnoughSpaceFromTop = elementRect.top > popUpRect.height + popupMargin + elementMargin\n      const isEnoughSpaceFromBottom =\n        elementRect.bottom + popUpRect.height + popupMargin + elementMargin <= window.innerHeight\n      let leftPosition =\n        horizontalPosition === 'left' ? elementRect.right - popUpRect.width : elementRect.left\n\n      let topPosition\n\n      if (verticalPosition === 'top') {\n        topPosition = isEnoughSpaceFromTop\n          ? elementRect.top - popUpRect.height - elementMargin\n          : popupMargin\n      } else {\n        topPosition = isEnoughSpaceFromBottom\n          ? elementRect.bottom + elementMargin\n          : window.innerHeight - popUpRect.height - popupMargin\n      }\n\n      if (customPosition.autoVerticalPosition) {\n        if (verticalPosition === 'top') {\n          if (!isEnoughSpaceFromTop && isEnoughSpaceFromBottom) {\n            topPosition = elementRect.bottom + elementMargin\n          }\n        } else {\n          if (isEnoughSpaceFromTop && !isEnoughSpaceFromBottom) {\n            topPosition = elementRect.top - popUpRect.height - elementMargin\n          }\n        }\n      }\n\n      if (customPosition.autoHorizontalPosition) {\n        if (verticalPosition === 'left') {\n          if (!isEnoughSpaceFromLeft && isEnoughSpaceFromRight) {\n            leftPosition = elementRect.left\n          } else if (!isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = popupMargin\n          }\n        } else {\n          if (isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = elementRect.right - popUpRect.width\n          } else if (!isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = window.innerWidth - popUpRect.width - popupMargin\n          }\n        }\n      }\n\n      ref.current.style.top = `${topPosition}px`\n\n      if (style.left && !(customPosition.autoHorizontalPosition && isEnoughSpaceFromRight)) {\n        ref.current.style.left = `calc(${leftPosition}px + ${style.left})`\n      } else {\n        ref.current.style.left = `${leftPosition}px`\n      }\n    }\n  }, [customPosition, style.left, ref])\n\n  useLayoutEffect(() => {\n    calculateCustomPopUpPosition()\n  }, [calculateCustomPopUpPosition])\n\n  useEffect(() => {\n    if (isOpen) {\n      const throttledCalculatedCustomPopUpPosition = throttle(calculateCustomPopUpPosition, 100, {\n        trailing: true,\n        leading: true\n      })\n      const popupObserver = new ResizeObserver(throttledCalculatedCustomPopUpPosition)\n      const popupElement = ref.current\n\n      popupObserver.observe(popupElement)\n      window.addEventListener('resize', throttledCalculatedCustomPopUpPosition)\n\n      return () => {\n        popupObserver.unobserve(popupElement)\n        window.removeEventListener('resize', throttledCalculatedCustomPopUpPosition)\n      }\n    }\n  }, [calculateCustomPopUpPosition, ref, isOpen])\n\n  return isOpen\n    ? createPortal(\n        <div ref={ref} className={popUpClassNames} style={style}>\n          <div data-testid=\"pop-up-dialog\" className=\"pop-up-dialog\">\n            {!headerIsHidden && (\n              <div className=\"pop-up-dialog__header\">\n                {headerText && (\n                  <div data-testid=\"pop-up-dialog-header\" className=\"pop-up-dialog__header-text\">\n                    <Tooltip template={<TextTooltipTemplate text={tooltipText || headerText} />}>\n                      <span>{headerText}</span>\n                    </Tooltip>\n                  </div>\n                )}\n                <RoundedIcon\n                  className=\"pop-up-dialog__btn_close\"\n                  onClick={handleClosePopUp}\n                  tooltipText=\"Close\"\n                  data-testid=\"pop-up-close-btn\"\n                >\n                  <CloseIcon />\n                </RoundedIcon>\n              </div>\n            )}\n            {children}\n          </div>\n        </div>,\n        document.getElementById('overlay_container')\n      )\n    : null\n}\n\nPopUpDialog = forwardRef(PopUpDialog)\n\nPopUpDialog.displayName = 'PopUpDialog'\n\nPopUpDialog.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  closePopUp: PropTypes.func,\n  customPosition: POP_UP_CUSTOM_POSITION,\n  isOpen: PropTypes.bool,\n  headerIsHidden: PropTypes.bool,\n  headerText: PropTypes.string,\n  onResolve: PropTypes.func,\n  showPopUpDialog: PropTypes.bool,\n  style: PropTypes.object,\n  tooltipText: PropTypes.string\n}\n\nexport default PopUpDialog\n"],"names":["PopUpDialog","children","className","closePopUp","customPosition","headerIsHidden","headerText","isOpen","onResolve","style","tooltipText","ref","popUpOverlayRef","useRef","popUpClassNames","classnames","handleClosePopUp","useCallback","calculateCustomPopUpPosition","_a","elementRect","popUpRect","verticalPosition","horizontalPosition","popupMargin","elementMargin","isEnoughSpaceFromLeft","isEnoughSpaceFromRight","isEnoughSpaceFromTop","isEnoughSpaceFromBottom","leftPosition","topPosition","useLayoutEffect","useEffect","throttledCalculatedCustomPopUpPosition","throttle","popupObserver","popupElement","createPortal","jsx","jsxs","Tooltip","TextTooltipTemplate","RoundedIcon","CloseIcon","forwardRef","PropTypes","POP_UP_CUSTOM_POSITION","PopUpDialog$1"],"mappings":"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"}
+{"version":3,"file":"PopUpDialog.mjs","sources":["../../../src/lib/components/PopUpDialog/PopUpDialog.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef, useCallback, useEffect, useLayoutEffect, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { createPortal } from 'react-dom'\nimport { throttle } from 'lodash'\n\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { POP_UP_CUSTOM_POSITION } from '../../types'\nimport CloseIcon from '../../images/close.svg?react'\n\nimport './popUpDialog.scss'\n\nlet PopUpDialog = (\n  {\n    children,\n    className = '',\n    closePopUp = null,\n    customPosition = {},\n    headerIsHidden = false,\n    headerText = '',\n    isOpen = true,\n    onResolve = null,\n    style = {},\n    tooltipText = ''\n  },\n  ref\n) => {\n  const popUpOverlayRef = useRef(null)\n  ref ??= popUpOverlayRef\n  const popUpClassNames = classnames(\n    className,\n    'pop-up-dialog__overlay',\n    customPosition.element && 'custom-position'\n  )\n\n  const handleClosePopUp = useCallback(() => {\n    closePopUp && closePopUp()\n    onResolve && onResolve()\n  }, [closePopUp, onResolve])\n\n  const calculateCustomPopUpPosition = useCallback(() => {\n    if (customPosition?.element?.current && ref?.current) {\n      const elementRect = customPosition.element.current.getBoundingClientRect()\n      const popUpRect = ref.current.getBoundingClientRect()\n      const [verticalPosition, horizontalPosition] = customPosition.position.split('-')\n      const popupMargin = 15\n      const elementMargin = 5\n      const isEnoughSpaceFromLeft = elementRect.right >= popUpRect.width + popupMargin\n      const isEnoughSpaceFromRight =\n        window.innerWidth - elementRect.left >= popUpRect.width + popupMargin\n      const isEnoughSpaceFromTop = elementRect.top > popUpRect.height + popupMargin + elementMargin\n      const isEnoughSpaceFromBottom =\n        elementRect.bottom + popUpRect.height + popupMargin + elementMargin <= window.innerHeight\n      let leftPosition =\n        horizontalPosition === 'left' ? elementRect.right - popUpRect.width : elementRect.left\n\n      let topPosition\n\n      if (verticalPosition === 'top') {\n        topPosition = isEnoughSpaceFromTop\n          ? elementRect.top - popUpRect.height - elementMargin\n          : popupMargin\n      } else {\n        topPosition = isEnoughSpaceFromBottom\n          ? elementRect.bottom + elementMargin\n          : window.innerHeight - popUpRect.height - popupMargin\n      }\n\n      if (customPosition.autoVerticalPosition) {\n        if (verticalPosition === 'top') {\n          if (!isEnoughSpaceFromTop && isEnoughSpaceFromBottom) {\n            topPosition = elementRect.bottom + elementMargin\n          }\n        } else {\n          if (isEnoughSpaceFromTop && !isEnoughSpaceFromBottom) {\n            topPosition = elementRect.top - popUpRect.height - elementMargin\n          }\n        }\n      }\n\n      if (customPosition.autoHorizontalPosition) {\n        if (verticalPosition === 'left') {\n          if (!isEnoughSpaceFromLeft && isEnoughSpaceFromRight) {\n            leftPosition = elementRect.left\n          } else if (!isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = popupMargin\n          }\n        } else {\n          if (isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = elementRect.right - popUpRect.width\n          } else if (!isEnoughSpaceFromLeft && !isEnoughSpaceFromRight) {\n            leftPosition = window.innerWidth - popUpRect.width - popupMargin\n          }\n        }\n      }\n\n      ref.current.style.top = `${topPosition}px`\n\n      if (style.left && !(customPosition.autoHorizontalPosition && isEnoughSpaceFromRight)) {\n        ref.current.style.left = `calc(${leftPosition}px + ${style.left})`\n      } else {\n        ref.current.style.left = `${leftPosition}px`\n      }\n    }\n  }, [customPosition, style.left, ref])\n\n  useLayoutEffect(() => {\n    calculateCustomPopUpPosition()\n  }, [calculateCustomPopUpPosition])\n\n  useEffect(() => {\n    if (isOpen) {\n      const throttledCalculatedCustomPopUpPosition = throttle(calculateCustomPopUpPosition, 100, {\n        trailing: true,\n        leading: true\n      })\n      const popupObserver = new ResizeObserver(throttledCalculatedCustomPopUpPosition)\n      const popupElement = ref.current\n\n      popupObserver.observe(popupElement)\n      window.addEventListener('resize', throttledCalculatedCustomPopUpPosition)\n\n      return () => {\n        popupObserver.unobserve(popupElement)\n        window.removeEventListener('resize', throttledCalculatedCustomPopUpPosition)\n      }\n    }\n  }, [calculateCustomPopUpPosition, ref, isOpen])\n\n  return isOpen\n    ? createPortal(\n        <div ref={ref} className={popUpClassNames} style={style}>\n          <div data-testid=\"pop-up-dialog\" className=\"pop-up-dialog\">\n            {!headerIsHidden && (\n              <div className=\"pop-up-dialog__header\">\n                {headerText && (\n                  <div data-testid=\"pop-up-dialog-header\" className=\"pop-up-dialog__header-text\">\n                    <Tooltip template={<TextTooltipTemplate text={tooltipText || headerText} />}>\n                      <span>{headerText}</span>\n                    </Tooltip>\n                  </div>\n                )}\n                <RoundedIcon\n                  className=\"pop-up-dialog__btn_close\"\n                  onClick={handleClosePopUp}\n                  tooltipText=\"Close\"\n                  data-testid=\"pop-up-close-btn\"\n                >\n                  <CloseIcon />\n                </RoundedIcon>\n              </div>\n            )}\n            {children}\n          </div>\n        </div>,\n        document.getElementById('overlay_container')\n      )\n    : null\n}\n\nPopUpDialog = forwardRef(PopUpDialog)\n\nPopUpDialog.displayName = 'PopUpDialog'\n\nPopUpDialog.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  closePopUp: PropTypes.func,\n  customPosition: POP_UP_CUSTOM_POSITION,\n  isOpen: PropTypes.bool,\n  headerIsHidden: PropTypes.bool,\n  headerText: PropTypes.string,\n  onResolve: PropTypes.func,\n  showPopUpDialog: PropTypes.bool,\n  style: PropTypes.object,\n  tooltipText: PropTypes.string\n}\n\nexport default PopUpDialog\n"],"names":["PopUpDialog","children","className","closePopUp","customPosition","headerIsHidden","headerText","isOpen","onResolve","style","tooltipText","ref","popUpOverlayRef","useRef","popUpClassNames","classnames","handleClosePopUp","useCallback","calculateCustomPopUpPosition","_a","elementRect","popUpRect","verticalPosition","horizontalPosition","popupMargin","elementMargin","isEnoughSpaceFromLeft","isEnoughSpaceFromRight","isEnoughSpaceFromTop","isEnoughSpaceFromBottom","leftPosition","topPosition","useLayoutEffect","useEffect","throttledCalculatedCustomPopUpPosition","throttle","popupObserver","popupElement","createPortal","jsx","jsxs","Tooltip","TextTooltipTemplate","RoundedIcon","CloseIcon","forwardRef","PropTypes","POP_UP_CUSTOM_POSITION","PopUpDialog$1"],"mappings":"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"}

package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyChips.mjs","sources":["../../../src/lib/components/ReadOnlyChips/ReadOnlyChips.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport { Form } from 'react-final-form'\nimport { createForm } from 'final-form'\nimport PropTypes from 'prop-types'\nimport arrayMutators from 'final-form-arrays'\n\nimport { FormChipCell } from '../index'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { setFieldState } from '../../utils/form.util'\nimport { CHIP_OPTIONS } from '../../types'\n\nconst defaultChipOptions = getChipOptions('metrics')\n\nconst ReadOnlyChips = ({ chipOptions = defaultChipOptions, labels = [], ...args }) => {\n  const formRef = React.useRef(\n    createForm({\n      initialValues: { labels: labels },\n      mutators: { ...arrayMutators, setFieldState },\n      onSubmit: () => {}\n    })\n  )\n\n  return (\n    <Form form={formRef.current} onSubmit={() => {}}>\n      {formState => {\n        return (\n          <FormChipCell\n            chipOptions={chipOptions}\n            formState={formState}\n            isEditable={false}\n            initialValues={formState.initialValues}\n            name=\"labels\"\n            {...args}\n          />\n        )\n      }}\n    </Form>\n  )\n}\n\nReadOnlyChips.propTypes = {\n  chipOptions: CHIP_OPTIONS,\n  labels: PropTypes.array\n}\n\nexport default ReadOnlyChips\n"],"names":["defaultChipOptions","getChipOptions","ReadOnlyChips","chipOptions","labels","args","formRef","React","createForm","arrayMutators","setFieldState","Form","formState","jsx","FormChipCell","CHIP_OPTIONS","PropTypes"],"mappings":";;;;;;;;;;;AA+BA,MAAMA,IAAqBC,EAAe,SAAS,GAE7CC,IAAgB,CAAC,EAAE,aAAAC,IAAcH,GAAoB,QAAAI,IAAS,CAAC,GAAG,GAAGC,QAAW;AACpF,QAAMC,IAAUC,EAAM;AAAA,IACpBC,EAAW;AAAA,MACT,eAAe,EAAE,QAAAJ,EAAe;AAAA,MAChC,UAAU,EAAE,GAAGK,GAAe,eAAAC,EAAc;AAAA,MAC5C,UAAU,MAAM;AAAA,MAAA;AAAA,IACjB,CAAA;AAAA,EACH;AAEA,2BACGC,GAAK,EAAA,MAAML,EAAQ,SAAS,UAAU,MAAM;AAAA,EAAA,GAC1C,UAAa,CAAAM,MAEV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAX;AAAA,MACA,WAAAS;AAAA,MACA,YAAY;AAAA,MACZ,eAAeA,EAAU;AAAA,MACzB,MAAK;AAAA,MACJ,GAAGP;AAAA,IAAA;AAAA,EACN,GAGN;AAEJ;AAEAH,EAAc,YAAY;AAAA,EACxB,aAAaa;AAAA,EACb,QAAQC,EAAU;AACpB;"}
+{"version":3,"file":"ReadOnlyChips.mjs","sources":["../../../src/lib/components/ReadOnlyChips/ReadOnlyChips.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport { Form } from 'react-final-form'\nimport { createForm } from 'final-form'\nimport PropTypes from 'prop-types'\nimport arrayMutators from 'final-form-arrays'\n\nimport { FormChipCell } from '../index'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { setFieldState } from '../../utils/form.util'\nimport { CHIP_OPTIONS } from '../../types'\n\nconst defaultChipOptions = getChipOptions('metrics')\n\nconst ReadOnlyChips = ({ chipOptions = defaultChipOptions, labels = [], ...args }) => {\n  const formRef = React.useRef(\n    createForm({\n      initialValues: { labels: labels },\n      mutators: { ...arrayMutators, setFieldState },\n      onSubmit: () => {}\n    })\n  )\n\n  return (\n    <Form form={formRef.current} onSubmit={() => {}}>\n      {formState => {\n        return (\n          <FormChipCell\n            chipOptions={chipOptions}\n            formState={formState}\n            isEditable={false}\n            initialValues={formState.initialValues}\n            name=\"labels\"\n            {...args}\n          />\n        )\n      }}\n    </Form>\n  )\n}\n\nReadOnlyChips.propTypes = {\n  chipOptions: CHIP_OPTIONS,\n  labels: PropTypes.array\n}\n\nexport default ReadOnlyChips\n"],"names":["defaultChipOptions","getChipOptions","ReadOnlyChips","chipOptions","labels","args","formRef","React","createForm","arrayMutators","setFieldState","Form","formState","jsx","FormChipCell","CHIP_OPTIONS","PropTypes"],"mappings":";;;;;;;;;;;AA+BA,MAAMA,IAAqBC,EAAe,SAAS,GAE7CC,IAAgB,CAAC,EAAE,aAAAC,IAAcH,GAAoB,QAAAI,IAAS,CAAA,GAAI,GAAGC,QAAW;AACpF,QAAMC,IAAUC,EAAM;AAAA,IACpBC,EAAW;AAAA,MACT,eAAe,EAAE,QAAAJ,EAAA;AAAA,MACjB,UAAU,EAAE,GAAGK,GAAe,eAAAC,EAAA;AAAA,MAC9B,UAAU,MAAM;AAAA,MAAC;AAAA,IAAA,CAClB;AAAA,EAAA;AAGH,2BACGC,GAAA,EAAK,MAAML,EAAQ,SAAS,UAAU,MAAM;AAAA,EAAC,GAC3C,UAAA,CAAAM,MAEG,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAX;AAAA,MACA,WAAAS;AAAA,MACA,YAAY;AAAA,MACZ,eAAeA,EAAU;AAAA,MACzB,MAAK;AAAA,MACJ,GAAGP;AAAA,IAAA;AAAA,EAAA,GAIZ;AAEJ;AAEAH,EAAc,YAAY;AAAA,EACxB,aAAaa;AAAA,EACb,QAAQC,EAAU;AACpB;"}

package/dist/components/RoundedIcon/RoundedIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RoundedIcon.mjs","sources":["../../../src/lib/components/RoundedIcon/RoundedIcon.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport './roundedIcon.scss'\n\nlet RoundedIcon = (\n  {\n    children,\n    className = '',\n    disabled = false,\n    id = '',\n    isActive = false,\n    onClick = () => {},\n    tooltipText = ''\n  },\n  ref\n) => {\n  const wrapperClassNames = classNames('round-icon-cp', className)\n  const IconClassNames = classNames(\n    'round-icon-cp__circle',\n    isActive && 'round-icon-cp__circle-active',\n    disabled && 'round-icon-cp__circle-disabled'\n  )\n\n  return (\n    <div className={wrapperClassNames} ref={ref} data-testid={id}>\n      <Tooltip hidden={!tooltipText} id={id} template={<TextTooltipTemplate text={tooltipText} />}>\n        <button onClick={onClick} disabled={disabled} className={IconClassNames}>\n          {children}\n        </button>\n      </Tooltip>\n    </div>\n  )\n}\n\nRoundedIcon = React.memo(forwardRef(RoundedIcon))\n\nRoundedIcon.displayName = 'RoundedIcon'\n\nRoundedIcon.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  id: PropTypes.string,\n  isActive: PropTypes.bool,\n  onClick: PropTypes.func,\n  tooltipText: PropTypes.string\n}\n\nexport default RoundedIcon\n"],"names":["RoundedIcon","children","className","disabled","id","isActive","onClick","tooltipText","ref","wrapperClassNames","classNames","IconClassNames","jsx","Tooltip","TextTooltipTemplate","React","forwardRef","PropTypes","RoundedIcon$1"],"mappings":";;;;;;;AAyBA,IAAIA,IAAc,CAChB;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,IAAAC,IAAK;AAAA,EACL,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,aAAAC,IAAc;AAChB,GACAC,MACG;AACG,QAAAC,IAAoBC,EAAW,iBAAiBR,CAAS,GACzDS,IAAiBD;AAAAA,IACrB;AAAA,IACAL,KAAY;AAAA,IACZF,KAAY;AAAA,EACd;AAGE,SAAA,gBAAAS,EAAC,OAAI,EAAA,WAAWH,GAAmB,KAAAD,GAAU,eAAaJ,GACxD,UAAC,gBAAAQ,EAAAC,GAAA,EAAQ,QAAQ,CAACN,GAAa,IAAAH,GAAQ,UAAU,gBAAAQ,EAACE,GAAoB,EAAA,MAAMP,EAAa,CAAA,GACvF,UAAC,gBAAAK,EAAA,UAAA,EAAO,SAAAN,GAAkB,UAAAH,GAAoB,WAAWQ,GACtD,UAAAV,EACH,CAAA,EACF,CAAA,GACF;AAEJ;AAEAD,IAAce,EAAM,KAAKC,EAAWhB,CAAW,CAAC;AAEhDA,EAAY,cAAc;AAE1BA,EAAY,YAAY;AAAA,EACtB,UAAUiB,EAAU,KAAK;AAAA,EACzB,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,IAAIA,EAAU;AAAA,EACd,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,aAAaA,EAAU;AACzB;AAEA,MAAAC,IAAelB;"}
+{"version":3,"file":"RoundedIcon.mjs","sources":["../../../src/lib/components/RoundedIcon/RoundedIcon.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport './roundedIcon.scss'\n\nlet RoundedIcon = (\n  {\n    children,\n    className = '',\n    disabled = false,\n    id = '',\n    isActive = false,\n    onClick = () => {},\n    tooltipText = ''\n  },\n  ref\n) => {\n  const wrapperClassNames = classNames('round-icon-cp', className)\n  const IconClassNames = classNames(\n    'round-icon-cp__circle',\n    isActive && 'round-icon-cp__circle-active',\n    disabled && 'round-icon-cp__circle-disabled'\n  )\n\n  return (\n    <div className={wrapperClassNames} ref={ref} data-testid={id}>\n      <Tooltip hidden={!tooltipText} id={id} template={<TextTooltipTemplate text={tooltipText} />}>\n        <button onClick={onClick} disabled={disabled} className={IconClassNames}>\n          {children}\n        </button>\n      </Tooltip>\n    </div>\n  )\n}\n\nRoundedIcon = React.memo(forwardRef(RoundedIcon))\n\nRoundedIcon.displayName = 'RoundedIcon'\n\nRoundedIcon.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  id: PropTypes.string,\n  isActive: PropTypes.bool,\n  onClick: PropTypes.func,\n  tooltipText: PropTypes.string\n}\n\nexport default RoundedIcon\n"],"names":["RoundedIcon","children","className","disabled","id","isActive","onClick","tooltipText","ref","wrapperClassNames","classNames","IconClassNames","jsx","Tooltip","TextTooltipTemplate","React","forwardRef","PropTypes","RoundedIcon$1"],"mappings":";;;;;;;AAyBA,IAAIA,IAAc,CAChB;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,IAAAC,IAAK;AAAA,EACL,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,aAAAC,IAAc;AAChB,GACAC,MACG;AACH,QAAMC,IAAoBC,EAAW,iBAAiBR,CAAS,GACzDS,IAAiBD;AAAAA,IACrB;AAAA,IACAL,KAAY;AAAA,IACZF,KAAY;AAAA,EAAA;AAGd,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWH,GAAmB,KAAAD,GAAU,eAAaJ,GACxD,UAAA,gBAAAQ,EAACC,GAAA,EAAQ,QAAQ,CAACN,GAAa,IAAAH,GAAQ,UAAU,gBAAAQ,EAACE,GAAA,EAAoB,MAAMP,EAAA,CAAa,GACvF,UAAA,gBAAAK,EAAC,UAAA,EAAO,SAAAN,GAAkB,UAAAH,GAAoB,WAAWQ,GACtD,UAAAV,EAAA,CACH,EAAA,CACF,GACF;AAEJ;AAEAD,IAAce,EAAM,KAAKC,EAAWhB,CAAW,CAAC;AAEhDA,EAAY,cAAc;AAE1BA,EAAY,YAAY;AAAA,EACtB,UAAUiB,EAAU,KAAK;AAAA,EACzB,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,IAAIA,EAAU;AAAA,EACd,UAAUA,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,aAAaA,EAAU;AACzB;AAEA,MAAAC,IAAelB;"}

package/dist/components/TableCell/TableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ReadOnlyChips\n          chipOptions={getChipOptions(cellData.type)}\n          labels={cellData.value}\n          shortChips\n        />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","PropTypes"],"mappings":"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"}
+{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ReadOnlyChips\n          chipOptions={getChipOptions(cellData.type)}\n          labels={cellData.value}\n          shortChips\n        />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","PropTypes"],"mappings":"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"}

package/dist/components/TabsSlider/TabsSlider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabsSlider.mjs","sources":["../../../src/lib/components/TabsSlider/TabsSlider.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useCallback, useEffect, useState, useRef } from 'react'\nimport { Link, useLocation, useParams } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tip from '../Tip/Tip'\n\nimport { SLIDER_TABS } from '../../types'\nimport { generateUrlFromRouterPath } from '../../utils/common.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TabsSlider = ({\n  fontSize = 'sm',\n  initialTab = '',\n  isDetailsPopUp = false,\n  onClick = () => {},\n  skipLink = false,\n  tabsList\n}) => {\n  const [selectedTab, setSelectedTab] = useState(initialTab)\n  const [arrowsAreHidden, setArrowsAreHidden] = useState(true)\n  const [scrolledWidth, setScrolledWidth] = useState(0)\n  const [rightArrowDisabled, setRightArrowDisabled] = useState(false)\n  const tabsWrapperRef = useRef()\n  const tabsRef = useRef()\n  const location = useLocation()\n  const params = useParams()\n  const menuOffsetHalfWidth = 2\n  const tabOffset = 1.5\n\n  const leftArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_left',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    scrolledWidth === 0 && 'tabs-slider__arrow_disabled'\n  )\n  const rightArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_right',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    rightArrowDisabled && 'tabs-slider__arrow_disabled'\n  )\n\n  const scrollTabs = toRight => {\n    let scrollWidth\n\n    if (toRight) {\n      if (\n        tabsRef.current?.scrollWidth <\n        tabsWrapperRef.current?.offsetWidth * tabOffset + scrolledWidth\n      ) {\n        scrollWidth = tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth\n\n        setRightArrowDisabled(true)\n      } else {\n        scrollWidth = scrolledWidth + tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      }\n    } else {\n      scrollWidth = Math.max(\n        0,\n        scrolledWidth - tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      )\n\n      setRightArrowDisabled(false)\n    }\n\n    setScrolledWidth(scrollWidth)\n  }\n\n  const handleHideArrows = useCallback(() => {\n    const scrollIsHidden = tabsRef.current?.offsetWidth === tabsRef.current?.scrollWidth\n\n    setArrowsAreHidden(scrollIsHidden)\n\n    if (rightArrowDisabled) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n    }\n\n    if (scrollIsHidden) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    }\n  }, [rightArrowDisabled, tabsRef, tabsWrapperRef])\n\n  const moveToSelectedTab = useCallback(() => {\n    const selectedTabNode = document.querySelector(`[data-tab='${selectedTab}']`)\n    const centeredTabPosition =\n      selectedTabNode?.offsetLeft -\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n      selectedTabNode?.offsetWidth / menuOffsetHalfWidth\n\n    if (centeredTabPosition <= 0) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    } else if (\n      tabsRef.current?.scrollWidth <\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n        selectedTabNode?.offsetLeft +\n        selectedTabNode?.offsetWidth\n    ) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n      setRightArrowDisabled(true)\n    } else {\n      setScrolledWidth(centeredTabPosition)\n      setRightArrowDisabled(false)\n    }\n  }, [selectedTab])\n\n  const onSelectTab = newTab => {\n    setSelectedTab(newTab)\n    onClick && onClick(newTab)\n  }\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHideArrows)\n\n    return () => window.removeEventListener('resize', handleHideArrows)\n  }, [handleHideArrows])\n\n  useEffect(() => {\n    window.addEventListener('resize', moveToSelectedTab)\n\n    return () => window.removeEventListener('resize', moveToSelectedTab)\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    handleHideArrows()\n  }, [tabsList, handleHideArrows])\n\n  useEffect(() => {\n    moveToSelectedTab()\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    if (params.tab && params.tab !== selectedTab && !isDetailsPopUp) {\n      setSelectedTab(tabsList.find(tab => tab.id === params.tab)?.id)\n    }\n  }, [isDetailsPopUp, params.tab, selectedTab, tabsList])\n\n  const getTabContent = useCallback(tab => {\n    return (\n      <span\n        className={(tab.icon && 'content-menu__tab-icon') || (tab.tip && 'content-menu__tab-tip')}\n      >\n        {tab.icon && <div>{tab.icon}</div>}\n        {tab.label}\n        {tab.tip && <Tip text={tab.tip} />}\n      </span>\n    )\n  }, [])\n\n  return (\n    <div className=\"content-menu\">\n      <div\n        className={leftArrowClassNames}\n        onClick={() => {\n          scrollTabs(false)\n        }}\n      >\n        <Arrow />\n      </div>\n      <div className=\"content-menu__tabs-wrapper\" ref={tabsWrapperRef}>\n        <div\n          ref={tabsRef}\n          className=\"content-menu__tabs\"\n          style={{\n            transform: `translateX(${-scrolledWidth}px)`\n          }}\n        >\n          {tabsList.map(tab => {\n            const tabClassName = classnames(\n              'content-menu__tab',\n              `content-menu__tab-${fontSize}`,\n              selectedTab === tab.id && 'content-menu__tab_active'\n            )\n\n            return (\n              !tab.hidden &&\n              (!skipLink ? (\n                <Link\n                  to={generateUrlFromRouterPath(\n                    `${window.location.pathname?.replace(/^$|([^/]+$)/, tab.id)}${location.search ?? ''}${tab.query ?? ''}`\n                  )}\n                  className={tabClassName}\n                  key={tab.id}\n                  data-tab={tab.id}\n                  onClick={() => onSelectTab(tab.id)}\n                >\n                  {getTabContent(tab)}\n                </Link>\n              ) : (\n                <div\n                  className={tabClassName}\n                  key={tab.id}\n                  data-tab={tab.id}\n                  onClick={() => onSelectTab(tab.id)}\n                >\n                  {getTabContent(tab)}\n                </div>\n              ))\n            )\n          })}\n        </div>\n      </div>\n      <div className={rightArrowClassNames} onClick={() => scrollTabs(true)}>\n        <Arrow />\n      </div>\n    </div>\n  )\n}\n\nTabsSlider.propTypes = {\n  fontSize: PropTypes.oneOf(['sm', 'md', 'lg']),\n  initialTab: PropTypes.string,\n  isDetailsPopUp: PropTypes.bool,\n  onClick: PropTypes.func,\n  skipLink: PropTypes.bool,\n  tabsList: SLIDER_TABS.isRequired\n}\n\nexport default TabsSlider\n"],"names":["TabsSlider","fontSize","initialTab","isDetailsPopUp","onClick","skipLink","tabsList","selectedTab","setSelectedTab","useState","arrowsAreHidden","setArrowsAreHidden","scrolledWidth","setScrolledWidth","rightArrowDisabled","setRightArrowDisabled","tabsWrapperRef","useRef","tabsRef","location","useLocation","params","useParams","menuOffsetHalfWidth","tabOffset","leftArrowClassNames","classnames","rightArrowClassNames","scrollTabs","toRight","scrollWidth","_a","_b","_c","_d","_e","_f","handleHideArrows","useCallback","scrollIsHidden","moveToSelectedTab","selectedTabNode","centeredTabPosition","onSelectTab","newTab","useEffect","tab","getTabContent","jsxs","jsx","Tip","Arrow","tabClassName","Link","generateUrlFromRouterPath","PropTypes","SLIDER_TABS"],"mappings":";;;;;;;;;AA+BA,MAAMA,IAAa,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASP,CAAU,GACnD,CAACQ,GAAiBC,CAAkB,IAAIF,EAAS,EAAI,GACrD,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,CAAC,GAC9C,CAACK,GAAoBC,CAAqB,IAAIN,EAAS,EAAK,GAC5DO,IAAiBC,EAAO,GACxBC,IAAUD,EAAO,GACjBE,IAAWC,EAAY,GACvBC,IAASC,EAAU,GACnBC,IAAsB,GACtBC,IAAY,KAEZC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAhB,KAAmB;AAAA,IACnBE,MAAkB,KAAK;AAAA,EACzB,GACMe,IAAuBD;AAAA,IAC3B;AAAA,IACA;AAAA,IACAhB,KAAmB;AAAA,IACnBI,KAAsB;AAAA,EACxB,GAEMc,IAAa,CAAWC,MAAA;;AACxB,QAAAC;AAEJ,IAAID,MAEAE,IAAAb,EAAQ,YAAR,gBAAAa,EAAiB,iBACjBC,IAAAhB,EAAe,YAAf,gBAAAgB,EAAwB,eAAcR,IAAYZ,KAElDkB,MAAcG,IAAAf,EAAQ,YAAR,gBAAAe,EAAiB,iBAAcC,IAAAlB,EAAe,YAAf,gBAAAkB,EAAwB,cAErEnB,EAAsB,EAAI,KAEZe,IAAAlB,MAAgBuB,IAAAnB,EAAe,YAAf,gBAAAmB,EAAwB,eAAcZ,KAGtEO,IAAc,KAAK;AAAA,MACjB;AAAA,MACAlB,MAAgBwB,IAAApB,EAAe,YAAf,gBAAAoB,EAAwB,eAAcb;AAAA,IACxD,GAEAR,EAAsB,EAAK,IAG7BF,EAAiBiB,CAAW;AAAA,EAC9B,GAEMO,IAAmBC,EAAY,MAAM;;AACzC,UAAMC,MAAiBR,IAAAb,EAAQ,YAAR,gBAAAa,EAAiB,mBAAgBC,IAAAd,EAAQ,YAAR,gBAAAc,EAAiB;AAEzE,IAAArB,EAAmB4B,CAAc,GAE7BzB,KACFD,IAAiBoB,IAAAf,EAAQ,YAAR,gBAAAe,EAAiB,iBAAcC,IAAAlB,EAAe,YAAf,gBAAAkB,EAAwB,YAAW,GAGjFK,MACF1B,EAAiB,CAAC,GAClBE,EAAsB,EAAK;AAAA,EAE5B,GAAA,CAACD,GAAoBI,GAASF,CAAc,CAAC,GAE1CwB,IAAoBF,EAAY,MAAM;;AAC1C,UAAMG,IAAkB,SAAS,cAAc,cAAclC,CAAW,IAAI,GACtEmC,KACJD,KAAA,gBAAAA,EAAiB,gBACjBV,IAAAf,EAAe,YAAf,gBAAAe,EAAwB,eAAcR,KACtCkB,KAAA,gBAAAA,EAAiB,eAAclB;AAEjC,IAAImB,KAAuB,KACzB7B,EAAiB,CAAC,GAClBE,EAAsB,EAAK,OAE3BiB,IAAAd,EAAQ,YAAR,gBAAAc,EAAiB,iBACjBC,IAAAjB,EAAe,YAAf,gBAAAiB,EAAwB,eAAcV,KACpCkB,KAAA,gBAAAA,EAAiB,eACjBA,KAAA,gBAAAA,EAAiB,gBAEnB5B,IAAiBqB,IAAAhB,EAAQ,YAAR,gBAAAgB,EAAiB,iBAAcC,IAAAnB,EAAe,YAAf,gBAAAmB,EAAwB,YAAW,GACnFpB,EAAsB,EAAI,MAE1BF,EAAiB6B,CAAmB,GACpC3B,EAAsB,EAAK;AAAA,EAC7B,GACC,CAACR,CAAW,CAAC,GAEVoC,IAAc,CAAUC,MAAA;AAC5B,IAAApC,EAAeoC,CAAM,GACrBxC,KAAWA,EAAQwC,CAAM;AAAA,EAC3B;AAEA,EAAAC,EAAU,OACD,OAAA,iBAAiB,UAAUR,CAAgB,GAE3C,MAAM,OAAO,oBAAoB,UAAUA,CAAgB,IACjE,CAACA,CAAgB,CAAC,GAErBQ,EAAU,OACD,OAAA,iBAAiB,UAAUL,CAAiB,GAE5C,MAAM,OAAO,oBAAoB,UAAUA,CAAiB,IAClE,CAACA,CAAiB,CAAC,GAEtBK,EAAU,MAAM;AACG,IAAAR,EAAA;AAAA,EAAA,GAChB,CAAC/B,GAAU+B,CAAgB,CAAC,GAE/BQ,EAAU,MAAM;AACI,IAAAL,EAAA;AAAA,EAAA,GACjB,CAACA,CAAiB,CAAC,GAEtBK,EAAU,MAAM;;AACd,IAAIxB,EAAO,OAAOA,EAAO,QAAQd,KAAe,CAACJ,KAChCK,GAAAuB,IAAAzB,EAAS,KAAK,CAAOwC,MAAAA,EAAI,OAAOzB,EAAO,GAAG,MAA1C,gBAAAU,EAA6C,EAAE;AAAA,EAChE,GACC,CAAC5B,GAAgBkB,EAAO,KAAKd,GAAaD,CAAQ,CAAC;AAEhD,QAAAyC,IAAgBT,EAAY,CAAOQ,MAErC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAYF,EAAI,QAAQ,4BAA8BA,EAAI,OAAO;AAAA,MAEhE,UAAA;AAAA,QAAAA,EAAI,QAAQ,gBAAAG,EAAC,OAAK,EAAA,UAAAH,EAAI,MAAK;AAAA,QAC3BA,EAAI;AAAA,QACJA,EAAI,OAAO,gBAAAG,EAACC,GAAI,EAAA,MAAMJ,EAAI,IAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClC,GAED,EAAE;AAGH,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWxB;AAAA,QACX,SAAS,MAAM;AACb,UAAAG,EAAW,EAAK;AAAA,QAClB;AAAA,QAEA,4BAACuB,GAAM,CAAA,CAAA;AAAA,MAAA;AAAA,IACT;AAAA,IACC,gBAAAF,EAAA,OAAA,EAAI,WAAU,8BAA6B,KAAKjC,GAC/C,UAAA,gBAAAiC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK/B;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,cAAc,CAACN,CAAa;AAAA,QACzC;AAAA,QAEC,UAAAN,EAAS,IAAI,CAAOwC,MAAA;;AACnB,gBAAMM,IAAe1B;AAAA,YACnB;AAAA,YACA,qBAAqBzB,CAAQ;AAAA,YAC7BM,MAAgBuC,EAAI,MAAM;AAAA,UAC5B;AAEA,iBACE,CAACA,EAAI,WACHzC,IAaA,gBAAA4C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWG;AAAA,cAEX,YAAUN,EAAI;AAAA,cACd,SAAS,MAAMH,EAAYG,EAAI,EAAE;AAAA,cAEhC,YAAcA,CAAG;AAAA,YAAA;AAAA,YAJbA,EAAI;AAAA,UAAA,IAdX,gBAAAG;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,IAAIC;AAAA,gBACF,IAAGvB,IAAA,OAAO,SAAS,aAAhB,gBAAAA,EAA0B,QAAQ,eAAee,EAAI,GAAG,GAAG3B,EAAS,UAAU,EAAE,GAAG2B,EAAI,SAAS,EAAE;AAAA,cACvG;AAAA,cACA,WAAWM;AAAA,cAEX,YAAUN,EAAI;AAAA,cACd,SAAS,MAAMH,EAAYG,EAAI,EAAE;AAAA,cAEhC,YAAcA,CAAG;AAAA,YAAA;AAAA,YAJbA,EAAI;AAAA,UAAA;AAAA,QAiBhB,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACA,gBAAAG,EAAC,OAAI,EAAA,WAAWtB,GAAsB,SAAS,MAAMC,EAAW,EAAI,GAClE,UAAC,gBAAAqB,EAAAE,GAAA,CAAM,CAAA,EACT,CAAA;AAAA,EAAA,GACF;AAEJ;AAEAnD,EAAW,YAAY;AAAA,EACrB,UAAUuD,EAAU,MAAM,CAAC,MAAM,MAAM,IAAI,CAAC;AAAA,EAC5C,YAAYA,EAAU;AAAA,EACtB,gBAAgBA,EAAU;AAAA,EAC1B,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,UAAUC,EAAY;AACxB;"}
+{"version":3,"file":"TabsSlider.mjs","sources":["../../../src/lib/components/TabsSlider/TabsSlider.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useCallback, useEffect, useState, useRef } from 'react'\nimport { Link, useLocation, useParams } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tip from '../Tip/Tip'\n\nimport { SLIDER_TABS } from '../../types'\nimport { generateUrlFromRouterPath } from '../../utils/common.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TabsSlider = ({\n  fontSize = 'sm',\n  initialTab = '',\n  isDetailsPopUp = false,\n  onClick = () => {},\n  skipLink = false,\n  tabsList\n}) => {\n  const [selectedTab, setSelectedTab] = useState(initialTab)\n  const [arrowsAreHidden, setArrowsAreHidden] = useState(true)\n  const [scrolledWidth, setScrolledWidth] = useState(0)\n  const [rightArrowDisabled, setRightArrowDisabled] = useState(false)\n  const tabsWrapperRef = useRef()\n  const tabsRef = useRef()\n  const location = useLocation()\n  const params = useParams()\n  const menuOffsetHalfWidth = 2\n  const tabOffset = 1.5\n\n  const leftArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_left',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    scrolledWidth === 0 && 'tabs-slider__arrow_disabled'\n  )\n  const rightArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_right',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    rightArrowDisabled && 'tabs-slider__arrow_disabled'\n  )\n\n  const scrollTabs = toRight => {\n    let scrollWidth\n\n    if (toRight) {\n      if (\n        tabsRef.current?.scrollWidth <\n        tabsWrapperRef.current?.offsetWidth * tabOffset + scrolledWidth\n      ) {\n        scrollWidth = tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth\n\n        setRightArrowDisabled(true)\n      } else {\n        scrollWidth = scrolledWidth + tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      }\n    } else {\n      scrollWidth = Math.max(\n        0,\n        scrolledWidth - tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      )\n\n      setRightArrowDisabled(false)\n    }\n\n    setScrolledWidth(scrollWidth)\n  }\n\n  const handleHideArrows = useCallback(() => {\n    const scrollIsHidden = tabsRef.current?.offsetWidth === tabsRef.current?.scrollWidth\n\n    setArrowsAreHidden(scrollIsHidden)\n\n    if (rightArrowDisabled) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n    }\n\n    if (scrollIsHidden) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    }\n  }, [rightArrowDisabled, tabsRef, tabsWrapperRef])\n\n  const moveToSelectedTab = useCallback(() => {\n    const selectedTabNode = document.querySelector(`[data-tab='${selectedTab}']`)\n    const centeredTabPosition =\n      selectedTabNode?.offsetLeft -\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n      selectedTabNode?.offsetWidth / menuOffsetHalfWidth\n\n    if (centeredTabPosition <= 0) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    } else if (\n      tabsRef.current?.scrollWidth <\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n        selectedTabNode?.offsetLeft +\n        selectedTabNode?.offsetWidth\n    ) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n      setRightArrowDisabled(true)\n    } else {\n      setScrolledWidth(centeredTabPosition)\n      setRightArrowDisabled(false)\n    }\n  }, [selectedTab])\n\n  const onSelectTab = newTab => {\n    setSelectedTab(newTab)\n    onClick && onClick(newTab)\n  }\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHideArrows)\n\n    return () => window.removeEventListener('resize', handleHideArrows)\n  }, [handleHideArrows])\n\n  useEffect(() => {\n    window.addEventListener('resize', moveToSelectedTab)\n\n    return () => window.removeEventListener('resize', moveToSelectedTab)\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    handleHideArrows()\n  }, [tabsList, handleHideArrows])\n\n  useEffect(() => {\n    moveToSelectedTab()\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    if (params.tab && params.tab !== selectedTab && !isDetailsPopUp) {\n      setSelectedTab(tabsList.find(tab => tab.id === params.tab)?.id)\n    }\n  }, [isDetailsPopUp, params.tab, selectedTab, tabsList])\n\n  const getTabContent = useCallback(tab => {\n    return (\n      <span\n        className={(tab.icon && 'content-menu__tab-icon') || (tab.tip && 'content-menu__tab-tip')}\n      >\n        {tab.icon && <div>{tab.icon}</div>}\n        {tab.label}\n        {tab.tip && <Tip text={tab.tip} />}\n      </span>\n    )\n  }, [])\n\n  return (\n    <div className=\"content-menu\">\n      <div\n        className={leftArrowClassNames}\n        onClick={() => {\n          scrollTabs(false)\n        }}\n      >\n        <Arrow />\n      </div>\n      <div className=\"content-menu__tabs-wrapper\" ref={tabsWrapperRef}>\n        <div\n          ref={tabsRef}\n          className=\"content-menu__tabs\"\n          style={{\n            transform: `translateX(${-scrolledWidth}px)`\n          }}\n        >\n          {tabsList.map(tab => {\n            const tabClassName = classnames(\n              'content-menu__tab',\n              `content-menu__tab-${fontSize}`,\n              selectedTab === tab.id && 'content-menu__tab_active'\n            )\n\n            return (\n              !tab.hidden &&\n              (!skipLink ? (\n                <Link\n                  to={generateUrlFromRouterPath(\n                    `${window.location.pathname?.replace(/^$|([^/]+$)/, tab.id)}${location.search ?? ''}${tab.query ?? ''}`\n                  )}\n                  className={tabClassName}\n                  key={tab.id}\n                  data-tab={tab.id}\n                  onClick={() => onSelectTab(tab.id)}\n                >\n                  {getTabContent(tab)}\n                </Link>\n              ) : (\n                <div\n                  className={tabClassName}\n                  key={tab.id}\n                  data-tab={tab.id}\n                  onClick={() => onSelectTab(tab.id)}\n                >\n                  {getTabContent(tab)}\n                </div>\n              ))\n            )\n          })}\n        </div>\n      </div>\n      <div className={rightArrowClassNames} onClick={() => scrollTabs(true)}>\n        <Arrow />\n      </div>\n    </div>\n  )\n}\n\nTabsSlider.propTypes = {\n  fontSize: PropTypes.oneOf(['sm', 'md', 'lg']),\n  initialTab: PropTypes.string,\n  isDetailsPopUp: PropTypes.bool,\n  onClick: PropTypes.func,\n  skipLink: PropTypes.bool,\n  tabsList: SLIDER_TABS.isRequired\n}\n\nexport default TabsSlider\n"],"names":["TabsSlider","fontSize","initialTab","isDetailsPopUp","onClick","skipLink","tabsList","selectedTab","setSelectedTab","useState","arrowsAreHidden","setArrowsAreHidden","scrolledWidth","setScrolledWidth","rightArrowDisabled","setRightArrowDisabled","tabsWrapperRef","useRef","tabsRef","location","useLocation","params","useParams","menuOffsetHalfWidth","tabOffset","leftArrowClassNames","classnames","rightArrowClassNames","scrollTabs","toRight","scrollWidth","_a","_b","_c","_d","_e","_f","handleHideArrows","useCallback","scrollIsHidden","moveToSelectedTab","selectedTabNode","centeredTabPosition","onSelectTab","newTab","useEffect","tab","getTabContent","jsxs","jsx","Tip","Arrow","tabClassName","Link","generateUrlFromRouterPath","PropTypes","SLIDER_TABS"],"mappings":"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"}

package/dist/components/Tip/Tip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tip.mjs","sources":["../../../src/lib/components/Tip/Tip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useState, useRef, useEffect, useCallback, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classnames from 'classnames'\nimport { createPortal } from 'react-dom'\n\nimport { getScssVariableValue } from '../../utils/common.util'\n\nimport QuestionMarkIcon from '../../images/question-mark.svg?react'\nimport ExclamationMarkIcon from '../../images/exclamation-mark.svg?react'\n\nimport './tip.scss'\n\nconst Tip = ({ className = '', text, withExclamationMark = false }) => {\n  const [isShow, setIsShow] = useState(false)\n  const [tipClassName, setTipClassName] = useState('tip_top tip_left')\n\n  const arrowLength = useMemo(() => parseInt(getScssVariableValue('--tipArrowLength')), [])\n  const arrowOffset = useMemo(() => parseInt(getScssVariableValue('--tipArrowOffset')), [])\n  const iconLength = useMemo(() => parseInt(getScssVariableValue('--tipIconLength')), [])\n\n  const minTextLength = 40\n\n  const iconRef = useRef()\n  const tipBodyRef = useRef()\n\n  const tipContainerClassNames = classnames(className, 'tip-container')\n  const tipClassNames = classnames(\n    'tip',\n    tipClassName,\n    text.length <= minTextLength ? 'tip_small' : 'tip_big'\n  )\n\n  const handleMouseEnter = useCallback(() => {\n    setIsShow(true)\n  }, [])\n\n  useEffect(() => {\n    if (isShow) {\n      const iconRect = iconRef.current.getBoundingClientRect()\n      const tipRect = tipBodyRef.current.getBoundingClientRect()\n      const widthPosition = iconRect.left > tipRect.width - arrowOffset ? 'tip_left' : 'tip_right'\n      const heightPosition = iconRect.top > tipRect.height + arrowLength ? 'tip_top' : 'tip_bottom'\n\n      setTipClassName(`${heightPosition} ${widthPosition}`)\n\n      if (widthPosition === 'tip_left') {\n        const computedArrowOffset = arrowOffset + (iconLength + arrowLength) / 2\n        tipBodyRef.current.style.left = `${iconRect.left - (tipRect.width - computedArrowOffset)}px`\n      } else {\n        const computedArrowOffset = arrowOffset - (iconLength - arrowLength) / 2\n        tipBodyRef.current.style.left = `${iconRect.left - computedArrowOffset}px`\n      }\n\n      tipBodyRef.current.style.top =\n        heightPosition === 'tip_top'\n          ? `${iconRect.top - tipRect.height - arrowLength}px`\n          : `${iconRect.bottom + arrowLength}px`\n    }\n  }, [arrowLength, arrowOffset, iconLength, isShow])\n\n  const handleMouseLeave = () => {\n    setIsShow(false)\n  }\n\n  useEffect(() => {\n    const node = iconRef.current\n\n    if (iconRef.current) {\n      node.addEventListener('mouseenter', handleMouseEnter)\n      node.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        node.removeEventListener('mouseenter', handleMouseEnter)\n        node.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [handleMouseEnter, isShow])\n\n  return (\n    <div data-testid=\"tip\" className={tipContainerClassNames}>\n      <div ref={iconRef} className=\"tip-wrapper\">\n        {withExclamationMark ? (\n          <ExclamationMarkIcon data-testid=\"tip-icon\" />\n        ) : (\n          <QuestionMarkIcon data-testid=\"tip-icon\" />\n        )}\n      </div>\n      {createPortal(\n        <CSSTransition\n          nodeRef={tipBodyRef}\n          in={isShow}\n          timeout={200}\n          classNames=\"fade\"\n          unmountOnExit\n        >\n          <div ref={tipBodyRef} data-testid=\"tip-text\" className={tipClassNames}>\n            {text}\n          </div>\n        </CSSTransition>,\n        document.getElementById('overlay_container')\n      )}\n    </div>\n  )\n}\n\nTip.propTypes = {\n  className: PropTypes.string,\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  withExclamationMark: PropTypes.bool\n}\n\nexport default Tip\n"],"names":["Tip","className","text","withExclamationMark","isShow","setIsShow","useState","tipClassName","setTipClassName","arrowLength","useMemo","getScssVariableValue","arrowOffset","iconLength","minTextLength","iconRef","useRef","tipBodyRef","tipContainerClassNames","classnames","tipClassNames","handleMouseEnter","useCallback","useEffect","iconRect","tipRect","widthPosition","heightPosition","computedArrowOffset","handleMouseLeave","node","jsxs","jsx","ExclamationMarkIcon","QuestionMarkIcon","createPortal","CSSTransition","PropTypes"],"mappings":"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"}
+{"version":3,"file":"Tip.mjs","sources":["../../../src/lib/components/Tip/Tip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useState, useRef, useEffect, useCallback, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classnames from 'classnames'\nimport { createPortal } from 'react-dom'\n\nimport { getScssVariableValue } from '../../utils/common.util'\n\nimport QuestionMarkIcon from '../../images/question-mark.svg?react'\nimport ExclamationMarkIcon from '../../images/exclamation-mark.svg?react'\n\nimport './tip.scss'\n\nconst Tip = ({ className = '', text, withExclamationMark = false }) => {\n  const [isShow, setIsShow] = useState(false)\n  const [tipClassName, setTipClassName] = useState('tip_top tip_left')\n\n  const arrowLength = useMemo(() => parseInt(getScssVariableValue('--tipArrowLength')), [])\n  const arrowOffset = useMemo(() => parseInt(getScssVariableValue('--tipArrowOffset')), [])\n  const iconLength = useMemo(() => parseInt(getScssVariableValue('--tipIconLength')), [])\n\n  const minTextLength = 40\n\n  const iconRef = useRef()\n  const tipBodyRef = useRef()\n\n  const tipContainerClassNames = classnames(className, 'tip-container')\n  const tipClassNames = classnames(\n    'tip',\n    tipClassName,\n    text.length <= minTextLength ? 'tip_small' : 'tip_big'\n  )\n\n  const handleMouseEnter = useCallback(() => {\n    setIsShow(true)\n  }, [])\n\n  useEffect(() => {\n    if (isShow) {\n      const iconRect = iconRef.current.getBoundingClientRect()\n      const tipRect = tipBodyRef.current.getBoundingClientRect()\n      const widthPosition = iconRect.left > tipRect.width - arrowOffset ? 'tip_left' : 'tip_right'\n      const heightPosition = iconRect.top > tipRect.height + arrowLength ? 'tip_top' : 'tip_bottom'\n\n      setTipClassName(`${heightPosition} ${widthPosition}`)\n\n      if (widthPosition === 'tip_left') {\n        const computedArrowOffset = arrowOffset + (iconLength + arrowLength) / 2\n        tipBodyRef.current.style.left = `${iconRect.left - (tipRect.width - computedArrowOffset)}px`\n      } else {\n        const computedArrowOffset = arrowOffset - (iconLength - arrowLength) / 2\n        tipBodyRef.current.style.left = `${iconRect.left - computedArrowOffset}px`\n      }\n\n      tipBodyRef.current.style.top =\n        heightPosition === 'tip_top'\n          ? `${iconRect.top - tipRect.height - arrowLength}px`\n          : `${iconRect.bottom + arrowLength}px`\n    }\n  }, [arrowLength, arrowOffset, iconLength, isShow])\n\n  const handleMouseLeave = () => {\n    setIsShow(false)\n  }\n\n  useEffect(() => {\n    const node = iconRef.current\n\n    if (iconRef.current) {\n      node.addEventListener('mouseenter', handleMouseEnter)\n      node.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        node.removeEventListener('mouseenter', handleMouseEnter)\n        node.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [handleMouseEnter, isShow])\n\n  return (\n    <div data-testid=\"tip\" className={tipContainerClassNames}>\n      <div ref={iconRef} className=\"tip-wrapper\">\n        {withExclamationMark ? (\n          <ExclamationMarkIcon data-testid=\"tip-icon\" />\n        ) : (\n          <QuestionMarkIcon data-testid=\"tip-icon\" />\n        )}\n      </div>\n      {createPortal(\n        <CSSTransition\n          nodeRef={tipBodyRef}\n          in={isShow}\n          timeout={200}\n          classNames=\"fade\"\n          unmountOnExit\n        >\n          <div ref={tipBodyRef} data-testid=\"tip-text\" className={tipClassNames}>\n            {text}\n          </div>\n        </CSSTransition>,\n        document.getElementById('overlay_container')\n      )}\n    </div>\n  )\n}\n\nTip.propTypes = {\n  className: PropTypes.string,\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  withExclamationMark: PropTypes.bool\n}\n\nexport default Tip\n"],"names":["Tip","className","text","withExclamationMark","isShow","setIsShow","useState","tipClassName","setTipClassName","arrowLength","useMemo","getScssVariableValue","arrowOffset","iconLength","minTextLength","iconRef","useRef","tipBodyRef","tipContainerClassNames","classnames","tipClassNames","handleMouseEnter","useCallback","useEffect","iconRect","tipRect","widthPosition","heightPosition","computedArrowOffset","handleMouseLeave","node","jsxs","jsx","ExclamationMarkIcon","QuestionMarkIcon","createPortal","CSSTransition","PropTypes"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../src/lib/components/Tooltip/Tooltip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef, useState, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classnames from 'classnames'\nimport { debounce } from 'lodash'\n\nimport { isEveryObjectValueEmpty } from '../../utils/common.util'\n\nimport './tooltip.scss'\n\nlet Tooltip = ({\n  children = '',\n  className = '',\n  tooltipBodyClassName = '',\n  hidden = false,\n  id = '',\n  renderChildAsHtml = false,\n  template,\n  textShow = false\n}) => {\n  const [show, setShow] = useState(false)\n  const [style, setStyle] = useState({})\n\n  const tooltipWrapperClassNames = classnames('data-ellipsis', 'tooltip-wrapper', className)\n  const tooltipBodyClassNames = classnames('tooltip', tooltipBodyClassName)\n  const duration = 200\n  const parentRef = useRef()\n  const tooltipRef = useRef()\n  const offset = 10\n\n  const handleScroll = () => {\n    setShow(false)\n  }\n\n  const handleMouseLeave = useCallback(\n    event => {\n      if (\n        !tooltipRef.current ||\n        hidden ||\n        (tooltipRef.current &&\n          !tooltipRef.current.contains(event.relatedTarget) &&\n          parentRef.current &&\n          !parentRef.current.contains(event.relatedTarget))\n      ) {\n        setShow(false)\n      }\n    },\n    [hidden]\n  )\n\n  const handleMouseEnter = useCallback(\n    event => {\n      if (!show) {\n        const [child] = parentRef.current.childNodes\n        let show =\n          !hidden &&\n          (textShow\n            ? true\n            : !child\n              ? false\n              : (child.nodeType !== Node.TEXT_NODE &&\n                  child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE) ||\n                /*\n                                    If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.\n                                  */\n                ((child.nodeType === Node.TEXT_NODE ||\n                  child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) &&\n                  parentRef.current.scrollWidth > parentRef.current.offsetWidth))\n\n        setShow(show)\n\n        setTimeout(() => {\n          if (show) {\n            let { height, top, bottom } = parentRef?.current?.getBoundingClientRect() ?? {}\n            const { height: tooltipHeight, width: tooltipWidth } =\n              tooltipRef.current?.getBoundingClientRect() ?? {\n                height: 0,\n                width: 0\n              }\n            const leftPosition = event.x - (event.x + tooltipWidth - window.innerWidth + offset)\n            const left =\n              event.x + tooltipWidth + offset > window.innerWidth\n                ? leftPosition > offset\n                  ? leftPosition\n                  : offset\n                : event.x + offset\n\n            if (top + height + offset + tooltipHeight >= window.innerHeight) {\n              const topPosition = bottom - height - offset - tooltipHeight\n\n              setStyle({\n                top: topPosition > 0 ? topPosition : offset,\n                left\n              })\n            } else {\n              setStyle({\n                top: top + height + offset,\n                left\n              })\n            }\n          }\n        }, 0)\n      }\n    },\n    [hidden, textShow, show]\n  )\n\n  const clearStyles = debounce(() => {\n    if (!isEveryObjectValueEmpty(style)) {\n      setStyle({})\n    }\n  }, 100)\n\n  useEffect(() => {\n    const parentNode = parentRef.current\n\n    if (parentNode) {\n      parentNode.addEventListener('mouseenter', handleMouseEnter)\n      parentNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        parentNode.removeEventListener('mouseenter', handleMouseEnter)\n        parentNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [parentRef, handleMouseEnter, handleMouseLeave])\n\n  useEffect(() => {\n    const tooltipNode = tooltipRef.current\n\n    if (tooltipNode && show) {\n      tooltipNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        tooltipNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [tooltipRef, handleMouseEnter, handleMouseLeave, show])\n\n  useEffect(() => {\n    if (show) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [show])\n\n  useEffect(() => {\n    window.addEventListener('resize', clearStyles)\n\n    return () => {\n      window.removeEventListener('resize', clearStyles)\n    }\n  }, [clearStyles, style])\n\n  return (\n    <>\n      {renderChildAsHtml ? (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipWrapperClassNames}\n          dangerouslySetInnerHTML={{ __html: children }}\n          onClick={handleMouseLeave}\n        />\n      ) : (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipWrapperClassNames}\n          onClick={handleMouseLeave}\n        >\n          {children}\n        </div>\n      )}\n      {!hidden &&\n        createPortal(\n          <CSSTransition\n            nodeRef={tooltipRef}\n            classNames=\"fade\"\n            in={show}\n            timeout={duration}\n            unmountOnExit\n          >\n            <div\n              data-testid={id ? `${id}-tooltip` : 'tooltip'}\n              ref={tooltipRef}\n              style={{\n                ...style\n              }}\n              className={tooltipBodyClassNames}\n            >\n              {template}\n            </div>\n          </CSSTransition>,\n          document.getElementById('overlay_container')\n        )}\n    </>\n  )\n}\n\nTooltip.propTypes = {\n  children: PropTypes.any,\n  className: PropTypes.string,\n  tooltipBodyClassName: PropTypes.string,\n  hidden: PropTypes.bool,\n  id: PropTypes.string,\n  renderChildAsHtml: PropTypes.bool,\n  template: PropTypes.element.isRequired,\n  textShow: PropTypes.bool\n}\n\nTooltip = React.memo(Tooltip)\n\nexport default Tooltip\n"],"names":["Tooltip","children","className","tooltipBodyClassName","hidden","id","renderChildAsHtml","template","textShow","show","setShow","useState","style","setStyle","tooltipWrapperClassNames","classnames","tooltipBodyClassNames","duration","parentRef","useRef","tooltipRef","offset","handleScroll","handleMouseLeave","useCallback","event","handleMouseEnter","child","_b","_a","_d","_c","height","top","bottom","tooltipHeight","tooltipWidth","leftPosition","left","topPosition","clearStyles","debounce","isEveryObjectValueEmpty","useEffect","parentNode","tooltipNode","jsxs","Fragment","jsx","createPortal","CSSTransition","PropTypes","React"],"mappings":"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"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../src/lib/components/Tooltip/Tooltip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef, useState, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classnames from 'classnames'\nimport { debounce } from 'lodash'\n\nimport { isEveryObjectValueEmpty } from '../../utils/common.util'\n\nimport './tooltip.scss'\n\nlet Tooltip = ({\n  children = '',\n  className = '',\n  tooltipBodyClassName = '',\n  hidden = false,\n  id = '',\n  renderChildAsHtml = false,\n  template,\n  textShow = false\n}) => {\n  const [show, setShow] = useState(false)\n  const [style, setStyle] = useState({})\n\n  const tooltipWrapperClassNames = classnames('data-ellipsis', 'tooltip-wrapper', className)\n  const tooltipBodyClassNames = classnames('tooltip', tooltipBodyClassName)\n  const duration = 200\n  const parentRef = useRef()\n  const tooltipRef = useRef()\n  const offset = 10\n\n  const handleScroll = () => {\n    setShow(false)\n  }\n\n  const handleMouseLeave = useCallback(\n    event => {\n      if (\n        !tooltipRef.current ||\n        hidden ||\n        (tooltipRef.current &&\n          !tooltipRef.current.contains(event.relatedTarget) &&\n          parentRef.current &&\n          !parentRef.current.contains(event.relatedTarget))\n      ) {\n        setShow(false)\n      }\n    },\n    [hidden]\n  )\n\n  const handleMouseEnter = useCallback(\n    event => {\n      if (!show) {\n        const [child] = parentRef.current.childNodes\n        let show =\n          !hidden &&\n          (textShow\n            ? true\n            : !child\n              ? false\n              : (child.nodeType !== Node.TEXT_NODE &&\n                  child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE) ||\n                /*\n                                    If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.\n                                  */\n                ((child.nodeType === Node.TEXT_NODE ||\n                  child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) &&\n                  parentRef.current.scrollWidth > parentRef.current.offsetWidth))\n\n        setShow(show)\n\n        setTimeout(() => {\n          if (show) {\n            let { height, top, bottom } = parentRef?.current?.getBoundingClientRect() ?? {}\n            const { height: tooltipHeight, width: tooltipWidth } =\n              tooltipRef.current?.getBoundingClientRect() ?? {\n                height: 0,\n                width: 0\n              }\n            const leftPosition = event.x - (event.x + tooltipWidth - window.innerWidth + offset)\n            const left =\n              event.x + tooltipWidth + offset > window.innerWidth\n                ? leftPosition > offset\n                  ? leftPosition\n                  : offset\n                : event.x + offset\n\n            if (top + height + offset + tooltipHeight >= window.innerHeight) {\n              const topPosition = bottom - height - offset - tooltipHeight\n\n              setStyle({\n                top: topPosition > 0 ? topPosition : offset,\n                left\n              })\n            } else {\n              setStyle({\n                top: top + height + offset,\n                left\n              })\n            }\n          }\n        }, 0)\n      }\n    },\n    [hidden, textShow, show]\n  )\n\n  const clearStyles = debounce(() => {\n    if (!isEveryObjectValueEmpty(style)) {\n      setStyle({})\n    }\n  }, 100)\n\n  useEffect(() => {\n    const parentNode = parentRef.current\n\n    if (parentNode) {\n      parentNode.addEventListener('mouseenter', handleMouseEnter)\n      parentNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        parentNode.removeEventListener('mouseenter', handleMouseEnter)\n        parentNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [parentRef, handleMouseEnter, handleMouseLeave])\n\n  useEffect(() => {\n    const tooltipNode = tooltipRef.current\n\n    if (tooltipNode && show) {\n      tooltipNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        tooltipNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [tooltipRef, handleMouseEnter, handleMouseLeave, show])\n\n  useEffect(() => {\n    if (show) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [show])\n\n  useEffect(() => {\n    window.addEventListener('resize', clearStyles)\n\n    return () => {\n      window.removeEventListener('resize', clearStyles)\n    }\n  }, [clearStyles, style])\n\n  return (\n    <>\n      {renderChildAsHtml ? (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipWrapperClassNames}\n          dangerouslySetInnerHTML={{ __html: children }}\n          onClick={handleMouseLeave}\n        />\n      ) : (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipWrapperClassNames}\n          onClick={handleMouseLeave}\n        >\n          {children}\n        </div>\n      )}\n      {!hidden &&\n        createPortal(\n          <CSSTransition\n            nodeRef={tooltipRef}\n            classNames=\"fade\"\n            in={show}\n            timeout={duration}\n            unmountOnExit\n          >\n            <div\n              data-testid={id ? `${id}-tooltip` : 'tooltip'}\n              ref={tooltipRef}\n              style={{\n                ...style\n              }}\n              className={tooltipBodyClassNames}\n            >\n              {template}\n            </div>\n          </CSSTransition>,\n          document.getElementById('overlay_container')\n        )}\n    </>\n  )\n}\n\nTooltip.propTypes = {\n  children: PropTypes.any,\n  className: PropTypes.string,\n  tooltipBodyClassName: PropTypes.string,\n  hidden: PropTypes.bool,\n  id: PropTypes.string,\n  renderChildAsHtml: PropTypes.bool,\n  template: PropTypes.element.isRequired,\n  textShow: PropTypes.bool\n}\n\nTooltip = React.memo(Tooltip)\n\nexport default Tooltip\n"],"names":["Tooltip","children","className","tooltipBodyClassName","hidden","id","renderChildAsHtml","template","textShow","show","setShow","useState","style","setStyle","tooltipWrapperClassNames","classnames","tooltipBodyClassNames","duration","parentRef","useRef","tooltipRef","offset","handleScroll","handleMouseLeave","useCallback","event","handleMouseEnter","child","_b","_a","_d","_c","height","top","bottom","tooltipHeight","tooltipWidth","leftPosition","left","topPosition","clearStyles","debounce","isEveryObjectValueEmpty","useEffect","parentNode","tooltipNode","jsxs","Fragment","jsx","createPortal","CSSTransition","PropTypes","React"],"mappings":"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"}

package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextTooltipTemplate.mjs","sources":["../../../src/lib/components/TooltipTemplate/TextTooltipTemplate.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport './textTooltipTemplate.scss'\n\nconst TextTooltipTemplate = ({ text = '', warning = false }) => {\n  const textRef = useRef()\n\n  const tooltipClassNames = classnames(\n    'tooltip-template',\n    'tooltip__text',\n    warning && 'tooltip__warning'\n  )\n\n  return (\n    <div className={tooltipClassNames}>\n      <span ref={textRef}>{text}</span>\n    </div>\n  )\n}\n\nTextTooltipTemplate.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.number]),\n  warning: PropTypes.bool\n}\n\nexport default TextTooltipTemplate\n"],"names":["TextTooltipTemplate","text","warning","textRef","useRef","tooltipClassNames","classnames","jsx","PropTypes"],"mappings":";;;;;AAsBA,MAAMA,IAAsB,CAAC,EAAE,MAAAC,IAAO,IAAI,SAAAC,IAAU,SAAY;AAC9D,QAAMC,IAAUC,EAAO,GAEjBC,IAAoBC;AAAA,IACxB;AAAA,IACA;AAAA,IACAJ,KAAW;AAAA,EACb;AAGE,SAAA,gBAAAK,EAAC,SAAI,WAAWF,GACd,4BAAC,QAAK,EAAA,KAAKF,GAAU,UAAAF,EAAA,CAAK,EAC5B,CAAA;AAEJ;AAEAD,EAAoB,YAAY;AAAA,EAC9B,MAAMQ,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,SAASA,EAAU,MAAM,CAAC;AAAA,EACjF,SAASA,EAAU;AACrB;"}
+{"version":3,"file":"TextTooltipTemplate.mjs","sources":["../../../src/lib/components/TooltipTemplate/TextTooltipTemplate.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport './textTooltipTemplate.scss'\n\nconst TextTooltipTemplate = ({ text = '', warning = false }) => {\n  const textRef = useRef()\n\n  const tooltipClassNames = classnames(\n    'tooltip-template',\n    'tooltip__text',\n    warning && 'tooltip__warning'\n  )\n\n  return (\n    <div className={tooltipClassNames}>\n      <span ref={textRef}>{text}</span>\n    </div>\n  )\n}\n\nTextTooltipTemplate.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.number]),\n  warning: PropTypes.bool\n}\n\nexport default TextTooltipTemplate\n"],"names":["TextTooltipTemplate","text","warning","textRef","useRef","tooltipClassNames","classnames","jsx","PropTypes"],"mappings":";;;;;AAsBA,MAAMA,IAAsB,CAAC,EAAE,MAAAC,IAAO,IAAI,SAAAC,IAAU,SAAY;AAC9D,QAAMC,IAAUC,EAAA,GAEVC,IAAoBC;AAAA,IACxB;AAAA,IACA;AAAA,IACAJ,KAAW;AAAA,EAAA;AAGb,SACE,gBAAAK,EAAC,SAAI,WAAWF,GACd,4BAAC,QAAA,EAAK,KAAKF,GAAU,UAAAF,EAAA,CAAK,EAAA,CAC5B;AAEJ;AAEAD,EAAoB,YAAY;AAAA,EAC9B,MAAMQ,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,SAASA,EAAU,MAAM,CAAC;AAAA,EACjF,SAASA,EAAU;AACrB;"}

package/dist/components/Wizard/Wizard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.mjs","sources":["../../../src/lib/components/Wizard/Wizard.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useEffect, useLayoutEffect, useMemo, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty, isNumber } from 'lodash'\n\nimport Button from '../Button/Button'\nimport Modal from '../Modal/Modal'\nimport WizardSteps from './WizardSteps/WizardSteps'\n\nimport { MODAL_MD, TERTIARY_BUTTON } from '../../constants'\nimport { MODAL_SIZES, WIZARD_STEPS_CONFIG } from '../../types'\n\nimport Back from '../../images/back-arrow.svg?react'\n\nimport './Wizard.scss'\n\nconst Wizard = ({\n  children,\n  className = '',\n  getActions = null,\n  isWizardOpen,\n  onWizardResolve,\n  previewText = '',\n  size = MODAL_MD,\n  stepsConfig = [],\n  subTitle = null,\n  title\n}) => {\n  const wizardClasses = classNames('wizard-form', className)\n  const [jumpingToFirstInvalid, setJumpingToFirstInvalid] = useState(false)\n  const [activeStepNumber, setActiveStepNumber] = useState(0)\n  const [firstDisabledStepIdx, setFirstDisabledStepIdx] = useState(null)\n\n  const visibleSteps = useMemo(() => {\n    return stepsConfig?.filter(step => !step.hidden) || []\n  }, [stepsConfig])\n\n  useLayoutEffect(() => {\n    const disabledStep = visibleSteps.find((step, stepIdx) => {\n      if (step.disabled) {\n        setFirstDisabledStepIdx(stepIdx)\n      }\n\n      return step.disabled\n    })\n\n    if (!disabledStep) {\n      setFirstDisabledStepIdx(null)\n    }\n  }, [visibleSteps])\n\n  useEffect(() => {\n    const firstInvalidStepIdx = visibleSteps.findIndex(step => step.invalid)\n\n    if (jumpingToFirstInvalid && isNumber(firstInvalidStepIdx) && firstInvalidStepIdx !== -1) {\n      setActiveStepNumber(firstInvalidStepIdx)\n      setJumpingToFirstInvalid(false)\n    }\n  }, [jumpingToFirstInvalid, visibleSteps])\n\n  const stepsTemplate = useMemo(() => {\n    return React.Children.toArray(children)\n      .filter((child, idx) => !isEmpty(stepsConfig) && !stepsConfig[idx].hidden)\n      .map((child, idx) => {\n        const stepIsActive = idx === activeStepNumber\n        const newChild =\n          !isNumber(firstDisabledStepIdx) || idx < firstDisabledStepIdx\n            ? React.cloneElement(child, { stepIsActive })\n            : null\n\n        return (\n          <div\n            key={idx}\n            className={\n              !stepIsActive\n                ? 'wizard-form__hidden-content-item'\n                : 'wizard-form__visible-content-item'\n            }\n          >\n            {newChild}\n          </div>\n        )\n      })\n  }, [activeStepNumber, children, firstDisabledStepIdx, stepsConfig])\n\n  const totalSteps = useMemo(() => {\n    return visibleSteps.length - 1 || 0\n  }, [visibleSteps])\n\n  const isLastStep = useMemo(() => {\n    return activeStepNumber === totalSteps\n  }, [activeStepNumber, totalSteps])\n\n  const goToNextStep = () => {\n    setActiveStepNumber(prevStep => Math.min(++prevStep, totalSteps))\n  }\n\n  const goToPreviousStep = () => setActiveStepNumber(prevStep => Math.max(--prevStep, 0))\n\n  const goToFirstInvalidStep = () => {\n    setJumpingToFirstInvalid(true)\n  }\n\n  const jumpToStep = idx => {\n    return setActiveStepNumber(idx)\n  }\n\n  const getDefaultActions = stepConfig => {\n    const defaultActions = []\n\n    if (activeStepNumber !== 0) {\n      defaultActions.push(\n        <Button\n          id=\"wizard-btn-back\"\n          icon={<Back />}\n          className=\"wizard-form__back-button\"\n          onClick={goToPreviousStep}\n          disabled={activeStepNumber === 0}\n          label=\"Back\"\n          type=\"button\"\n          variant={TERTIARY_BUTTON}\n        />\n      )\n    }\n\n    defaultActions.push(\n      <Button\n        id=\"wizard-btn-next\"\n        icon={<Back />}\n        iconPosition=\"right\"\n        className=\"wizard-form__next-button\"\n        disabled={stepConfig?.nextIsDisabled || isLastStep}\n        onClick={goToNextStep}\n        label=\"Next\"\n        type=\"button\"\n        variant={TERTIARY_BUTTON}\n      />\n    )\n\n    return defaultActions\n  }\n\n  const renderModalActions = () => {\n    if (isEmpty(visibleSteps)) return []\n\n    const actionsList = getDefaultActions(visibleSteps[activeStepNumber])\n    const allStepsAreEnabled = visibleSteps.every(step => !step.disabled)\n\n    if (getActions) {\n      const actions = getActions({ allStepsAreEnabled, jumpToStep, goToFirstInvalidStep })\n      const mainActions = actions.map((action, index) => <Button {...action} key={index} />)\n      actionsList.push(...mainActions)\n    }\n\n    return actionsList\n  }\n\n  return (\n    <Modal\n      actions={renderModalActions()}\n      className={wizardClasses}\n      onClose={onWizardResolve}\n      previewText={previewText}\n      show={isWizardOpen}\n      size={size}\n      subTitle={subTitle}\n      title={title}\n    >\n      <WizardSteps\n        activeStepNumber={activeStepNumber}\n        firstDisabledStepIdx={firstDisabledStepIdx}\n        jumpToStep={jumpToStep}\n        steps={visibleSteps}\n      />\n      <div className=\"wizard-form__content-container\">\n        <div className=\"wizard-form__content\">{stepsTemplate}</div>\n      </div>\n    </Modal>\n  )\n}\n\nWizard.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  getActions: PropTypes.func,\n  isWizardOpen: PropTypes.bool.isRequired,\n  onWizardResolve: PropTypes.func.isRequired,\n  previewText: PropTypes.string,\n  size: MODAL_SIZES,\n  stepsConfig: WIZARD_STEPS_CONFIG,\n  subTitle: PropTypes.string,\n  title: PropTypes.string.isRequired\n}\n\nWizard.Step = ({ children }) => children\n\nexport default Wizard\n"],"names":["Wizard","children","className","getActions","isWizardOpen","onWizardResolve","previewText","size","MODAL_MD","stepsConfig","subTitle","title","wizardClasses","classNames","jumpingToFirstInvalid","setJumpingToFirstInvalid","useState","activeStepNumber","setActiveStepNumber","firstDisabledStepIdx","setFirstDisabledStepIdx","visibleSteps","useMemo","step","useLayoutEffect","stepIdx","useEffect","firstInvalidStepIdx","isNumber","stepsTemplate","React","child","idx","isEmpty","stepIsActive","newChild","jsx","totalSteps","isLastStep","goToNextStep","prevStep","goToPreviousStep","goToFirstInvalidStep","jumpToStep","getDefaultActions","stepConfig","defaultActions","Button","Back","TERTIARY_BUTTON","jsxs","Modal","actionsList","allStepsAreEnabled","mainActions","action","index","createElement","WizardSteps","PropTypes","MODAL_SIZES","WIZARD_STEPS_CONFIG"],"mappings":"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"}
+{"version":3,"file":"Wizard.mjs","sources":["../../../src/lib/components/Wizard/Wizard.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useEffect, useLayoutEffect, useMemo, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty, isNumber } from 'lodash'\n\nimport Button from '../Button/Button'\nimport Modal from '../Modal/Modal'\nimport WizardSteps from './WizardSteps/WizardSteps'\n\nimport { MODAL_MD, TERTIARY_BUTTON } from '../../constants'\nimport { MODAL_SIZES, WIZARD_STEPS_CONFIG } from '../../types'\n\nimport Back from '../../images/back-arrow.svg?react'\n\nimport './Wizard.scss'\n\nconst Wizard = ({\n  children,\n  className = '',\n  getActions = null,\n  isWizardOpen,\n  onWizardResolve,\n  previewText = '',\n  size = MODAL_MD,\n  stepsConfig = [],\n  subTitle = null,\n  title\n}) => {\n  const wizardClasses = classNames('wizard-form', className)\n  const [jumpingToFirstInvalid, setJumpingToFirstInvalid] = useState(false)\n  const [activeStepNumber, setActiveStepNumber] = useState(0)\n  const [firstDisabledStepIdx, setFirstDisabledStepIdx] = useState(null)\n\n  const visibleSteps = useMemo(() => {\n    return stepsConfig?.filter(step => !step.hidden) || []\n  }, [stepsConfig])\n\n  useLayoutEffect(() => {\n    const disabledStep = visibleSteps.find((step, stepIdx) => {\n      if (step.disabled) {\n        setFirstDisabledStepIdx(stepIdx)\n      }\n\n      return step.disabled\n    })\n\n    if (!disabledStep) {\n      setFirstDisabledStepIdx(null)\n    }\n  }, [visibleSteps])\n\n  useEffect(() => {\n    const firstInvalidStepIdx = visibleSteps.findIndex(step => step.invalid)\n\n    if (jumpingToFirstInvalid && isNumber(firstInvalidStepIdx) && firstInvalidStepIdx !== -1) {\n      setActiveStepNumber(firstInvalidStepIdx)\n      setJumpingToFirstInvalid(false)\n    }\n  }, [jumpingToFirstInvalid, visibleSteps])\n\n  const stepsTemplate = useMemo(() => {\n    return React.Children.toArray(children)\n      .filter((child, idx) => !isEmpty(stepsConfig) && !stepsConfig[idx].hidden)\n      .map((child, idx) => {\n        const stepIsActive = idx === activeStepNumber\n        const newChild =\n          !isNumber(firstDisabledStepIdx) || idx < firstDisabledStepIdx\n            ? React.cloneElement(child, { stepIsActive })\n            : null\n\n        return (\n          <div\n            key={idx}\n            className={\n              !stepIsActive\n                ? 'wizard-form__hidden-content-item'\n                : 'wizard-form__visible-content-item'\n            }\n          >\n            {newChild}\n          </div>\n        )\n      })\n  }, [activeStepNumber, children, firstDisabledStepIdx, stepsConfig])\n\n  const totalSteps = useMemo(() => {\n    return visibleSteps.length - 1 || 0\n  }, [visibleSteps])\n\n  const isLastStep = useMemo(() => {\n    return activeStepNumber === totalSteps\n  }, [activeStepNumber, totalSteps])\n\n  const goToNextStep = () => {\n    setActiveStepNumber(prevStep => Math.min(++prevStep, totalSteps))\n  }\n\n  const goToPreviousStep = () => setActiveStepNumber(prevStep => Math.max(--prevStep, 0))\n\n  const goToFirstInvalidStep = () => {\n    setJumpingToFirstInvalid(true)\n  }\n\n  const jumpToStep = idx => {\n    return setActiveStepNumber(idx)\n  }\n\n  const getDefaultActions = stepConfig => {\n    const defaultActions = []\n\n    if (activeStepNumber !== 0) {\n      defaultActions.push(\n        <Button\n          id=\"wizard-btn-back\"\n          icon={<Back />}\n          className=\"wizard-form__back-button\"\n          onClick={goToPreviousStep}\n          disabled={activeStepNumber === 0}\n          label=\"Back\"\n          type=\"button\"\n          variant={TERTIARY_BUTTON}\n        />\n      )\n    }\n\n    defaultActions.push(\n      <Button\n        id=\"wizard-btn-next\"\n        icon={<Back />}\n        iconPosition=\"right\"\n        className=\"wizard-form__next-button\"\n        disabled={stepConfig?.nextIsDisabled || isLastStep}\n        onClick={goToNextStep}\n        label=\"Next\"\n        type=\"button\"\n        variant={TERTIARY_BUTTON}\n      />\n    )\n\n    return defaultActions\n  }\n\n  const renderModalActions = () => {\n    if (isEmpty(visibleSteps)) return []\n\n    const actionsList = getDefaultActions(visibleSteps[activeStepNumber])\n    const allStepsAreEnabled = visibleSteps.every(step => !step.disabled)\n\n    if (getActions) {\n      const actions = getActions({ allStepsAreEnabled, jumpToStep, goToFirstInvalidStep })\n      const mainActions = actions.map((action, index) => <Button {...action} key={index} />)\n      actionsList.push(...mainActions)\n    }\n\n    return actionsList\n  }\n\n  return (\n    <Modal\n      actions={renderModalActions()}\n      className={wizardClasses}\n      onClose={onWizardResolve}\n      previewText={previewText}\n      show={isWizardOpen}\n      size={size}\n      subTitle={subTitle}\n      title={title}\n    >\n      <WizardSteps\n        activeStepNumber={activeStepNumber}\n        firstDisabledStepIdx={firstDisabledStepIdx}\n        jumpToStep={jumpToStep}\n        steps={visibleSteps}\n      />\n      <div className=\"wizard-form__content-container\">\n        <div className=\"wizard-form__content\">{stepsTemplate}</div>\n      </div>\n    </Modal>\n  )\n}\n\nWizard.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  getActions: PropTypes.func,\n  isWizardOpen: PropTypes.bool.isRequired,\n  onWizardResolve: PropTypes.func.isRequired,\n  previewText: PropTypes.string,\n  size: MODAL_SIZES,\n  stepsConfig: WIZARD_STEPS_CONFIG,\n  subTitle: PropTypes.string,\n  title: PropTypes.string.isRequired\n}\n\nWizard.Step = ({ children }) => children\n\nexport default Wizard\n"],"names":["Wizard","children","className","getActions","isWizardOpen","onWizardResolve","previewText","size","MODAL_MD","stepsConfig","subTitle","title","wizardClasses","classNames","jumpingToFirstInvalid","setJumpingToFirstInvalid","useState","activeStepNumber","setActiveStepNumber","firstDisabledStepIdx","setFirstDisabledStepIdx","visibleSteps","useMemo","step","useLayoutEffect","stepIdx","useEffect","firstInvalidStepIdx","isNumber","stepsTemplate","React","child","idx","isEmpty","stepIsActive","newChild","jsx","totalSteps","isLastStep","goToNextStep","prevStep","goToPreviousStep","goToFirstInvalidStep","jumpToStep","getDefaultActions","stepConfig","defaultActions","Button","Back","TERTIARY_BUTTON","jsxs","Modal","actionsList","allStepsAreEnabled","mainActions","action","index","createElement","WizardSteps","PropTypes","MODAL_SIZES","WIZARD_STEPS_CONFIG"],"mappings":"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"}

package/dist/components/Wizard/WizardSteps/WizardSteps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"WizardSteps.mjs","sources":["../../../../src/lib/components/Wizard/WizardSteps/WizardSteps.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isNumber } from 'lodash'\n\nimport Button from '../../Button/Button'\n\nimport { WIZARD_STEPS_CONFIG } from '../../../types'\n\nimport './WizardSteps.scss'\n\nconst WizardSteps = ({ activeStepNumber, firstDisabledStepIdx = null, jumpToStep, steps }) => {\n  const getStepClassNames = (idx, invalid) =>\n    classNames(\n      'wizard-steps__item',\n      idx === activeStepNumber && 'wizard-steps__item_active',\n      invalid && 'wizard-steps__item_invalid'\n    )\n\n  const handleJumpToStep = (event, idx) => {\n    event.preventDefault()\n    jumpToStep(idx)\n  }\n\n  return (\n    <div className=\"wizard-steps\">\n      {steps.map(({ id, label, invalid }, idx) => {\n        const stepIsDisabled = isNumber(firstDisabledStepIdx) && idx >= firstDisabledStepIdx\n\n        return (\n          <Button\n            className={getStepClassNames(idx, invalid)}\n            disabled={stepIsDisabled}\n            icon={<span className=\"wizard-steps__indicator\">{idx + 1}</span>}\n            key={id}\n            label={label}\n            onClick={e => handleJumpToStep(e, idx)}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nWizardSteps.propTypes = {\n  activeStepNumber: PropTypes.number.isRequired,\n  firstDisabledStepIdx: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([null])]),\n  jumpToStep: PropTypes.func.isRequired,\n  steps: WIZARD_STEPS_CONFIG.isRequired\n}\n\nexport default WizardSteps\n"],"names":["WizardSteps","activeStepNumber","firstDisabledStepIdx","jumpToStep","steps","getStepClassNames","idx","invalid","classNames","handleJumpToStep","event","jsx","id","label","stepIsDisabled","isNumber","Button","e","PropTypes","WIZARD_STEPS_CONFIG"],"mappings":";;;;;;;;AA2BM,MAAAA,IAAc,CAAC,EAAE,kBAAAC,GAAkB,sBAAAC,IAAuB,MAAM,YAAAC,GAAY,OAAAC,QAAY;AACtF,QAAAC,IAAoB,CAACC,GAAKC,MAC9BC;AAAAA,IACE;AAAA,IACAF,MAAQL,KAAoB;AAAA,IAC5BM,KAAW;AAAA,EACb,GAEIE,IAAmB,CAACC,GAAOJ,MAAQ;AACvC,IAAAI,EAAM,eAAe,GACrBP,EAAWG,CAAG;AAAA,EAChB;AAEA,SACG,gBAAAK,EAAA,OAAA,EAAI,WAAU,gBACZ,UAAMP,EAAA,IAAI,CAAC,EAAE,IAAAQ,GAAI,OAAAC,GAAO,SAAAN,EAAQ,GAAGD,MAAQ;AAC1C,UAAMQ,IAAiBC,EAASb,CAAoB,KAAKI,KAAOJ;AAG9D,WAAA,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWX,EAAkBC,GAAKC,CAAO;AAAA,QACzC,UAAUO;AAAA,QACV,MAAO,gBAAAH,EAAA,QAAA,EAAK,WAAU,2BAA2B,cAAM,GAAE;AAAA,QAEzD,OAAAE;AAAA,QACA,SAAS,CAAAI,MAAKR,EAAiBQ,GAAGX,CAAG;AAAA,MAAA;AAAA,MAFhCM;AAAA,IAGP;AAAA,EAEH,CAAA,GACH;AAEJ;AAEAZ,EAAY,YAAY;AAAA,EACtB,kBAAkBkB,EAAU,OAAO;AAAA,EACnC,sBAAsBA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAAA,EACrF,YAAYA,EAAU,KAAK;AAAA,EAC3B,OAAOC,EAAoB;AAC7B;"}
+{"version":3,"file":"WizardSteps.mjs","sources":["../../../../src/lib/components/Wizard/WizardSteps/WizardSteps.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isNumber } from 'lodash'\n\nimport Button from '../../Button/Button'\n\nimport { WIZARD_STEPS_CONFIG } from '../../../types'\n\nimport './WizardSteps.scss'\n\nconst WizardSteps = ({ activeStepNumber, firstDisabledStepIdx = null, jumpToStep, steps }) => {\n  const getStepClassNames = (idx, invalid) =>\n    classNames(\n      'wizard-steps__item',\n      idx === activeStepNumber && 'wizard-steps__item_active',\n      invalid && 'wizard-steps__item_invalid'\n    )\n\n  const handleJumpToStep = (event, idx) => {\n    event.preventDefault()\n    jumpToStep(idx)\n  }\n\n  return (\n    <div className=\"wizard-steps\">\n      {steps.map(({ id, label, invalid }, idx) => {\n        const stepIsDisabled = isNumber(firstDisabledStepIdx) && idx >= firstDisabledStepIdx\n\n        return (\n          <Button\n            className={getStepClassNames(idx, invalid)}\n            disabled={stepIsDisabled}\n            icon={<span className=\"wizard-steps__indicator\">{idx + 1}</span>}\n            key={id}\n            label={label}\n            onClick={e => handleJumpToStep(e, idx)}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nWizardSteps.propTypes = {\n  activeStepNumber: PropTypes.number.isRequired,\n  firstDisabledStepIdx: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([null])]),\n  jumpToStep: PropTypes.func.isRequired,\n  steps: WIZARD_STEPS_CONFIG.isRequired\n}\n\nexport default WizardSteps\n"],"names":["WizardSteps","activeStepNumber","firstDisabledStepIdx","jumpToStep","steps","getStepClassNames","idx","invalid","classNames","handleJumpToStep","event","jsx","id","label","stepIsDisabled","isNumber","Button","e","PropTypes","WIZARD_STEPS_CONFIG"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAc,CAAC,EAAE,kBAAAC,GAAkB,sBAAAC,IAAuB,MAAM,YAAAC,GAAY,OAAAC,QAAY;AAC5F,QAAMC,IAAoB,CAACC,GAAKC,MAC9BC;AAAAA,IACE;AAAA,IACAF,MAAQL,KAAoB;AAAA,IAC5BM,KAAW;AAAA,EAAA,GAGTE,IAAmB,CAACC,GAAOJ,MAAQ;AACvC,IAAAI,EAAM,eAAA,GACNP,EAAWG,CAAG;AAAA,EAChB;AAEA,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAU,gBACZ,UAAAP,EAAM,IAAI,CAAC,EAAE,IAAAQ,GAAI,OAAAC,GAAO,SAAAN,EAAA,GAAWD,MAAQ;AAC1C,UAAMQ,IAAiBC,EAASb,CAAoB,KAAKI,KAAOJ;AAEhE,WACE,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWX,EAAkBC,GAAKC,CAAO;AAAA,QACzC,UAAUO;AAAA,QACV,MAAM,gBAAAH,EAAC,QAAA,EAAK,WAAU,2BAA2B,cAAM,GAAE;AAAA,QAEzD,OAAAE;AAAA,QACA,SAAS,CAAAI,MAAKR,EAAiBQ,GAAGX,CAAG;AAAA,MAAA;AAAA,MAFhCM;AAAA,IAAA;AAAA,EAKX,CAAC,EAAA,CACH;AAEJ;AAEAZ,EAAY,YAAY;AAAA,EACtB,kBAAkBkB,EAAU,OAAO;AAAA,EACnC,sBAAsBA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAAA,EACrF,YAAYA,EAAU,KAAK;AAAA,EAC3B,OAAOC,EAAoB;AAC7B;"}

package/dist/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n\n/*=========== GENERAL =============*/\n\nexport const VIEW_SEARCH_PARAMETER = 'view'\nexport const FULL_VIEW_MODE = 'full'\n\nexport const DENSITY_DENSE = 'dense'\nexport const DENSITY_NORMAL = 'normal'\nexport const DENSITY_MEDIUM = 'medium'\nexport const DENSITY_CHUNKY = 'chunky'\n\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n\n/*=========== TABLE =============*/\n\nexport const MAIN_TABLE_ID = 'main-table'\nexport const MAIN_TABLE_BODY_ID = 'main-table-body'\n"],"names":["VIEW_SEARCH_PARAMETER","FULL_VIEW_MODE","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","MAIN_TABLE_ID","MAIN_TABLE_BODY_ID"],"mappings":"AAmBY,MAACA,IAAwB,QACxBC,IAAiB,QAEjBC,IAAgB,SAChBC,IAAiB,UACjBC,IAAiB,UACjBC,IAAiB,UAGjBC,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY,OAIZC,IAAgB,cAChBC,IAAqB;"}
+{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n\n/*=========== GENERAL =============*/\n\nexport const VIEW_SEARCH_PARAMETER = 'view'\nexport const FULL_VIEW_MODE = 'full'\n\nexport const DENSITY_DENSE = 'dense'\nexport const DENSITY_NORMAL = 'normal'\nexport const DENSITY_MEDIUM = 'medium'\nexport const DENSITY_CHUNKY = 'chunky'\n\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n\n/*=========== TABLE =============*/\n\nexport const MAIN_TABLE_ID = 'main-table'\nexport const MAIN_TABLE_BODY_ID = 'main-table-body'\n"],"names":["VIEW_SEARCH_PARAMETER","FULL_VIEW_MODE","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","MAIN_TABLE_ID","MAIN_TABLE_BODY_ID"],"mappings":"AAmBY,MAACA,IAAwB,QACxBC,IAAiB,QAEjBC,IAAgB,SAChBC,IAAiB,UACjBC,IAAiB,UACjBC,IAAiB,UAGjBC,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAa;AAAA,EAC/E,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAU;AAAA,EACpE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAU;AAAA,EAChE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAO;AAAA,EACrD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAQ;AAAA,EAC1D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAK;AAAA,EAC/C,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAY;AAAA,EACjF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAY;AAAA,EACvF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAW;AAAA,EACtD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAAyB;AAAA,EAC/F,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAsB;AAAA,EACtE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAoB;AAAA,EACnF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAU;AAAA,EAC7D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA2B;AAAA,EAC3F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY,OAIZC,IAAgB,cAChBC,IAAqB;"}

package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsMenuItem.mjs","sources":["../../../src/lib/elements/ActionsMenuItem/ActionsMenuItem.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useDispatch, useSelector } from 'react-redux'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { performDetailsActionHelper } from '../../utils/common.util'\n\nimport './actionsMenuItem.scss'\n\nconst ActionsMenuItem = ({ dataItem = {}, index, isIconDisplayed, menuItem }) => {\n  const dispatch = useDispatch()\n  const changes = useSelector(store => store.commonDetailsStore.changes)\n\n  const iconClassNames = classnames(\n    'actions-menu__icon',\n    isIconDisplayed && 'actions-menu__icon_visible'\n  )\n  const menuClassNames = classnames(\n    'actions-menu__option',\n    menuItem.className && `actions-menu__option_${menuItem.className}`,\n    menuItem.disabled && 'actions-menu__option_disabled'\n  )\n\n  const handleActionClick = async () => {\n    if (!menuItem.disabled) {\n      if (menuItem.allowLeaveWarning) {\n        const actionCanBePerformed = await performDetailsActionHelper(changes, dispatch)\n\n        if (actionCanBePerformed) {\n          menuItem.onClick(dataItem)\n        }\n      } else {\n        menuItem.onClick(dataItem)\n      }\n    }\n  }\n\n  return (\n    <li\n      data-testid={`actions-menu__option-${index}`}\n      className={menuClassNames}\n      onClick={handleActionClick}\n    >\n      <Tooltip\n        template={<TextTooltipTemplate text={menuItem.tooltip} />}\n        hidden={!menuItem.tooltip}\n        key={menuItem.label}\n      >\n        <span className={iconClassNames}>{menuItem.icon}</span>\n        {menuItem.label}\n      </Tooltip>\n    </li>\n  )\n}\n\nActionsMenuItem.propTypes = {\n  dataItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  index: PropTypes.number.isRequired,\n  isIconDisplayed: PropTypes.bool.isRequired,\n  menuItem: PropTypes.object.isRequired\n}\n\nexport default ActionsMenuItem\n"],"names":["ActionsMenuItem","dataItem","index","isIconDisplayed","menuItem","dispatch","useDispatch","changes","useSelector","store","iconClassNames","classnames","menuClassNames","handleActionClick","performDetailsActionHelper","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;;;AA+BM,MAAAA,IAAkB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,OAAAC,GAAO,iBAAAC,GAAiB,UAAAC,QAAe;AAC/E,QAAMC,IAAWC,EAAY,GACvBC,IAAUC,EAAY,CAASC,MAAAA,EAAM,mBAAmB,OAAO,GAE/DC,IAAiBC;AAAA,IACrB;AAAA,IACAR,KAAmB;AAAA,EACrB,GACMS,IAAiBD;AAAA,IACrB;AAAA,IACAP,EAAS,aAAa,wBAAwBA,EAAS,SAAS;AAAA,IAChEA,EAAS,YAAY;AAAA,EACvB,GAEMS,IAAoB,YAAY;AAChC,IAACT,EAAS,aACRA,EAAS,oBACkB,MAAMU,EAA2BP,GAASF,CAAQ,KAG7ED,EAAS,QAAQH,CAAQ,IAG3BG,EAAS,QAAQH,CAAQ;AAAA,EAG/B;AAGE,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa,wBAAwBb,CAAK;AAAA,MAC1C,WAAWU;AAAA,MACX,SAASC;AAAA,MAET,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAU,gBAAAF,EAACG,GAAoB,EAAA,MAAMd,EAAS,SAAS;AAAA,UACvD,QAAQ,CAACA,EAAS;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAW,EAAC,QAAK,EAAA,WAAWL,GAAiB,UAAAN,EAAS,MAAK;AAAA,YAC/CA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAHLA,EAAS;AAAA,MAAA;AAAA,IAIhB;AAAA,EACF;AAEJ;AAEAJ,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA,EAClE,OAAOA,EAAU,OAAO;AAAA,EACxB,iBAAiBA,EAAU,KAAK;AAAA,EAChC,UAAUA,EAAU,OAAO;AAC7B;"}
+{"version":3,"file":"ActionsMenuItem.mjs","sources":["../../../src/lib/elements/ActionsMenuItem/ActionsMenuItem.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useDispatch, useSelector } from 'react-redux'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { performDetailsActionHelper } from '../../utils/common.util'\n\nimport './actionsMenuItem.scss'\n\nconst ActionsMenuItem = ({ dataItem = {}, index, isIconDisplayed, menuItem }) => {\n  const dispatch = useDispatch()\n  const changes = useSelector(store => store.commonDetailsStore.changes)\n\n  const iconClassNames = classnames(\n    'actions-menu__icon',\n    isIconDisplayed && 'actions-menu__icon_visible'\n  )\n  const menuClassNames = classnames(\n    'actions-menu__option',\n    menuItem.className && `actions-menu__option_${menuItem.className}`,\n    menuItem.disabled && 'actions-menu__option_disabled'\n  )\n\n  const handleActionClick = async () => {\n    if (!menuItem.disabled) {\n      if (menuItem.allowLeaveWarning) {\n        const actionCanBePerformed = await performDetailsActionHelper(changes, dispatch)\n\n        if (actionCanBePerformed) {\n          menuItem.onClick(dataItem)\n        }\n      } else {\n        menuItem.onClick(dataItem)\n      }\n    }\n  }\n\n  return (\n    <li\n      data-testid={`actions-menu__option-${index}`}\n      className={menuClassNames}\n      onClick={handleActionClick}\n    >\n      <Tooltip\n        template={<TextTooltipTemplate text={menuItem.tooltip} />}\n        hidden={!menuItem.tooltip}\n        key={menuItem.label}\n      >\n        <span className={iconClassNames}>{menuItem.icon}</span>\n        {menuItem.label}\n      </Tooltip>\n    </li>\n  )\n}\n\nActionsMenuItem.propTypes = {\n  dataItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  index: PropTypes.number.isRequired,\n  isIconDisplayed: PropTypes.bool.isRequired,\n  menuItem: PropTypes.object.isRequired\n}\n\nexport default ActionsMenuItem\n"],"names":["ActionsMenuItem","dataItem","index","isIconDisplayed","menuItem","dispatch","useDispatch","changes","useSelector","store","iconClassNames","classnames","menuClassNames","handleActionClick","performDetailsActionHelper","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;;;AA+BA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,OAAAC,GAAO,iBAAAC,GAAiB,UAAAC,QAAe;AAC/E,QAAMC,IAAWC,EAAA,GACXC,IAAUC,EAAY,CAAAC,MAASA,EAAM,mBAAmB,OAAO,GAE/DC,IAAiBC;AAAA,IACrB;AAAA,IACAR,KAAmB;AAAA,EAAA,GAEfS,IAAiBD;AAAA,IACrB;AAAA,IACAP,EAAS,aAAa,wBAAwBA,EAAS,SAAS;AAAA,IAChEA,EAAS,YAAY;AAAA,EAAA,GAGjBS,IAAoB,YAAY;AACpC,IAAKT,EAAS,aACRA,EAAS,oBACkB,MAAMU,EAA2BP,GAASF,CAAQ,KAG7ED,EAAS,QAAQH,CAAQ,IAG3BG,EAAS,QAAQH,CAAQ;AAAA,EAG/B;AAEA,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa,wBAAwBb,CAAK;AAAA,MAC1C,WAAWU;AAAA,MACX,SAASC;AAAA,MAET,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAMd,EAAS,SAAS;AAAA,UACvD,QAAQ,CAACA,EAAS;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAW,EAAC,QAAA,EAAK,WAAWL,GAAiB,UAAAN,EAAS,MAAK;AAAA,YAC/CA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAHLA,EAAS;AAAA,MAAA;AAAA,IAIhB;AAAA,EAAA;AAGN;AAEAJ,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA,EAClE,OAAOA,EAAU,OAAO;AAAA,EACxB,iBAAiBA,EAAU,KAAK;AAAA,EAChC,UAAUA,EAAU,OAAO;AAC7B;"}

package/dist/elements/FormActionButton/FormActionButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormActionButton.mjs","sources":["../../../src/lib/elements/FormActionButton/FormActionButton.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport Plus from '../../images/plus.svg?react'\n\nlet FormActionButton = (\n  {\n    disabled = false,\n    fields,\n    fieldsPath,\n    hidden = false,\n    id = '',\n    label = 'Add new item',\n    onClick\n  },\n  ref\n) => {\n  return (\n    <>\n      {!hidden && (\n        <div className=\"form-table__row form-table__action-row no-hover\">\n          <button\n            data-testid={id ? id : `${fieldsPath}-add-btn`}\n            onClick={event => onClick(event, fields, fieldsPath)}\n            disabled={disabled}\n          >\n            <Plus />\n            {label}\n          </button>\n        </div>\n      )}\n      {/*The tag `span` below is used as bottom point to scroll to if the new item is added to the list*/}\n      <span ref={ref}></span>\n    </>\n  )\n}\n\nFormActionButton = forwardRef(FormActionButton)\n\nFormActionButton.displayName = 'FormActionButton'\n\nFormActionButton.propTypes = {\n  disabled: PropTypes.bool,\n  fields: PropTypes.shape({}).isRequired,\n  fieldsPath: PropTypes.string.isRequired,\n  hidden: PropTypes.bool,\n  id: PropTypes.string,\n  label: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n}\n\nexport default FormActionButton\n"],"names":["FormActionButton","disabled","fields","fieldsPath","hidden","id","label","onClick","ref","jsxs","Fragment","jsx","event","Plus","forwardRef","PropTypes","FormActionButton$1"],"mappings":";;;;AAwBA,IAAIA,IAAmB,CACrB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC;AACF,GACAC,MAIK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,CAACN,KACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,mDACb,UAAA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaJ,KAAU,GAAGF,CAAU;AAAA,MACpC,SAAS,CAAAS,MAASL,EAAQK,GAAOV,GAAQC,CAAU;AAAA,MACnD,UAAAF;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAU,EAACE,GAAK,EAAA;AAAA,QACLP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAGF,gBAAAK,EAAC,UAAK,KAAAH,EAAU,CAAA;AAAA,GAClB;AAIJR,IAAmBc,EAAWd,CAAgB;AAE9CA,EAAiB,cAAc;AAE/BA,EAAiB,YAAY;AAAA,EAC3B,UAAUe,EAAU;AAAA,EACpB,QAAQA,EAAU,MAAM,CAAA,CAAE,EAAE;AAAA,EAC5B,YAAYA,EAAU,OAAO;AAAA,EAC7B,QAAQA,EAAU;AAAA,EAClB,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU;AAAA,EACjB,SAASA,EAAU,KAAK;AAC1B;AAEA,MAAAC,IAAehB;"}
+{"version":3,"file":"FormActionButton.mjs","sources":["../../../src/lib/elements/FormActionButton/FormActionButton.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport Plus from '../../images/plus.svg?react'\n\nlet FormActionButton = (\n  {\n    disabled = false,\n    fields,\n    fieldsPath,\n    hidden = false,\n    id = '',\n    label = 'Add new item',\n    onClick\n  },\n  ref\n) => {\n  return (\n    <>\n      {!hidden && (\n        <div className=\"form-table__row form-table__action-row no-hover\">\n          <button\n            data-testid={id ? id : `${fieldsPath}-add-btn`}\n            onClick={event => onClick(event, fields, fieldsPath)}\n            disabled={disabled}\n          >\n            <Plus />\n            {label}\n          </button>\n        </div>\n      )}\n      {/*The tag `span` below is used as bottom point to scroll to if the new item is added to the list*/}\n      <span ref={ref}></span>\n    </>\n  )\n}\n\nFormActionButton = forwardRef(FormActionButton)\n\nFormActionButton.displayName = 'FormActionButton'\n\nFormActionButton.propTypes = {\n  disabled: PropTypes.bool,\n  fields: PropTypes.shape({}).isRequired,\n  fieldsPath: PropTypes.string.isRequired,\n  hidden: PropTypes.bool,\n  id: PropTypes.string,\n  label: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n}\n\nexport default FormActionButton\n"],"names":["FormActionButton","disabled","fields","fieldsPath","hidden","id","label","onClick","ref","jsxs","Fragment","jsx","event","Plus","forwardRef","PropTypes","FormActionButton$1"],"mappings":";;;;AAwBA,IAAIA,IAAmB,CACrB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC;AACF,GACAC,MAGE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,EAAA,CAACN,KACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaJ,KAAU,GAAGF,CAAU;AAAA,MACpC,SAAS,CAAAS,MAASL,EAAQK,GAAOV,GAAQC,CAAU;AAAA,MACnD,UAAAF;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAU,EAACE,GAAA,EAAK;AAAA,QACLP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAGF,gBAAAK,EAAC,UAAK,KAAAH,EAAA,CAAU;AAAA,GAClB;AAIJR,IAAmBc,EAAWd,CAAgB;AAE9CA,EAAiB,cAAc;AAE/BA,EAAiB,YAAY;AAAA,EAC3B,UAAUe,EAAU;AAAA,EACpB,QAAQA,EAAU,MAAM,CAAA,CAAE,EAAE;AAAA,EAC5B,YAAYA,EAAU,OAAO;AAAA,EAC7B,QAAQA,EAAU;AAAA,EAClB,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU;AAAA,EACjB,SAASA,EAAU,KAAK;AAC1B;AAEA,MAAAC,IAAehB;"}