@coorpacademy/components 11.33.2-alpha.2 → 11.33.2-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/es/molecule/base-modal/index.d.ts.map +1 -1
  2. package/es/molecule/base-modal/index.js +5 -2
  3. package/es/molecule/base-modal/index.js.map +1 -1
  4. package/lib/molecule/base-modal/index.d.ts.map +1 -1
  5. package/lib/molecule/base-modal/index.js +5 -2
  6. package/lib/molecule/base-modal/index.js.map +1 -1
  7. package/package.json +2 -2
package/es/molecule/base-modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEA0KC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEA4KC"}
package/es/molecule/base-modal/index.js CHANGED
@@ -104,7 +104,8 @@ const BaseModal = (props, context) => {
104
104
  type: 'secondary',
105
105
  onClick: onCancel,
106
106
  label: cancelLabel,
107
- disabled: cancelDisabled
107
+ disabled: cancelDisabled,
108
+ 'data-testid': `button-link-${cancelLabel}`
108
109
  }) : null, onConfirm && confirmLabel ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, _extends({
109
110
  customStyle: {
110
111
  backgroundColor: buttonConfirmColor
@@ -125,7 +126,9 @@ const BaseModal = (props, context) => {
125
126
  size: 16
126
127
  }
127
128
  }
128
- } : {}))) : null), text ? /*#__PURE__*/React.createElement("div", {
129
+ } : {}, {
130
+ 'data-testid': `button-link-${confirmLabel}`
131
+ }))) : null), text ? /*#__PURE__*/React.createElement("div", {
129
132
  className: `${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`
130
133
  }, text) : null);
131
134
  }, [footer, skin]);
package/es/molecule/base-modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","Provider","Icon","ButtonLink","style","BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer}>\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.footerCancelButton,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: '#FFFFFF',\n className: style.footerConfirmButton,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: '#FFFFFF',\n size: 16\n }\n }\n }\n : {})\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n\n return (\n <div className={style.modalWrapper}>\n <div className={style.modal}>\n <header className={style.header}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle}>{title}</div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","PropTypes","convert","Provider","Icon","ButtonLink","style","BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","isScrollbarVisible","setIsScrollbarVisible","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","childContextTypes","propTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer}>\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.footerCancelButton,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled,\n 'data-testid': `button-link-${cancelLabel}`\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: '#FFFFFF',\n className: style.footerConfirmButton,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: '#FFFFFF',\n size: 16\n }\n }\n }\n : {}),\n 'data-testid': `button-link-${confirmLabel}`\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n\n return (\n <div className={style.modalWrapper}>\n <div className={style.modal}>\n <header className={style.header}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle}>{title}</div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":"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"}
package/lib/molecule/base-modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEA0KC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/base-modal/index.js"],"names":[],"mappings":";AASA,yEA4KC"}
package/lib/molecule/base-modal/index.js CHANGED
@@ -119,7 +119,8 @@ const BaseModal = (props, context) => {
119
119
  type: 'secondary',
120
120
  onClick: onCancel,
121
121
  label: cancelLabel,
122
- disabled: cancelDisabled
122
+ disabled: cancelDisabled,
123
+ 'data-testid': `button-link-${cancelLabel}`
123
124
  }) : null, onConfirm && confirmLabel ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({
124
125
  customStyle: {
125
126
  backgroundColor: buttonConfirmColor
@@ -140,7 +141,9 @@ const BaseModal = (props, context) => {
140
141
  size: 16
141
142
  }
142
143
  }
143
- } : {}))) : null), text ? /*#__PURE__*/_react.default.createElement("div", {
144
+ } : {}, {
145
+ 'data-testid': `button-link-${confirmLabel}`
146
+ }))) : null), text ? /*#__PURE__*/_react.default.createElement("div", {
144
147
  className: `${_style.default.footerDescription} ${isError ? _style.default.footerDescriptionError : ''}`
145
148
  }, text) : null);
