@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/molecule/questions/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,MAAM,IAAGC,qBAAqB,QAAO,sBAAsB;AAClE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAO;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,UAAU;IAAE,YAAY,EAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGN,KAAK;EAE7F,MAAMO,gBAAgB,GAAG,MAAK,UAAU,EAAEN,OAAO,CAAC;EAClD,MAAMO,YAAY,GAChB,CAACD,gBAAgB,IAAIA,gBAAgB,CAACE,WAAW,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU;EAEtF,MAAMN,KAAK,GAAGC,UAAU,IAAII,YAAY;EAExC,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACY,OAAQ;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYJ;EAAe,gBACrE,oBAAC,MAAM;IAAC,cAAYD,SAAU;IAAC,KAAK,EAAEF,KAAM;IAAC,OAAO,EAAEF,OAAQ;IAAC,QAAQ,EAAEC;EAAS,EAAG,CACjF;AAEV,CAAC;AAEDH,QAAQ,CAACY,SAAS,2CAAG;EACnBT,QAAQ,EAAEN,MAAM,CAACe,SAAS,CAACT,QAAQ;EACnCD,OAAO,EAAEN,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,KAAK,CAAChB,qBAAqB,CAAC,CAAC;EAClEM,KAAK,EAAEP,MAAM,CAACe,SAAS,CAACR,KAAK;EAC7B,YAAY,EAAER,SAAS,CAACmB,MAAM;EAC9BR,cAAc,EAAEX,SAAS,CAACmB;AAC5B,CAAC;AAED,eAAef,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","groupAriaLabel","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel, groupAriaLabel} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  theme: Select.propTypes.theme,\n  'aria-label': PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAV;IAAoBC,KAAK,EAAEC,UAA3B;IAAuC,cAAcC,SAArD;IAAgEC;EAAhE,IAAkFN,KAAxF;;EAEA,MAAMO,gBAAgB,GAAG,MAAK,UAAL,EAAiBN,OAAjB,CAAzB;;EACA,MAAMO,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;EAGA,MAAMN,KAAK,GAAGC,UAAU,IAAII,YAA5B;EAEA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACY,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYJ;EAAxD,gBACE,oBAAC,MAAD;IAAQ,cAAYD,SAApB;IAA+B,KAAK,EAAEF,KAAtC;IAA6C,OAAO,EAAEF,OAAtD;IAA+D,QAAQ,EAAEC;EAAzE,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACY,SAAT,2CAAqB;EACnBT,QAAQ,EAAEN,MAAM,CAACe,SAAP,CAAiBT,QADR;EAEnBD,OAAO,EAAEN,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACkB,KAAV,CAAgBhB,qBAAhB,CAAlB,CAFU;EAGnBM,KAAK,EAAEP,MAAM,CAACe,SAAP,CAAiBR,KAHL;EAInB,cAAcR,SAAS,CAACmB,MAJL;EAKnBR,cAAc,EAAEX,SAAS,CAACmB;AALP,CAArB;AAQA,eAAef,QAAf"}

package/es/molecule/questions/free-text/index.js

@@ -1,11 +1,14 @@
 import _getOr from "lodash/fp/getOr";
 import _noop from "lodash/fp/noop";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
 import Provider, { GetSkinFromContext } from '../../../atom/provider';
 import style from './style.css';
+
 const FreeText = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const {
@@ -16,7 +19,9 @@ const FreeText = (props, legacyContext) => {
   } = props;
   const [hovered, setHovered] = useState(false);
   const handleChange = useCallback(e => onChange(e.target.value), [onChange]);
+
   const primarySkinColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);
   const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);
   const shadowBoxPrimaryColor = useMemo(() => convert(`color(${primarySkinColor} a(12%))`), [primarySkinColor]);
@@ -46,6 +51,7 @@ const FreeText = (props, legacyContext) => {
     })
   }));
 };
