@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/molecule/questions/mobile/template/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_trim","_interopRequireDefault","_index","_index2","_index3","_index4","_templateContext","_parseTemplateString","_shadow","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","createElement","View","style","testID","key","onChange","questionType","selectInputStyle","selectTextStyle","values","items","placeholder","selectAnAnswer","onBlur","onFocus","textStyle","analyticsID","trim","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${part.value}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {part.value === ' ' ? part.value : trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map(part => (\n        <View key={`question-part-${part.value}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","selectInputStyle","selectTextStyle","items","selectAnAnswer","trim","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${part.value}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {part.value === ' ' ? part.value : trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map(part => (\n        <View key={`question-part-${part.value}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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"}

package/lib/molecule/questions/qcm/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _maxBy = _interopRequireDefault(require("lodash/fp/maxBy"));
+
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
+
 var _getShadowBoxColorFromPrimary = require("../../../util/get-shadow-box-color-from-primary");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const QCM = (props, legacyContext) => {
   const {
     answers,
@@ -38,8 +50,7 @@ const QCM = (props, legacyContext) => {
       title: ariaLabel || title,
       className: (0, _classnames.default)(longAnswerClass, _style.default.innerHTML, selectedAnswerClass),
       onClick: onClick,
-      style: {
-        ...(selected && {
+      style: { ...(selected && {
           boxShadow: `0 4px 16px ${(0, _getShadowBoxColorFromPrimary.getShadowBoxColorFromPrimary)(primarySkinColor)}`
         })
       },
@@ -48,13 +59,14 @@ const QCM = (props, legacyContext) => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "answer-background",
       style: {
-        backgroundColor: selected ? primarySkinColor : '#F4F4F5' /* cm_grey_75 */
+        backgroundColor: selected ? primarySkinColor : '#F4F4F5'
+        /* cm_grey_75 */
+
       },
       className: _style.default.background
     }), /*#__PURE__*/_react.default.createElement("span", {
       "data-name": "answer-label",
-      className: _style.default.answerText
-      // eslint-disable-next-line react/no-danger
+      className: _style.default.answerText // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: title
@@ -69,6 +81,7 @@ const QCM = (props, legacyContext) => {
     title: groupAriaLabel
   }, answersViews);
 };
+
 QCM.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -81,5 +94,6 @@ QCM.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   groupAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = QCM;
+var _default = QCM;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/qcm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_getOr","_maxBy","_provider","_getShadowBoxColorFromPrimary","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QCM","props","legacyContext","answers","groupAriaLabel","longestAnswer","maxBy","title","length","skin","GetSkinFromContext","primarySkinColor","getOr","answersViews","useMemo","map","answer","key","onClick","selected","ariaLabel","longAnswerClass","style","selectedAnswerClass","selectedAnswer","unselectedAnswer","createElement","className","classnames","innerHTML","boxShadow","getShadowBoxColorFromPrimary","backgroundColor","background","answerText","dangerouslySetInnerHTML","__html","wrapper","role","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","bool","func","_default","exports"],"sources":["../../../../src/molecule/questions/qcm/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport maxBy from 'lodash/fp/maxBy';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCM = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const longestAnswer = maxBy(({title}) => title.length, answers);\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = useMemo(\n    () =>\n      answers.map((answer, key) => {\n        const {onClick, title, selected, 'aria-label': ariaLabel} = answer;\n        const longAnswerClass = longestAnswer.title === title ? style.longestAnswer : style.answer;\n        const selectedAnswerClass = selected ? style.selectedAnswer : style.unselectedAnswer;\n\n        return (\n          <div\n            data-name=\"answer\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            className={classnames(longAnswerClass, style.innerHTML, selectedAnswerClass)}\n            onClick={onClick}\n            style={{\n              ...(selected && {\n                boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n              })\n            }}\n            data-selected={selected}\n            key={key}\n          >\n            <div\n              data-name=\"answer-background\"\n              style={{backgroundColor: selected ? primarySkinColor : '#F4F4F5' /* cm_grey_75 */}}\n              className={style.background}\n            />\n            <span\n              data-name=\"answer-label\"\n              className={style.answerText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n          </div>\n        );\n      }),\n    [answers, longestAnswer, primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"qcm\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCM.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCM.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCM;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["QCM","props","legacyContext","answers","groupAriaLabel","longestAnswer","maxBy","title","length","skin","GetSkinFromContext","primarySkinColor","getOr","answersViews","useMemo","map","answer","key","onClick","selected","ariaLabel","longAnswerClass","style","selectedAnswerClass","selectedAnswer","unselectedAnswer","classnames","innerHTML","boxShadow","getShadowBoxColorFromPrimary","backgroundColor","background","answerText","__html","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport maxBy from 'lodash/fp/maxBy';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCM = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const longestAnswer = maxBy(({title}) => title.length, answers);\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = useMemo(\n    () =>\n      answers.map((answer, key) => {\n        const {onClick, title, selected, 'aria-label': ariaLabel} = answer;\n        const longAnswerClass = longestAnswer.title === title ? style.longestAnswer : style.answer;\n        const selectedAnswerClass = selected ? style.selectedAnswer : style.unselectedAnswer;\n\n        return (\n          <div\n            data-name=\"answer\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            className={classnames(longAnswerClass, style.innerHTML, selectedAnswerClass)}\n            onClick={onClick}\n            style={{\n              ...(selected && {\n                boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n              })\n            }}\n            data-selected={selected}\n            key={key}\n          >\n            <div\n              data-name=\"answer-background\"\n              style={{backgroundColor: selected ? primarySkinColor : '#F4F4F5' /* cm_grey_75 */}}\n              className={style.background}\n            />\n            <span\n              data-name=\"answer-label\"\n              className={style.answerText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n          </div>\n        );\n      }),\n    [answers, longestAnswer, primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"qcm\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCM.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCM.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCM;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACpC,MAAM;IAACC,OAAD;IAAUC;EAAV,IAA4BH,KAAlC;EACA,MAAMI,aAAa,GAAG,IAAAC,cAAA,EAAM,CAAC;IAACC;EAAD,CAAD,KAAaA,KAAK,CAACC,MAAzB,EAAiCL,OAAjC,CAAtB;EACA,MAAMM,IAAI,GAAG,IAAAC,4BAAA,EAAmBR,aAAnB,CAAb;EACA,MAAMS,gBAAgB,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCH,IAAnC,CAAzB;EAEA,MAAMI,YAAY,GAAG,IAAAC,cAAA,EACnB,MACEX,OAAO,CAACY,GAAR,CAAY,CAACC,MAAD,EAASC,GAAT,KAAiB;IAC3B,MAAM;MAACC,OAAD;MAAUX,KAAV;MAAiBY,QAAjB;MAA2B,cAAcC;IAAzC,IAAsDJ,MAA5D;IACA,MAAMK,eAAe,GAAGhB,aAAa,CAACE,KAAd,KAAwBA,KAAxB,GAAgCe,cAAA,CAAMjB,aAAtC,GAAsDiB,cAAA,CAAMN,MAApF;IACA,MAAMO,mBAAmB,GAAGJ,QAAQ,GAAGG,cAAA,CAAME,cAAT,GAA0BF,cAAA,CAAMG,gBAApE;IAEA,oBACE;MACE,aAAU,QADZ;MAEE,cAAYL,SAAS,IAAIb,KAF3B;MAGE,KAAK,EAAEa,SAAS,IAAIb,KAHtB;MAIE,SAAS,EAAE,IAAAmB,mBAAA,EAAWL,eAAX,EAA4BC,cAAA,CAAMK,SAAlC,EAA6CJ,mBAA7C,CAJb;MAKE,OAAO,EAAEL,OALX;MAME,KAAK,EAAE,EACL,IAAIC,QAAQ,IAAI;UACdS,SAAS,EAAG,cAAa,IAAAC,0DAAA,EAA6BlB,gBAA7B,CAA+C;QAD1D,CAAhB;MADK,CANT;MAWE,iBAAeQ,QAXjB;MAYE,GAAG,EAAEF;IAZP,gBAcE;MACE,aAAU,mBADZ;MAEE,KAAK,EAAE;QAACa,eAAe,EAAEX,QAAQ,GAAGR,gBAAH,GAAsB;QAAU;;MAA1D,CAFT;MAGE,SAAS,EAAEW,cAAA,CAAMS;IAHnB,EAdF,eAmBE;MACE,aAAU,cADZ;MAEE,SAAS,EAAET,cAAA,CAAMU,UAFnB,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAE1B;MAAT;IAJ3B,EAnBF,CADF;EA4BD,CAjCD,CAFiB,EAoCnB,CAACJ,OAAD,EAAUE,aAAV,EAAyBM,gBAAzB,CApCmB,CAArB;EAuCA,oBACE;IACE,aAAU,KADZ;IAEE,SAAS,EAAEW,cAAA,CAAMY,OAFnB;IAGE,IAAI,EAAC,OAHP;IAIE,cAAY9B,cAJd;IAKE,KAAK,EAAEA;EALT,GAOGS,YAPH,CADF;AAWD,CAxDD;;AA0DAb,GAAG,CAACmC,YAAJ,GAAmB;EACjB1B,IAAI,EAAE2B,iBAAA,CAASC,iBAAT,CAA2B5B;AADhB,CAAnB;AAIAT,GAAG,CAACsC,SAAJ,2CAAgB;EACdnC,OAAO,EAAEoC,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUE,KAAV,CAAgB;IACdlC,KAAK,EAAEgC,kBAAA,CAAUG,MADH;IAEdvB,QAAQ,EAAEoB,kBAAA,CAAUI,IAFN;IAGdzB,OAAO,EAAEqB,kBAAA,CAAUK,IAHL;IAId,cAAcL,kBAAA,CAAUG;EAJV,CAAhB,CADO,CADK;EASdtC,cAAc,EAAEmC,kBAAA,CAAUG;AATZ,CAAhB;eAYe1C,G"}

package/lib/molecule/questions/qcm-drag/index.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _orderBy2 = _interopRequireDefault(require("lodash/fp/orderBy"));
+
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
+
 var _getShadowBoxColorFromPrimary = require("../../../util/get-shadow-box-color-from-primary");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnswersPropTypes = process.env.NODE_ENV !== "production" ? _propTypes.default.arrayOf(_propTypes.default.shape({
   onClick: _propTypes.default.func,
   order: _propTypes.default.number,
@@ -22,14 +36,17 @@ const AnswersPropTypes = process.env.NODE_ENV !== "production" ? _propTypes.defa
   title: _propTypes.default.string,
   help: _propTypes.default.string
 })) : {};
+
 const EmptyView = ({
   help
 }) => /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.emptySpan
 }, help);
+
 EmptyView.propTypes = process.env.NODE_ENV !== "production" ? {
   help: _propTypes.default.string
 } : {};
+
 const Choices = ({
   answers
 }) => {
@@ -62,9 +79,11 @@ const Choices = ({
     className: _style.default.choices
   }, answersViews);
 };
+
 Choices.propTypes = process.env.NODE_ENV !== "production" ? {
   answers: AnswersPropTypes
 } : {};
+
 const SelectedAnswerSections = ({
   answers,
   help,
@@ -96,14 +115,14 @@ const SelectedAnswerSections = ({
     }, /*#__PURE__*/_react.default.createElement("span", {
       "data-name": "answerContent",
       className: (0, _classnames.default)(_style.default.selectedAnswerText, _style.default.innerHTML),
-      title: title
-      // eslint-disable-next-line react/no-danger
+      title: title // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: title
       }
     })));
   });
+
   if (selectedAnswersViews.length > 0) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.selectedAnswers
@@ -116,11 +135,13 @@ const SelectedAnswerSections = ({
     }));
   }
 };
+
 SelectedAnswerSections.propTypes = process.env.NODE_ENV !== "production" ? {
   answers: AnswersPropTypes,
   help: EmptyView.propTypes.help,
   backgroundColor: _propTypes.default.string
 } : {};
+
 const QcmDrag = ({
   answers,
   help,
@@ -143,6 +164,7 @@ const QcmDrag = ({
     answers: answers
   })));
 };
+
 QcmDrag.propTypes = process.env.NODE_ENV !== "production" ? {
   answers: AnswersPropTypes,
   help: SelectedAnswerSections.propTypes.help,
@@ -151,5 +173,6 @@ QcmDrag.propTypes = process.env.NODE_ENV !== "production" ? {
 QcmDrag.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = QcmDrag;
+var _default = QcmDrag;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/qcm-drag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_interopRequireWildcard","_getShadowBoxColorFromPrimary","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnswersPropTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","onClick","func","order","number","selected","bool","title","string","help","EmptyView","createElement","className","style","emptySpan","propTypes","Choices","answers","answersViews","map","answer","key","checkboxId","classnames","invisibleAnswer","unselected","innerHTML","htmlFor","id","type","value","checked","onChange","hiddenCheckbox","choices","SelectedAnswerSections","backgroundColor","selectedAnswers","_pipe2","_filter2","_orderBy2","selectedAnswersViews","boxShadow","getShadowBoxColorFromPrimary","background","content","selectedAnswerText","dangerouslySetInnerHTML","__html","length","emptyAnswers","QcmDrag","groupAriaLabel","legacyContext","skin","GetSkinFromContext","primarySkinColor","_getOr2","wrapper","role","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, filter, orderBy, getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst AnswersPropTypes = PropTypes.arrayOf(\n  PropTypes.shape({\n    onClick: PropTypes.func,\n    order: PropTypes.number,\n    selected: PropTypes.bool,\n    title: PropTypes.string,\n    help: PropTypes.string\n  })\n);\n\nconst EmptyView = ({help}) => <span className={style.emptySpan}>{help}</span>;\n\nEmptyView.propTypes = {\n  help: PropTypes.string\n};\n\nconst Choices = ({answers}) => {\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected} = answer;\n    const checkboxId = `checkbox-drag-${key}`;\n    return (\n      <div\n        className={classnames(selected ? style.invisibleAnswer : style.unselected, style.innerHTML)}\n        data-name=\"answer\"\n        key={key}\n        onClick={onClick}\n      >\n        <label htmlFor={checkboxId}>\n          <input\n            id={checkboxId}\n            type=\"checkbox\"\n            value={title}\n            title={title}\n            aria-label={title}\n            checked={selected}\n            onChange={onClick}\n            className={style.hiddenCheckbox}\n          />\n          {title}\n        </label>\n      </div>\n    );\n  });\n\n  return <div className={style.choices}>{answersViews}</div>;\n};\n\nChoices.propTypes = {\n  answers: AnswersPropTypes\n};\n\nconst SelectedAnswerSections = ({answers, help, backgroundColor}) => {\n  const selectedAnswers = pipe(filter('selected'), orderBy('order', 'asc'))(answers);\n  const selectedAnswersViews = selectedAnswers.map((answer, key) => {\n    const {onClick, title} = answer;\n    return (\n      <div\n        data-selected=\"true\"\n        onClick={onClick}\n        key={key}\n        data-name=\"selectedAnswer\"\n        className={style.selected}\n        style={{\n          boxShadow: `0px 4px 16px ${getShadowBoxColorFromPrimary(backgroundColor)}`\n        }}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor\n          }}\n          className={style.background}\n        />\n        <div className={style.content}>\n          <span\n            data-name=\"answerContent\"\n            className={classnames(style.selectedAnswerText, style.innerHTML)}\n            title={title}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n        </div>\n      </div>\n    );\n  });\n\n  if (selectedAnswersViews.length > 0) {\n    return <div className={style.selectedAnswers}>{selectedAnswersViews}</div>;\n  } else {\n    return (\n      <div className={style.emptyAnswers}>\n        <EmptyView help={help} />\n      </div>\n    );\n  }\n};\n\nSelectedAnswerSections.propTypes = {\n  answers: AnswersPropTypes,\n  help: EmptyView.propTypes.help,\n  backgroundColor: PropTypes.string\n};\n\nconst QcmDrag = ({answers, help, groupAriaLabel}, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <SelectedAnswerSections answers={answers} help={help} backgroundColor={primarySkinColor} />\n      <div data-name=\"qcm-drag-answers\" className={style.answers}>\n        <Choices answers={answers} />\n      </div>\n    </div>\n  );\n};\n\nQcmDrag.propTypes = {\n  answers: AnswersPropTypes,\n  help: SelectedAnswerSections.propTypes.help,\n  groupAriaLabel: PropTypes.string\n};\n\nQcmDrag.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default QcmDrag;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["AnswersPropTypes","PropTypes","arrayOf","shape","onClick","func","order","number","selected","bool","title","string","help","EmptyView","style","emptySpan","propTypes","Choices","answers","answersViews","map","answer","key","checkboxId","classnames","invisibleAnswer","unselected","innerHTML","hiddenCheckbox","choices","SelectedAnswerSections","backgroundColor","selectedAnswers","selectedAnswersViews","boxShadow","getShadowBoxColorFromPrimary","background","content","selectedAnswerText","__html","length","emptyAnswers","QcmDrag","groupAriaLabel","legacyContext","skin","GetSkinFromContext","primarySkinColor","wrapper","contextTypes","Provider","childContextTypes"],"sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, filter, orderBy, getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst AnswersPropTypes = PropTypes.arrayOf(\n  PropTypes.shape({\n    onClick: PropTypes.func,\n    order: PropTypes.number,\n    selected: PropTypes.bool,\n    title: PropTypes.string,\n    help: PropTypes.string\n  })\n);\n\nconst EmptyView = ({help}) => <span className={style.emptySpan}>{help}</span>;\n\nEmptyView.propTypes = {\n  help: PropTypes.string\n};\n\nconst Choices = ({answers}) => {\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected} = answer;\n    const checkboxId = `checkbox-drag-${key}`;\n    return (\n      <div\n        className={classnames(selected ? style.invisibleAnswer : style.unselected, style.innerHTML)}\n        data-name=\"answer\"\n        key={key}\n        onClick={onClick}\n      >\n        <label htmlFor={checkboxId}>\n          <input\n            id={checkboxId}\n            type=\"checkbox\"\n            value={title}\n            title={title}\n            aria-label={title}\n            checked={selected}\n            onChange={onClick}\n            className={style.hiddenCheckbox}\n          />\n          {title}\n        </label>\n      </div>\n    );\n  });\n\n  return <div className={style.choices}>{answersViews}</div>;\n};\n\nChoices.propTypes = {\n  answers: AnswersPropTypes\n};\n\nconst SelectedAnswerSections = ({answers, help, backgroundColor}) => {\n  const selectedAnswers = pipe(filter('selected'), orderBy('order', 'asc'))(answers);\n  const selectedAnswersViews = selectedAnswers.map((answer, key) => {\n    const {onClick, title} = answer;\n    return (\n      <div\n        data-selected=\"true\"\n        onClick={onClick}\n        key={key}\n        data-name=\"selectedAnswer\"\n        className={style.selected}\n        style={{\n          boxShadow: `0px 4px 16px ${getShadowBoxColorFromPrimary(backgroundColor)}`\n        }}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor\n          }}\n          className={style.background}\n        />\n        <div className={style.content}>\n          <span\n            data-name=\"answerContent\"\n            className={classnames(style.selectedAnswerText, style.innerHTML)}\n            title={title}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n        </div>\n      </div>\n    );\n  });\n\n  if (selectedAnswersViews.length > 0) {\n    return <div className={style.selectedAnswers}>{selectedAnswersViews}</div>;\n  } else {\n    return (\n      <div className={style.emptyAnswers}>\n        <EmptyView help={help} />\n      </div>\n    );\n  }\n};\n\nSelectedAnswerSections.propTypes = {\n  answers: AnswersPropTypes,\n  help: EmptyView.propTypes.help,\n  backgroundColor: PropTypes.string\n};\n\nconst QcmDrag = ({answers, help, groupAriaLabel}, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <SelectedAnswerSections answers={answers} help={help} backgroundColor={primarySkinColor} />\n      <div data-name=\"qcm-drag-answers\" className={style.answers}>\n        <Choices answers={answers} />\n      </div>\n    </div>\n  );\n};\n\nQcmDrag.propTypes = {\n  answers: AnswersPropTypes,\n  help: SelectedAnswerSections.propTypes.help,\n  groupAriaLabel: PropTypes.string\n};\n\nQcmDrag.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default QcmDrag;\n"],"mappings":"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"}

package/lib/molecule/questions/qcm-graphic/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
+
 var _getShadowBoxColorFromPrimary = require("../../../util/get-shadow-box-color-from-primary");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const QCMImage = (props, legacyContext) => {
   const {
     answers,
@@ -32,8 +43,7 @@ const QCMImage = (props, legacyContext) => {
       onClick: onClick,
       "data-selected": selected,
       "data-name": "answerGraphic",
-      style: {
-        ...(selected && {
+      style: { ...(selected && {
           boxShadow: `0 4px 16px ${(0, _getShadowBoxColorFromPrimary.getShadowBoxColorFromPrimary)(primarySkinColor)}`
         })
       },
@@ -83,6 +93,7 @@ const QCMImage = (props, legacyContext) => {
     title: groupAriaLabel
   }, answersViews);
 };
+
 QCMImage.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -96,5 +107,6 @@ QCMImage.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   groupAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = QCMImage;
+var _default = QCMImage;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/qcm-graphic/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_interopRequireWildcard","_getShadowBoxColorFromPrimary","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QCMImage","props","legacyContext","answers","groupAriaLabel","skin","GetSkinFromContext","primarySkinColor","_getOr2","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","createElement","style","boxShadow","getShadowBoxColorFromPrimary","className","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","classnames","innerHTML","htmlFor","id","type","value","checked","onChange","hiddenCheckbox","wrapper","role","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","bool","func","_default","exports"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  title={title}\n                  aria-label={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["QCMImage","props","legacyContext","answers","groupAriaLabel","skin","GetSkinFromContext","primarySkinColor","answersViews","map","answer","key","onClick","title","selected","image","ariaLabel","checkboxId","boxShadow","getShadowBoxColorFromPrimary","style","backgroundColor","background","content","imageWrapper","backgroundImage","titleWrapper","classnames","innerHTML","hiddenCheckbox","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","bool","func"],"sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport {getShadowBoxColorFromPrimary} from '../../../util/get-shadow-box-color-from-primary';\nimport style from './style.css';\n\nconst QCMImage = (props, legacyContext) => {\n  const {answers, groupAriaLabel} = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const answersViews = answers.map((answer, key) => {\n    const {onClick, title, selected, image, ariaLabel} = answer;\n    const checkboxId = `checkbox-graphic-${key}`;\n\n    return (\n      <div\n        onClick={onClick}\n        data-selected={selected}\n        data-name=\"answerGraphic\"\n        style={{\n          ...(selected && {\n            boxShadow: `0 4px 16px ${getShadowBoxColorFromPrimary(primarySkinColor)}`\n          })\n        }}\n        className={selected ? style.selected : style.answer}\n        key={key}\n      >\n        <div\n          data-name=\"answerBackground\"\n          style={{\n            backgroundColor: selected ? primarySkinColor : '#F4F4F5'\n          }}\n          className={style.background}\n        />\n        <div data-name=\"answerContent\" className={style.content}>\n          <div\n            className={style.imageWrapper}\n            data-name=\"answerImage\"\n            aria-label={ariaLabel || title}\n            title={ariaLabel || title}\n            style={{\n              backgroundImage: `url(${image})`\n            }}\n          />\n          <div data-name=\"answerText\" className={style.titleWrapper}>\n            <div title={title} className={classnames(style.title, style.innerHTML)}>\n              <label htmlFor={checkboxId}>\n                <input\n                  id={checkboxId}\n                  type=\"checkbox\"\n                  value={title}\n                  title={title}\n                  aria-label={title}\n                  checked={selected}\n                  onChange={onClick}\n                  className={style.hiddenCheckbox}\n                />\n                {title}\n              </label>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  });\n\n  return (\n    <div\n      data-name=\"qcm-graphic-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n      title={groupAriaLabel}\n    >\n      {answersViews}\n    </div>\n  );\n};\n\nQCMImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQCMImage.propTypes = {\n  answers: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      selected: PropTypes.bool,\n      onClick: PropTypes.func,\n      image: PropTypes.string,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QCMImage;\n"],"mappings":"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"}

package/lib/molecule/questions/question-range/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireWildcard(require("../../../atom/provider"));
+
 var _range = _interopRequireDefault(require("../../../atom/range"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const QuestionRange = (props, legacyContext) => {
   const {
     title,
@@ -32,8 +43,7 @@ const QuestionRange = (props, legacyContext) => {
     title: groupAriaLabel
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: titleStyle,
-    className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -41,30 +51,29 @@ const QuestionRange = (props, legacyContext) => {
   }), /*#__PURE__*/_react.default.createElement(_range.default, rangeProps), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.labelWrapper
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(_style.default.label, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.label, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: minLabel
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(_style.default.label, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.label, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: maxLabel
     }
   })));
 };
+
 QuestionRange.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? {
-  ..._range.default.propTypes,
+QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? { ..._range.default.propTypes,
   title: _propTypes.default.string,
   minLabel: _propTypes.default.string,
   maxLabel: _propTypes.default.string,
   groupAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = QuestionRange;
+var _default = QuestionRange;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/questions/question-range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_interopRequireWildcard","_range","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","GetSkinFromContext","defaultColor","_getOr2","titleStyle","color","createElement","className","style","wrapper","role","classnames","innerHTML","dangerouslySetInnerHTML","__html","labelWrapper","label","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","Range","PropTypes","string","_default","exports"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","GetSkinFromContext","defaultColor","titleStyle","color","style","wrapper","classnames","innerHTML","__html","labelWrapper","label","contextTypes","Provider","childContextTypes","propTypes","Range","PropTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel} title={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC9C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC,cAA5B;IAA4C,GAAGC;EAA/C,IAA6DN,KAAnE;EAEA,MAAMO,IAAI,GAAG,IAAAC,4BAAA,EAAmBP,aAAnB,CAAb;EACA,MAAMQ,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCF,IAAnC,CAArB;EAEA,MAAMG,UAAU,GAAG;IACjBC,KAAK,EAAEF;EADU,CAAnB;EAIA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYR,cAAxD;IAAwE,KAAK,EAAEA;EAA/E,gBACE;IACE,KAAK,EAAEK,UADT;IAEE,SAAS,EAAE,IAAAI,mBAAA,EAAWF,cAAA,CAAMV,KAAjB,EAAwBU,cAAA,CAAMG,SAA9B,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAT;EAJ3B,EADF,eAOE,6BAAC,cAAD,EAAWI,UAAX,CAPF,eAQE;IAAK,SAAS,EAAEM,cAAA,CAAMK;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAH,mBAAA,EAAWF,cAAA,CAAMM,KAAjB,EAAwBN,cAAA,CAAMG,SAA9B,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAE,IAAAW,mBAAA,EAAWF,cAAA,CAAMM,KAAjB,EAAwBN,cAAA,CAAMG,SAA9B,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEZ;IAAT;EAH3B,EANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACoB,YAAd,GAA6B;EAC3BZ,IAAI,EAAEa,iBAAA,CAASC,iBAAT,CAA2Bd;AADN,CAA7B;AAIAR,aAAa,CAACuB,SAAd,2CAA0B,EACxB,GAAGC,cAAA,CAAMD,SADe;EAExBpB,KAAK,EAAEsB,kBAAA,CAAUC,MAFO;EAGxBtB,QAAQ,EAAEqB,kBAAA,CAAUC,MAHI;EAIxBrB,QAAQ,EAAEoB,kBAAA,CAAUC,MAJI;EAKxBpB,cAAc,EAAEmB,kBAAA,CAAUC;AALF,CAA1B;eAQe1B,a"}