@pie-lib/render-ui 4.35.2-next.0 → 4.35.2-next.6

package/lib/preview-prompt.js

@@ -296,19 +296,13 @@ var styles = function styles(theme) {
       '&:not(.MathJax) > table': {
         borderCollapse: 'collapse'
       },
-      // Apply vertical striping only when first column is a header column (th)
-      '&:not(.MathJax) > table:has(tr:first-child th:first-child) td': {
-        '&:nth-child(2n)': {
-          backgroundColor: '#f6f8fa',
-          color: theme.palette.common.black
-        }
+      '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)': {
+        backgroundColor: '#f6f8fa',
+        color: theme.palette.common.black
       },
-      // Apply horizontal striping for tables where first element is NOT a header (th)
-      '&:not(.MathJax) > table:not(:has(tr:first-child th:first-child)) tr': {
-        '&:nth-child(2n)': {
-          backgroundColor: '#f6f8fa',
-          color: theme.palette.common.black
-        }
+      '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
+        backgroundColor: '#f6f8fa',
+        color: theme.palette.common.black
       },
       // align table content to left as per STAR requirement PD-3687
       '&:not(.MathJax) table td, &:not(.MathJax) table th': {

package/lib/preview-prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","text","customAudioButton","props","div","document","createElement","innerHTML","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","style","display","playButton","id","Object","assign","cursor","width","height","backgroundImage","pauseImage","backgroundSize","borderRadius","border","parentNode","insertBefore","autoplayAudioEnabled","getElementById","play","then","addEventListener","handleAudioEnded","error","console","handlePlayClick","paused","includes","playImage","handleAudioPlay","handleAudioPause","_handlePlayClick","_handleAudioPlay","_handleAudioPause","_handleAudioEnded","removeEventListener","alignImages","addCustomAudioButtonControls","removeCustomAudioButtonListeners","previewPrompts","querySelectorAll","forEach","previewPrompt","images","getElementsByTagName","length","image","attributes","alignment","value","parentElement","tagName","copyImage","cloneNode","replaceChild","prompt","classes","className","onClick","defaultClassName","CustomTag","legendClass","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","bool","styles","theme","verticalAlign","color","legend","fontSize","rationale","paddingLeft","spacing","unit","paddingBottom","label","flexDirection","margin","borderCollapse","backgroundColor","palette","common","black","padding","textAlign"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    tagName: PropTypes.string,\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n    defaultClassName: PropTypes.string,\n    autoplayAudioEnabled: PropTypes.bool,\n    customAudioButton: {\n      playImage: PropTypes.string,\n      pauseImage: PropTypes.string,\n    },\n  };\n\n  static defaultProps = {\n    onClick: () => {},\n  };\n\n  parsedText = (text) => {\n    const { customAudioButton } = this.props;\n    const div = document.createElement('div');\n    div.innerHTML = text;\n\n    const audio = div.querySelector('audio');\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.setAttribute('id', 'pie-prompt-audio-player');\n\n      audio.appendChild(source);\n\n      if (customAudioButton) {\n        audio.style.display = 'none';\n\n        const playButton = document.createElement('div');\n        playButton.id = 'play-audio-button';\n\n        Object.assign(playButton.style, {\n          cursor: 'pointer',\n          display: 'block',\n          width: '128px',\n          height: '128px',\n          backgroundImage: `url(${customAudioButton.pauseImage})`,\n          backgroundSize: 'cover',\n          borderRadius: '50%',\n          border: '1px solid #326295',\n        });\n\n        audio.parentNode.insertBefore(playButton, audio);\n      }\n    }\n\n    return div.innerHTML;\n  };\n\n  addCustomAudioButtonControls() {\n    const { autoplayAudioEnabled, customAudioButton } = this.props;\n    const playButton = document.getElementById('play-audio-button');\n    const audio = document.getElementById('pie-prompt-audio-player');\n\n    if (autoplayAudioEnabled && audio) {\n      audio\n        .play()\n        .then(() => {\n          if (playButton && customAudioButton) {\n            audio.addEventListener('ended', handleAudioEnded);\n          }\n        })\n        .catch((error) => {\n          console.error('Error playing audio', error);\n        });\n    }\n\n    if (!playButton || !audio || !customAudioButton) return;\n\n    const handlePlayClick = () => {\n      // if already playing, don't play again\n      if (!audio.paused) return;\n      if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;\n\n      audio.play();\n    };\n\n    const handleAudioEnded = () => {\n      playButton.style.backgroundImage = `url(${customAudioButton.playImage})`;\n    };\n\n    const handleAudioPlay = () => {\n      Object.assign(playButton.style, {\n        backgroundImage: `url(${customAudioButton.pauseImage})`,\n        border: '1px solid #ccc',\n      });\n    };\n\n    const handleAudioPause = () => {\n      Object.assign(playButton.style, {\n        backgroundImage: `url(${customAudioButton.playImage})`,\n        border: '1px solid #326295',\n      });\n    };\n\n    playButton.addEventListener('click', handlePlayClick);\n    audio.addEventListener('play', handleAudioPlay);\n    audio.addEventListener('pause', handleAudioPause);\n    audio.addEventListener('ended', handleAudioEnded);\n\n    // store event handler references so they can be removed later\n    this._handlePlayClick = handlePlayClick;\n    this._handleAudioPlay = handleAudioPlay;\n    this._handleAudioPause = handleAudioPause;\n    this._handleAudioEnded = handleAudioEnded;\n  }\n\n  removeCustomAudioButtonListeners() {\n    const playButton = document.getElementById('play-audio-button');\n    const audio = document.querySelector('audio');\n\n    if (!playButton || !audio) return;\n\n    // remove event listeners using stored references\n    playButton.removeEventListener('click', this._handlePlayClick);\n    audio.removeEventListener('play', this._handleAudioPlay);\n    audio.removeEventListener('pause', this._handleAudioPause);\n    audio.removeEventListener('ended', this._handleAudioEnded);\n  }\n\n  componentDidMount() {\n    this.alignImages();\n    this.addCustomAudioButtonControls();\n  }\n\n  componentDidUpdate() {\n    this.alignImages();\n  }\n\n  componentWillUnmount() {\n    this.removeCustomAudioButtonListeners();\n  }\n\n  alignImages() {\n    const previewPrompts = document.querySelectorAll('#preview-prompt');\n\n    previewPrompts.forEach((previewPrompt) => {\n      const images = previewPrompt.getElementsByTagName('img');\n\n      if (images && images.length) {\n        for (let image of images) {\n          // check if alignment property was set\n          if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {\n            const parentNode = image.parentElement;\n\n            // check if div is not already added to dom and replace current image with wrapped image\n            if (\n              !(\n                parentNode.tagName === 'DIV' &&\n                parentNode.style.display === 'flex' &&\n                parentNode.style.width === '100%'\n              )\n            ) {\n              const div = document.createElement('div');\n              div.style.display = 'flex';\n              div.style.width = '100%';\n\n              const copyImage = image.cloneNode(true);\n              div.appendChild(copyImage);\n              parentNode.replaceChild(div, image);\n            }\n          }\n        }\n      }\n    });\n  }\n\n  render() {\n    const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n    const CustomTag = tagName || 'div';\n    // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment\n    const legendClass = tagName === 'legend' ? 'legend' : '';\n    const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName || ''} ${classes[\n      legendClass\n    ] || ''}`;\n\n    return (\n      <CustomTag\n        id={'preview-prompt'}\n        onClick={onClick}\n        className={customClasses}\n        dangerouslySetInnerHTML={{\n          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX),\n        }}\n      />\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  prompt: {\n    verticalAlign: 'middle',\n    color: color.text(),\n  },\n  legend: {\n    width: '100%',\n    fontSize: 'inherit  !important',\n  },\n  rationale: {\n    paddingLeft: theme.spacing.unit * 4,\n    paddingBottom: theme.spacing.unit,\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'flex',\n    flexDirection: 'column',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n    '& > p': {\n      margin: '0 0 0 0 !important',\n    },\n  },\n  promptTable: {\n    '&:not(.MathJax) > table': {\n      borderCollapse: 'collapse',\n    },\n    // Apply vertical striping only when first column is a header column (th)\n    '&:not(.MathJax) > table:has(tr:first-child th:first-child) td': {\n      '&:nth-child(2n)': {\n        backgroundColor: '#f6f8fa',\n        color: theme.palette.common.black,\n      },\n    },\n    // Apply horizontal striping for tables where first element is NOT a header (th)\n    '&:not(.MathJax) > table:not(:has(tr:first-child th:first-child)) tr': {\n      '&:nth-child(2n)': {\n        backgroundColor: '#f6f8fa',\n        color: theme.palette.common.black,\n      },\n    },\n    // align table content to left as per STAR requirement PD-3687\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n    // added this to fix alignment of text in prompt imported from studio (PD-3423)\n    '&:not(.MathJax) > table td > p.kds-indent': {\n      textAlign: 'initial',\n    },\n  },\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"file":"preview-prompt.js"}
+{"version":3,"sources":["../src/preview-prompt.jsx"],"names":["NEWLINE_BLOCK_REGEX","NEWLINE_LATEX","PreviewPrompt","text","customAudioButton","props","div","document","createElement","innerHTML","audio","querySelector","source","setAttribute","getAttribute","removeAttribute","appendChild","style","display","playButton","id","Object","assign","cursor","width","height","backgroundImage","pauseImage","backgroundSize","borderRadius","border","parentNode","insertBefore","autoplayAudioEnabled","getElementById","play","then","addEventListener","handleAudioEnded","error","console","handlePlayClick","paused","includes","playImage","handleAudioPlay","handleAudioPause","_handlePlayClick","_handleAudioPlay","_handleAudioPause","_handleAudioEnded","removeEventListener","alignImages","addCustomAudioButtonControls","removeCustomAudioButtonListeners","previewPrompts","querySelectorAll","forEach","previewPrompt","images","getElementsByTagName","length","image","attributes","alignment","value","parentElement","tagName","copyImage","cloneNode","replaceChild","prompt","classes","className","onClick","defaultClassName","CustomTag","legendClass","customClasses","promptTable","__html","parsedText","replace","Component","PropTypes","object","string","func","bool","styles","theme","verticalAlign","color","legend","fontSize","rationale","paddingLeft","spacing","unit","paddingBottom","label","flexDirection","margin","borderCollapse","backgroundColor","palette","common","black","padding","textAlign"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\n//Used these below to replace \\\\embed{newLine} with \\\\newline from prompt which will get parsed in MathJax\nconst NEWLINE_BLOCK_REGEX = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = '\\\\newline ';\n\nexport class PreviewPrompt extends Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    prompt: PropTypes.string,\n    tagName: PropTypes.string,\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n    defaultClassName: PropTypes.string,\n    autoplayAudioEnabled: PropTypes.bool,\n    customAudioButton: {\n      playImage: PropTypes.string,\n      pauseImage: PropTypes.string,\n    },\n  };\n\n  static defaultProps = {\n    onClick: () => {},\n  };\n\n  parsedText = (text) => {\n    const { customAudioButton } = this.props;\n    const div = document.createElement('div');\n    div.innerHTML = text;\n\n    const audio = div.querySelector('audio');\n    if (audio) {\n      const source = document.createElement('source');\n\n      source.setAttribute('type', 'audio/mp3');\n      source.setAttribute('src', audio.getAttribute('src'));\n\n      audio.removeAttribute('src');\n      audio.setAttribute('id', 'pie-prompt-audio-player');\n\n      audio.appendChild(source);\n\n      if (customAudioButton) {\n        audio.style.display = 'none';\n\n        const playButton = document.createElement('div');\n        playButton.id = 'play-audio-button';\n\n        Object.assign(playButton.style, {\n          cursor: 'pointer',\n          display: 'block',\n          width: '128px',\n          height: '128px',\n          backgroundImage: `url(${customAudioButton.pauseImage})`,\n          backgroundSize: 'cover',\n          borderRadius: '50%',\n          border: '1px solid #326295',\n        });\n\n        audio.parentNode.insertBefore(playButton, audio);\n      }\n    }\n\n    return div.innerHTML;\n  };\n\n  addCustomAudioButtonControls() {\n    const { autoplayAudioEnabled, customAudioButton } = this.props;\n    const playButton = document.getElementById('play-audio-button');\n    const audio = document.getElementById('pie-prompt-audio-player');\n\n    if (autoplayAudioEnabled && audio) {\n      audio\n        .play()\n        .then(() => {\n          if (playButton && customAudioButton) {\n            audio.addEventListener('ended', handleAudioEnded);\n          }\n        })\n        .catch((error) => {\n          console.error('Error playing audio', error);\n        });\n    }\n\n    if (!playButton || !audio || !customAudioButton) return;\n\n    const handlePlayClick = () => {\n      // if already playing, don't play again\n      if (!audio.paused) return;\n      if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;\n\n      audio.play();\n    };\n\n    const handleAudioEnded = () => {\n      playButton.style.backgroundImage = `url(${customAudioButton.playImage})`;\n    };\n\n    const handleAudioPlay = () => {\n      Object.assign(playButton.style, {\n        backgroundImage: `url(${customAudioButton.pauseImage})`,\n        border: '1px solid #ccc',\n      });\n    };\n\n    const handleAudioPause = () => {\n      Object.assign(playButton.style, {\n        backgroundImage: `url(${customAudioButton.playImage})`,\n        border: '1px solid #326295',\n      });\n    };\n\n    playButton.addEventListener('click', handlePlayClick);\n    audio.addEventListener('play', handleAudioPlay);\n    audio.addEventListener('pause', handleAudioPause);\n    audio.addEventListener('ended', handleAudioEnded);\n\n    // store event handler references so they can be removed later\n    this._handlePlayClick = handlePlayClick;\n    this._handleAudioPlay = handleAudioPlay;\n    this._handleAudioPause = handleAudioPause;\n    this._handleAudioEnded = handleAudioEnded;\n  }\n\n  removeCustomAudioButtonListeners() {\n    const playButton = document.getElementById('play-audio-button');\n    const audio = document.querySelector('audio');\n\n    if (!playButton || !audio) return;\n\n    // remove event listeners using stored references\n    playButton.removeEventListener('click', this._handlePlayClick);\n    audio.removeEventListener('play', this._handleAudioPlay);\n    audio.removeEventListener('pause', this._handleAudioPause);\n    audio.removeEventListener('ended', this._handleAudioEnded);\n  }\n\n  componentDidMount() {\n    this.alignImages();\n    this.addCustomAudioButtonControls();\n  }\n\n  componentDidUpdate() {\n    this.alignImages();\n  }\n\n  componentWillUnmount() {\n    this.removeCustomAudioButtonListeners();\n  }\n\n  alignImages() {\n    const previewPrompts = document.querySelectorAll('#preview-prompt');\n\n    previewPrompts.forEach((previewPrompt) => {\n      const images = previewPrompt.getElementsByTagName('img');\n\n      if (images && images.length) {\n        for (let image of images) {\n          // check if alignment property was set\n          if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {\n            const parentNode = image.parentElement;\n\n            // check if div is not already added to dom and replace current image with wrapped image\n            if (\n              !(\n                parentNode.tagName === 'DIV' &&\n                parentNode.style.display === 'flex' &&\n                parentNode.style.width === '100%'\n              )\n            ) {\n              const div = document.createElement('div');\n              div.style.display = 'flex';\n              div.style.width = '100%';\n\n              const copyImage = image.cloneNode(true);\n              div.appendChild(copyImage);\n              parentNode.replaceChild(div, image);\n            }\n          }\n        }\n      }\n    });\n  }\n\n  render() {\n    const { prompt, classes, tagName, className, onClick, defaultClassName } = this.props;\n    const CustomTag = tagName || 'div';\n    // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment\n    const legendClass = tagName === 'legend' ? 'legend' : '';\n    const customClasses = `${classes.promptTable} ${classes[className] || ''} ${defaultClassName || ''} ${classes[\n      legendClass\n    ] || ''}`;\n\n    return (\n      <CustomTag\n        id={'preview-prompt'}\n        onClick={onClick}\n        className={customClasses}\n        dangerouslySetInnerHTML={{\n          __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX),\n        }}\n      />\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  prompt: {\n    verticalAlign: 'middle',\n    color: color.text(),\n  },\n  legend: {\n    width: '100%',\n    fontSize: 'inherit  !important',\n  },\n  rationale: {\n    paddingLeft: theme.spacing.unit * 4,\n    paddingBottom: theme.spacing.unit,\n  },\n  label: {\n    color: `${color.text()} !important`, //'var(--choice-input-color, black)',\n    display: 'flex',\n    flexDirection: 'column',\n    verticalAlign: 'middle',\n    cursor: 'pointer',\n    '& > p': {\n      margin: '0 0 0 0 !important',\n    },\n  },\n  promptTable: {\n    '&:not(.MathJax) > table': {\n      borderCollapse: 'collapse',\n    },\n    '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)': {\n      backgroundColor: '#f6f8fa',\n      color: theme.palette.common.black,\n    },\n\n    '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {\n      backgroundColor: '#f6f8fa',\n      color: theme.palette.common.black,\n    },\n    // align table content to left as per STAR requirement PD-3687\n    '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n      padding: '.6em 1em',\n      textAlign: 'left',\n    },\n    // added this to fix alignment of text in prompt imported from studio (PD-3423)\n    '&:not(.MathJax) > table td > p.kds-indent': {\n      textAlign: 'initial',\n    },\n  },\n});\nexport default withStyles(styles)(PreviewPrompt);\n"],"file":"preview-prompt.js"}

package/lib/ui-layout.js

@@ -55,36 +55,6 @@ var theme = (0, _styles.createMuiTheme)({
       root: {
         fontFamily: 'inherit'
       }
-    },
-    MuiRadio: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important'
-        }
-      }
-    },
-    MuiTabs: {
-      root: {
-        borderBottom: '1px solid #eee'
-      }
-    },
-    MuiSwitch: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-          '& + $bar': {
-            backgroundColor: '#3f51b5 !important',
-            opacity: 0.5
-          }
-        }
-      }
     }
   }
 });