+
 FreeText.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/questions/free-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","convert","Provider","GetSkinFromContext","style","FreeText","props","legacyContext","skin","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","wrapper","boxShadow","freeText","color","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,wBAAwB;AACnE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EACzC,MAAMC,IAAI,GAAGL,kBAAkB,CAACI,aAAa,CAAC;EAC9C,MAAM;IAACE,WAAW,GAAG,EAAE;IAAEC,KAAK,GAAG,EAAE;IAAEC,QAAQ,QAAO;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACtF,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMgB,YAAY,GAAGlB,WAAW,CAACmB,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACP,KAAK,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAC3E,MAAMO,gBAAgB,GAAG,OAAM,SAAS,EAAE,gBAAgB,EAAEV,IAAI,CAAC;EAEjE,MAAMW,eAAe,GAAGtB,WAAW,CAAC,MAAMiB,UAAU,CAAC,IAAI,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEzE,MAAMM,gBAAgB,GAAGvB,WAAW,CAAC,MAAMiB,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMO,qBAAqB,GAAGvB,OAAO,CACnC,MAAMG,OAAO,CAAE,SAAQiB,gBAAiB,UAAS,CAAC,EAClD,CAACA,gBAAgB,CAAC,CACnB;EAED,oBACE;IACE,aAAU,UAAU;IACpB,SAAS,EAAEd,KAAK,CAACkB,OAAQ;IACzB,WAAW,EAAEH,eAAgB;IAC7B,YAAY,EAAEC,gBAAiB;IAC/B,KAAK,eACCV,KAAK,IAAI;MACXa,SAAS,EAAEV,OAAO,GAAG,MAAM,GAAI,cAAaQ,qBAAsB;IACpE,CAAC;EACD,gBAEF;IACE,aAAU,iBAAiB;IAC3B,IAAI,EAAC,MAAM;IACX,cAAYT,SAAS,IAAIF,KAAK,IAAID,WAAY;IAC9C,SAAS,EAAEL,KAAK,CAACoB,QAAS;IAC1B,WAAW,EAAEf,WAAY;IACzB,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEK,YAAa;IACtB,QAAQ,OAAO;IACf,KAAK;MACHQ,SAAS,EAAG,cAAaF,qBAAsB;IAAC,GAC5CX,KAAK,IAAI;MACXa,SAAS,EAAG,cACVV,OAAO,GAAGZ,OAAO,CAAE,SAAQiB,gBAAiB,UAAS,CAAC,GAAGG,qBAC1D;IACH,CAAC;MACDI,KAAK,EAAEP;IAAgB;EACvB,EACF,CACE;AAEV,CAAC;AAEDb,QAAQ,CAACqB,YAAY,GAAG;EACtBlB,IAAI,EAAEN,QAAQ,CAACyB,iBAAiB,CAACnB;AACnC,CAAC;AAEDH,QAAQ,CAACuB,SAAS,2CAAG;EACnBnB,WAAW,EAAET,SAAS,CAAC6B,MAAM;EAC7BnB,KAAK,EAAEV,SAAS,CAAC6B,MAAM;EACvBlB,QAAQ,EAAEX,SAAS,CAAC8B,IAAI;EACxB,YAAY,EAAE9B,SAAS,CAAC6B;AAC1B,CAAC;AAED,eAAexB,QAAQ"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","convert","Provider","GetSkinFromContext","style","FreeText","props","legacyContext","skin","placeholder","value","onChange","ariaLabel","hovered","setHovered","handleChange","e","target","primarySkinColor","handleMouseOver","handleMouseLeave","shadowBoxPrimaryColor","wrapper","boxShadow","freeText","color","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/molecule/questions/free-text/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport style from './style.css';\n\nconst FreeText = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {placeholder = '', value = '', onChange = noop, 'aria-label': ariaLabel} = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleChange = useCallback(e => onChange(e.target.value), [onChange]);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const shadowBoxPrimaryColor = useMemo(\n    () => convert(`color(${primarySkinColor} a(12%))`),\n    [primarySkinColor]\n  );\n\n  return (\n    <div\n      data-name=\"freeText\"\n      className={style.wrapper}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...(value && {\n          boxShadow: hovered ? 'none' : `0 4px 16px ${shadowBoxPrimaryColor}`\n        })\n      }}\n    >\n      <input\n        data-name=\"free-text-input\"\n        type=\"text\"\n        aria-label={ariaLabel || value || placeholder}\n        className={style.freeText}\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onChange={noop}\n        style={{\n          boxShadow: `0 4px 16px ${shadowBoxPrimaryColor}`,\n          ...(value && {\n            boxShadow: `0 4px 16px ${\n              hovered ? convert(`color(${primarySkinColor} a(20%))`) : shadowBoxPrimaryColor\n            }`\n          }),\n          color: primarySkinColor\n        }}\n      />\n    </div>\n  );\n};\n\nFreeText.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nFreeText.propTypes = {\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string\n};\n\nexport default FreeText;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACzC,MAAMC,IAAI,GAAGL,kBAAkB,CAACI,aAAD,CAA/B;EACA,MAAM;IAACE,WAAW,GAAG,EAAf;IAAmBC,KAAK,GAAG,EAA3B;IAA+BC,QAAQ,QAAvC;IAAgD,cAAcC;EAA9D,IAA2EN,KAAjF;EACA,MAAM,CAACO,OAAD,EAAUC,UAAV,IAAwBf,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAMgB,YAAY,GAAGlB,WAAW,CAACmB,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,KAAV,CAAd,EAAgC,CAACC,QAAD,CAAhC,CAAhC;;EACA,MAAMO,gBAAgB,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCV,IAAnC,CAAzB;;EAEA,MAAMW,eAAe,GAAGtB,WAAW,CAAC,MAAMiB,UAAU,CAAC,IAAD,CAAjB,EAAyB,CAACA,UAAD,CAAzB,CAAnC;EAEA,MAAMM,gBAAgB,GAAGvB,WAAW,CAAC,MAAMiB,UAAU,CAAC,KAAD,CAAjB,EAA0B,CAACA,UAAD,CAA1B,CAApC;EAEA,MAAMO,qBAAqB,GAAGvB,OAAO,CACnC,MAAMG,OAAO,CAAE,SAAQiB,gBAAiB,UAA3B,CADsB,EAEnC,CAACA,gBAAD,CAFmC,CAArC;EAKA,oBACE;IACE,aAAU,UADZ;IAEE,SAAS,EAAEd,KAAK,CAACkB,OAFnB;IAGE,WAAW,EAAEH,eAHf;IAIE,YAAY,EAAEC,gBAJhB;IAKE,KAAK,eACCV,KAAK,IAAI;MACXa,SAAS,EAAEV,OAAO,GAAG,MAAH,GAAa,cAAaQ,qBAAsB;IADvD,CADV;EALP,gBAWE;IACE,aAAU,iBADZ;IAEE,IAAI,EAAC,MAFP;IAGE,cAAYT,SAAS,IAAIF,KAAb,IAAsBD,WAHpC;IAIE,SAAS,EAAEL,KAAK,CAACoB,QAJnB;IAKE,WAAW,EAAEf,WALf;IAME,KAAK,EAAEC,KANT;IAOE,OAAO,EAAEK,YAPX;IAQE,QAAQ,OARV;IASE,KAAK;MACHQ,SAAS,EAAG,cAAaF,qBAAsB;IAD5C,GAECX,KAAK,IAAI;MACXa,SAAS,EAAG,cACVV,OAAO,GAAGZ,OAAO,CAAE,SAAQiB,gBAAiB,UAA3B,CAAV,GAAkDG,qBAC1D;IAHU,CAFV;MAOHI,KAAK,EAAEP;IAPJ;EATP,EAXF,CADF;AAiCD,CAlDD;;AAoDAb,QAAQ,CAACqB,YAAT,GAAwB;EACtBlB,IAAI,EAAEN,QAAQ,CAACyB,iBAAT,CAA2BnB;AADX,CAAxB;AAIAH,QAAQ,CAACuB,SAAT,2CAAqB;EACnBnB,WAAW,EAAET,SAAS,CAAC6B,MADJ;EAEnBnB,KAAK,EAAEV,SAAS,CAAC6B,MAFE;EAGnBlB,QAAQ,EAAEX,SAAS,CAAC8B,IAHD;EAInB,cAAc9B,SAAS,CAAC6B;AAJL,CAArB;AAOA,eAAexB,QAAf"}