146
149
  }, [footer, skin]);
package/lib/molecule/base-modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","useCallback","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","style","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","convert","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer}>\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.footerCancelButton,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: '#FFFFFF',\n className: style.footerConfirmButton,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: '#FFFFFF',\n size: 16\n }\n }\n }\n : {})\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n\n return (\n <div className={style.modalWrapper}>\n <div className={style.modal}>\n <header className={style.header}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle}>{title}</div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,UAHI;IAIJC,QAJI;IAKJC,MALI;IAMJC,MANI;IAOJC,OAPI;IAQJC,QARI;IASJC,eAAe,GAAG;EATd,IAUFV,KAVJ;EAWA,MAAM;IAACW;EAAD,IAASV,OAAf;EACA,MAAMW,OAAO,GAAG,IAAAC,aAAA,EAAO,IAAP,CAAhB;EACA,MAAM,CAACC,kBAAD,EAAqBC,qBAArB,IAA8C,IAAAC,eAAA,EAAS,CAACN,eAAV,CAApD;;EAEA,MAAMO,cAAc,GAAG,MAAM;IAC3B,MAAMC,WAAW,GAAGN,OAAO,CAACO,OAA5B;;IACA,IAAID,WAAJ,EAAiB;MACfH,qBAAqB,CAACG,WAAW,CAACE,YAAZ,GAA2BF,WAAW,CAACG,YAAxC,CAArB;IACD;EACF,CALD;;EAOA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,CAACZ,eAAL,EAAsB;IACtB,MAAMQ,WAAW,GAAGN,OAAO,CAACO,OAA5B;IAEA,IAAI,CAACD,WAAL,EAAkB;IAElB,MAAMK,uBAAuB,GAAG,wBAAS,GAAT,EAAc,MAAM;MAClDN,cAAc;IACf,CAF+B,CAAhC,CANc,CAUd;;IACA,MAAMO,gBAAgB,GAAG,IAAIC,gBAAJ,CAAqB,MAAM;MAClDF,uBAAuB;IACxB,CAFwB,CAAzB;IAIAC,gBAAgB,CAACE,OAAjB,CAAyBR,WAAzB,EAAsC;MAACS,SAAS,EAAE,IAAZ;MAAkBC,OAAO,EAAE;IAA3B,CAAtC,EAfc,CAiBd;;IACA,MAAMC,cAAc,GAAG,IAAIC,cAAJ,CAAmB,MAAM;MAC9CP,uBAAuB;IACxB,CAFsB,CAAvB;;IAIA,IAAIX,OAAO,CAACO,OAAZ,EAAqB;MACnBU,cAAc,CAACH,OAAf,CAAuBd,OAAO,CAACO,OAA/B;IACD;;IAEDF,cAAc;IAEd,OAAO,MAAM;MACXO,gBAAgB,CAACO,UAAjB;MACAF,cAAc,CAACE,UAAf;MACAR,uBAAuB,CAACS,MAAxB;IACD,CAJD;EAKD,CAjCD,EAiCG,CAAC3B,QAAD,EAAWK,eAAX,CAjCH;EAmCA,MAAMuB,MAAM,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC/B,IAAI,uBAAQ3B,MAAR,CAAJ,EAAqB,OAAO,IAAP;IACrB,IAAI,OAAOA,MAAP,KAAkB,UAAtB,EAAkC,OAAOA,MAAM,EAAb;IAElC,MAAM;MAAC4B,YAAD;MAAeC,aAAf;MAA8BC,IAA9B;MAAoCC;IAApC,IAA+C/B,MAArD;IACA,MAAM;MAACgC,KAAK,EAAEC,WAAR;MAAqBC,QAArB;MAA+BC,QAAQ,EAAEC;IAAzC,IAA2DR,YAAY,IAAI,EAAjF;IACA,MAAM;MACJI,KAAK,EAAEK,YADH;MAEJC,SAFI;MAGJH,QAAQ,EAAEI,eAHN;MAIJC,QAJI;MAKJC;IALI,IAMFZ,aAAa,IAAI,EANrB;IAOA,MAAMa,kBAAkB,GAAGD,KAAK,IAAI,mBAAI,gBAAJ,EAAsBrC,IAAtB,CAApC;IAEA,oBACE;MAAK,SAAS,EAAEuC,cAAA,CAAM3C;IAAtB,gBACE;MAAK,SAAS,EAAE2C,cAAA,CAAMC;IAAtB,GACGV,QAAQ,IAAID,WAAZ,gBACC,6BAAC,mBAAD;MAEIY,SAAS,EAAEF,cAAA,CAAMG,kBAFrB;MAGIC,IAAI,EAAE,WAHV;MAIIC,OAAO,EAAEd,QAJb;MAKIF,KAAK,EAAEC,WALX;MAMIE,QAAQ,EAAEC;IANd,EADD,GAUG,IAXN,EAYGE,SAAS,IAAID,YAAb,gBACC,uDACE,6BAAC,mBAAD;MAEIY,WAAW,EAAE;QAACC,eAAe,EAAER;MAAlB,CAFjB;MAGIS,oBAAoB,EAAE,IAAAC,yBAAA,EACnB,YAAWV,kBAAmB,0BADX,CAH1B;MAMIW,UAAU,EAAE,SANhB;MAOIR,SAAS,EAAEF,cAAA,CAAMW,mBAPrB;MAQIP,IAAI,EAAE,SARV;MASIC,OAAO,EAAEV,SATb;MAUIN,KAAK,EAAEK,YAVX;MAWIF,QAAQ,EAAEI;IAXd,GAYQC,QAAQ,GACR;MACEe,IAAI,EAAE;QACJC,QAAQ,EAAE,MADN;QAEJC,MAAM,EAAE;UACNC,IAAI,EAAElB,QADA;UAENC,KAAK,EAAE,SAFD;UAGNkB,IAAI,EAAE;QAHA;MAFJ;IADR,CADQ,GAWR,EAvBR,EADF,CADD,GA6BG,IAzCN,CADF,EA4CG7B,IAAI,gBACH;MACE,SAAS,EAAG,GAAEa,cAAA,CAAMiB,iBAAkB,IAAG7B,OAAO,GAAGY,cAAA,CAAMkB,sBAAT,GAAkC,EAAG;IADvF,GAGG/B,IAHH,CADG,GAMD,IAlDN,CADF;EAsDD,CArEc,EAqEZ,CAAC9B,MAAD,EAASI,IAAT,CArEY,CAAf;EAuEA,IAAI,CAACL,MAAD,IAAW,CAACJ,KAAZ,IAAqB,CAACG,QAA1B,EAAoC,OAAO,IAAP;;EAEpC,SAASgE,aAAT,CAAuBC,CAAvB,EAA0B;IACxBA,CAAC,EAAEC,eAAH;IACA/D,OAAO;EACR;;EAED,oBACE;IAAK,SAAS,EAAE0C,cAAA,CAAMsB;EAAtB,gBACE;IAAK,SAAS,EAAEtB,cAAA,CAAMuB;EAAtB,gBACE;IAAQ,SAAS,EAAEvB,cAAA,CAAMwB;EAAzB,GACGtE,UAAU,EAAE6D,IAAZ,gBACC;IAAK,SAAS,EAAEf,cAAA,CAAM9C;EAAtB,gBACE,6BAAC,aAAD;IACE,QAAQ,EAAEA,UAAU,CAAC6D,IADvB;IAEE,SAAS,EAAE7D,UAAU,CAAC4C,KAFxB;IAGE,eAAe,EAAE5C,UAAU,CAACqD,eAH9B;IAIE,IAAI,EAAE;MAACkB,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAJR,EADF,CADD,GASG,IAVN,eAWE;IAAK,SAAS,EAAE1B,cAAA,CAAM2B;EAAtB,gBACE;IAAK,SAAS,EAAE3B,cAAA,CAAM4B;EAAtB,GAAoC5E,KAApC,CADF,EAEGC,WAAW,gBAAG;IAAK,SAAS,EAAE+C,cAAA,CAAM6B;EAAtB,GAA0C5E,WAA1C,CAAH,GAAkE,IAFhF,CAXF,eAeE;IAAK,SAAS,EAAE+C,cAAA,CAAM8B,eAAtB;IAAuC,OAAO,EAAEX,aAAhD;IAA+D,eAAY;EAA3E,gBACE,6BAAC,aAAD;IAAM,QAAQ,EAAC,OAAf;IAAuB,eAAe,EAAC,SAAvC;IAAiD,IAAI,EAAE;MAACM,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAAvD,EADF,CAfF,CADF,eAoBE;IACE,GAAG,EAAEhE,OADP;IAEE,SAAS,EAAEE,kBAAkB,GAAGoC,cAAA,CAAM+B,IAAT,GAAgB/B,cAAA,CAAMgC,oBAFrD;IAGE,QAAQ,EAAEzE,QAHZ;IAIE,eAAY;EAJd,GAMGJ,QANH,CApBF,eA4BE,6BAAC,MAAD,OA5BF,CADF,CADF;AAkCD,CA1KD;;AA4KAN,SAAS,CAACoF,YAAV,GAAyB;EACvBxE,IAAI,EAAEyE,iBAAA,CAASC,iBAAT,CAA2B1E;AADV,CAAzB;AAIAZ,SAAS,CAACuF,SAAV,2CAAsB;EACpBpF,KAAK,EAAEqF,kBAAA,CAAUC,MADG;EAEpBpF,UAAU,EAAEmF,kBAAA,CAAUE,KAAV,CAAgB;IAC1BxB,IAAI,EAAEsB,kBAAA,CAAUC,MADU;IAE1BxC,KAAK,EAAEuC,kBAAA,CAAUC,MAFS;IAG1B/B,eAAe,EAAE8B,kBAAA,CAAUC;EAHD,CAAhB,CAFQ;EAOpBrF,WAAW,EAAEoF,kBAAA,CAAUC,MAPH;EAQpBnF,QAAQ,EAAEkF,kBAAA,CAAUG,IARA;EASpBpF,MAAM,EAAEiF,kBAAA,CAAUI,IATE;EAUpBpF,MAAM,EAAEgF,kBAAA,CAAUK,SAAV,CAAoB,CAC1BL,kBAAA,CAAUM,IADgB,EAE1BN,kBAAA,CAAUE,KAAV,CAAgB;IACdpD,IAAI,EAAEkD,kBAAA,CAAUC,MADF;IAEdlD,OAAO,EAAEiD,kBAAA,CAAUO,OAFL;IAGd3D,YAAY,EAAEoD,kBAAA,CAAUE,KAAV,CAAgB;MAC5BlD,KAAK,EAAEgD,kBAAA,CAAUC,MADW;MAE5B/C,QAAQ,EAAE8C,kBAAA,CAAUM,IAFQ;MAG5BnD,QAAQ,EAAE6C,kBAAA,CAAUI;IAHQ,CAAhB,CAHA;IAQdvD,aAAa,EAAEmD,kBAAA,CAAUE,KAAV,CAAgB;MAC7BlD,KAAK,EAAEgD,kBAAA,CAAUC,MADY;MAE7B3C,SAAS,EAAE0C,kBAAA,CAAUM,IAFQ;MAG7B9C,QAAQ,EAAEwC,kBAAA,CAAUC,MAHS;MAI7B9C,QAAQ,EAAE6C,kBAAA,CAAUI,IAJS;MAK7B3C,KAAK,EAAEuC,kBAAA,CAAUC;IALY,CAAhB;EARD,CAAhB,CAF0B,CAApB,CAVY;EA6BpBhF,OAAO,EAAE+E,kBAAA,CAAUM,IA7BC;EA8BpBpF,QAAQ,EAAE8E,kBAAA,CAAUM,IA9BA;EA+BpBnF,eAAe,EAAE6E,kBAAA,CAAUI;AA/BP,CAAtB;eAkCe5F,S"}
1
+ {"version":3,"file":"index.js","names":["BaseModal","props","context","title","description","headerIcon","children","isOpen","footer","onClose","onScroll","detectScrollbar","skin","bodyRef","useRef","isScrollbarVisible","setIsScrollbarVisible","useState","checkScrollbar","bodyElement","current","scrollHeight","clientHeight","useEffect","debouncedCheckScrollbar","mutationObserver","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnect","cancel","Footer","useCallback","cancelButton","confirmButton","text","isError","label","cancelLabel","onCancel","disabled","cancelDisabled","confirmLabel","onConfirm","confirmDisabled","iconName","color","buttonConfirmColor","style","footerCTAWrapper","className","footerCancelButton","type","onClick","customStyle","backgroundColor","hoverBackgroundColor","convert","hoverColor","footerConfirmButton","icon","position","faIcon","name","size","footerDescription","footerDescriptionError","handleOnClose","e","stopPropagation","modalWrapper","modal","header","faSize","wrapperSize","headerContent","headerTitle","headerDescription","headerCloseIcon","body","bodyWithoutScrollbar","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","node","bool","oneOfType","func","boolean"],"sources":["../../../src/molecule/base-modal/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, debounce} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst BaseModal = (props, context) => {\n const {\n title,\n description,\n headerIcon,\n children,\n isOpen,\n footer,\n onClose,\n onScroll,\n detectScrollbar = false\n } = props;\n const {skin} = context;\n const bodyRef = useRef(null);\n const [isScrollbarVisible, setIsScrollbarVisible] = useState(!detectScrollbar);\n\n const checkScrollbar = () => {\n const bodyElement = bodyRef.current;\n if (bodyElement) {\n setIsScrollbarVisible(bodyElement.scrollHeight > bodyElement.clientHeight);\n }\n };\n\n useEffect(() => {\n if (!detectScrollbar) return;\n const bodyElement = bodyRef.current;\n\n if (!bodyElement) return;\n\n const debouncedCheckScrollbar = debounce(100, () => {\n checkScrollbar();\n });\n\n // Observer of the body content\n const mutationObserver = new MutationObserver(() => {\n debouncedCheckScrollbar();\n });\n\n mutationObserver.observe(bodyElement, {childList: true, subtree: true});\n\n // Observer of the body size\n const resizeObserver = new ResizeObserver(() => {\n debouncedCheckScrollbar();\n });\n\n if (bodyRef.current) {\n resizeObserver.observe(bodyRef.current);\n }\n\n checkScrollbar();\n\n return () => {\n mutationObserver.disconnect();\n resizeObserver.disconnect();\n debouncedCheckScrollbar.cancel();\n };\n }, [children, detectScrollbar]);\n\n const Footer = useCallback(() => {\n if (isEmpty(footer)) return null;\n if (typeof footer === 'function') return footer();\n\n const {cancelButton, confirmButton, text, isError} = footer;\n const {label: cancelLabel, onCancel, disabled: cancelDisabled} = cancelButton || {};\n const {\n label: confirmLabel,\n onConfirm,\n disabled: confirmDisabled,\n iconName,\n color\n } = confirmButton || {};\n const buttonConfirmColor = color || get('common.primary', skin);\n\n return (\n <div className={style.footer}>\n <div className={style.footerCTAWrapper}>\n {onCancel && cancelLabel ? (\n <ButtonLink\n {...{\n className: style.footerCancelButton,\n type: 'secondary',\n onClick: onCancel,\n label: cancelLabel,\n disabled: cancelDisabled,\n 'data-testid': `button-link-${cancelLabel}`\n }}\n />\n ) : null}\n {onConfirm && confirmLabel ? (\n <div>\n <ButtonLink\n {...{\n customStyle: {backgroundColor: buttonConfirmColor},\n hoverBackgroundColor: convert(\n `hsl(from ${buttonConfirmColor} h s calc(l*(1 - 0.08)))`\n ),\n hoverColor: '#FFFFFF',\n className: style.footerConfirmButton,\n type: 'primary',\n onClick: onConfirm,\n label: confirmLabel,\n disabled: confirmDisabled,\n ...(iconName\n ? {\n icon: {\n position: 'left',\n faIcon: {\n name: iconName,\n color: '#FFFFFF',\n size: 16\n }\n }\n }\n : {}),\n 'data-testid': `button-link-${confirmLabel}`\n }}\n />\n </div>\n ) : null}\n </div>\n {text ? (\n <div\n className={`${style.footerDescription} ${isError ? style.footerDescriptionError : ''}`}\n >\n {text}\n </div>\n ) : null}\n </div>\n );\n }, [footer, skin]);\n\n if (!isOpen || !title || !children) return null;\n\n function handleOnClose(e) {\n e?.stopPropagation();\n onClose();\n }\n\n return (\n <div className={style.modalWrapper}>\n <div className={style.modal}>\n <header className={style.header}>\n {headerIcon?.name ? (\n <div className={style.headerIcon}>\n <Icon\n iconName={headerIcon.name}\n iconColor={headerIcon.color}\n backgroundColor={headerIcon.backgroundColor}\n size={{faSize: 20, wrapperSize: 48}}\n />\n </div>\n ) : null}\n <div className={style.headerContent}>\n <div className={style.headerTitle}>{title}</div>\n {description ? <div className={style.headerDescription}>{description}</div> : null}\n </div>\n <div className={style.headerCloseIcon} onClick={handleOnClose} data-testid=\"close-icon\">\n <Icon iconName=\"close\" backgroundColor=\"#F4F4F5\" size={{faSize: 14, wrapperSize: 28}} />\n </div>\n </header>\n <div\n ref={bodyRef}\n className={isScrollbarVisible ? style.body : style.bodyWithoutScrollbar}\n onScroll={onScroll}\n data-testid=\"modal-body\"\n >\n {children}\n </div>\n <Footer />\n </div>\n </div>\n );\n};\n\nBaseModal.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBaseModal.propTypes = {\n title: PropTypes.string,\n headerIcon: PropTypes.shape({\n name: PropTypes.string,\n color: PropTypes.string,\n backgroundColor: PropTypes.string\n }),\n description: PropTypes.string,\n children: PropTypes.node,\n isOpen: PropTypes.bool,\n footer: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({\n text: PropTypes.string,\n isError: PropTypes.boolean,\n cancelButton: PropTypes.shape({\n label: PropTypes.string,\n onCancel: PropTypes.func,\n disabled: PropTypes.bool\n }),\n confirmButton: PropTypes.shape({\n label: PropTypes.string,\n onConfirm: PropTypes.func,\n iconName: PropTypes.string,\n disabled: PropTypes.bool,\n color: PropTypes.string\n })\n })\n ]),\n onClose: PropTypes.func,\n onScroll: PropTypes.func,\n detectScrollbar: PropTypes.bool\n};\n\nexport default BaseModal;\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.33.2-alpha.2+f1d2cce50",
3
+ "version": "11.33.2-alpha.3+037cf198f",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -165,5 +165,5 @@
165
165
  "last 2 versions",
166
166
  "IE 11"
167
167
  ],
168
- "gitHead": "f1d2cce50aed6dcea9d917077b048dc0d500c0fc"
168
+ "gitHead": "037cf198ff9324dba1f2c52c6820051cd1b8e2b7"
169
169
  }