package/lib/ui-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui-layout.jsx"],"names":["theme","typography","useNextVariants","fontFamily","palette","action","disabled","overrides","MuiTypography","root","MuiRadio","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","UiLayout","props","classesSheet","document","createElement","fontSizeFactor","getFontSize","element","parseFloat","getComputedStyle","fontSize","rootFontSize","documentElement","bodyFontSize","body","effectiveFontSize","Math","max","children","className","classes","rest","finalClass","extraCSSRules","uiLayoutContainer","restProps","style","computeStyle","AppendCSSRules","PropTypes","object","string","array","shape","names","arrayOf","rules","number","styles","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { createMuiTheme, MuiThemeProvider, withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport AppendCSSRules from './append-css-rules';\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n    fontFamily: 'inherit',\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiTypography: {\n      root: { fontFamily: 'inherit' },\n    },\n    MuiRadio: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiCheckbox: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiTabs: {\n      root: {\n        borderBottom: '1px solid #eee',\n      },\n    },\n    MuiSwitch: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n          '& + $bar': {\n            backgroundColor: '#3f51b5 !important',\n            opacity: 0.5,\n          },\n        },\n      },\n    },\n  },\n});\n\nclass UiLayout extends AppendCSSRules {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.array,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  static defaultProps = {\n    extraCSSRules: {},\n    fontSizeFactor: 1,\n  };\n\n  constructor(props) {\n    super(props);\n    this.classesSheet = document.createElement('style');\n  }\n\n  computeStyle(fontSizeFactor) {\n    const getFontSize = (element) => parseFloat(getComputedStyle(element).fontSize);\n\n    const rootFontSize = getFontSize(document.documentElement);\n    const bodyFontSize = getFontSize(document.body);\n    const effectiveFontSize = Math.max(rootFontSize, bodyFontSize);\n\n    return fontSizeFactor !== 1 ? { fontSize: `${effectiveFontSize * fontSizeFactor}px` } : null;\n  }\n\n  render() {\n    const { children, className, classes, fontSizeFactor, ...rest } = this.props;\n\n    const finalClass = classNames(className, classes.extraCSSRules, classes.uiLayoutContainer);\n    const { extraCSSRules, ...restProps } = rest;\n    const style = this.computeStyle(fontSizeFactor);\n\n    return (\n      <MuiThemeProvider theme={theme}>\n        <div className={finalClass} {...restProps} {...(style && { style })}>\n          {children}\n        </div>\n      </MuiThemeProvider>\n    );\n  }\n}\n\nconst styles = {\n  extraCSSRules: {},\n  // need this because some browsers set their own style on table\n  uiLayoutContainer: {\n    '& table, th, td': {\n      fontSize: 'inherit' /* Ensure table elements inherit font size */,\n    },\n  },\n};\n\nconst Styled = withStyles(styles)(UiLayout);\n\nexport default Styled;\n"],"file":"ui-layout.js"}
+{"version":3,"sources":["../src/ui-layout.jsx"],"names":["theme","typography","useNextVariants","fontFamily","palette","action","disabled","overrides","MuiTypography","root","UiLayout","props","classesSheet","document","createElement","fontSizeFactor","getFontSize","element","parseFloat","getComputedStyle","fontSize","rootFontSize","documentElement","bodyFontSize","body","effectiveFontSize","Math","max","children","className","classes","rest","finalClass","extraCSSRules","uiLayoutContainer","restProps","style","computeStyle","AppendCSSRules","PropTypes","object","string","array","shape","names","arrayOf","rules","number","styles","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { createMuiTheme, MuiThemeProvider, withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport AppendCSSRules from './append-css-rules';\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n    fontFamily: 'inherit',\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiTypography: {\n      root: { fontFamily: 'inherit' },\n    },\n  },\n});\n\nclass UiLayout extends AppendCSSRules {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.array,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  static defaultProps = {\n    extraCSSRules: {},\n    fontSizeFactor: 1,\n  };\n\n  constructor(props) {\n    super(props);\n    this.classesSheet = document.createElement('style');\n  }\n\n  computeStyle(fontSizeFactor) {\n    const getFontSize = (element) => parseFloat(getComputedStyle(element).fontSize);\n\n    const rootFontSize = getFontSize(document.documentElement);\n    const bodyFontSize = getFontSize(document.body);\n    const effectiveFontSize = Math.max(rootFontSize, bodyFontSize);\n\n    return fontSizeFactor !== 1 ? { fontSize: `${effectiveFontSize * fontSizeFactor}px` } : null;\n  }\n\n  render() {\n    const { children, className, classes, fontSizeFactor, ...rest } = this.props;\n\n    const finalClass = classNames(className, classes.extraCSSRules, classes.uiLayoutContainer);\n    const { extraCSSRules, ...restProps } = rest;\n    const style = this.computeStyle(fontSizeFactor);\n\n    return (\n      <MuiThemeProvider theme={theme}>\n        <div className={finalClass} {...restProps} {...(style && { style })}>\n          {children}\n        </div>\n      </MuiThemeProvider>\n    );\n  }\n}\n\nconst styles = {\n  extraCSSRules: {},\n  // need this because some browsers set their own style on table\n  uiLayoutContainer: {\n    '& table, th, td': {\n      fontSize: 'inherit' /* Ensure table elements inherit font size */,\n    },\n  },\n};\n\nconst Styled = withStyles(styles)(UiLayout);\n\nexport default Styled;\n"],"file":"ui-layout.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "4.35.2-next.0+19a7ac5d",
+  "version": "4.35.2-next.6+d255c5c5",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "module": "src/index.js",
   "main": "lib/index.js",
@@ -11,9 +11,9 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/icons": "^2.24.2-next.0+19a7ac5d",
-    "@pie-lib/math-rendering": "^3.22.2-next.0+19a7ac5d",
-    "@pie-lib/test-utils": "^0.22.2-next.0+19a7ac5d",
+    "@pie-lib/icons": "^2.24.1",
+    "@pie-lib/math-rendering": "^3.22.1",
+    "@pie-lib/test-utils": "^0.22.1",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -28,5 +28,5 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "19a7ac5d429f1c5fe9138faff9981720f8c9e294"
+  "gitHead": "d255c5c52e4e2c3401691da8dcdb041d74e8809d"
 }

package/src/preview-prompt.jsx

@@ -234,19 +234,14 @@ const styles = (theme) => ({
     '&:not(.MathJax) > table': {
       borderCollapse: 'collapse',
     },
-    // Apply vertical striping only when first column is a header column (th)
-    '&:not(.MathJax) > table:has(tr:first-child th:first-child) td': {
-      '&:nth-child(2n)': {
-        backgroundColor: '#f6f8fa',
-        color: theme.palette.common.black,
-      },
+    '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)': {
+      backgroundColor: '#f6f8fa',
+      color: theme.palette.common.black,
     },
-    // Apply horizontal striping for tables where first element is NOT a header (th)
-    '&:not(.MathJax) > table:not(:has(tr:first-child th:first-child)) tr': {
-      '&:nth-child(2n)': {
-        backgroundColor: '#f6f8fa',
-        color: theme.palette.common.black,
-      },
+
+    '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
+      backgroundColor: '#f6f8fa',
+      color: theme.palette.common.black,
     },
     // align table content to left as per STAR requirement PD-3687
     '&:not(.MathJax) table td, &:not(.MathJax) table th': {

package/src/ui-layout.jsx

@@ -18,36 +18,6 @@ const theme = createMuiTheme({
     MuiTypography: {
       root: { fontFamily: 'inherit' },
     },
-    MuiRadio: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-        },
-      },
-    },
-    MuiCheckbox: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-        },
-      },
-    },
-    MuiTabs: {
-      root: {
-        borderBottom: '1px solid #eee',
-      },
-    },
-    MuiSwitch: {
-      root: {
-        '&$checked': {
-          color: '#3f51b5 !important',
-          '& + $bar': {
-            backgroundColor: '#3f51b5 !important',
-            opacity: 0.5,
-          },
-        },
-      },
-    },
   },
 });