package/es/molecule/questions/free-text/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Analytics } from '../../../variables/analytics';
-type QuestionType = 'basic' | 'template';
+declare type QuestionType = 'basic' | 'template';
 interface Props {
     fullWidth?: boolean;
     testID: string;

package/es/molecule/questions/free-text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,KAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/molecule/questions/free-text/index.native.js

@@ -1,9 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import { View, StyleSheet, TextInput } from 'react-native';
 import React, { useState, useEffect, useCallback } from 'react';
 import { useTemplateContext } from '../../../template/app-review/template-context';
 import { ANALYTICS_EVENT_TYPE } from '../../../variables/analytics';
 import { BOX_STYLE } from '../../../variables/shadow';
+
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
   input: _extends({
@@ -30,12 +32,14 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     width: '100%'
   }
 });
+
 const logEvent = (eventName, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: `question-input-text`,
     questionType
   });
 };
+
 const FreeText = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -44,9 +48,7 @@ const FreeText = props => {
     theme,
     translations
   } = templateContext;
-  const PLACEHOLDER_COLOR = theme.colors.gray.medium;
-
-  // ------------------------------------
+  const PLACEHOLDER_COLOR = theme.colors.gray.medium; // ------------------------------------
 
   const {
     analytics,
@@ -56,25 +58,21 @@ const FreeText = props => {
     onChange,
     isDisabled = false,
     value
-  } = props;
-
-  // ------------------------------------
+  } = props; // ------------------------------------
 
   const handleFocus = useCallback(() => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType), [analytics, questionType]);
