@laerdal/life-react-components 4.0.0 → 4.0.2
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/dist/Dropdown/CommonStyling.cjs +1 -1
- package/dist/Dropdown/CommonStyling.cjs.map +1 -1
- package/dist/Dropdown/CommonStyling.js +1 -1
- package/dist/Dropdown/CommonStyling.js.map +1 -1
- package/dist/Dropdown/index.cjs +12 -0
- package/dist/Dropdown/index.cjs.map +1 -1
- package/dist/Dropdown/index.d.ts +1 -0
- package/dist/Dropdown/index.js +1 -0
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Modals/ModalDialog.cjs +8 -6
- package/dist/Modals/ModalDialog.cjs.map +1 -1
- package/dist/Modals/ModalDialog.js +8 -6
- package/dist/Modals/ModalDialog.js.map +1 -1
- package/dist/Modals/ModalTypes.cjs.map +1 -1
- package/dist/Modals/ModalTypes.d.ts +3 -2
- package/dist/Modals/ModalTypes.js.map +1 -1
- package/package.json +1 -1
|
@@ -58,7 +58,7 @@ var activeValidationMessage = (0, _styledComponents.css)(_templateObject4 || (_t
|
|
|
58
58
|
var placeholderStyling = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n"])), function (props) {
|
|
59
59
|
return (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme));
|
|
60
60
|
});
|
|
61
|
-
var DropdownInputField = _styledComponents["default"].input(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n color: ", " !important;\n padding: 0;\n flex-grow: 1;\n display: flex;\n justify-content: center;\n overflow: hidden;\n ", "\n \n ::placeholder {\n color: ", ";\n font-style: italic;\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n"])), function (props) {
|
|
61
|
+
var DropdownInputField = _styledComponents["default"].input(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n min-width: 0px;\n color: ", " !important;\n padding: 0;\n flex-grow: 1;\n display: flex;\n justify-content: center;\n overflow: hidden;\n ", "\n \n ::placeholder {\n color: ", ";\n font-style: italic;\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n"])), function (props) {
|
|
62
62
|
return _styles.COLORS.getColor('black', props.theme);
|
|
63
63
|
}, function (props) {
|
|
64
64
|
return props.ellipsis ? 'text-overflow: ellipsis;' : '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","styled","div","_taggedTemplateLiteral2","props","isButton","minWidth","concat","readOnly","disabled","margin","Z_INDEXES","focus","COLORS","getColor","theme","exports","lockedState","css","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","isPlaceholder","undefined","Bold","showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n ComponentMStyling,\r\n ComponentLStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger, Tooltip } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ isButton: boolean; readOnly?: boolean; disabled?: boolean; margin?: string; minWidth?: string }>`\r\n display: inline-block;\r\n\r\n ${(props) => !props.isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n ${(props) => (props.readOnly || props.disabled ? 'cursor: not-allowed;' : '')}\r\n ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n .show {\r\n display: block;\r\n }\r\n\r\n .value {\r\n flex-grow: 1;\r\n }\r\n\r\n &:focus-within {\r\n z-index: ${Z_INDEXES.focus};\r\n }\r\n\r\n input:hover + div {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n input:active + div {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n`;\r\n\r\nconst disabledState = css`\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{ellipsis?: boolean}>`\r\n border: none;\r\n outline: none;\r\n background-color: inherit;\r\n cursor: pointer;\r\n color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n padding: 0;\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: center;\r\n overflow: hidden;\r\n ${props => props.ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n \r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n font-style: italic;\r\n }\r\n\r\n ::-webkit-search-decoration,\r\n ::-webkit-search-cancel-button,\r\n ::-webkit-search-results-button,\r\n ::-webkit-search-results-decoration {\r\n -webkit-appearance: none;\r\n }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ disabled: boolean; readOnly: boolean; showValidationMessage?: boolean; isPlaceholder?: boolean; minWidth?: string }>`\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n padding: 12px 16px;\r\n height: 48px;\r\n min-width: ${(props) => (props.minWidth ? `${props.minWidth}` : '344px')};\r\n width: 100%;\r\n\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n position: relative;\r\n\r\n input {\r\n font-size: inherit;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n ${TooltipTrigger('hover')}\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n\r\n ${BREAKPOINTS.MEDIUM} {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 16px;\r\n height: 56px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.small {\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 12px 16px;\r\n height: 48px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.medium {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n height: 56px;\r\n padding: 16px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n pointer-events: none;\r\n width: 24px;\r\n height: 24px;\r\n color: ${(props) => props.isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n }\r\n\r\n &:focus {\r\n outline: 3px solid #ddd;\r\n }\r\n\r\n &:focus-within,\r\n &.focus-visible-within {\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n &:hover:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n cursor: pointer;\r\n }\r\n\r\n &:active:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.button {\r\n ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n box-sizing: border-box;\r\n height: 32px;\r\n padding: 0 8px;\r\n width: initial;\r\n min-width: initial;\r\n border: none !important;\r\n box-shadow: none;\r\n border-radius: 4px;\r\n\r\n &.expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n\r\n ${(props) => (props.disabled ? disabledState : '')}\r\n ${(props) => (props.readOnly ? lockedState : '')}\r\n ${(props) => (props.showValidationMessage ? activeValidationMessage : '')}\r\n ${(props) => (props.isPlaceholder ? placeholderStyling : '')}\r\n\r\n ${CommonInteractionStyling};\r\n\r\n &.focus-visible,\r\n &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n ${focusStyles}\r\n }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n display: flex;\r\n gap: 4px;\r\n align-items: center;\r\n box-sizing: border-box;\r\n min-width: 64px;\r\n min-height: 32px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n\r\n svg {\r\n pointer-events: none;\r\n }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n box-sizing: border-box;\r\n min-height: 48px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n cursor: pointer;\r\n\r\n ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n .expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n ${DropdownButtonTextContent} {\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: not-allowed;\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"CommonStyling.cjs","names":["_styledComponents","_interopRequireWildcard","require","_common","_styles","_typography","_zIndexes","_TooltipStyles","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownContainer","styled","div","_taggedTemplateLiteral2","props","isButton","minWidth","concat","readOnly","disabled","margin","Z_INDEXES","focus","COLORS","getColor","theme","exports","lockedState","css","disabledState","activeValidationMessage","placeholderStyling","ComponentMStyling","ComponentTextStyle","Italic","DropdownInputField","input","ellipsis","DropdownInputFieldStyles","ComponentSStyling","Regular","TooltipTrigger","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","isPlaceholder","undefined","Bold","showValidationMessage","CommonInteractionStyling","dropdown","focusStyles","DropdownContentButtonStyling","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextArrow","DropdownButtonTextStyles","DropdownButtonTextWrapper"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ isButton: boolean; readOnly?: boolean; disabled?: boolean; margin?: string; minWidth?: string }>`\r\n display: inline-block;\r\n\r\n ${(props) => !props.isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n ${(props) => (props.readOnly || props.disabled ? 'cursor: not-allowed;' : '')}\r\n ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n .show {\r\n display: block;\r\n }\r\n\r\n .value {\r\n flex-grow: 1;\r\n }\r\n\r\n &:focus-within {\r\n z-index: ${Z_INDEXES.focus};\r\n }\r\n\r\n input:hover + div {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n input:active + div {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n`;\r\n\r\nconst disabledState = css`\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{ellipsis?: boolean}>`\r\n border: none;\r\n outline: none;\r\n background-color: inherit;\r\n cursor: pointer;\r\n min-width: 0px;\r\n color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n padding: 0;\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: center;\r\n overflow: hidden;\r\n ${props => props.ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n \r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n font-style: italic;\r\n }\r\n\r\n ::-webkit-search-decoration,\r\n ::-webkit-search-cancel-button,\r\n ::-webkit-search-results-button,\r\n ::-webkit-search-results-decoration {\r\n -webkit-appearance: none;\r\n }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ disabled: boolean; readOnly: boolean; showValidationMessage?: boolean; isPlaceholder?: boolean; minWidth?: string }>`\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n padding: 12px 16px;\r\n height: 48px;\r\n min-width: ${(props) => (props.minWidth ? `${props.minWidth}` : '344px')};\r\n width: 100%;\r\n\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n position: relative;\r\n\r\n input {\r\n font-size: inherit;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n ${TooltipTrigger('hover')}\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n\r\n ${BREAKPOINTS.MEDIUM} {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 16px;\r\n height: 56px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.small {\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 12px 16px;\r\n height: 48px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.medium {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n height: 56px;\r\n padding: 16px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n pointer-events: none;\r\n width: 24px;\r\n height: 24px;\r\n color: ${(props) => props.isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n }\r\n\r\n &:focus {\r\n outline: 3px solid #ddd;\r\n }\r\n\r\n &:focus-within,\r\n &.focus-visible-within {\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n &:hover:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n cursor: pointer;\r\n }\r\n\r\n &:active:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.button {\r\n ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n box-sizing: border-box;\r\n height: 32px;\r\n padding: 0 8px;\r\n width: initial;\r\n min-width: initial;\r\n border: none !important;\r\n box-shadow: none;\r\n border-radius: 4px;\r\n\r\n &.expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n\r\n ${(props) => (props.disabled ? disabledState : '')}\r\n ${(props) => (props.readOnly ? lockedState : '')}\r\n ${(props) => (props.showValidationMessage ? activeValidationMessage : '')}\r\n ${(props) => (props.isPlaceholder ? placeholderStyling : '')}\r\n\r\n ${CommonInteractionStyling};\r\n\r\n &.focus-visible,\r\n &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n ${focusStyles}\r\n }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n display: flex;\r\n gap: 4px;\r\n align-items: center;\r\n box-sizing: border-box;\r\n min-width: 64px;\r\n min-height: 32px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n\r\n svg {\r\n pointer-events: none;\r\n }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n box-sizing: border-box;\r\n min-height: 48px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n cursor: pointer;\r\n\r\n ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n .expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n ${DropdownButtonTextContent} {\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: not-allowed;\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -47,7 +47,7 @@ var activeValidationMessage = css(_templateObject4 || (_templateObject4 = _tagge
|
|
|
47
47
|
var placeholderStyling = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", "\n"])), function (props) {
|
|
48
48
|
return ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme));
|
|
49
49
|
});
|
|
50
|
-
export var DropdownInputField = styled.input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n color: ", " !important;\n padding: 0;\n flex-grow: 1;\n display: flex;\n justify-content: center;\n overflow: hidden;\n ", "\n \n ::placeholder {\n color: ", ";\n font-style: italic;\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n"])), function (props) {
|
|
50
|
+
export var DropdownInputField = styled.input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n min-width: 0px;\n color: ", " !important;\n padding: 0;\n flex-grow: 1;\n display: flex;\n justify-content: center;\n overflow: hidden;\n ", "\n \n ::placeholder {\n color: ", ";\n font-style: italic;\n }\n\n ::-webkit-search-decoration,\n ::-webkit-search-cancel-button,\n ::-webkit-search-results-button,\n ::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n"])), function (props) {
|
|
51
51
|
return COLORS.getColor('black', props.theme);
|
|
52
52
|
}, function (props) {
|
|
53
53
|
return props.ellipsis ? 'text-overflow: ellipsis;' : '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommonStyling.js","names":["styled","css","CommonInteractionStyling","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","Z_INDEXES","TooltipTrigger","DropdownContainer","div","_templateObject","_taggedTemplateLiteral","props","isButton","minWidth","concat","readOnly","disabled","margin","focus","getColor","theme","lockedState","_templateObject2","disabledState","_templateObject3","activeValidationMessage","_templateObject4","placeholderStyling","_templateObject5","Italic","DropdownInputField","input","_templateObject6","ellipsis","DropdownInputFieldStyles","_templateObject7","Regular","MEDIUM","isPlaceholder","undefined","Bold","showValidationMessage","dropdown","DropdownContentButtonStyling","_templateObject8","DropdownButtonTextContent","_templateObject9","DropdownButtonTextIcon","_templateObject10","DropdownButtonTextArrow","_templateObject11","DropdownButtonTextStyles","_templateObject12","DropdownButtonTextWrapper","_templateObject13"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n ComponentMStyling,\r\n ComponentLStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger, Tooltip } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ isButton: boolean; readOnly?: boolean; disabled?: boolean; margin?: string; minWidth?: string }>`\r\n display: inline-block;\r\n\r\n ${(props) => !props.isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n ${(props) => (props.readOnly || props.disabled ? 'cursor: not-allowed;' : '')}\r\n ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n .show {\r\n display: block;\r\n }\r\n\r\n .value {\r\n flex-grow: 1;\r\n }\r\n\r\n &:focus-within {\r\n z-index: ${Z_INDEXES.focus};\r\n }\r\n\r\n input:hover + div {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n input:active + div {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n`;\r\n\r\nconst disabledState = css`\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{ellipsis?: boolean}>`\r\n border: none;\r\n outline: none;\r\n background-color: inherit;\r\n cursor: pointer;\r\n color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n padding: 0;\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: center;\r\n overflow: hidden;\r\n ${props => props.ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n \r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n font-style: italic;\r\n }\r\n\r\n ::-webkit-search-decoration,\r\n ::-webkit-search-cancel-button,\r\n ::-webkit-search-results-button,\r\n ::-webkit-search-results-decoration {\r\n -webkit-appearance: none;\r\n }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ disabled: boolean; readOnly: boolean; showValidationMessage?: boolean; isPlaceholder?: boolean; minWidth?: string }>`\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n padding: 12px 16px;\r\n height: 48px;\r\n min-width: ${(props) => (props.minWidth ? `${props.minWidth}` : '344px')};\r\n width: 100%;\r\n\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n position: relative;\r\n\r\n input {\r\n font-size: inherit;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n ${TooltipTrigger('hover')}\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n\r\n ${BREAKPOINTS.MEDIUM} {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 16px;\r\n height: 56px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.small {\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 12px 16px;\r\n height: 48px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.medium {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n height: 56px;\r\n padding: 16px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n pointer-events: none;\r\n width: 24px;\r\n height: 24px;\r\n color: ${(props) => props.isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n }\r\n\r\n &:focus {\r\n outline: 3px solid #ddd;\r\n }\r\n\r\n &:focus-within,\r\n &.focus-visible-within {\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n &:hover:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n cursor: pointer;\r\n }\r\n\r\n &:active:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.button {\r\n ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n box-sizing: border-box;\r\n height: 32px;\r\n padding: 0 8px;\r\n width: initial;\r\n min-width: initial;\r\n border: none !important;\r\n box-shadow: none;\r\n border-radius: 4px;\r\n\r\n &.expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n\r\n ${(props) => (props.disabled ? disabledState : '')}\r\n ${(props) => (props.readOnly ? lockedState : '')}\r\n ${(props) => (props.showValidationMessage ? activeValidationMessage : '')}\r\n ${(props) => (props.isPlaceholder ? placeholderStyling : '')}\r\n\r\n ${CommonInteractionStyling};\r\n\r\n &.focus-visible,\r\n &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n ${focusStyles}\r\n }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n display: flex;\r\n gap: 4px;\r\n align-items: center;\r\n box-sizing: border-box;\r\n min-width: 64px;\r\n min-height: 32px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n\r\n svg {\r\n pointer-events: none;\r\n }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n box-sizing: border-box;\r\n min-height: 48px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n cursor: pointer;\r\n\r\n ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n .expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n ${DropdownButtonTextContent} {\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: not-allowed;\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"CommonStyling.js","names":["styled","css","CommonInteractionStyling","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","Z_INDEXES","TooltipTrigger","DropdownContainer","div","_templateObject","_taggedTemplateLiteral","props","isButton","minWidth","concat","readOnly","disabled","margin","focus","getColor","theme","lockedState","_templateObject2","disabledState","_templateObject3","activeValidationMessage","_templateObject4","placeholderStyling","_templateObject5","Italic","DropdownInputField","input","_templateObject6","ellipsis","DropdownInputFieldStyles","_templateObject7","Regular","MEDIUM","isPlaceholder","undefined","Bold","showValidationMessage","dropdown","DropdownContentButtonStyling","_templateObject8","DropdownButtonTextContent","_templateObject9","DropdownButtonTextIcon","_templateObject10","DropdownButtonTextArrow","_templateObject11","DropdownButtonTextStyles","_templateObject12","DropdownButtonTextWrapper","_templateObject13"],"sources":["../../src/Dropdown/CommonStyling.tsx"],"sourcesContent":["import styled, {css} from 'styled-components';\r\nimport {CommonInteractionStyling} from '../common';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {\r\n ComponentMStyling,\r\n ComponentSStyling,\r\n ComponentXSStyling,\r\n ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\n\r\nexport const DropdownContainer = styled.div<{ isButton: boolean; readOnly?: boolean; disabled?: boolean; margin?: string; minWidth?: string }>`\r\n display: inline-block;\r\n\r\n ${(props) => !props.isButton && (props?.minWidth ? `width: 100%; min-width: ${props.minWidth};` : 'width: 100%; min-width: 344px;')}\r\n ${(props) => (props.readOnly || props.disabled ? 'cursor: not-allowed;' : '')}\r\n ${(props) => (props.margin ? `margin: ${props.margin};` : 'margin-bottom: 4px;')}\r\n .show {\r\n display: block;\r\n }\r\n\r\n .value {\r\n flex-grow: 1;\r\n }\r\n\r\n &:focus-within {\r\n z-index: ${Z_INDEXES.focus};\r\n }\r\n\r\n input:hover + div {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n input:active + div {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n\r\n`;\r\n\r\nconst lockedState = css`\r\n background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n`;\r\n\r\nconst disabledState = css`\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n\r\n input {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n }\r\n }\r\n`;\r\n\r\nconst activeValidationMessage = css`\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst placeholderStyling = css`\r\n ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const DropdownInputField = styled.input<{ellipsis?: boolean}>`\r\n border: none;\r\n outline: none;\r\n background-color: inherit;\r\n cursor: pointer;\r\n min-width: 0px;\r\n color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n padding: 0;\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: center;\r\n overflow: hidden;\r\n ${props => props.ellipsis ? 'text-overflow: ellipsis;' : ''}\r\n \r\n ::placeholder {\r\n color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n font-style: italic;\r\n }\r\n\r\n ::-webkit-search-decoration,\r\n ::-webkit-search-cancel-button,\r\n ::-webkit-search-results-button,\r\n ::-webkit-search-results-decoration {\r\n -webkit-appearance: none;\r\n }\r\n`;\r\n\r\nexport const DropdownInputFieldStyles = styled.div<{ disabled: boolean; readOnly: boolean; showValidationMessage?: boolean; isPlaceholder?: boolean; minWidth?: string }>`\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n\r\n padding: 12px 16px;\r\n height: 48px;\r\n min-width: ${(props) => (props.minWidth ? `${props.minWidth}` : '344px')};\r\n width: 100%;\r\n\r\n background: ${props => COLORS.getColor('white', props.theme)};\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n position: relative;\r\n\r\n input {\r\n font-size: inherit;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n ${TooltipTrigger('hover')}\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n\r\n ${BREAKPOINTS.MEDIUM} {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 16px;\r\n height: 56px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.small {\r\n ${ComponentSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n padding: 12px 16px;\r\n height: 48px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n &.medium {\r\n ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n height: 56px;\r\n padding: 16px;\r\n\r\n &::placeholder {\r\n ${props => ComponentXSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n pointer-events: none;\r\n width: 24px;\r\n height: 24px;\r\n color: ${(props) => props.isPlaceholder ? COLORS.getColor('neutral_600', props.theme) : undefined};\r\n }\r\n\r\n &:focus {\r\n outline: 3px solid #ddd;\r\n }\r\n\r\n &:focus-within,\r\n &.focus-visible-within {\r\n box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n\r\n &:hover:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n\r\n cursor: pointer;\r\n }\r\n\r\n &:active:not(.action-within) {\r\n box-shadow: inset 0px 0px 0px 1px ${props => COLORS.getColor('primary_300', props.theme)};\r\n\r\n input {\r\n ::placeholder {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n .dropdown-arrow {\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.button {\r\n ${(props) => ComponentSStyling(ComponentTextStyle.Bold, props.disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_600', props.theme))}\r\n\r\n box-sizing: border-box;\r\n height: 32px;\r\n padding: 0 8px;\r\n width: initial;\r\n min-width: initial;\r\n border: none !important;\r\n box-shadow: none;\r\n border-radius: 4px;\r\n\r\n &.expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n\r\n ${(props) => (props.disabled ? disabledState : '')}\r\n ${(props) => (props.readOnly ? lockedState : '')}\r\n ${(props) => (props.showValidationMessage ? activeValidationMessage : '')}\r\n ${(props) => (props.isPlaceholder ? placeholderStyling : '')}\r\n\r\n ${CommonInteractionStyling};\r\n\r\n &.focus-visible,\r\n &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n ${focusStyles}\r\n }\r\n`;\r\n\r\nexport const DropdownContentButtonStyling = css`\r\n min-width: 344px;\r\n`;\r\n\r\n\r\n\r\nexport const DropdownButtonTextContent = styled.div`\r\n display: flex;\r\n gap: 4px;\r\n align-items: center;\r\n box-sizing: border-box;\r\n min-width: 64px;\r\n min-height: 32px;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n`;\r\n\r\nexport const DropdownButtonTextIcon = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n`;\r\n\r\nexport const DropdownButtonTextArrow = styled.div`\r\n width: 24px;\r\n height: 24px;\r\n\r\n svg {\r\n pointer-events: none;\r\n }\r\n`;\r\n\r\nexport const DropdownButtonTextStyles = styled.div`\r\n flex: 1\r\n`;\r\n\r\nexport const DropdownButtonTextWrapper = styled.div`\r\n box-sizing: border-box;\r\n min-height: 48px;\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n cursor: pointer;\r\n\r\n ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n .expanded {\r\n color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n ${DropdownButtonTextContent} {\r\n background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n }\r\n }\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n }\r\n }\r\n\r\n &:active:not(.disabled) {\r\n ${DropdownButtonTextContent} {\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n }\r\n\r\n &.disabled {\r\n cursor: not-allowed;\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n }\r\n\r\n}`;\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/Dropdown/index.cjs
CHANGED
|
@@ -82,6 +82,18 @@ Object.keys(_BasicDropdown).forEach(function (key) {
|
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
});
|
|
85
|
+
var _CommonStyling = require("./CommonStyling");
|
|
86
|
+
Object.keys(_CommonStyling).forEach(function (key) {
|
|
87
|
+
if (key === "default" || key === "__esModule") return;
|
|
88
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
89
|
+
if (key in exports && exports[key] === _CommonStyling[key]) return;
|
|
90
|
+
Object.defineProperty(exports, key, {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _CommonStyling[key];
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
});
|
|
85
97
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
86
98
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
87
99
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["_DropdownContent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DropdownButton","_DropdownFilter","_BasicDropdown","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,gBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,gBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,gBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,gBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,eAAA,GAAAd,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAU,eAAA,GAAAf,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAW,cAAA,GAAAhB,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAa,cAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,cAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,cAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AAAgC,
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["_DropdownContent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DropdownButton","_DropdownFilter","_BasicDropdown","_CommonStyling","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n\r\nexport * from './CommonStyling';\r\n"],"mappings":"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","ignoreList":[]}
|
package/dist/Dropdown/index.d.ts
CHANGED
package/dist/Dropdown/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","DropdownContent","DropdownButton","DropdownFilter","BasicDropdown"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n"],"mappings":"AAEA,SAASA,OAAO,IAAIC,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AAEjC,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASF,OAAO,IAAIG,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","DropdownContent","DropdownButton","DropdownFilter","BasicDropdown"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export type { DropdownItem } from './DropdownContent';\r\n\r\nexport { default as DropdownContent } from './DropdownContent';\r\nexport * from './DropdownContent';\r\n\r\nexport { default as DropdownButton } from './DropdownButton';\r\nexport * from './DropdownButton';\r\n\r\nexport { default as DropdownFilter } from './DropdownFilter';\r\nexport * from './DropdownFilter';\r\n\r\nexport { default as BasicDropdown } from './BasicDropdown';\r\nexport * from './BasicDropdown';\r\n\r\nexport * from './CommonStyling';\r\n"],"mappings":"AAEA,SAASA,OAAO,IAAIC,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AAEjC,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASF,OAAO,IAAIG,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,kBAAkB;AAEhC,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,cAAc,iBAAiB","ignoreList":[]}
|
|
@@ -203,7 +203,7 @@ var ModalDialog = function ModalDialog(_ref) {
|
|
|
203
203
|
});
|
|
204
204
|
};
|
|
205
205
|
var LeftFooterAction = function LeftFooterAction(leftFooterAction) {
|
|
206
|
-
var
|
|
206
|
+
var _button$variant, _button$children;
|
|
207
207
|
var text = leftFooterAction.text,
|
|
208
208
|
actionType = leftFooterAction.actionType,
|
|
209
209
|
disabled = leftFooterAction.disabled,
|
|
@@ -211,20 +211,21 @@ var ModalDialog = function ModalDialog(_ref) {
|
|
|
211
211
|
action = leftFooterAction.action;
|
|
212
212
|
switch (actionType) {
|
|
213
213
|
case 'button':
|
|
214
|
+
var button = leftFooterAction;
|
|
214
215
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
215
216
|
id: 'left-action-button',
|
|
216
|
-
type:
|
|
217
|
+
type: button === null || button === void 0 ? void 0 : button.type,
|
|
217
218
|
disabled: disabled,
|
|
218
|
-
loading:
|
|
219
|
+
loading: button === null || button === void 0 ? void 0 : button.loading,
|
|
219
220
|
icon: icon,
|
|
220
221
|
size: size,
|
|
221
222
|
onClick: action,
|
|
222
|
-
variant: (
|
|
223
|
+
variant: (_button$variant = button === null || button === void 0 ? void 0 : button.variant) !== null && _button$variant !== void 0 ? _button$variant : 'secondary',
|
|
223
224
|
style: {
|
|
224
225
|
order: -1,
|
|
225
226
|
marginRight: 'auto'
|
|
226
227
|
},
|
|
227
|
-
children: text
|
|
228
|
+
children: (_button$children = button === null || button === void 0 ? void 0 : button.children) !== null && _button$children !== void 0 ? _button$children : button === null || button === void 0 ? void 0 : button.text
|
|
228
229
|
});
|
|
229
230
|
case 'hyperlink':
|
|
230
231
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HyperLink, {
|
|
@@ -307,6 +308,7 @@ var ModalDialog = function ModalDialog(_ref) {
|
|
|
307
308
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ModalStyles.ModalFooter, {
|
|
308
309
|
size: size,
|
|
309
310
|
children: [leftFooterAction && LeftFooterAction(leftFooterAction), buttons === null || buttons === void 0 ? void 0 : buttons.map(function (b, i) {
|
|
311
|
+
var _b$children;
|
|
310
312
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
311
313
|
icon: b.icon,
|
|
312
314
|
id: b.id,
|
|
@@ -316,7 +318,7 @@ var ModalDialog = function ModalDialog(_ref) {
|
|
|
316
318
|
onClick: b.action,
|
|
317
319
|
type: b.type,
|
|
318
320
|
variant: b.variant,
|
|
319
|
-
children: b.text
|
|
321
|
+
children: (_b$children = b.children) !== null && _b$children !== void 0 ? _b$children : b.text
|
|
320
322
|
}, b.id || i);
|
|
321
323
|
})]
|
|
322
324
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.cjs","names":["_react","_interopRequireDefault","require","_Button","_icons","_styles","_types","_ModalContainer","_ModalStyles","_ModalNote","_Tooltips","_","_styledComponents","_jsxRuntime","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","theme","useTheme","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","jsx","ComponentM","textStyle","ComponentTextStyle","Bold","ComponentL","ComponentXL","ModalTootip","ModalHoverModifier","TooltipWrapper","delay","XSmall","align","position","withArrow","label","IconButton","variant","shape","action","SystemIcons","Help","color","COLORS","getColor","ModalCloseButton","onClick","CloseButtonWrapper","hasImage","borderRadius","Close","ModalBackButton","BackButtonWrapper","ArrowLineLeft","getLeftActionIconElement","React","cloneElement","LeftFooterAction","_variant","text","actionType","disabled","Button","id","type","loading","style","order","marginRight","jsxs","HyperLink","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","Column","onSubmit","display","flexDirection","maxHeight","StyledModalHeader","$height","marginBottom","ImageContainer","ImageOverlay","src","alt","ImageWithFallbacks","loader","fallbacks","ModalHeaderActionsWithImage","hasBackButton","ModalTitleSection","FlexContainer","ModalHeaderActions","ModalBody","overflow","ModalNote","ModalFooter","map","b","i","exports","propTypes","_propTypes","bool","isRequired","node","oneOfType","string","any","array","func","number","_default"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n BackButtonWrapper,\r\n CloseButtonWrapper,\r\n Column,\r\n FlexContainer,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeaderActions,\r\n ModalHeaderActionsWithImage,\r\n ModalTitleSection,\r\n StyledModalHeader,\r\n ModalHoverModifier,\r\n ImageOverlay,\r\n ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface ModalDialogProps {\r\n /** Optional. Size of the modal. Defaults to 'medium' */\r\n size?: Size.Small | Size.Medium | Size.Large;\r\n /** Required. Current state of the modal. */\r\n isModalOpen: boolean;\r\n /** Optional. Content of the ModalDialog. */\r\n children?: React.ReactNode;\r\n /** Optional. Title of the ModalDialog. */\r\n title?: string | React.ReactNode;\r\n /** Optional. Content of the image to be shown in the header of the modal. */\r\n topImage?: any;\r\n /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n topImageGrayscale?: boolean;\r\n /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n buttons?: ButtonAction[];\r\n /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n leftFooterAction?: LeftFooterAction;\r\n /** Optional. Tooltip that will be shown */\r\n tooltip?: string;\r\n /** */\r\n backButton?: () => void;\r\n closeAction: () => void;\r\n submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n note?: string | React.ReactNode;\r\n state?: string;\r\n icon?: React.ReactNode;\r\n zIndex?: number;\r\n contentOverflow?: string;\r\n width?: string;\r\n hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n size,\r\n isModalOpen,\r\n title,\r\n topImage,\r\n topImageWithFallbacksProps,\r\n topImageGrayscale,\r\n buttons,\r\n leftFooterAction,\r\n backButton,\r\n closeAction,\r\n submitAction,\r\n tooltip,\r\n children,\r\n note,\r\n state,\r\n icon,\r\n zIndex,\r\n contentOverflow,\r\n width,\r\n hasContentBorders,\r\n}) => {\r\n\r\n const theme = useTheme();\r\n const getMinWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '320px';\r\n case Size.Large:\r\n return '640px';\r\n case Size.Medium:\r\n default:\r\n return '480px';\r\n }\r\n };\r\n\r\n const getMaxWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '480px';\r\n case Size.Large:\r\n return '720px';\r\n case Size.Medium:\r\n default:\r\n return '640px';\r\n }\r\n };\r\n\r\n const getImageHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 160;\r\n case Size.Medium:\r\n return 200;\r\n case Size.Large:\r\n return 240;\r\n default:\r\n return 200;\r\n }\r\n };\r\n\r\n const getMarginBottom = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px';\r\n case Size.Medium:\r\n return '24px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px';\r\n }\r\n };\r\n\r\n const getPadding = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px 16px 8px';\r\n case Size.Medium:\r\n return '24px 24px 20px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px 24px 16px';\r\n }\r\n };\r\n\r\n const getMaxHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 'calc(100vh - 56px)';\r\n case Size.Medium:\r\n return 'calc(100vh - 76px)';\r\n case Size.Large:\r\n return 'calc(100vh - 96px)';\r\n default:\r\n return 'calc(100vh - 72px)';\r\n }\r\n };\r\n\r\n const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n if (typeof title === 'string') {\r\n switch (size) {\r\n case Size.Small:\r\n return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n case Size.Medium:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n case Size.Large:\r\n return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n default:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n }\r\n } else {\r\n return title;\r\n }\r\n };\r\n\r\n const ModalTootip = (tooltip: string) => {\r\n return (\r\n <ModalHoverModifier>\r\n <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)} />\r\n </IconButton>\r\n </TooltipWrapper>\r\n </ModalHoverModifier>\r\n );\r\n };\r\n\r\n const ModalCloseButton = (onClick: any) => {\r\n return (\r\n <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </CloseButtonWrapper>\r\n );\r\n };\r\n\r\n const ModalBackButton = () => {\r\n if (backButton) {\r\n return (\r\n <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </BackButtonWrapper>\r\n );\r\n }\r\n };\r\n\r\n const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n };\r\n\r\n const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n switch (actionType) {\r\n case 'button':\r\n return (\r\n <Button\r\n id={'left-action-button'}\r\n type={(leftFooterAction as LeftFooterButton)?.type}\r\n disabled={disabled}\r\n loading={(leftFooterAction as LeftFooterButton)?.loading}\r\n icon={icon}\r\n size={size}\r\n onClick={action}\r\n variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\r\n style={{ order: -1, marginRight: 'auto' }}>\r\n {text}\r\n </Button>\r\n );\r\n case 'hyperlink':\r\n return (\r\n <HyperLink\r\n id=\"left-action-hyperlink\"\r\n className=\"footer-action\"\r\n href={(leftFooterAction as LeftFooterHyperlink).href}\r\n disabled={disabled}\r\n variant=\"default\"\r\n onClick={(e) => {\r\n if (action) {\r\n e.preventDefault();\r\n action(e);\r\n }\r\n }}>\r\n {text}\r\n {icon && getLeftActionIconElement(icon)}\r\n </HyperLink>\r\n );\r\n case 'note':\r\n return (\r\n <div className=\"footer-action note\">\r\n {icon && getLeftActionIconElement(icon)}\r\n <span>{text}</span>\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <ModalContainer\r\n showModal={isModalOpen}\r\n closeModal={closeAction}\r\n minWidth={getMinWidth()}\r\n maxWidth={getMaxWidth()}\r\n height=\"auto\"\r\n padding={getPadding()}\r\n zIndex={zIndex}\r\n width={width}>\r\n <Column>\r\n <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n {(topImage || topImageWithFallbacksProps) && (\r\n <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n <ImageContainer $height={getImageHeight()}>\r\n {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n {!topImage && topImageWithFallbacksProps && (\r\n <ImageWithFallbacks\r\n loader={topImageWithFallbacksProps.loader}\r\n alt={topImageWithFallbacksProps.alt}\r\n fallbacks={topImageWithFallbacksProps.fallbacks}\r\n src={topImageWithFallbacksProps.src}\r\n />\r\n )}\r\n </ImageContainer>\r\n <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n {ModalBackButton()}\r\n {ModalCloseButton(closeAction)}\r\n </ModalHeaderActionsWithImage>\r\n </StyledModalHeader>\r\n )}\r\n <ModalTitleSection>\r\n <FlexContainer>\r\n {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n {title && ModalTitle(title, size)}\r\n </FlexContainer>\r\n {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n <ModalHeaderActions>\r\n {tooltip && ModalTootip(tooltip)}\r\n {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n </ModalHeaderActions>\r\n )}\r\n </ModalTitleSection>\r\n\r\n <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n {children}\r\n </ModalBody>\r\n\r\n {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n <ModalFooter size={size}>\r\n {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n {buttons?.map((b, i) => (\r\n <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n {b.text}\r\n </Button>\r\n ))}\r\n </ModalFooter>\r\n </form>\r\n </Column>\r\n </ModalContainer>\r\n );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAgBA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,IAAAS,CAAA,GAAAT,OAAA;AAEA,IAAAU,iBAAA,GAAAV,OAAA;AAA6C,IAAAW,WAAA,GAAAX,OAAA;AAoCtC,IAAMY,WAAsD,GAAG,SAAzDA,WAAsDA,CAAAC,IAAA,EAqB7D;EAAA,IApBJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,0BAA0B,GAAAL,IAAA,CAA1BK,0BAA0B;IAC1BC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,IAAI,GAAAd,IAAA,CAAJc,IAAI;IACJC,KAAK,GAAAf,IAAA,CAALe,KAAK;IACLC,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;IACJC,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IACNC,eAAe,GAAAlB,IAAA,CAAfkB,eAAe;IACfC,KAAK,GAAAnB,IAAA,CAALmB,KAAK;IACLC,iBAAiB,GAAApB,IAAA,CAAjBoB,iBAAiB;EAGjB,IAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,QAAQtB,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,OAAO;MAChB,KAAKD,WAAI,CAACE,KAAK;QACb,OAAO,OAAO;MAChB,KAAKF,WAAI,CAACG,MAAM;MAChB;QACE,OAAO,OAAO;IAClB;EACF,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,QAAQ3B,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,OAAO;MAChB,KAAKD,WAAI,CAACE,KAAK;QACb,OAAO,OAAO;MAChB,KAAKF,WAAI,CAACG,MAAM;MAChB;QACE,OAAO,OAAO;IAClB;EACF,CAAC;EAED,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,QAAQ5B,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,GAAG;MACZ,KAAKD,WAAI,CAACG,MAAM;QACd,OAAO,GAAG;MACZ,KAAKH,WAAI,CAACE,KAAK;QACb,OAAO,GAAG;MACZ;QACE,OAAO,GAAG;IACd;EACF,CAAC;EAED,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,QAAQ7B,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,MAAM;MACf,KAAKD,WAAI,CAACG,MAAM;QACd,OAAO,MAAM;MACf,KAAKH,WAAI,CAACE,KAAK;QACb,OAAO,MAAM;MACf;QACE,OAAO,MAAM;IACjB;EACF,CAAC;EAED,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvB,QAAQ9B,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,eAAe;MACxB,KAAKD,WAAI,CAACG,MAAM;QACd,OAAO,gBAAgB;MACzB,KAAKH,WAAI,CAACE,KAAK;QACb,OAAO,MAAM;MACf;QACE,OAAO,gBAAgB;IAC3B;EACF,CAAC;EAED,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzB,QAAQ/B,IAAI;MACV,KAAKuB,WAAI,CAACC,KAAK;QACb,OAAO,oBAAoB;MAC7B,KAAKD,WAAI,CAACG,MAAM;QACd,OAAO,oBAAoB;MAC7B,KAAKH,WAAI,CAACE,KAAK;QACb,OAAO,oBAAoB;MAC7B;QACE,OAAO,oBAAoB;IAC/B;EACF,CAAC;EAED,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAAI9B,KAA+B,EAAEF,IAAW,EAAK;IACnE,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;MAC7B,QAAQF,IAAI;QACV,KAAKuB,WAAI,CAACC,KAAK;UACb,oBAAO,IAAA3B,WAAA,CAAAoC,GAAA,EAAC5C,OAAA,CAAA6C,UAAU;YAACC,SAAS,EAAEC,0BAAkB,CAACC,IAAK;YAAAzB,QAAA,EAAEV;UAAK,CAAa,CAAC;QAC7E,KAAKqB,WAAI,CAACG,MAAM;UACd,oBAAO,IAAA7B,WAAA,CAAAoC,GAAA,EAAC5C,OAAA,CAAAiD,UAAU;YAACH,SAAS,EAAEC,0BAAkB,CAACC,IAAK;YAAAzB,QAAA,EAAEV;UAAK,CAAa,CAAC;QAC7E,KAAKqB,WAAI,CAACE,KAAK;UACb,oBAAO,IAAA5B,WAAA,CAAAoC,GAAA,EAAC5C,OAAA,CAAAkD,WAAW;YAACJ,SAAS,EAAEC,0BAAkB,CAACC,IAAK;YAAAzB,QAAA,EAAEV;UAAK,CAAc,CAAC;QAC/E;UACE,oBAAO,IAAAL,WAAA,CAAAoC,GAAA,EAAC5C,OAAA,CAAAiD,UAAU;YAACH,SAAS,EAAEC,0BAAkB,CAACC,IAAK;YAAAzB,QAAA,EAAEV;UAAK,CAAa,CAAC;MAC/E;IACF,CAAC,MAAM;MACL,OAAOA,KAAK;IACd;EACF,CAAC;EAED,IAAMsC,WAAW,GAAG,SAAdA,WAAWA,CAAI7B,OAAe,EAAK;IACvC,oBACE,IAAAd,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAAiD,kBAAkB;MAAA7B,QAAA,eACjB,IAAAf,WAAA,CAAAoC,GAAA,EAACvC,SAAA,CAAAgD,cAAc;QAACC,KAAK,EAAC,IAAI;QAAC3C,IAAI,EAAEuB,WAAI,CAACqB,MAAO;QAACC,KAAK,EAAC,QAAQ;QAACC,QAAQ,EAAC,KAAK;QAACC,SAAS,EAAE,KAAM;QAACC,KAAK,EAAErC,OAAQ;QAAAC,QAAA,eAC3G,IAAAf,WAAA,CAAAoC,GAAA,EAAC9C,OAAA,CAAA8D,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAE,SAAAA,OAAA,EAAM,CAAC,CAAE;UAAAxC,QAAA,eAChE,IAAAf,WAAA,CAAAoC,GAAA,EAAC7C,MAAA,CAAAiE,WAAW,CAACC,IAAI;YAACtD,IAAI,EAAC,MAAM;YAACuD,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAErC,KAAK;UAAE,CAAE;QAAC,CACpE;MAAC,CACC;IAAC,CACC,CAAC;EAEzB,CAAC;EAED,IAAMsC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAY,EAAK;IACzC,oBACE,IAAA9D,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAAoE,kBAAkB;MAACC,QAAQ,EAAE,CAAC,CAAC1D,QAAQ,IAAI,CAAC,CAACC,0BAA2B;MAACJ,IAAI,EAAEA,IAAK;MAAAY,QAAA,eACnF,IAAAf,WAAA,CAAAoC,GAAA,EAAC9C,OAAA,CAAA8D,UAAU;QAACC,OAAO,EAAC,WAAW;QAACC,KAAK,EAAC,UAAU;QAACC,MAAM,EAAE,SAAAA,OAAA;UAAA,OAAMO,OAAO,CAAC,CAAC;QAAA,CAAC;QAACG,YAAY,EAAE,EAAG;QAAAlD,QAAA,eACzF,IAAAf,WAAA,CAAAoC,GAAA,EAAC7C,MAAA,CAAAiE,WAAW,CAACU,KAAK;UAAC/D,IAAI,EAAC,MAAM;UAACuD,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAErC,KAAK;QAAE,CAAE;MAAC,CAC/D;IAAC,CACK,CAAC;EAEzB,CAAC;EAED,IAAM4C,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIxD,UAAU,EAAE;MACd,oBACE,IAAAX,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAAyE,iBAAiB;QAACJ,QAAQ,EAAE,CAAC,CAAC1D,QAAQ,IAAI,CAAC,CAACC,0BAA2B;QAACJ,IAAI,EAAEA,IAAK;QAAAY,QAAA,eAClF,IAAAf,WAAA,CAAAoC,GAAA,EAAC9C,OAAA,CAAA8D,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAM5C,UAAU,CAAC,CAAC;UAAA,CAAC;UAACsD,YAAY,EAAE,EAAG;UAAAlD,QAAA,eAC5F,IAAAf,WAAA,CAAAoC,GAAA,EAAC7C,MAAA,CAAAiE,WAAW,CAACa,aAAa;YAAClE,IAAI,EAAC,MAAM;YAACuD,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAErC,KAAK;UAAE,CAAE;QAAC,CACvE;MAAC,CACI,CAAC;IAExB;EACF,CAAC;EAED,IAAM+C,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIpD,IAAqB,EAAK;IAC1D,oBAAOqD,iBAAK,CAACC,YAAY,CAACtD,IAAI,EAAwB;MAAEf,IAAI,EAAEA,IAAI,KAAKuB,WAAI,CAACC,KAAK,GAAG,MAAM,GAAGxB,IAAI,KAAKuB,WAAI,CAACE,KAAK,GAAG,MAAM,GAAG;IAAO,CAAC,CAAC;EACvI,CAAC;EAED,IAAM6C,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAI/D,gBAAkC,EAAK;IAAA,IAAAgE,QAAA;IAC/D,IAAQC,IAAI,GAAyCjE,gBAAgB,CAA7DiE,IAAI;MAAEC,UAAU,GAA6BlE,gBAAgB,CAAvDkE,UAAU;MAAEC,QAAQ,GAAmBnE,gBAAgB,CAA3CmE,QAAQ;MAAE3D,IAAI,GAAaR,gBAAgB,CAAjCQ,IAAI;MAAEqC,MAAM,GAAK7C,gBAAgB,CAA3B6C,MAAM;IAChD,QAAQqB,UAAU;MAChB,KAAK,QAAQ;QACX,oBACE,IAAA5E,WAAA,CAAAoC,GAAA,EAAC9C,OAAA,CAAAwF,MAAM;UACLC,EAAE,EAAE,oBAAqB;UACzBC,IAAI,EAAGtE,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAuBsE,IAAK;UACnDH,QAAQ,EAAEA,QAAS;UACnBI,OAAO,EAAGvE,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAuBuE,OAAQ;UACzD/D,IAAI,EAAEA,IAAK;UACXf,IAAI,EAAEA,IAAK;UACX2D,OAAO,EAAEP,MAAO;UAChBF,OAAO,GAAAqB,QAAA,GAAGhE,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAuB2C,OAAO,cAAAqB,QAAA,cAAAA,QAAA,GAAI,WAAY;UACxEQ,KAAK,EAAE;YAAEC,KAAK,EAAE,CAAC,CAAC;YAAEC,WAAW,EAAE;UAAO,CAAE;UAAArE,QAAA,EACzC4D;QAAI,CACC,CAAC;MAEb,KAAK,WAAW;QACd,oBACE,IAAA3E,WAAA,CAAAqF,IAAA,EAACvF,CAAA,CAAAwF,SAAS;UACRP,EAAE,EAAC,uBAAuB;UAC1BQ,SAAS,EAAC,eAAe;UACzBC,IAAI,EAAG9E,gBAAgB,CAAyB8E,IAAK;UACrDX,QAAQ,EAAEA,QAAS;UACnBxB,OAAO,EAAC,SAAS;UACjBS,OAAO,EAAE,SAAAA,QAAC2B,CAAC,EAAK;YACd,IAAIlC,MAAM,EAAE;cACVkC,CAAC,CAACC,cAAc,CAAC,CAAC;cAClBnC,MAAM,CAACkC,CAAC,CAAC;YACX;UACF,CAAE;UAAA1E,QAAA,GACD4D,IAAI,EACJzD,IAAI,IAAIoD,wBAAwB,CAACpD,IAAI,CAAC;QAAA,CAC9B,CAAC;MAEhB,KAAK,MAAM;QACT,oBACE,IAAAlB,WAAA,CAAAqF,IAAA;UAAKE,SAAS,EAAC,oBAAoB;UAAAxE,QAAA,GAChCG,IAAI,IAAIoD,wBAAwB,CAACpD,IAAI,CAAC,eACvC,IAAAlB,WAAA,CAAAoC,GAAA;YAAArB,QAAA,EAAO4D;UAAI,CAAO,CAAC;QAAA,CAChB,CAAC;IAEZ;EACF,CAAC;EAED,oBACE,IAAA3E,WAAA,CAAAoC,GAAA,EAAC1C,eAAA,WAAc;IACbiG,SAAS,EAAEvF,WAAY;IACvBwF,UAAU,EAAEhF,WAAY;IACxBiF,QAAQ,EAAEpE,WAAW,CAAC,CAAE;IACxBqE,QAAQ,EAAEhE,WAAW,CAAC,CAAE;IACxBiE,MAAM,EAAC,MAAM;IACbC,OAAO,EAAE/D,UAAU,CAAC,CAAE;IACtBd,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IAAAN,QAAA,eACb,IAAAf,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAAsG,MAAM;MAAAlF,QAAA,eACL,IAAAf,WAAA,CAAAqF,IAAA;QAAMa,QAAQ,EAAErF,YAAa;QAACqE,KAAK,EAAE;UAAEiB,OAAO,EAAE,MAAM;UAAEC,aAAa,EAAE,QAAQ;UAAEC,SAAS,EAAEnE,YAAY,CAAC;QAAE,CAAE;QAAAnB,QAAA,GAC1G,CAACT,QAAQ,IAAIC,0BAA0B,kBACtC,IAAAP,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAA2G,iBAAiB;UAACnG,IAAI,EAAEA,IAAK;UAACoG,OAAO,EAAExE,cAAc,CAAC,CAAE;UAACyE,YAAY,EAAExE,eAAe,CAAC,CAAE;UAAAjB,QAAA,gBACxF,IAAAf,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAA8G,cAAc;YAACF,OAAO,EAAExE,cAAc,CAAC,CAAE;YAAAhB,QAAA,GACvCP,iBAAiB,iBAAI,IAAAR,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAA+G,YAAY;cAACH,OAAO,EAAExE,cAAc,CAAC;YAAE,CAAE,CAAC,EAChEzB,QAAQ,iBAAI,IAAAN,WAAA,CAAAoC,GAAA;cAAKuE,GAAG,EAAErG,QAAS;cAACsG,GAAG,EAAC;YAAW,CAAE,CAAC,EAClD,CAACtG,QAAQ,IAAIC,0BAA0B,iBACtC,IAAAP,WAAA,CAAAoC,GAAA,EAACtC,CAAA,CAAA+G,kBAAkB;cACjBC,MAAM,EAAEvG,0BAA0B,CAACuG,MAAO;cAC1CF,GAAG,EAAErG,0BAA0B,CAACqG,GAAI;cACpCG,SAAS,EAAExG,0BAA0B,CAACwG,SAAU;cAChDJ,GAAG,EAAEpG,0BAA0B,CAACoG;YAAI,CACrC,CACF;UAAA,CACa,CAAC,eACjB,IAAA3G,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAAqH,2BAA2B;YAACC,aAAa,EAAE,CAAC,CAACtG,UAAW;YAAAI,QAAA,GACtDoD,eAAe,CAAC,CAAC,EACjBN,gBAAgB,CAACjD,WAAW,CAAC;UAAA,CACH,CAAC;QAAA,CACb,CACpB,eACD,IAAAZ,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAAuH,iBAAiB;UAAAnG,QAAA,gBAChB,IAAAf,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAAwH,aAAa;YAAApG,QAAA,GACX,EAAET,QAAQ,IAAIC,0BAA0B,CAAC,IAAI4D,eAAe,CAAC,CAAC,EAC9D9D,KAAK,IAAI8B,UAAU,CAAC9B,KAAK,EAAEF,IAAI,CAAC;UAAA,CACpB,CAAC,EACf,CAACW,OAAO,IAAI,EAAER,QAAQ,IAAIC,0BAA0B,CAAC,kBACpD,IAAAP,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAAyH,kBAAkB;YAAArG,QAAA,GAChBD,OAAO,IAAI6B,WAAW,CAAC7B,OAAO,CAAC,EAC/B,EAAER,QAAQ,IAAIC,0BAA0B,CAAC,IAAIsD,gBAAgB,CAACjD,WAAW,CAAC;UAAA,CACzD,CACrB;QAAA,CACgB,CAAC,eAEpB,IAAAZ,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAA0H,SAAS;UAAClH,IAAI,EAAEA,IAAK;UAACmH,QAAQ,EAAElG,eAAgB;UAACE,iBAAiB,EAAEA,iBAAkB;UAAAP,QAAA,EACpFA;QAAQ,CACA,CAAC,EAEXC,IAAI,iBAAI,IAAAhB,WAAA,CAAAoC,GAAA,EAACxC,UAAA,CAAA2H,SAAS;UAACvG,IAAI,EAAEA,IAAK;UAACC,KAAK,EAAEA,KAAM;UAACd,IAAI,EAAEA,IAAK;UAACe,IAAI,EAAEA;QAAK,CAAE,CAAC,eAExE,IAAAlB,WAAA,CAAAqF,IAAA,EAAC1F,YAAA,CAAA6H,WAAW;UAACrH,IAAI,EAAEA,IAAK;UAAAY,QAAA,GACrBL,gBAAgB,IAAI+D,gBAAgB,CAAC/D,gBAAgB,CAAC,EACtDD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgH,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;YAAA,oBACjB,IAAA3H,WAAA,CAAAoC,GAAA,EAAC9C,OAAA,CAAAwF,MAAM;cAAiB5D,IAAI,EAAEwG,CAAC,CAACxG,IAAK;cAAC6D,EAAE,EAAE2C,CAAC,CAAC3C,EAAG;cAACF,QAAQ,EAAE6C,CAAC,CAAC7C,QAAS;cAACI,OAAO,EAAEyC,CAAC,CAACzC,OAAQ;cAAC9E,IAAI,EAAEA,IAAK;cAAC2D,OAAO,EAAE4D,CAAC,CAACnE,MAAO;cAACyB,IAAI,EAAE0C,CAAC,CAAC1C,IAAK;cAAC3B,OAAO,EAAEqE,CAAC,CAACrE,OAAQ;cAAAtC,QAAA,EACvJ2G,CAAC,CAAC/C;YAAI,GADI+C,CAAC,CAAC3C,EAAE,IAAI4C,CAEb,CAAC;UAAA,CACV,CAAC;QAAA,CACS,CAAC;MAAA,CACV;IAAC,CACD;EAAC,CACK,CAAC;AAErB,CAAC;AAACC,OAAA,CAAA3H,WAAA,GAAAA,WAAA;AAAAA,WAAA,CAAA4H,SAAA;EAtSAzH,WAAW,EAAA0H,UAAA,YAAAC,IAAA,CAAAC,UAAA;EAEXjH,QAAQ,EAAA+G,UAAA,YAAAG,IAAA;EAER5H,KAAK,EAAAyH,UAAA,YAAAI,SAAA,EAAAJ,UAAA,YAAAK,MAAA,EAAAL,UAAA,YAAAG,IAAA;EAEL3H,QAAQ,EAAAwH,UAAA,YAAAM,GAAA;EAIR5H,iBAAiB,EAAAsH,UAAA,YAAAC,IAAA;EAEjBtH,OAAO,EAAAqH,UAAA,YAAAO,KAAA;EAIPvH,OAAO,EAAAgH,UAAA,YAAAK,MAAA;EAEPxH,UAAU,EAAAmH,UAAA,YAAAQ,IAAA;EACV1H,WAAW,EAAAkH,UAAA,YAAAQ,IAAA,CAAAN,UAAA;EACXnH,YAAY,EAAAiH,UAAA,YAAAQ,IAAA,CAAAN,UAAA;EACZhH,IAAI,EAAA8G,UAAA,YAAAI,SAAA,EAAAJ,UAAA,YAAAK,MAAA,EAAAL,UAAA,YAAAG,IAAA;EACJhH,KAAK,EAAA6G,UAAA,YAAAK,MAAA;EACLjH,IAAI,EAAA4G,UAAA,YAAAG,IAAA;EACJ9G,MAAM,EAAA2G,UAAA,YAAAS,MAAA;EACNnH,eAAe,EAAA0G,UAAA,YAAAK,MAAA;EACf9G,KAAK,EAAAyG,UAAA,YAAAK,MAAA;EACL7G,iBAAiB,EAAAwG,UAAA,YAAAC;AAAA;AAAA,IAAAS,QAAA,GA6QJvI,WAAW;AAAA2H,OAAA,cAAAY,QAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ModalDialog.cjs","names":["_react","_interopRequireDefault","require","_Button","_icons","_styles","_types","_ModalContainer","_ModalStyles","_ModalNote","_Tooltips","_","_styledComponents","_jsxRuntime","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","theme","useTheme","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","jsx","ComponentM","textStyle","ComponentTextStyle","Bold","ComponentL","ComponentXL","ModalTootip","ModalHoverModifier","TooltipWrapper","delay","XSmall","align","position","withArrow","label","IconButton","variant","shape","action","SystemIcons","Help","color","COLORS","getColor","ModalCloseButton","onClick","CloseButtonWrapper","hasImage","borderRadius","Close","ModalBackButton","BackButtonWrapper","ArrowLineLeft","getLeftActionIconElement","React","cloneElement","LeftFooterAction","_button$variant","_button$children","text","actionType","disabled","button","Button","id","type","loading","style","order","marginRight","jsxs","HyperLink","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","Column","onSubmit","display","flexDirection","maxHeight","StyledModalHeader","$height","marginBottom","ImageContainer","ImageOverlay","src","alt","ImageWithFallbacks","loader","fallbacks","ModalHeaderActionsWithImage","hasBackButton","ModalTitleSection","FlexContainer","ModalHeaderActions","ModalBody","overflow","ModalNote","ModalFooter","map","b","i","_b$children","exports","propTypes","_propTypes","bool","isRequired","node","oneOfType","string","any","array","func","number","_default"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n BackButtonWrapper,\r\n CloseButtonWrapper,\r\n Column,\r\n FlexContainer,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeaderActions,\r\n ModalHeaderActionsWithImage,\r\n ModalTitleSection,\r\n StyledModalHeader,\r\n ModalHoverModifier,\r\n ImageOverlay,\r\n ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface ModalDialogProps {\r\n /** Optional. Size of the modal. Defaults to 'medium' */\r\n size?: Size.Small | Size.Medium | Size.Large;\r\n /** Required. Current state of the modal. */\r\n isModalOpen: boolean;\r\n /** Optional. Content of the ModalDialog. */\r\n children?: React.ReactNode;\r\n /** Optional. Title of the ModalDialog. */\r\n title?: string | React.ReactNode;\r\n /** Optional. Content of the image to be shown in the header of the modal. */\r\n topImage?: any;\r\n /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n topImageGrayscale?: boolean;\r\n /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n buttons?: ButtonAction[];\r\n /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n leftFooterAction?: LeftFooterAction;\r\n /** Optional. Tooltip that will be shown */\r\n tooltip?: string;\r\n /** */\r\n backButton?: () => void;\r\n closeAction: () => void;\r\n submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n note?: string | React.ReactNode;\r\n state?: string;\r\n icon?: React.ReactNode;\r\n zIndex?: number;\r\n contentOverflow?: string;\r\n width?: string;\r\n hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n size,\r\n isModalOpen,\r\n title,\r\n topImage,\r\n topImageWithFallbacksProps,\r\n topImageGrayscale,\r\n buttons,\r\n leftFooterAction,\r\n backButton,\r\n closeAction,\r\n submitAction,\r\n tooltip,\r\n children,\r\n note,\r\n state,\r\n icon,\r\n zIndex,\r\n contentOverflow,\r\n width,\r\n hasContentBorders,\r\n}) => {\r\n\r\n const theme = useTheme();\r\n const getMinWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '320px';\r\n case Size.Large:\r\n return '640px';\r\n case Size.Medium:\r\n default:\r\n return '480px';\r\n }\r\n };\r\n\r\n const getMaxWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '480px';\r\n case Size.Large:\r\n return '720px';\r\n case Size.Medium:\r\n default:\r\n return '640px';\r\n }\r\n };\r\n\r\n const getImageHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 160;\r\n case Size.Medium:\r\n return 200;\r\n case Size.Large:\r\n return 240;\r\n default:\r\n return 200;\r\n }\r\n };\r\n\r\n const getMarginBottom = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px';\r\n case Size.Medium:\r\n return '24px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px';\r\n }\r\n };\r\n\r\n const getPadding = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px 16px 8px';\r\n case Size.Medium:\r\n return '24px 24px 20px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px 24px 16px';\r\n }\r\n };\r\n\r\n const getMaxHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 'calc(100vh - 56px)';\r\n case Size.Medium:\r\n return 'calc(100vh - 76px)';\r\n case Size.Large:\r\n return 'calc(100vh - 96px)';\r\n default:\r\n return 'calc(100vh - 72px)';\r\n }\r\n };\r\n\r\n const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n if (typeof title === 'string') {\r\n switch (size) {\r\n case Size.Small:\r\n return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n case Size.Medium:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n case Size.Large:\r\n return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n default:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n }\r\n } else {\r\n return title;\r\n }\r\n };\r\n\r\n const ModalTootip = (tooltip: string) => {\r\n return (\r\n <ModalHoverModifier>\r\n <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)} />\r\n </IconButton>\r\n </TooltipWrapper>\r\n </ModalHoverModifier>\r\n );\r\n };\r\n\r\n const ModalCloseButton = (onClick: any) => {\r\n return (\r\n <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </CloseButtonWrapper>\r\n );\r\n };\r\n\r\n const ModalBackButton = () => {\r\n if (backButton) {\r\n return (\r\n <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </BackButtonWrapper>\r\n );\r\n }\r\n };\r\n\r\n const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n };\r\n\r\n const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n switch (actionType) {\r\n case 'button':\r\n const button = leftFooterAction as LeftFooterButton;\r\n return (\r\n <Button\r\n id={'left-action-button'}\r\n type={button?.type}\r\n disabled={disabled}\r\n loading={button?.loading}\r\n icon={icon}\r\n size={size}\r\n onClick={action}\r\n variant={button?.variant ?? 'secondary'}\r\n style={{ order: -1, marginRight: 'auto' }}>\r\n {button?.children ?? button?.text}\r\n </Button>\r\n );\r\n case 'hyperlink':\r\n return (\r\n <HyperLink\r\n id=\"left-action-hyperlink\"\r\n className=\"footer-action\"\r\n href={(leftFooterAction as LeftFooterHyperlink).href}\r\n disabled={disabled}\r\n variant=\"default\"\r\n onClick={(e) => {\r\n if (action) {\r\n e.preventDefault();\r\n action(e);\r\n }\r\n }}>\r\n {text}\r\n {icon && getLeftActionIconElement(icon)}\r\n </HyperLink>\r\n );\r\n case 'note':\r\n return (\r\n <div className=\"footer-action note\">\r\n {icon && getLeftActionIconElement(icon)}\r\n <span>{text}</span>\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <ModalContainer\r\n showModal={isModalOpen}\r\n closeModal={closeAction}\r\n minWidth={getMinWidth()}\r\n maxWidth={getMaxWidth()}\r\n height=\"auto\"\r\n padding={getPadding()}\r\n zIndex={zIndex}\r\n width={width}>\r\n <Column>\r\n <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n {(topImage || topImageWithFallbacksProps) && (\r\n <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n <ImageContainer $height={getImageHeight()}>\r\n {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n {!topImage && topImageWithFallbacksProps && (\r\n <ImageWithFallbacks\r\n loader={topImageWithFallbacksProps.loader}\r\n alt={topImageWithFallbacksProps.alt}\r\n fallbacks={topImageWithFallbacksProps.fallbacks}\r\n src={topImageWithFallbacksProps.src}\r\n />\r\n )}\r\n </ImageContainer>\r\n <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n {ModalBackButton()}\r\n {ModalCloseButton(closeAction)}\r\n </ModalHeaderActionsWithImage>\r\n </StyledModalHeader>\r\n )}\r\n <ModalTitleSection>\r\n <FlexContainer>\r\n {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n {title && ModalTitle(title, size)}\r\n </FlexContainer>\r\n {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n <ModalHeaderActions>\r\n {tooltip && ModalTootip(tooltip)}\r\n {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n </ModalHeaderActions>\r\n )}\r\n </ModalTitleSection>\r\n\r\n <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n {children}\r\n </ModalBody>\r\n\r\n {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n <ModalFooter size={size}>\r\n {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n {buttons?.map((b, i) => (\r\n <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n {b.children ?? b.text}\r\n </Button>\r\n ))}\r\n </ModalFooter>\r\n </form>\r\n </Column>\r\n </ModalContainer>\r\n );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -197,7 +197,7 @@ export var ModalDialog = function ModalDialog(_ref) {
|
|
|
197
197
|
});
|
|
198
198
|
};
|
|
199
199
|
var LeftFooterAction = function LeftFooterAction(leftFooterAction) {
|
|
200
|
-
var
|
|
200
|
+
var _button$variant, _button$children;
|
|
201
201
|
var text = leftFooterAction.text,
|
|
202
202
|
actionType = leftFooterAction.actionType,
|
|
203
203
|
disabled = leftFooterAction.disabled,
|
|
@@ -205,20 +205,21 @@ export var ModalDialog = function ModalDialog(_ref) {
|
|
|
205
205
|
action = leftFooterAction.action;
|
|
206
206
|
switch (actionType) {
|
|
207
207
|
case 'button':
|
|
208
|
+
var button = leftFooterAction;
|
|
208
209
|
return /*#__PURE__*/_jsx(Button, {
|
|
209
210
|
id: 'left-action-button',
|
|
210
|
-
type:
|
|
211
|
+
type: button === null || button === void 0 ? void 0 : button.type,
|
|
211
212
|
disabled: disabled,
|
|
212
|
-
loading:
|
|
213
|
+
loading: button === null || button === void 0 ? void 0 : button.loading,
|
|
213
214
|
icon: icon,
|
|
214
215
|
size: size,
|
|
215
216
|
onClick: action,
|
|
216
|
-
variant: (
|
|
217
|
+
variant: (_button$variant = button === null || button === void 0 ? void 0 : button.variant) !== null && _button$variant !== void 0 ? _button$variant : 'secondary',
|
|
217
218
|
style: {
|
|
218
219
|
order: -1,
|
|
219
220
|
marginRight: 'auto'
|
|
220
221
|
},
|
|
221
|
-
children: text
|
|
222
|
+
children: (_button$children = button === null || button === void 0 ? void 0 : button.children) !== null && _button$children !== void 0 ? _button$children : button === null || button === void 0 ? void 0 : button.text
|
|
222
223
|
});
|
|
223
224
|
case 'hyperlink':
|
|
224
225
|
return /*#__PURE__*/_jsxs(HyperLink, {
|
|
@@ -301,6 +302,7 @@ export var ModalDialog = function ModalDialog(_ref) {
|
|
|
301
302
|
}), /*#__PURE__*/_jsxs(ModalFooter, {
|
|
302
303
|
size: size,
|
|
303
304
|
children: [leftFooterAction && LeftFooterAction(leftFooterAction), buttons === null || buttons === void 0 ? void 0 : buttons.map(function (b, i) {
|
|
305
|
+
var _b$children;
|
|
304
306
|
return /*#__PURE__*/_jsx(Button, {
|
|
305
307
|
icon: b.icon,
|
|
306
308
|
id: b.id,
|
|
@@ -310,7 +312,7 @@ export var ModalDialog = function ModalDialog(_ref) {
|
|
|
310
312
|
onClick: b.action,
|
|
311
313
|
type: b.type,
|
|
312
314
|
variant: b.variant,
|
|
313
|
-
children: b.text
|
|
315
|
+
children: (_b$children = b.children) !== null && _b$children !== void 0 ? _b$children : b.text
|
|
314
316
|
}, b.id || i);
|
|
315
317
|
})]
|
|
316
318
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","names":["React","Button","IconButton","SystemIcons","COLORS","ComponentL","ComponentM","ComponentTextStyle","ComponentXL","Size","ModalContainer","BackButtonWrapper","CloseButtonWrapper","Column","FlexContainer","ModalBody","ModalFooter","ModalHeaderActions","ModalHeaderActionsWithImage","ModalTitleSection","StyledModalHeader","ModalHoverModifier","ImageOverlay","ImageContainer","ModalNote","TooltipWrapper","HyperLink","ImageWithFallbacks","useTheme","jsx","_jsx","jsxs","_jsxs","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","theme","getMinWidth","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","textStyle","Bold","ModalTootip","delay","XSmall","align","position","withArrow","label","variant","shape","action","Help","color","getColor","ModalCloseButton","onClick","hasImage","borderRadius","Close","ModalBackButton","ArrowLineLeft","getLeftActionIconElement","cloneElement","LeftFooterAction","_variant","text","actionType","disabled","id","type","loading","style","order","marginRight","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","onSubmit","display","flexDirection","maxHeight","$height","marginBottom","src","alt","loader","fallbacks","hasBackButton","overflow","map","b","i","propTypes","_pt","bool","isRequired","node","oneOfType","string","any","array","func","number"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n BackButtonWrapper,\r\n CloseButtonWrapper,\r\n Column,\r\n FlexContainer,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeaderActions,\r\n ModalHeaderActionsWithImage,\r\n ModalTitleSection,\r\n StyledModalHeader,\r\n ModalHoverModifier,\r\n ImageOverlay,\r\n ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface ModalDialogProps {\r\n /** Optional. Size of the modal. Defaults to 'medium' */\r\n size?: Size.Small | Size.Medium | Size.Large;\r\n /** Required. Current state of the modal. */\r\n isModalOpen: boolean;\r\n /** Optional. Content of the ModalDialog. */\r\n children?: React.ReactNode;\r\n /** Optional. Title of the ModalDialog. */\r\n title?: string | React.ReactNode;\r\n /** Optional. Content of the image to be shown in the header of the modal. */\r\n topImage?: any;\r\n /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n topImageGrayscale?: boolean;\r\n /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n buttons?: ButtonAction[];\r\n /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n leftFooterAction?: LeftFooterAction;\r\n /** Optional. Tooltip that will be shown */\r\n tooltip?: string;\r\n /** */\r\n backButton?: () => void;\r\n closeAction: () => void;\r\n submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n note?: string | React.ReactNode;\r\n state?: string;\r\n icon?: React.ReactNode;\r\n zIndex?: number;\r\n contentOverflow?: string;\r\n width?: string;\r\n hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n size,\r\n isModalOpen,\r\n title,\r\n topImage,\r\n topImageWithFallbacksProps,\r\n topImageGrayscale,\r\n buttons,\r\n leftFooterAction,\r\n backButton,\r\n closeAction,\r\n submitAction,\r\n tooltip,\r\n children,\r\n note,\r\n state,\r\n icon,\r\n zIndex,\r\n contentOverflow,\r\n width,\r\n hasContentBorders,\r\n}) => {\r\n\r\n const theme = useTheme();\r\n const getMinWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '320px';\r\n case Size.Large:\r\n return '640px';\r\n case Size.Medium:\r\n default:\r\n return '480px';\r\n }\r\n };\r\n\r\n const getMaxWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '480px';\r\n case Size.Large:\r\n return '720px';\r\n case Size.Medium:\r\n default:\r\n return '640px';\r\n }\r\n };\r\n\r\n const getImageHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 160;\r\n case Size.Medium:\r\n return 200;\r\n case Size.Large:\r\n return 240;\r\n default:\r\n return 200;\r\n }\r\n };\r\n\r\n const getMarginBottom = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px';\r\n case Size.Medium:\r\n return '24px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px';\r\n }\r\n };\r\n\r\n const getPadding = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px 16px 8px';\r\n case Size.Medium:\r\n return '24px 24px 20px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px 24px 16px';\r\n }\r\n };\r\n\r\n const getMaxHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 'calc(100vh - 56px)';\r\n case Size.Medium:\r\n return 'calc(100vh - 76px)';\r\n case Size.Large:\r\n return 'calc(100vh - 96px)';\r\n default:\r\n return 'calc(100vh - 72px)';\r\n }\r\n };\r\n\r\n const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n if (typeof title === 'string') {\r\n switch (size) {\r\n case Size.Small:\r\n return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n case Size.Medium:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n case Size.Large:\r\n return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n default:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n }\r\n } else {\r\n return title;\r\n }\r\n };\r\n\r\n const ModalTootip = (tooltip: string) => {\r\n return (\r\n <ModalHoverModifier>\r\n <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)} />\r\n </IconButton>\r\n </TooltipWrapper>\r\n </ModalHoverModifier>\r\n );\r\n };\r\n\r\n const ModalCloseButton = (onClick: any) => {\r\n return (\r\n <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </CloseButtonWrapper>\r\n );\r\n };\r\n\r\n const ModalBackButton = () => {\r\n if (backButton) {\r\n return (\r\n <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </BackButtonWrapper>\r\n );\r\n }\r\n };\r\n\r\n const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n };\r\n\r\n const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n switch (actionType) {\r\n case 'button':\r\n return (\r\n <Button\r\n id={'left-action-button'}\r\n type={(leftFooterAction as LeftFooterButton)?.type}\r\n disabled={disabled}\r\n loading={(leftFooterAction as LeftFooterButton)?.loading}\r\n icon={icon}\r\n size={size}\r\n onClick={action}\r\n variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\r\n style={{ order: -1, marginRight: 'auto' }}>\r\n {text}\r\n </Button>\r\n );\r\n case 'hyperlink':\r\n return (\r\n <HyperLink\r\n id=\"left-action-hyperlink\"\r\n className=\"footer-action\"\r\n href={(leftFooterAction as LeftFooterHyperlink).href}\r\n disabled={disabled}\r\n variant=\"default\"\r\n onClick={(e) => {\r\n if (action) {\r\n e.preventDefault();\r\n action(e);\r\n }\r\n }}>\r\n {text}\r\n {icon && getLeftActionIconElement(icon)}\r\n </HyperLink>\r\n );\r\n case 'note':\r\n return (\r\n <div className=\"footer-action note\">\r\n {icon && getLeftActionIconElement(icon)}\r\n <span>{text}</span>\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <ModalContainer\r\n showModal={isModalOpen}\r\n closeModal={closeAction}\r\n minWidth={getMinWidth()}\r\n maxWidth={getMaxWidth()}\r\n height=\"auto\"\r\n padding={getPadding()}\r\n zIndex={zIndex}\r\n width={width}>\r\n <Column>\r\n <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n {(topImage || topImageWithFallbacksProps) && (\r\n <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n <ImageContainer $height={getImageHeight()}>\r\n {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n {!topImage && topImageWithFallbacksProps && (\r\n <ImageWithFallbacks\r\n loader={topImageWithFallbacksProps.loader}\r\n alt={topImageWithFallbacksProps.alt}\r\n fallbacks={topImageWithFallbacksProps.fallbacks}\r\n src={topImageWithFallbacksProps.src}\r\n />\r\n )}\r\n </ImageContainer>\r\n <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n {ModalBackButton()}\r\n {ModalCloseButton(closeAction)}\r\n </ModalHeaderActionsWithImage>\r\n </StyledModalHeader>\r\n )}\r\n <ModalTitleSection>\r\n <FlexContainer>\r\n {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n {title && ModalTitle(title, size)}\r\n </FlexContainer>\r\n {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n <ModalHeaderActions>\r\n {tooltip && ModalTootip(tooltip)}\r\n {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n </ModalHeaderActions>\r\n )}\r\n </ModalTitleSection>\r\n\r\n <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n {children}\r\n </ModalBody>\r\n\r\n {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n <ModalFooter size={size}>\r\n {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n {buttons?.map((b, i) => (\r\n <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n {b.text}\r\n </Button>\r\n ))}\r\n </ModalFooter>\r\n </form>\r\n </Column>\r\n </ModalContainer>\r\n );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ModalDialog.js","names":["React","Button","IconButton","SystemIcons","COLORS","ComponentL","ComponentM","ComponentTextStyle","ComponentXL","Size","ModalContainer","BackButtonWrapper","CloseButtonWrapper","Column","FlexContainer","ModalBody","ModalFooter","ModalHeaderActions","ModalHeaderActionsWithImage","ModalTitleSection","StyledModalHeader","ModalHoverModifier","ImageOverlay","ImageContainer","ModalNote","TooltipWrapper","HyperLink","ImageWithFallbacks","useTheme","jsx","_jsx","jsxs","_jsxs","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","theme","getMinWidth","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","textStyle","Bold","ModalTootip","delay","XSmall","align","position","withArrow","label","variant","shape","action","Help","color","getColor","ModalCloseButton","onClick","hasImage","borderRadius","Close","ModalBackButton","ArrowLineLeft","getLeftActionIconElement","cloneElement","LeftFooterAction","_button$variant","_button$children","text","actionType","disabled","button","id","type","loading","style","order","marginRight","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","onSubmit","display","flexDirection","maxHeight","$height","marginBottom","src","alt","loader","fallbacks","hasBackButton","overflow","map","b","i","_b$children","propTypes","_pt","bool","isRequired","node","oneOfType","string","any","array","func","number"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n BackButtonWrapper,\r\n CloseButtonWrapper,\r\n Column,\r\n FlexContainer,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeaderActions,\r\n ModalHeaderActionsWithImage,\r\n ModalTitleSection,\r\n StyledModalHeader,\r\n ModalHoverModifier,\r\n ImageOverlay,\r\n ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface ModalDialogProps {\r\n /** Optional. Size of the modal. Defaults to 'medium' */\r\n size?: Size.Small | Size.Medium | Size.Large;\r\n /** Required. Current state of the modal. */\r\n isModalOpen: boolean;\r\n /** Optional. Content of the ModalDialog. */\r\n children?: React.ReactNode;\r\n /** Optional. Title of the ModalDialog. */\r\n title?: string | React.ReactNode;\r\n /** Optional. Content of the image to be shown in the header of the modal. */\r\n topImage?: any;\r\n /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n topImageGrayscale?: boolean;\r\n /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n buttons?: ButtonAction[];\r\n /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n leftFooterAction?: LeftFooterAction;\r\n /** Optional. Tooltip that will be shown */\r\n tooltip?: string;\r\n /** */\r\n backButton?: () => void;\r\n closeAction: () => void;\r\n submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n note?: string | React.ReactNode;\r\n state?: string;\r\n icon?: React.ReactNode;\r\n zIndex?: number;\r\n contentOverflow?: string;\r\n width?: string;\r\n hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n size,\r\n isModalOpen,\r\n title,\r\n topImage,\r\n topImageWithFallbacksProps,\r\n topImageGrayscale,\r\n buttons,\r\n leftFooterAction,\r\n backButton,\r\n closeAction,\r\n submitAction,\r\n tooltip,\r\n children,\r\n note,\r\n state,\r\n icon,\r\n zIndex,\r\n contentOverflow,\r\n width,\r\n hasContentBorders,\r\n}) => {\r\n\r\n const theme = useTheme();\r\n const getMinWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '320px';\r\n case Size.Large:\r\n return '640px';\r\n case Size.Medium:\r\n default:\r\n return '480px';\r\n }\r\n };\r\n\r\n const getMaxWidth = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '480px';\r\n case Size.Large:\r\n return '720px';\r\n case Size.Medium:\r\n default:\r\n return '640px';\r\n }\r\n };\r\n\r\n const getImageHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 160;\r\n case Size.Medium:\r\n return 200;\r\n case Size.Large:\r\n return 240;\r\n default:\r\n return 200;\r\n }\r\n };\r\n\r\n const getMarginBottom = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px';\r\n case Size.Medium:\r\n return '24px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px';\r\n }\r\n };\r\n\r\n const getPadding = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return '16px 16px 8px';\r\n case Size.Medium:\r\n return '24px 24px 20px';\r\n case Size.Large:\r\n return '32px';\r\n default:\r\n return '24px 24px 16px';\r\n }\r\n };\r\n\r\n const getMaxHeight = () => {\r\n switch (size) {\r\n case Size.Small:\r\n return 'calc(100vh - 56px)';\r\n case Size.Medium:\r\n return 'calc(100vh - 76px)';\r\n case Size.Large:\r\n return 'calc(100vh - 96px)';\r\n default:\r\n return 'calc(100vh - 72px)';\r\n }\r\n };\r\n\r\n const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n if (typeof title === 'string') {\r\n switch (size) {\r\n case Size.Small:\r\n return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n case Size.Medium:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n case Size.Large:\r\n return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n default:\r\n return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n }\r\n } else {\r\n return title;\r\n }\r\n };\r\n\r\n const ModalTootip = (tooltip: string) => {\r\n return (\r\n <ModalHoverModifier>\r\n <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)} />\r\n </IconButton>\r\n </TooltipWrapper>\r\n </ModalHoverModifier>\r\n );\r\n };\r\n\r\n const ModalCloseButton = (onClick: any) => {\r\n return (\r\n <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </CloseButtonWrapper>\r\n );\r\n };\r\n\r\n const ModalBackButton = () => {\r\n if (backButton) {\r\n return (\r\n <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n </IconButton>\r\n </BackButtonWrapper>\r\n );\r\n }\r\n };\r\n\r\n const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n };\r\n\r\n const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n switch (actionType) {\r\n case 'button':\r\n const button = leftFooterAction as LeftFooterButton;\r\n return (\r\n <Button\r\n id={'left-action-button'}\r\n type={button?.type}\r\n disabled={disabled}\r\n loading={button?.loading}\r\n icon={icon}\r\n size={size}\r\n onClick={action}\r\n variant={button?.variant ?? 'secondary'}\r\n style={{ order: -1, marginRight: 'auto' }}>\r\n {button?.children ?? button?.text}\r\n </Button>\r\n );\r\n case 'hyperlink':\r\n return (\r\n <HyperLink\r\n id=\"left-action-hyperlink\"\r\n className=\"footer-action\"\r\n href={(leftFooterAction as LeftFooterHyperlink).href}\r\n disabled={disabled}\r\n variant=\"default\"\r\n onClick={(e) => {\r\n if (action) {\r\n e.preventDefault();\r\n action(e);\r\n }\r\n }}>\r\n {text}\r\n {icon && getLeftActionIconElement(icon)}\r\n </HyperLink>\r\n );\r\n case 'note':\r\n return (\r\n <div className=\"footer-action note\">\r\n {icon && getLeftActionIconElement(icon)}\r\n <span>{text}</span>\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n return (\r\n <ModalContainer\r\n showModal={isModalOpen}\r\n closeModal={closeAction}\r\n minWidth={getMinWidth()}\r\n maxWidth={getMaxWidth()}\r\n height=\"auto\"\r\n padding={getPadding()}\r\n zIndex={zIndex}\r\n width={width}>\r\n <Column>\r\n <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n {(topImage || topImageWithFallbacksProps) && (\r\n <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n <ImageContainer $height={getImageHeight()}>\r\n {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n {!topImage && topImageWithFallbacksProps && (\r\n <ImageWithFallbacks\r\n loader={topImageWithFallbacksProps.loader}\r\n alt={topImageWithFallbacksProps.alt}\r\n fallbacks={topImageWithFallbacksProps.fallbacks}\r\n src={topImageWithFallbacksProps.src}\r\n />\r\n )}\r\n </ImageContainer>\r\n <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n {ModalBackButton()}\r\n {ModalCloseButton(closeAction)}\r\n </ModalHeaderActionsWithImage>\r\n </StyledModalHeader>\r\n )}\r\n <ModalTitleSection>\r\n <FlexContainer>\r\n {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n {title && ModalTitle(title, size)}\r\n </FlexContainer>\r\n {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n <ModalHeaderActions>\r\n {tooltip && ModalTootip(tooltip)}\r\n {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n </ModalHeaderActions>\r\n )}\r\n </ModalTitleSection>\r\n\r\n <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n {children}\r\n </ModalBody>\r\n\r\n {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n <ModalFooter size={size}>\r\n {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n {buttons?.map((b, i) => (\r\n <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n {b.children ?? b.text}\r\n </Button>\r\n ))}\r\n </ModalFooter>\r\n </form>\r\n </Column>\r\n </ModalContainer>\r\n );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTypes.cjs","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n componentType: 'icon';\r\n icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n action?: (() => void) | ((e: any) => void);\r\n text
|
|
1
|
+
{"version":3,"file":"ModalTypes.cjs","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n componentType: 'icon';\r\n icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n action?: (() => void) | ((e: any) => void);\r\n text?: string;\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n actionType: 'hyperlink' | 'note' | 'button';\r\n text: string;\r\n icon?: React.ReactNode;\r\n action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":"","ignoreList":[]}
|
|
@@ -17,7 +17,8 @@ export interface ModalHeaderToggleButton extends ToggleButtonProps {
|
|
|
17
17
|
export type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;
|
|
18
18
|
export interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {
|
|
19
19
|
action?: (() => void) | ((e: any) => void);
|
|
20
|
-
text
|
|
20
|
+
text?: string;
|
|
21
|
+
children?: React.ReactNode;
|
|
21
22
|
}
|
|
22
23
|
export interface LeftFooterActionBase {
|
|
23
24
|
actionType: 'hyperlink' | 'note' | 'button';
|
|
@@ -28,6 +29,6 @@ export interface LeftFooterActionBase {
|
|
|
28
29
|
export interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {
|
|
29
30
|
}
|
|
30
31
|
export interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {
|
|
31
|
-
|
|
32
|
+
children?: React.ReactNode;
|
|
32
33
|
}
|
|
33
34
|
export type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTypes.js","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n componentType: 'icon';\r\n icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n action?: (() => void) | ((e: any) => void);\r\n text
|
|
1
|
+
{"version":3,"file":"ModalTypes.js","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n componentType: 'icon';\r\n icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n action?: (() => void) | ((e: any) => void);\r\n text?: string;\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n actionType: 'hyperlink' | 'note' | 'button';\r\n text: string;\r\n icon?: React.ReactNode;\r\n action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":"","ignoreList":[]}
|