@elliemae/ds-modal 1.56.0 → 1.57.0-rc.10
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.
- package/cjs/{DSModal-57b59236.js → DSModal-3126a986.js} +6 -7
- package/cjs/DSModal-3126a986.js.map +1 -0
- package/cjs/DSModal.js +5 -11
- package/cjs/DSModal.js.map +1 -1
- package/cjs/index.js +5 -11
- package/cjs/index.js.map +1 -1
- package/cjs/v1/DSModal.js +4 -8
- package/cjs/v1/DSModal.js.map +1 -1
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +6 -13
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +1 -1
- package/cjs/v2/DSModal.js +3 -8
- package/cjs/v2/DSModal.js.map +1 -1
- package/cjs/v2/components/DecisionHeader.js +3 -4
- package/cjs/v2/components/DecisionHeader.js.map +1 -1
- package/cjs/v2/components/FeedbackIcon.js +6 -15
- package/cjs/v2/components/FeedbackIcon.js.map +1 -1
- package/cjs/v2/components/Footer.js +1 -1
- package/cjs/v2/components/Footer.js.map +1 -1
- package/cjs/v2/components/FormHeader.js +3 -4
- package/cjs/v2/components/FormHeader.js.map +1 -1
- package/cjs/v2/components/ModalContent.js +3 -8
- package/cjs/v2/components/ModalContent.js.map +1 -1
- package/cjs/v2/components/SelectionHeader.js +2 -3
- package/cjs/v2/components/SelectionHeader.js.map +1 -1
- package/esm/{DSModal-a60fa661.js → DSModal-a8b0fbf0.js} +5 -5
- package/esm/DSModal-a8b0fbf0.js.map +1 -0
- package/esm/DSModal.js +5 -11
- package/esm/DSModal.js.map +1 -1
- package/esm/index.js +5 -11
- package/esm/index.js.map +1 -1
- package/esm/v1/DSModal.js +4 -8
- package/esm/v1/DSModal.js.map +1 -1
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +1 -4
- package/esm/v1/ModalFeedBack/ModalFeedBack.js.map +1 -1
- package/esm/v2/DSModal.js +3 -8
- package/esm/v2/DSModal.js.map +1 -1
- package/esm/v2/components/DecisionHeader.js +3 -3
- package/esm/v2/components/DecisionHeader.js.map +1 -1
- package/esm/v2/components/FeedbackIcon.js +1 -5
- package/esm/v2/components/FeedbackIcon.js.map +1 -1
- package/esm/v2/components/Footer.js +1 -1
- package/esm/v2/components/Footer.js.map +1 -1
- package/esm/v2/components/FormHeader.js +3 -3
- package/esm/v2/components/FormHeader.js.map +1 -1
- package/esm/v2/components/ModalContent.js +3 -8
- package/esm/v2/components/ModalContent.js.map +1 -1
- package/esm/v2/components/SelectionHeader.js +1 -1
- package/esm/v2/components/SelectionHeader.js.map +1 -1
- package/package.json +6 -6
- package/cjs/DSModal-57b59236.js.map +0 -1
- package/esm/DSModal-a60fa661.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.js","sources":["../../../../src/v2/components/ModalContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants';\nimport { SelectionHeader } from './SelectionHeader';\nimport { DecisionHeader } from './DecisionHeader';\nimport { FormHeader } from './FormHeader';\nimport { FeedbackIcon } from './FeedbackIcon';\nimport { Footer } from './Footer';\nimport { Title } from './Title';\nimport {\n showDecision,\n showFeedBack,\n showFooter,\n showSelection,\n showForm,\n} from '../helpers';\nimport { ModalContent, ModalWrapper } from '../blocks';\n\nexport const DSModalContent = ({\n containerProps = {},\n //\n modalType = MODAL_TYPE_V2.INFORMATION,\n modalSubType = null,\n modalTitle = '',\n showRejectButton = false,\n showClose = true,\n searchProps = {},\n // override\n actionsRef = () => null,\n additionalFooterCssClass,\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n // react modal\n children,\n onClose = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Discard',\n confirmLabel = 'Save',\n removePadding = false,\n}) => (\n <ModalWrapper {...containerProps}>\n {showForm({ modalType, modalSubType }) && (\n <FormHeader\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={onClose}\n showClose={showClose}\n />\n )}\n {showSelection({ modalType, modalSubType }) && (\n <SelectionHeader\n modalTitle={modalTitle}\n modalType={modalType}\n searchProps={searchProps}\n showClose={showClose}\n />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <DecisionHeader onClose={onClose} showClose={showClose} />\n )}\n {showFeedBack({ modalType, modalSubType }) && (\n <FeedbackIcon modalSubType={modalSubType} />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <Title modalTitle={modalTitle} modalType={modalType} />\n )}\n <ModalContent classProps={{ type: modalType, removePadding }}>\n {children}\n </ModalContent>\n {showFooter({ modalType, modalSubType }) && (\n <Footer\n actionsRef={actionsRef}\n additionalFooterCssClass={additionalFooterCssClass}\n confirmLabel={confirmLabel}\n onConfirm={onConfirm}\n onReject={onReject}\n overridePropsConfirmButton={overridePropsConfirmButton}\n overridePropsRejectButton={overridePropsRejectButton}\n rejectLabel={rejectLabel}\n showRejectButton={showRejectButton}\n />\n )}\n </ModalWrapper>\n);\n"],"names":["DSModalContent","containerProps","modalType","MODAL_TYPE_V2","INFORMATION","modalSubType","modalTitle","showRejectButton","showClose","searchProps","actionsRef","additionalFooterCssClass","overridePropsConfirmButton","overridePropsRejectButton","children","onClose","onConfirm","onReject","rejectLabel","confirmLabel","removePadding","showForm","showSelection","showDecision","showFeedBack","type","showFooter"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalContent.js","sources":["../../../../src/v2/components/ModalContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants';\nimport { SelectionHeader } from './SelectionHeader';\nimport { DecisionHeader } from './DecisionHeader';\nimport { FormHeader } from './FormHeader';\nimport { FeedbackIcon } from './FeedbackIcon';\nimport { Footer } from './Footer';\nimport { Title } from './Title';\nimport {\n showDecision,\n showFeedBack,\n showFooter,\n showSelection,\n showForm,\n} from '../helpers';\nimport { ModalContent, ModalWrapper } from '../blocks';\n\nexport const DSModalContent = ({\n containerProps = {},\n //\n modalType = MODAL_TYPE_V2.INFORMATION,\n modalSubType = null,\n modalTitle = '',\n showRejectButton = false,\n showClose = true,\n searchProps = {},\n // override\n actionsRef = () => null,\n additionalFooterCssClass,\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n // react modal\n children,\n onClose = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Discard',\n confirmLabel = 'Save',\n removePadding = false,\n}) => (\n <ModalWrapper {...containerProps}>\n {showForm({ modalType, modalSubType }) && (\n <FormHeader\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={onClose}\n showClose={showClose}\n />\n )}\n {showSelection({ modalType, modalSubType }) && (\n <SelectionHeader\n modalTitle={modalTitle}\n modalType={modalType}\n searchProps={searchProps}\n showClose={showClose}\n />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <DecisionHeader onClose={onClose} showClose={showClose} />\n )}\n {showFeedBack({ modalType, modalSubType }) && (\n <FeedbackIcon modalSubType={modalSubType} />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <Title modalTitle={modalTitle} modalType={modalType} />\n )}\n <ModalContent classProps={{ type: modalType, removePadding }}>\n {children}\n </ModalContent>\n {showFooter({ modalType, modalSubType }) && (\n <Footer\n actionsRef={actionsRef}\n additionalFooterCssClass={additionalFooterCssClass}\n confirmLabel={confirmLabel}\n onConfirm={onConfirm}\n onReject={onReject}\n overridePropsConfirmButton={overridePropsConfirmButton}\n overridePropsRejectButton={overridePropsRejectButton}\n rejectLabel={rejectLabel}\n showRejectButton={showRejectButton}\n />\n )}\n </ModalWrapper>\n);\n"],"names":["DSModalContent","containerProps","modalType","MODAL_TYPE_V2","INFORMATION","modalSubType","modalTitle","showRejectButton","showClose","searchProps","actionsRef","additionalFooterCssClass","overridePropsConfirmButton","overridePropsRejectButton","children","onClose","onConfirm","onReject","rejectLabel","confirmLabel","removePadding","showForm","showSelection","showDecision","showFeedBack","type","showFooter"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import DSSearchBox from '@elliemae/ds-
|
|
2
|
+
import { DSSearchBox } from '@elliemae/ds-form';
|
|
3
3
|
import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
|
|
4
4
|
import { Title } from './Title.js';
|
|
5
5
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionHeader.js","sources":["../../../../src/v2/components/SelectionHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSSearchBox from '@elliemae/ds-
|
|
1
|
+
{"version":3,"file":"SelectionHeader.js","sources":["../../../../src/v2/components/SelectionHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks';\nimport { Title } from './Title';\n\nexport const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => (\n <ModalHeader classProps={{ type: 'selection' }}>\n <Title modalTitle={modalTitle} modalType={modalType} />\n {showClose && (\n <ModalHeaderTopRight classProps={{ type: 'selection' }} data-testid=\"modal-search-box\">\n <DSSearchBox {...searchProps} />\n </ModalHeaderTopRight>\n )}\n </ModalHeader>\n);\n\nexport default SelectionHeader;\n"],"names":["SelectionHeader","searchProps","modalTitle","modalType","showClose","type"],"mappings":";;;;;;;AAAA;IAMaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,8BAAGC,WAAH;AAAA,MAAGA,WAAH,iCAAiB,EAAjB;AAAA,MAAqBC,UAArB,QAAqBA,UAArB;AAAA,MAAiCC,SAAjC,QAAiCA,SAAjC;AAAA,MAA4CC,SAA5C,QAA4CA,SAA5C;AAAA,sBAC7B,oBAAC,WAAD;AAAa,IAAA,UAAU,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAzB,kBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAEH,UAAnB;AAA+B,IAAA,SAAS,EAAEC;AAA1C,IADF,EAEGC,SAAS,iBACR,oBAAC,mBAAD;AAAqB,IAAA,UAAU,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAjC;AAAwD,mBAAY;AAApE,kBACE,oBAAC,WAAD,EAAiBJ,WAAjB,CADF,CAHJ,CAD6B;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-modal",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.57.0-rc.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Modal",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-basic": "1.
|
|
20
|
-
"@elliemae/ds-classnames": "1.
|
|
21
|
-
"@elliemae/ds-icons": "1.
|
|
22
|
-
"@elliemae/ds-modal": "1.
|
|
23
|
-
"@elliemae/ds-system": "1.
|
|
19
|
+
"@elliemae/ds-basic": "1.57.0-rc.10",
|
|
20
|
+
"@elliemae/ds-classnames": "1.57.0-rc.10",
|
|
21
|
+
"@elliemae/ds-icons": "1.57.0-rc.10",
|
|
22
|
+
"@elliemae/ds-modal": "1.57.0-rc.10",
|
|
23
|
+
"@elliemae/ds-system": "1.57.0-rc.10",
|
|
24
24
|
"prop-types": "~15.7.2",
|
|
25
25
|
"react-desc": "^4.1.2",
|
|
26
26
|
"react-modal": "~3.12.1"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSModal-57b59236.js","sources":["../../../../shared-configs/prop-types.js","../../src/v1/DSModal.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n ['neutral', '900'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '500'],\n ['success', '900'],\n ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n DEFAULT: 'variant-default',\n FOCUS: 'variant-focus',\n ACTIVE: 'variant-active',\n DISABLED: 'variant-disabled',\n ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n CHECKBOX_VARIANT.DEFAULT,\n CHECKBOX_VARIANT.FOCUS,\n CHECKBOX_VARIANT.ACTIVE,\n CHECKBOX_VARIANT.DISABLED,\n CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n DEFAULT: 'variant-default',\n FOCUS: 'variant-focus-input',\n FOCUS_ICON: 'variant-focus-icon',\n ACTIVE: 'variant-active-input',\n ACTIVE_ICON: 'variant-active-icon',\n DISABLED: 'variant-disabled',\n ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n COMBOBOX_VARIANT.DEFAULT,\n COMBOBOX_VARIANT.FOCUS,\n COMBOBOX_VARIANT.FOCUS_ICON,\n COMBOBOX_VARIANT.ACTIVE,\n COMBOBOX_VARIANT.ACTIVE_ICON,\n COMBOBOX_VARIANT.DISABLED,\n COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n S: 's',\n M: 'm',\n L: 'l',\n};\n\nexport const position = {\n LEFT: 'left',\n RIGHT: 'right',\n CENTER: 'center',\n};\n\nexport const fontColor = {\n NEUTRAL500: 'neutral500',\n NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport CloseIcon from '@elliemae/ds-icons/Close';\nimport { DSIconSizes } from '@elliemae/ds-basic/Icon';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport MODAL_TYPE, { modalTypes } from '../constants';\nimport ModalFeedBack from './ModalFeedBack/ModalFeedBack';\nimport { sizes, iconSizes } from '../../../../shared-configs/prop-types';\n\nconst DSModal = ({\n containerProps = {},\n className = '',\n dataTestId = 'ds-modal',\n additionalFooterCssClass = '',\n style = {},\n iconCloseSize = DSIconSizes.S,\n modalType = MODAL_TYPE.DEFAULT,\n showHeader = true,\n showFooter = true,\n children,\n centered = true,\n confirmLabel = 'Accept',\n modalTitle = '',\n size = 'medium',\n isOpen = false,\n onClose = () => null,\n onAfterOpen = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Cancel',\n shouldCloseOnOverlayClick = false,\n hasError = false,\n hasWarning = false,\n hasSuccess = false,\n hasInfo = false,\n hasHelp = false,\n actionsRef = () => null,\n appElement = '#root',\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n zIndex = 10,\n}) => {\n // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples\n typeof document !== 'undefined' &&\n document &&\n ReactModal.setAppElement &&\n ReactModal.setAppElement(appElement); // eslint-disable-line\n const {\n cssClassName,\n classNameElement,\n classNameBlock,\n classNameModifier,\n classNameBlockModifier,\n } = convertPropToCssClassName('modal', className, {\n hasError,\n hasWarning,\n hasSuccess,\n modalType,\n size,\n });\n\n const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\n const isAFeedbackType =\n [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;\n const showFeedBack =\n isAFeedbackType ||\n hasError ||\n hasWarning ||\n hasSuccess ||\n hasInfo ||\n hasHelp;\n\n return (\n <ReactModal\n testId={dataTestId}\n className={cssClassName}\n contentLabel={modalTitle}\n isOpen={isOpen}\n onAfterOpen={onAfterOpen}\n onRequestClose={onClose}\n overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(\n centered && 'center',\n )}`}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n style={{\n content: {\n ...style,\n },\n overlay: {\n zIndex,\n },\n }}\n >\n <div {...containerProps}>\n {showHeader && (\n <div className={classNameBlock('modal-header')}>\n <div className={classNameElement('title', 'modal-header')}>\n {modalTitle}\n </div>\n <div className={classNameElement('icon', 'modal-header')}>\n <DSButton\n buttonType=\"link\"\n icon={<CloseIcon />}\n onClick={onClose}\n size={iconCloseSize}\n />\n </div>\n </div>\n )}\n <div className={classNameElement('body')}>\n {showFeedBack && (\n <ModalFeedBack\n hasError={hasError}\n hasHelp={hasHelp}\n hasInfo={hasInfo}\n hasSuccess={hasSuccess}\n hasWarning={hasWarning}\n modalType={modalType}\n />\n )}\n {children}\n </div>\n {showFooter && !isAFeedbackType && (\n <div\n className={`${classNameBlock('modal-footer')} ${\n additionalFooterCssClass\n ? classNameBlockModifier(\n additionalFooterCssClass,\n 'modal-footer',\n )\n : ''\n }`}\n >\n <div\n ref={actionsRef}\n className={classNameBlock('modal-footer-actions')}\n >\n {modalType === MODAL_TYPE.CONFIRM && (\n <DSButton\n buttonType=\"secondary\"\n className={`${classNameElement(\n 'button-action',\n )} ${classNameModifier('reject', 'button-action')} `}\n labelText={rejectLabel}\n onClick={onReject}\n {...overridePropsRejectButton}\n />\n )}\n <DSButton\n buttonType=\"primary\"\n className={`${classNameElement(\n 'button-action',\n )} ${classNameModifier('confirm', 'button-action')} `}\n labelText={confirmLabel}\n onClick={onConfirm}\n {...overridePropsConfirmButton}\n />\n </div>\n </div>\n )}\n </div>\n </ReactModal>\n );\n};\n\nDSModal.propTypes = {\n className: PropTypes.string,\n /**\n * Add an additional css class to the footer\n */\n additionalFooterCssClass: PropTypes.string,\n /**\n * Set style for the modal\n */\n style: PropTypes.shape({}),\n /**\n * Select size for the close icon\n */\n iconCloseSize: PropTypes.oneOf(iconSizes),\n /**\n * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n */\n modalType: PropTypes.oneOf(modalTypes),\n /**\n * Show the header or not\n */\n showHeader: PropTypes.bool,\n /**\n * Show the footer or not\n */\n showFooter: PropTypes.bool,\n /**\n * Main content of the modal\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.any,\n ]).isRequired,\n /**\n * Content is centered or not\n */\n centered: PropTypes.bool,\n /**\n * Text to be added in the confirm button\n */\n confirmLabel: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n modalTitle: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n size: PropTypes.oneOf(sizes),\n /**\n * Modal is open or not\n */\n isOpen: PropTypes.bool,\n /**\n * Allows a function to be triggered once the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal is opened\n */\n onAfterOpen: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is confirmed\n */\n onConfirm: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is rejected\n */\n onReject: PropTypes.func,\n /**\n * Text to be added in the reject button\n */\n rejectLabel: PropTypes.string,\n /**\n * If modal should close on overlay click\n */\n shouldCloseOnOverlayClick: PropTypes.bool,\n /**\n * Modal has error or not\n */\n hasError: PropTypes.bool,\n /**\n * Modal has warning or not\n */\n hasWarning: PropTypes.bool,\n /**\n * Modal has success or not\n */\n hasSuccess: PropTypes.bool,\n /**\n * Modal has info or not\n */\n hasInfo: PropTypes.bool,\n /**\n * Modal has help or not\n */\n hasHelp: PropTypes.bool,\n actionsRef: PropTypes.func,\n appElement: PropTypes.string,\n /**\n * Customized props for the confirm button\n */\n overridePropsConfirmButton: PropTypes.shape({}),\n /**\n * Customized props for the reject button\n */\n overridePropsRejectButton: PropTypes.shape({}),\n};\n\nexport default DSModal;\n"],"names":["DSModal","containerProps","className","dataTestId","additionalFooterCssClass","style","iconCloseSize","DSIconSizes","S","modalType","MODAL_TYPE","DEFAULT","showHeader","showFooter","children","centered","confirmLabel","modalTitle","size","isOpen","onClose","onAfterOpen","onConfirm","onReject","rejectLabel","shouldCloseOnOverlayClick","hasError","hasWarning","hasSuccess","hasInfo","hasHelp","actionsRef","appElement","overridePropsConfirmButton","overridePropsRejectButton","zIndex","document","ReactModal","setAppElement","convertPropToCssClassName","cssClassName","classNameElement","classNameBlock","classNameModifier","classNameBlockModifier","WARNING","ERROR","SUCCESS","HELP","INFO","isAFeedbackType","indexOf","showFeedBack","React","content","overlay","DSButton","CloseIcon","ModalFeedBack","CONFIRM","propTypes","PropTypes","string","shape","oneOf","iconSizes","modalTypes","bool","oneOfType","element","any","isRequired","sizes","func"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DSModal-a60fa661.js","sources":["../../../../shared-configs/prop-types.js","../../src/v1/DSModal.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nexport const dsBasicSizes = ['s', 'm', 'l'];\n\nexport const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];\n\nexport const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];\n\nexport const iconColors = [\n ['neutral', '900'],\n ['neutral', '0'],\n ['danger', '900'],\n ['warning', '500'],\n ['success', '900'],\n ['brand-primary', '600'],\n];\n\nexport const CHECKBOX_VARIANT = {\n DEFAULT: 'variant-default',\n FOCUS: 'variant-focus',\n ACTIVE: 'variant-active',\n DISABLED: 'variant-disabled',\n ERROR: 'variant-error',\n};\nexport const checkboxVariants = [\n CHECKBOX_VARIANT.DEFAULT,\n CHECKBOX_VARIANT.FOCUS,\n CHECKBOX_VARIANT.ACTIVE,\n CHECKBOX_VARIANT.DISABLED,\n CHECKBOX_VARIANT.ERROR,\n];\n\nexport const COMBOBOX_VARIANT = {\n DEFAULT: 'variant-default',\n FOCUS: 'variant-focus-input',\n FOCUS_ICON: 'variant-focus-icon',\n ACTIVE: 'variant-active-input',\n ACTIVE_ICON: 'variant-active-icon',\n DISABLED: 'variant-disabled',\n ERROR: 'variant-error',\n};\n\nexport const comboBoxVariants = [\n COMBOBOX_VARIANT.DEFAULT,\n COMBOBOX_VARIANT.FOCUS,\n COMBOBOX_VARIANT.FOCUS_ICON,\n COMBOBOX_VARIANT.ACTIVE,\n COMBOBOX_VARIANT.ACTIVE_ICON,\n COMBOBOX_VARIANT.DISABLED,\n COMBOBOX_VARIANT.ERROR,\n];\n\nexport const sizeVariants = {\n S: 's',\n M: 'm',\n L: 'l',\n};\n\nexport const position = {\n LEFT: 'left',\n RIGHT: 'right',\n CENTER: 'center',\n};\n\nexport const fontColor = {\n NEUTRAL500: 'neutral500',\n NEUTRAL700: 'neutral700',\n};\n\nexport const orientation = ['horizontal', 'vertical'];\n\nexport const orientationVariants = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n};\n","/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport CloseIcon from '@elliemae/ds-icons/Close';\nimport { DSIconSizes } from '@elliemae/ds-basic/Icon';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport MODAL_TYPE, { modalTypes } from '../constants';\nimport ModalFeedBack from './ModalFeedBack/ModalFeedBack';\nimport { sizes, iconSizes } from '../../../../shared-configs/prop-types';\n\nconst DSModal = ({\n containerProps = {},\n className = '',\n dataTestId = 'ds-modal',\n additionalFooterCssClass = '',\n style = {},\n iconCloseSize = DSIconSizes.S,\n modalType = MODAL_TYPE.DEFAULT,\n showHeader = true,\n showFooter = true,\n children,\n centered = true,\n confirmLabel = 'Accept',\n modalTitle = '',\n size = 'medium',\n isOpen = false,\n onClose = () => null,\n onAfterOpen = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Cancel',\n shouldCloseOnOverlayClick = false,\n hasError = false,\n hasWarning = false,\n hasSuccess = false,\n hasInfo = false,\n hasHelp = false,\n actionsRef = () => null,\n appElement = '#root',\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n zIndex = 10,\n}) => {\n // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples\n typeof document !== 'undefined' &&\n document &&\n ReactModal.setAppElement &&\n ReactModal.setAppElement(appElement); // eslint-disable-line\n const {\n cssClassName,\n classNameElement,\n classNameBlock,\n classNameModifier,\n classNameBlockModifier,\n } = convertPropToCssClassName('modal', className, {\n hasError,\n hasWarning,\n hasSuccess,\n modalType,\n size,\n });\n\n const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\n const isAFeedbackType =\n [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;\n const showFeedBack =\n isAFeedbackType ||\n hasError ||\n hasWarning ||\n hasSuccess ||\n hasInfo ||\n hasHelp;\n\n return (\n <ReactModal\n testId={dataTestId}\n className={cssClassName}\n contentLabel={modalTitle}\n isOpen={isOpen}\n onAfterOpen={onAfterOpen}\n onRequestClose={onClose}\n overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(\n centered && 'center',\n )}`}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n style={{\n content: {\n ...style,\n },\n overlay: {\n zIndex,\n },\n }}\n >\n <div {...containerProps}>\n {showHeader && (\n <div className={classNameBlock('modal-header')}>\n <div className={classNameElement('title', 'modal-header')}>\n {modalTitle}\n </div>\n <div className={classNameElement('icon', 'modal-header')}>\n <DSButton\n buttonType=\"link\"\n icon={<CloseIcon />}\n onClick={onClose}\n size={iconCloseSize}\n />\n </div>\n </div>\n )}\n <div className={classNameElement('body')}>\n {showFeedBack && (\n <ModalFeedBack\n hasError={hasError}\n hasHelp={hasHelp}\n hasInfo={hasInfo}\n hasSuccess={hasSuccess}\n hasWarning={hasWarning}\n modalType={modalType}\n />\n )}\n {children}\n </div>\n {showFooter && !isAFeedbackType && (\n <div\n className={`${classNameBlock('modal-footer')} ${\n additionalFooterCssClass\n ? classNameBlockModifier(\n additionalFooterCssClass,\n 'modal-footer',\n )\n : ''\n }`}\n >\n <div\n ref={actionsRef}\n className={classNameBlock('modal-footer-actions')}\n >\n {modalType === MODAL_TYPE.CONFIRM && (\n <DSButton\n buttonType=\"secondary\"\n className={`${classNameElement(\n 'button-action',\n )} ${classNameModifier('reject', 'button-action')} `}\n labelText={rejectLabel}\n onClick={onReject}\n {...overridePropsRejectButton}\n />\n )}\n <DSButton\n buttonType=\"primary\"\n className={`${classNameElement(\n 'button-action',\n )} ${classNameModifier('confirm', 'button-action')} `}\n labelText={confirmLabel}\n onClick={onConfirm}\n {...overridePropsConfirmButton}\n />\n </div>\n </div>\n )}\n </div>\n </ReactModal>\n );\n};\n\nDSModal.propTypes = {\n className: PropTypes.string,\n /**\n * Add an additional css class to the footer\n */\n additionalFooterCssClass: PropTypes.string,\n /**\n * Set style for the modal\n */\n style: PropTypes.shape({}),\n /**\n * Select size for the close icon\n */\n iconCloseSize: PropTypes.oneOf(iconSizes),\n /**\n * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n */\n modalType: PropTypes.oneOf(modalTypes),\n /**\n * Show the header or not\n */\n showHeader: PropTypes.bool,\n /**\n * Show the footer or not\n */\n showFooter: PropTypes.bool,\n /**\n * Main content of the modal\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.any,\n ]).isRequired,\n /**\n * Content is centered or not\n */\n centered: PropTypes.bool,\n /**\n * Text to be added in the confirm button\n */\n confirmLabel: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n modalTitle: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n size: PropTypes.oneOf(sizes),\n /**\n * Modal is open or not\n */\n isOpen: PropTypes.bool,\n /**\n * Allows a function to be triggered once the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal is opened\n */\n onAfterOpen: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is confirmed\n */\n onConfirm: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is rejected\n */\n onReject: PropTypes.func,\n /**\n * Text to be added in the reject button\n */\n rejectLabel: PropTypes.string,\n /**\n * If modal should close on overlay click\n */\n shouldCloseOnOverlayClick: PropTypes.bool,\n /**\n * Modal has error or not\n */\n hasError: PropTypes.bool,\n /**\n * Modal has warning or not\n */\n hasWarning: PropTypes.bool,\n /**\n * Modal has success or not\n */\n hasSuccess: PropTypes.bool,\n /**\n * Modal has info or not\n */\n hasInfo: PropTypes.bool,\n /**\n * Modal has help or not\n */\n hasHelp: PropTypes.bool,\n actionsRef: PropTypes.func,\n appElement: PropTypes.string,\n /**\n * Customized props for the confirm button\n */\n overridePropsConfirmButton: PropTypes.shape({}),\n /**\n * Customized props for the reject button\n */\n overridePropsRejectButton: PropTypes.shape({}),\n};\n\nexport default DSModal;\n"],"names":["DSModal","containerProps","className","dataTestId","additionalFooterCssClass","style","iconCloseSize","DSIconSizes","S","modalType","MODAL_TYPE","DEFAULT","showHeader","showFooter","children","centered","confirmLabel","modalTitle","size","isOpen","onClose","onAfterOpen","onConfirm","onReject","rejectLabel","shouldCloseOnOverlayClick","hasError","hasWarning","hasSuccess","hasInfo","hasHelp","actionsRef","appElement","overridePropsConfirmButton","overridePropsRejectButton","zIndex","document","ReactModal","setAppElement","convertPropToCssClassName","cssClassName","classNameElement","classNameBlock","classNameModifier","classNameBlockModifier","WARNING","ERROR","SUCCESS","HELP","INFO","isAFeedbackType","indexOf","showFeedBack","content","overlay","CONFIRM","propTypes","PropTypes","string","shape","oneOf","iconSizes","modalTypes","bool","oneOfType","element","any","isRequired","sizes","func"],"mappings":"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"}
|