-  const handleBlur = useCallback(() => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType), [analytics, questionType]);
-
-  // ------------------------------------
+  const handleBlur = useCallback(() => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType), [analytics, questionType]); // ------------------------------------
 
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-    setStylesheet(_stylesheet);
-  }, [brandTheme, theme]);
 
-  // ------------------------------------
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]); // ------------------------------------
 
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.spaced, fullWidth && styleSheet.fullWitdh]
   }, /*#__PURE__*/React.createElement(TextInput, {
@@ -90,5 +88,6 @@ const FreeText = props => {
     selectTextOnFocus: !isDisabled
   }));
 };
+
 export default FreeText;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["View","StyleSheet","TextInput","React","useState","useEffect","useCallback","useTemplateContext","ANALYTICS_EVENT_TYPE","BOX_STYLE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","typeHere"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["View","StyleSheet","TextInput","React","useState","useEffect","useCallback","useTemplateContext","ANALYTICS_EVENT_TYPE","BOX_STYLE","createStyleSheet","brandTheme","theme","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","styleSheet","setStylesheet","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","INPUT_FOCUS","handleBlur","INPUT_BLUR","_stylesheet","typeHere"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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"}

package/es/molecule/questions/mobile/draggable/index.native.js

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import QuestionChoice from '../../../../atom/choice/index.native';
 import { useTemplateContext } from '../../../../template/app-review/template-context';
+
 const createSelectionStyle = theme => StyleSheet.create({
   choice: {
     margin: theme.spacing.micro
@@ -14,6 +15,7 @@ const createSelectionStyle = theme => StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
+
 const Selection = props => {
   const templateContext = useTemplateContext();
   const {
@@ -25,11 +27,14 @@ const Selection = props => {
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createSelectionStyle(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     choices
   } = props;
@@ -46,6 +51,7 @@ const Selection = props => {
     style: styleSheet.selectionArea
   }, mappedSortedChoices);
 };
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     flex: 1
@@ -67,6 +73,7 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 2
   }
 });
+
 const QuestionDraggable = props => {
   const templateContext = useTemplateContext();
   const {
@@ -75,11 +82,14 @@ const QuestionDraggable = props => {
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     choices,
     onPress,
@@ -106,5 +116,6 @@ const QuestionDraggable = props => {
     style: styleSheet.pickableChoices
   }, pickableChoices));
 };
+
 export default QuestionDraggable;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/questions/mobile/draggable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","_id","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","testID","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","_id","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","testID","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n  choices: Array<SelectableChoice>;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n  choice: ViewStyle;\n  selectionArea: ViewStyle;\n  text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n  StyleSheet.create({\n    choice: {\n      margin: theme.spacing.micro\n    },\n    selectionArea: {\n      flexWrap: 'wrap',\n      flexDirection: 'row'\n    },\n    text: {\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst Selection = (props: DropZoneProps) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n  const {onPress} = props;\n\n  const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createSelectionStyle(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices} = props;\n  const mappedSortedChoices = choices.map(item => (\n    <QuestionChoice\n      style={styleSheet.choice}\n      key={item._id}\n      squeezed\n      isSelected\n      testID={`choice-${item._id}`}\n      onPress={onPress(item)}\n      questionType=\"qcmDrag\"\n    >\n      {item.label}\n    </QuestionChoice>\n  ));\n\n  return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n  choices: Array<SelectableChoice>;\n  testID?: string;\n  onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n  container: ViewStyle;\n  pickableChoices: ViewStyle;\n  choice: ViewStyle;\n  line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n  StyleSheet.create({\n    container: {\n      flex: 1\n    },\n    pickableChoices: {\n      flexDirection: 'row',\n      flexWrap: 'wrap'\n    },\n    choice: {\n      margin: theme.spacing.micro\n    },\n    line: {\n      borderWidth: 1,\n      borderColor: '#E1E1E3',\n      borderRadius: 17,\n      marginHorizontal: 4,\n      marginBottom: 24,\n      marginTop: 16,\n      height: 2\n    }\n  });\n\nconst QuestionDraggable = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {choices, onPress, testID} = props;\n  const selectedChoices = choices.filter(item => item.selected);\n\n  const pickableChoices = choices\n    .filter(item => !item.selected)\n    .map((item: SelectableChoice) => (\n      <QuestionChoice\n        style={styleSheet.choice}\n        key={item._id}\n        squeezed\n        testID={`choice-${item._id}-unselected`}\n        onPress={onPress(item)}\n        questionType=\"qcmDrag\"\n      >\n        {item.label}\n      </QuestionChoice>\n    ));\n\n  return (\n    <View testID={testID} style={styleSheet.container}>\n      <Selection choices={selectedChoices} onPress={onPress} />\n      <View style={styleSheet.line} />\n      <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n    </View>\n  );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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"}

package/es/molecule/questions/mobile/slider/index.native.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
-export type OnSlidingCompleteFunction = (value: number) => void;
-export type Props = {
+export declare type OnSlidingCompleteFunction = (value: number) => void;
+export declare type Props = {
     min: number;
     max: number;
     value?: number;

package/es/molecule/questions/mobile/slider/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AASpE,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AASpE,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEhE,oBAAY,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA2DF,QAAA,MAAM,cAAc,UAAW,KAAK,uBA4DnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/molecule/questions/mobile/slider/index.native.js

@@ -1,10 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useState, useEffect, useCallback } from 'react';
 import { View, StyleSheet } from 'react-native';
 import Slider from '@coorpacademy/react-native-slider';
 import Text from '../../../../atom/text/index.native';
 import { useTemplateContext } from '../../../../template/app-review/template-context';
 import { BOX_STYLE } from '../../../../variables/shadow';
+
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   container: {
     flex: 1,
@@ -48,6 +50,7 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     borderColor: 'white'
   })
 });
+
 const QuestionSlider = props => {
   const {
     step,
@@ -71,11 +74,14 @@ const QuestionSlider = props => {
   }, [onSlidingComplete, value]);
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: [styleSheet.container, style],
     testID: testID
@@ -110,5 +116,6 @@ const QuestionSlider = props => {
     testID: "slider-max-value"
   }, `${max} ${unit}`))));
 };
+
 export default QuestionSlider;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/questions/mobile/slider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","BOX_STYLE","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","track","height","borderRadius","radius","button","thumb","width","borderWidth","backgroundColor","primary","borderColor","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","styleSheet","setStylesheet","setValue","handleSlidingComplete","_stylesheet"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@coorpacademy/react-native-slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {BOX_STYLE} from '../../../../variables/shadow';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  track: ViewStyle;\n  thumb: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    track: {\n      height: 10,\n      borderRadius: theme.radius.button\n    },\n    thumb: {\n      ...BOX_STYLE,\n      width: 30,\n      height: 30,\n      borderRadius: 30 / 2,\n      borderWidth: 5,\n      backgroundColor: brandTheme?.colors?.primary,\n      borderColor: 'white'\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [value, setValue] = useState<number>(storeValue);\n\n  const handleSlidingComplete = useCallback(() => {\n    onSlidingComplete(value);\n  }, [onSlidingComplete, value]);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={[styleSheet.header, {color: brandTheme?.colors?.primary}]} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        trackStyle={styleSheet.track}\n        thumbStyle={[styleSheet.thumb]}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","Slider","Text","useTemplateContext","BOX_STYLE","createStyleSheet","brandTheme","theme","create","container","flex","paddingHorizontal","flexDirection","justifyContent","header","fontSize","fontWeight","bold","textAlign","textValue","color","colors","black","valuesContainer","leftValue","alignItems","rightValue","track","height","borderRadius","radius","button","thumb","width","borderWidth","backgroundColor","primary","borderColor","QuestionSlider","props","step","style","min","max","unit","value","storeValue","onSlidingComplete","testID","templateContext","styleSheet","setStylesheet","setValue","handleSlidingComplete","_stylesheet"],"sources":["../../../../../src/molecule/questions/mobile/slider/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport Slider from '@coorpacademy/react-native-slider';\n\nimport {Theme} from '../../../../variables/theme.native';\nimport Text from '../../../../atom/text/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {BOX_STYLE} from '../../../../variables/shadow';\nimport {Brand} from '../../../../variables/brand.native';\n\nexport type OnSlidingCompleteFunction = (value: number) => void;\n\nexport type Props = {\n  min: number;\n  max: number;\n  value?: number;\n  unit?: string;\n  onSlidingComplete: OnSlidingCompleteFunction;\n  style?: ViewStyle;\n  step?: number;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: TextStyle;\n  textValue: TextStyle;\n  valuesContainer: ViewStyle;\n  leftValue: ViewStyle;\n  rightValue: ViewStyle;\n  track: ViewStyle;\n  thumb: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    header: {\n      fontSize: 25,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    textValue: {\n      fontSize: 15,\n      color: theme.colors.black,\n      fontWeight: theme.fontWeight.bold,\n      textAlign: 'center'\n    },\n    valuesContainer: {\n      flexDirection: 'row',\n      justifyContent: 'space-around'\n    },\n    leftValue: {\n      flex: 1,\n      alignItems: 'flex-start'\n    },\n    rightValue: {\n      flex: 1,\n      alignItems: 'flex-end'\n    },\n    track: {\n      height: 10,\n      borderRadius: theme.radius.button\n    },\n    thumb: {\n      ...BOX_STYLE,\n      width: 30,\n      height: 30,\n      borderRadius: 30 / 2,\n      borderWidth: 5,\n      backgroundColor: brandTheme?.colors?.primary,\n      borderColor: 'white'\n    }\n  });\n\nconst QuestionSlider = (props: Props) => {\n  const {\n    step,\n    style,\n    min,\n    max,\n    unit = '',\n    value: storeValue = 0,\n    onSlidingComplete,\n    testID\n  } = props;\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [value, setValue] = useState<number>(storeValue);\n\n  const handleSlidingComplete = useCallback(() => {\n    onSlidingComplete(value);\n  }, [onSlidingComplete, value]);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.container, style]} testID={testID}>\n      <Text style={[styleSheet.header, {color: brandTheme?.colors?.primary}]} testID=\"slider-value\">\n        {value}\n      </Text>\n      <Slider\n        step={step || 1}\n        value={value}\n        onValueChange={setValue}\n        maximumValue={max}\n        minimumValue={min}\n        onSlidingComplete={handleSlidingComplete}\n        minimumTrackTintColor={brandTheme?.colors?.primary}\n        trackStyle={styleSheet.track}\n        thumbStyle={[styleSheet.thumb]}\n        testID=\"slider\"\n      />\n      <View style={styleSheet.valuesContainer} testID=\"slider-values-container\">\n        <View style={styleSheet.leftValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-min-value\">\n            {`${min} ${unit}`}\n          </Text>\n        </View>\n        <View style={styleSheet.rightValue}>\n          <Text style={styleSheet.textValue} testID=\"slider-max-value\">\n            {`${max} ${unit}`}\n          </Text>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nexport default QuestionSlider;\n"],"mappings":"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"}

package/es/molecule/questions/mobile/switch/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { QuestionType, Choice } from '../../types';
-export type Props = {
+export declare type Props = {
     type: QuestionType;
     isDisabled?: boolean;
     template?: string;

package/es/molecule/questions/mobile/switch/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,gBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/switch/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACV,YAAY,EACZ,MAAM,EAIP,MAAM,aAAa,CAAC;AAErB,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAqBF,QAAA,MAAM,MAAM,UAAW,KAAK,gBAoK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/molecule/questions/mobile/switch/index.native.js

@@ -19,6 +19,7 @@ const styleSheet = StyleSheet.create({
     paddingVertical: 5
   }
 });
+
 const Switch = props => {
   const templateContext = useTemplateContext();
   const {
@@ -68,10 +69,12 @@ const Switch = props => {
       id: 'slider',
       questionType: 'slider'
     });
+
     if (onSliderChange) {
       onSliderChange(_value);
     }
   }, [analytics, onSliderChange]);
+
   switch (type) {
     case 'qcm':
       return /*#__PURE__*/React.createElement(View, {
@@ -85,6 +88,7 @@ const Switch = props => {
         style: styleSheet.choice,
         questionType: type
       }, choice.label)));
+
     case 'qcmGraphic':
       return /*#__PURE__*/React.createElement(View, {
         testID: "question-choices"
@@ -98,11 +102,13 @@ const Switch = props => {
         style: styleSheet.choice,
         questionType: type
       }, choice.label)));
+
     case 'slider':
       {
         if (min === undefined || max === undefined) {
           return /*#__PURE__*/React.createElement(View, null);
         }
+
         return /*#__PURE__*/React.createElement(QuestionSlider, {
           min: min,
           max: max,
@@ -113,12 +119,14 @@ const Switch = props => {
           testID: "question-slider"
         });
       }
+
     case 'template':
       if (handleBlur === undefined || handleFocus === undefined || focusedSelectId === undefined) {
         // eslint-disable-next-line no-console
         console.warn('type template must implement handleFocus etc within Context.store');
         return /*#__PURE__*/React.createElement(View, null);
       }
+
       return /*#__PURE__*/React.createElement(View, {
         testID: "question-choices"
       }, /*#__PURE__*/React.createElement(QuestionTemplate, {
@@ -130,6 +138,7 @@ const Switch = props => {
         handleFocus: handleFocus,
         focusedSelectId: focusedSelectId
       }));
+
     case 'qcmDrag':
       return /*#__PURE__*/React.createElement(View, {
         testID: "question-draggable"
@@ -137,10 +146,12 @@ const Switch = props => {
         choices: choices,
         onPress: handleChoicePress
       }));
+
     case 'basic':
       if (!onInputValueChange) {
         return /*#__PURE__*/React.createElement(View, null);
       }
+
       return /*#__PURE__*/React.createElement(FreeText, {
         fullWidth: true,
         onChange: onInputValueChange,
@@ -148,9 +159,11 @@ const Switch = props => {
         questionType: "basic",
         isDisabled: isDisabled
       });
+
     default:
       return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, "Unhandled type: ", type));
   }
 };
+
 export default Switch;
 //# sourceMappingURL=index.native.js.map