@coorpacademy/components 10.11.0 → 10.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/es/{molecule → atom}/checkbox-with-title/index.js +0 -0
  2. package/es/atom/checkbox-with-title/index.js.map +1 -0
  3. package/es/{molecule → atom}/checkbox-with-title/style.css +0 -0
  4. package/es/{molecule → atom}/checkbox-with-title/test/fixtures/checked.js +0 -0
  5. package/es/atom/checkbox-with-title/test/fixtures/checked.js.map +1 -0
  6. package/es/{molecule → atom}/checkbox-with-title/test/fixtures/unchecked.js +0 -0
  7. package/es/atom/checkbox-with-title/test/fixtures/unchecked.js.map +1 -0
  8. package/es/atom/input-text/index.js +9 -3
  9. package/es/atom/input-text/index.js.map +1 -1
  10. package/es/atom/review-header-step-item/index.js +55 -0
  11. package/es/atom/review-header-step-item/index.js.map +1 -0
  12. package/es/atom/review-header-step-item/style.css +71 -0
  13. package/es/atom/review-header-step-item/test/fixtures/current.js +8 -0
  14. package/es/atom/review-header-step-item/test/fixtures/current.js.map +1 -0
  15. package/es/atom/review-header-step-item/test/fixtures/default.js +8 -0
  16. package/es/atom/review-header-step-item/test/fixtures/default.js.map +1 -0
  17. package/es/atom/review-header-step-item/test/fixtures/right.js +8 -0
  18. package/es/atom/review-header-step-item/test/fixtures/right.js.map +1 -0
  19. package/es/atom/review-header-step-item/test/fixtures/wrong.js +8 -0
  20. package/es/atom/review-header-step-item/test/fixtures/wrong.js.map +1 -0
  21. package/es/atom/review-header-step-item/test/fixtures.js +19 -0
  22. package/es/atom/review-header-step-item/test/fixtures.js.map +1 -0
  23. package/es/atom/select/style.css +1 -0
  24. package/es/molecule/checkbox-with-title/test/fixtures.js +15 -0
  25. package/es/molecule/checkbox-with-title/test/fixtures.js.map +1 -0
  26. package/es/molecule/dashboard/review-banner/style.css +0 -3
  27. package/es/molecule/input-text-with-titeled-checkbox/index.js +63 -0
  28. package/es/molecule/input-text-with-titeled-checkbox/index.js.map +1 -0
  29. package/es/molecule/input-text-with-titeled-checkbox/style.css +3 -0
  30. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures/checked.js +16 -0
  31. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures/checked.js.map +1 -0
  32. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures/unchecked.js +18 -0
  33. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures/unchecked.js.map +1 -0
  34. package/es/molecule/review-correction-popin/style.css +4 -0
  35. package/es/molecule/review-header-steps/index.js +26 -0
  36. package/es/molecule/review-header-steps/index.js.map +1 -0
  37. package/es/molecule/review-header-steps/style.css +6 -0
  38. package/es/molecule/review-header-steps/test/fixtures/all-questions-ok.js +26 -0
  39. package/es/molecule/review-header-steps/test/fixtures/all-questions-ok.js.map +1 -0
  40. package/es/molecule/review-header-steps/test/fixtures/current-question-no-aswered.js +26 -0
  41. package/es/molecule/review-header-steps/test/fixtures/current-question-no-aswered.js.map +1 -0
  42. package/es/molecule/review-header-steps/test/fixtures/current-question-wrong.js +26 -0
  43. package/es/molecule/review-header-steps/test/fixtures/current-question-wrong.js.map +1 -0
  44. package/es/molecule/review-header-steps/test/fixtures/first-question-current-right.js +26 -0
  45. package/es/molecule/review-header-steps/test/fixtures/first-question-current-right.js.map +1 -0
  46. package/es/molecule/review-header-steps/test/fixtures/no-answered-question.js +26 -0
  47. package/es/molecule/review-header-steps/test/fixtures/no-answered-question.js.map +1 -0
  48. package/es/molecule/review-header-steps/test/fixtures/question-to-repeat.js +26 -0
  49. package/es/molecule/review-header-steps/test/fixtures/question-to-repeat.js.map +1 -0
  50. package/es/molecule/review-header-steps/test/fixtures.js +23 -0
  51. package/es/molecule/review-header-steps/test/fixtures.js.map +1 -0
  52. package/es/molecule/setup-slide/index.js +3 -1
  53. package/es/molecule/setup-slide/index.js.map +1 -1
  54. package/es/organism/brand-form/test/fixtures/lms.js +17 -0
  55. package/es/organism/brand-form/test/fixtures/lms.js.map +1 -1
  56. package/lib/{molecule → atom}/checkbox-with-title/index.js +0 -0
  57. package/lib/atom/checkbox-with-title/index.js.map +1 -0
  58. package/lib/{molecule → atom}/checkbox-with-title/style.css +0 -0
  59. package/lib/{molecule → atom}/checkbox-with-title/test/fixtures/checked.js +0 -0
  60. package/lib/atom/checkbox-with-title/test/fixtures/checked.js.map +1 -0
  61. package/lib/{molecule → atom}/checkbox-with-title/test/fixtures/unchecked.js +0 -0
  62. package/lib/atom/checkbox-with-title/test/fixtures/unchecked.js.map +1 -0
  63. package/lib/atom/input-text/index.js +9 -3
  64. package/lib/atom/input-text/index.js.map +1 -1
  65. package/lib/atom/review-header-step-item/index.js +67 -0
  66. package/lib/atom/review-header-step-item/index.js.map +1 -0
  67. package/lib/atom/review-header-step-item/style.css +71 -0
  68. package/lib/atom/review-header-step-item/test/fixtures/current.js +13 -0
  69. package/lib/atom/review-header-step-item/test/fixtures/current.js.map +1 -0
  70. package/lib/atom/review-header-step-item/test/fixtures/default.js +13 -0
  71. package/lib/atom/review-header-step-item/test/fixtures/default.js.map +1 -0
  72. package/lib/atom/review-header-step-item/test/fixtures/right.js +13 -0
  73. package/lib/atom/review-header-step-item/test/fixtures/right.js.map +1 -0
  74. package/lib/atom/review-header-step-item/test/fixtures/wrong.js +13 -0
  75. package/lib/atom/review-header-step-item/test/fixtures/wrong.js.map +1 -0
  76. package/lib/atom/review-header-step-item/test/fixtures.js +31 -0
  77. package/lib/atom/review-header-step-item/test/fixtures.js.map +1 -0
  78. package/lib/atom/select/style.css +1 -0
  79. package/lib/molecule/checkbox-with-title/test/fixtures.js +25 -0
  80. package/lib/molecule/checkbox-with-title/test/fixtures.js.map +1 -0
  81. package/lib/molecule/dashboard/review-banner/style.css +0 -3
  82. package/lib/molecule/input-text-with-titeled-checkbox/index.js +75 -0
  83. package/lib/molecule/input-text-with-titeled-checkbox/index.js.map +1 -0
  84. package/lib/molecule/input-text-with-titeled-checkbox/style.css +3 -0
  85. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures/checked.js +21 -0
  86. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures/checked.js.map +1 -0
  87. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures/unchecked.js +23 -0
  88. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures/unchecked.js.map +1 -0
  89. package/lib/molecule/review-correction-popin/style.css +4 -0
  90. package/lib/molecule/review-header-steps/index.js +38 -0
  91. package/lib/molecule/review-header-steps/index.js.map +1 -0
  92. package/lib/molecule/review-header-steps/style.css +6 -0
  93. package/lib/molecule/review-header-steps/test/fixtures/all-questions-ok.js +31 -0
  94. package/lib/molecule/review-header-steps/test/fixtures/all-questions-ok.js.map +1 -0
  95. package/lib/molecule/review-header-steps/test/fixtures/current-question-no-aswered.js +31 -0
  96. package/lib/molecule/review-header-steps/test/fixtures/current-question-no-aswered.js.map +1 -0
  97. package/lib/molecule/review-header-steps/test/fixtures/current-question-wrong.js +31 -0
  98. package/lib/molecule/review-header-steps/test/fixtures/current-question-wrong.js.map +1 -0
  99. package/lib/molecule/review-header-steps/test/fixtures/first-question-current-right.js +31 -0
  100. package/lib/molecule/review-header-steps/test/fixtures/first-question-current-right.js.map +1 -0
  101. package/lib/molecule/review-header-steps/test/fixtures/no-answered-question.js +31 -0
  102. package/lib/molecule/review-header-steps/test/fixtures/no-answered-question.js.map +1 -0
  103. package/lib/molecule/review-header-steps/test/fixtures/question-to-repeat.js +31 -0
  104. package/lib/molecule/review-header-steps/test/fixtures/question-to-repeat.js.map +1 -0
  105. package/lib/molecule/review-header-steps/test/fixtures.js +37 -0
  106. package/lib/molecule/review-header-steps/test/fixtures.js.map +1 -0
  107. package/lib/molecule/setup-slide/index.js +3 -1
  108. package/lib/molecule/setup-slide/index.js.map +1 -1
  109. package/lib/organism/brand-form/test/fixtures/lms.js +17 -0
  110. package/lib/organism/brand-form/test/fixtures/lms.js.map +1 -1
  111. package/package.json +2 -2
  112. package/es/molecule/checkbox-with-title/index.js.map +0 -1
  113. package/es/molecule/checkbox-with-title/test/fixtures/checked.js.map +0 -1
  114. package/es/molecule/checkbox-with-title/test/fixtures/unchecked.js.map +0 -1
  115. package/lib/molecule/checkbox-with-title/index.js.map +0 -1
  116. package/lib/molecule/checkbox-with-title/test/fixtures/checked.js.map +0 -1
  117. package/lib/molecule/checkbox-with-title/test/fixtures/unchecked.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/checkbox-with-title/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusValidate","CheckIcon","style","CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","e","target","container","checkbox","label","icon","propTypes","string","bool","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAAQ,QAJJ;AAKJ,iBAAaC,QALT;AAMJ,kBAAcC;AANV,MAOFN,KAPJ;;AASA,QAAMO,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMC,YAAY,GAAGd,OAAO,CAAC,MAAMe,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AAEA,sBACE;AAAO,IAAA,SAAS,EAAEN,KAAK,CAACa,SAAxB;AAAmC,IAAA,OAAO,EAAEJ;AAA5C,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEA,UAFN;AAGE,IAAA,IAAI,EAAEL,IAHR;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,SAAS,EAAEL,KAAK,CAACc,QANnB;AAOE,iBAAWP,QAPb;AAQE,kBAAYC;AARd,IADF,eAWE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACe;AAAtB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAA5B,IADF,CAXF,eAcE;AAAM,IAAA,SAAS,EAAEhB,KAAK,CAACG;AAAvB,KAA+BA,KAA/B,CAdF,CADF;AAkBD,CA/BD;;AAiCAF,iBAAiB,CAACgB,SAAlB,2CAA8B;AAC5Bd,EAAAA,KAAK,EAAEN,SAAS,CAACqB,MADW;AAE5Bd,EAAAA,IAAI,EAAEP,SAAS,CAACqB,MAFY;AAG5Bb,EAAAA,OAAO,EAAER,SAAS,CAACsB,IAHS;AAI5Bb,EAAAA,QAAQ,EAAET,SAAS,CAACuB,IAJQ;AAK5B,gBAAcvB,SAAS,CAACqB,MALI;AAM5B,eAAarB,SAAS,CAACqB;AANK,CAA9B;AAQA,eAAejB,iBAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n const {\n title,\n name,\n checked,\n onChange = noop,\n 'data-name': dataName,\n 'aria-label': ariaLabel\n } = props;\n\n const idCheckbox = uniqueId('input-checkbox-');\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n return (\n <label className={style.container} htmlFor={idCheckbox}>\n <input\n type=\"checkbox\"\n id={idCheckbox}\n name={name}\n onChange={handleChange}\n checked={checked}\n className={style.checkbox}\n data-name={dataName}\n aria-label={ariaLabel}\n />\n <div className={style.label}>\n <CheckIcon className={style.icon} />\n </div>\n <span className={style.title}>{title}</span>\n </label>\n );\n};\n\nCheckboxWithTitle.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"file":"index.js"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/checkbox-with-title/test/fixtures/checked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Add stars',\n checked: true,\n onChange: value => console.log(value)\n }\n};\n"],"file":"checked.js"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/checkbox-with-title/test/fixtures/unchecked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Create badge',\n checked: false,\n onChange: value => console.log(value)\n }\n};\n"],"file":"unchecked.js"}
@@ -29,7 +29,9 @@ const InputText = props => {
29
29
  description,
30
30
  disabled,
31
31
  modified = false,
32
- title: propsTitle
32
+ title: propsTitle,
33
+ 'data-name': dataName = 'input-text',
34
+ 'aria-label': ariaLabel = 'Input Text'
33
35
  } = props;
34
36
  const isCMTheme = theme === 'coorpmanager';
35
37
  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
@@ -73,7 +75,9 @@ const InputText = props => {
73
75
  value: value,
74
76
  onInput: handleChange,
75
77
  disabled: disabled,
76
- onChange: _noop
78
+ onChange: _noop,
79
+ "data-name": dataName,
80
+ "aria-label": ariaLabel
77
81
  }), errorIconView, validIconView, hintView), descriptionView);
78
82
  };
79
83
 
@@ -90,7 +94,9 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
90
94
  onChange: PropTypes.func,
91
95
  description: PropTypes.string,
92
96
  modified: PropTypes.bool,
93
- valid: PropTypes.bool
97
+ valid: PropTypes.bool,
98
+ 'aria-label': PropTypes.string,
99
+ 'data-name': PropTypes.string
94
100
  } : {};
95
101
  export default InputText;
96
102
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n modified = false,\n title: propsTitle\n } = props;\n\n const isCMTheme = theme === 'coorpmanager';\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={propsTitle}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n modified = false,\n title: propsTitle,\n 'data-name': dataName = 'input-text',\n 'aria-label': ariaLabel = 'Input Text'\n } = props;\n\n const isCMTheme = theme === 'coorpmanager';\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={propsTitle}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n data-name={dataName}\n aria-label={ariaLabel}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputText;\n"],"file":"index.js"}
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import PropTypes from 'prop-types';
4
+ import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
5
+ import style from './style.css';
6
+
7
+ const Content = ({
8
+ icon,
9
+ current,
10
+ value
11
+ }) => {
12
+ if (!icon) {
13
+ return /*#__PURE__*/React.createElement("span", {
14
+ className: style.value,
15
+ "aria-label": `step ${value}`
16
+ }, value);
17
+ }
18
+
19
+ if (icon === 'right') {
20
+ return /*#__PURE__*/React.createElement("span", {
21
+ className: style.value,
22
+ "aria-label": `step ${value}`
23
+ }, /*#__PURE__*/React.createElement(RightIcon, {
24
+ className: current ? style.currentRightIcon : style.rightIcon
25
+ }));
26
+ }
27
+
28
+ if (icon === 'wrong') {
29
+ return /*#__PURE__*/React.createElement("span", {
30
+ className: style.value,
31
+ "aria-label": `step ${value}`
32
+ }, /*#__PURE__*/React.createElement(WrongIcon, {
33
+ className: current ? style.currentWrongIcon : style.wrongIcon
34
+ }));
35
+ }
36
+ };
37
+
38
+ const ReviewHeaderStepItem = props => {
39
+ const {
40
+ icon,
41
+ current
42
+ } = props;
43
+ return /*#__PURE__*/React.createElement("div", {
44
+ className: classnames(icon === 'right' ? style.right : null, icon === 'wrong' ? style.wrong : null, current ? style.current : style.default),
45
+ "data-name": "header-step-item"
46
+ }, /*#__PURE__*/React.createElement(Content, props));
47
+ };
48
+
49
+ ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? {
50
+ icon: PropTypes.string,
51
+ current: PropTypes.bool,
52
+ value: PropTypes.string
53
+ } : {};
54
+ export default ReviewHeaderStepItem;
55
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["React","classnames","PropTypes","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","style","Content","icon","current","value","currentRightIcon","rightIcon","currentWrongIcon","wrongIcon","ReviewHeaderStepItem","props","right","wrong","default","propTypes","string","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAI,CAACF,IAAL,EAAW;AACT,wBACE;AAAM,MAAA,SAAS,EAAEF,KAAK,CAACI,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEF,KAAK,CAACI,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGH,KAAK,CAACK,gBAAT,GAA4BL,KAAK,CAACM;AAA/D,MADF,CADF;AAKD;;AAED,MAAIJ,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEF,KAAK,CAACI,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGH,KAAK,CAACO,gBAAT,GAA4BP,KAAK,CAACQ;AAA/D,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACR,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBO,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAEhB,UAAU,CACnBQ,IAAI,KAAK,OAAT,GAAmBF,KAAK,CAACW,KAAzB,GAAiC,IADd,EAEnBT,IAAI,KAAK,OAAT,GAAmBF,KAAK,CAACY,KAAzB,GAAiC,IAFd,EAGnBT,OAAO,GAAGH,KAAK,CAACG,OAAT,GAAmBH,KAAK,CAACa,OAHb,CADvB;AAME,iBAAU;AANZ,kBAQE,oBAAC,OAAD,EAAaH,KAAb,CARF,CADF;AAYD,CAdD;;AAgBAD,oBAAoB,CAACK,SAArB,2CAAiC;AAC/BZ,EAAAA,IAAI,EAAEP,SAAS,CAACoB,MADe;AAE/BZ,EAAAA,OAAO,EAAER,SAAS,CAACqB,IAFY;AAG/BZ,EAAAA,KAAK,EAAET,SAAS,CAACoB;AAHc,CAAjC;AAMA,eAAeN,oBAAf","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Content = ({icon, current, value}) => {\n if (!icon) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n {value}\n </span>\n );\n }\n\n if (icon === 'right') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <RightIcon className={current ? style.currentRightIcon : style.rightIcon} />\n </span>\n );\n }\n\n if (icon === 'wrong') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <WrongIcon className={current ? style.currentWrongIcon : style.wrongIcon} />\n </span>\n );\n }\n};\n\nconst ReviewHeaderStepItem = props => {\n const {icon, current} = props;\n return (\n <div\n className={classnames(\n icon === 'right' ? style.right : null,\n icon === 'wrong' ? style.wrong : null,\n current ? style.current : style.default\n )}\n data-name=\"header-step-item\"\n >\n <Content {...props} />\n </div>\n );\n};\n\nReviewHeaderStepItem.propTypes = {\n icon: PropTypes.string,\n current: PropTypes.bool,\n value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
@@ -0,0 +1,71 @@
1
+ @value colors: "../../variables/colors.css";
2
+ @value cm_grey_100 from colors;
3
+ @value cm_positive_100 from colors;
4
+ @value cm_negative_100 from colors;
5
+ @value white from colors;
6
+
7
+ .default {
8
+ width: 32px;
9
+ height: 32px;
10
+ opacity: 0.5;
11
+ border-radius: 50%;
12
+ background-color: cm_grey_100;
13
+ font-weight: 600;
14
+ font-size: 12px;
15
+ line-height: 16px;
16
+ font-family: Gilroy;
17
+ display: flex;
18
+ justify-content: center;
19
+ align-items: center;
20
+ }
21
+
22
+ .current {
23
+ composes: default;
24
+ width: 40px;
25
+ height: 40px;
26
+ opacity: 1;
27
+ font-size: 16px;
28
+ line-height: 22px;
29
+ }
30
+
31
+ .right {
32
+ background-color: cm_positive_100;
33
+ }
34
+
35
+ .wrong {
36
+ background-color: cm_negative_100;
37
+ }
38
+
39
+ .value {
40
+ display: block;
41
+ }
42
+
43
+ .rightIcon {
44
+ color: white;
45
+ width: 12px;
46
+ height: 10px;
47
+ margin: 2px 0px 0px 1px;
48
+ }
49
+
50
+ .currentRightIcon {
51
+ composes: rightIcon;
52
+ width: 16px;
53
+ height: 14px;
54
+ margin: 3px 0px 0px 1px;
55
+ }
56
+
57
+ .wrongIcon {
58
+ color: white;
59
+ width: 10px;
60
+ height: 10px;
61
+ margin-top: 3px;
62
+ }
63
+
64
+ .currentWrongIcon {
65
+ composes: wrongIcon;
66
+ width: 15px;
67
+ height: 15px;
68
+ margin-top: 5px;
69
+ }
70
+
71
+
@@ -0,0 +1,8 @@
1
+ export default {
2
+ props: {
3
+ icon: null,
4
+ current: true,
5
+ value: '2'
6
+ }
7
+ };
8
+ //# sourceMappingURL=current.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-header-step-item/test/fixtures/current.js"],"names":["props","icon","current","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,IADD;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,KAAK,EAAE;AAHF;AADM,CAAf","sourcesContent":["export default {\n props: {\n icon: null,\n current: true,\n value: '2'\n }\n};\n"],"file":"current.js"}
@@ -0,0 +1,8 @@
1
+ export default {
2
+ props: {
3
+ icon: null,
4
+ current: false,
5
+ value: '2'
6
+ }
7
+ };
8
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-header-step-item/test/fixtures/default.js"],"names":["props","icon","current","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,IADD;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,KAAK,EAAE;AAHF;AADM,CAAf","sourcesContent":["export default {\n props: {\n icon: null,\n current: false,\n value: '2'\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,8 @@
1
+ export default {
2
+ props: {
3
+ icon: 'right',
4
+ current: false,
5
+ value: '2'
6
+ }
7
+ };
8
+ //# sourceMappingURL=right.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-header-step-item/test/fixtures/right.js"],"names":["props","icon","current","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,KAAK,EAAE;AAHF;AADM,CAAf","sourcesContent":["export default {\n props: {\n icon: 'right',\n current: false,\n value: '2'\n }\n};\n"],"file":"right.js"}
@@ -0,0 +1,8 @@
1
+ export default {
2
+ props: {
3
+ icon: 'wrong',
4
+ current: false,
5
+ value: '2'
6
+ }
7
+ };
8
+ //# sourceMappingURL=wrong.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/review-header-step-item/test/fixtures/wrong.js"],"names":["props","icon","current","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,KAAK,EAAE;AAHF;AADM,CAAf","sourcesContent":["export default {\n props: {\n icon: 'wrong',\n current: false,\n value: '2'\n }\n};\n"],"file":"wrong.js"}
@@ -0,0 +1,19 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import AtomReviewHeaderStepItem from '..';
5
+ import fixtureCurrent from './fixtures/current';
6
+ import fixtureDefault from './fixtures/default';
7
+ import fixtureRight from './fixtures/right';
8
+ import fixtureWrong from './fixtures/wrong';
9
+ test('Atom › AtomReviewHeaderStepItem > should have valid propTypes', t => {
10
+ t.pass();
11
+ forEach(AtomReviewHeaderStepItem.propTypes, (value, key) => {
12
+ t.not(value, undefined, `PropType for "Atom.AtomReviewHeaderStepItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
13
+ });
14
+ });
15
+ test('Atom › AtomReviewHeaderStepItem › Current › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureCurrent);
16
+ test('Atom › AtomReviewHeaderStepItem › Default › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureDefault);
17
+ test('Atom › AtomReviewHeaderStepItem › Right › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureRight);
18
+ test('Atom › AtomReviewHeaderStepItem › Wrong › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureWrong);
19
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/review-header-step-item/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomReviewHeaderStepItem","fixtureCurrent","fixtureDefault","fixtureRight","fixtureWrong","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,wBAAP,MAAqC,IAArC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAP,IAAI,CAAC,+DAAD,EAAkEQ,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,wBAAwB,CAACO,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC1DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,wBAAzF,EAAmHC,cAAnH,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,wBAAzF,EAAmHE,cAAnH,CAAJ;AACAL,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,wBAAvF,EAAiHG,YAAjH,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,wBAAvF,EAAiHI,YAAjH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewHeaderStepItem from '..';\nimport fixtureCurrent from './fixtures/current';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRight from './fixtures/right';\nimport fixtureWrong from './fixtures/wrong';\n\ntest('Atom › AtomReviewHeaderStepItem > should have valid propTypes', t => {\n t.pass();\n forEach(AtomReviewHeaderStepItem.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomReviewHeaderStepItem.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomReviewHeaderStepItem › Current › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureCurrent);\ntest('Atom › AtomReviewHeaderStepItem › Default › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureDefault);\ntest('Atom › AtomReviewHeaderStepItem › Right › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureRight);\ntest('Atom › AtomReviewHeaderStepItem › Wrong › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureWrong);\n"],"file":"fixtures.js"}
@@ -504,6 +504,7 @@ div.player:hover span.selectSpan {
504
504
  padding: 0 15px;
505
505
  color: dark;
506
506
  cursor: pointer;
507
+ position: absolute;
507
508
  }
508
509
 
509
510
  /*
@@ -0,0 +1,15 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import MoleculeCheckboxWithTitle from '..';
5
+ import fixtureChecked from './fixtures/checked';
6
+ import fixtureUnchecked from './fixtures/unchecked';
7
+ test('Molecule › MoleculeCheckboxWithTitle > should have valid propTypes', t => {
8
+ t.pass();
9
+ forEach(MoleculeCheckboxWithTitle.propTypes, (value, key) => {
10
+ t.not(value, undefined, `PropType for "Molecule.MoleculeCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
+ });
12
+ });
13
+ test('Molecule › MoleculeCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, MoleculeCheckboxWithTitle, fixtureChecked);
14
+ test('Molecule › MoleculeCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, MoleculeCheckboxWithTitle, fixtureUnchecked);
15
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/molecule/checkbox-with-title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCheckboxWithTitle","fixtureChecked","fixtureUnchecked","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AAEAL,IAAI,CAAC,oEAAD,EAAuEM,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,yBAAyB,CAACK,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,yBAA9F,EAAyHC,cAAzH,CAAJ;AACAJ,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,yBAAhG,EAA2HE,gBAA3H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCheckboxWithTitle from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Molecule › MoleculeCheckboxWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeCheckboxWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeCheckboxWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, MoleculeCheckboxWithTitle, fixtureChecked);\ntest('Molecule › MoleculeCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, MoleculeCheckboxWithTitle, fixtureUnchecked);\n"],"file":"fixtures.js"}
@@ -85,7 +85,6 @@
85
85
  }
86
86
 
87
87
  .title {
88
- padding-top: 30px;
89
88
  font-weight: 800;
90
89
  font-size: 48px;
91
90
  line-height: 59px;
@@ -133,7 +132,6 @@
133
132
  }
134
133
 
135
134
  .title {
136
- padding-top: 5px;
137
135
  font-size: 32px;
138
136
  line-height: 39px;
139
137
  }
@@ -167,7 +165,6 @@
167
165
  }
168
166
 
169
167
  .title {
170
- padding-top: 5px;
171
168
  font-size: 32px;
172
169
  line-height: 39px;
173
170
  }
@@ -0,0 +1,63 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import InputText from '../../atom/input-text';
4
+ import CheckboxWithTitle from '../../atom/checkbox-with-title';
5
+ import style from './style.css';
6
+
7
+ const InputTextWithTiteledCheckbox = props => {
8
+ const {
9
+ title,
10
+ name,
11
+ checked,
12
+ checkBoxOnChange,
13
+ 'aria-label': ariaLabel,
14
+ inputTextTitle,
15
+ inputTextValue,
16
+ inputTextPlaceholder,
17
+ inputTextDescription,
18
+ inputTextDisabled,
19
+ inputTextModified,
20
+ inputTextOnChange
21
+ } = props;
22
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CheckboxWithTitle, {
23
+ title: title,
24
+ name: name,
25
+ checked: checked,
26
+ onChange: checkBoxOnChange,
27
+ "data-name": "check-box",
28
+ "aria-label": ariaLabel.checkbox
29
+ }), /*#__PURE__*/React.createElement("div", {
30
+ className: style.inputText
31
+ }, /*#__PURE__*/React.createElement(InputText, {
32
+ title: inputTextTitle,
33
+ value: inputTextValue,
34
+ placeholder: inputTextPlaceholder,
35
+ theme: "coorpmanager",
36
+ description: inputTextDescription,
37
+ disabled: inputTextDisabled,
38
+ modified: inputTextModified,
39
+ onChange: inputTextOnChange,
40
+ "data-name": "input-text",
41
+ "aria-label": ariaLabel.input
42
+ })));
43
+ };
44
+
45
+ InputTextWithTiteledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
46
+ title: PropTypes.string,
47
+ name: PropTypes.string,
48
+ checked: PropTypes.bool,
49
+ checkBoxOnChange: PropTypes.func,
50
+ 'aria-label': PropTypes.shape({
51
+ input: PropTypes.string,
52
+ checkbox: PropTypes.string
53
+ }),
54
+ inputTextTitle: PropTypes.string,
55
+ inputTextValue: PropTypes.string,
56
+ inputTextPlaceholder: PropTypes.string,
57
+ inputTextDescription: PropTypes.string,
58
+ inputTextDisabled: PropTypes.bool,
59
+ inputTextModified: PropTypes.bool,
60
+ inputTextOnChange: PropTypes.func
61
+ } : {};
62
+ export default InputTextWithTiteledCheckbox;
63
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/molecule/input-text-with-titeled-checkbox/index.js"],"names":["React","PropTypes","InputText","CheckboxWithTitle","style","InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","checkbox","inputText","input","propTypes","string","bool","func","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,4BAA4B,GAAGC,KAAK,IAAI;AAC5C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,gBAJI;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,cANI;AAOJC,IAAAA,cAPI;AAQJC,IAAAA,oBARI;AASJC,IAAAA,oBATI;AAUJC,IAAAA,iBAVI;AAWJC,IAAAA,iBAXI;AAYJC,IAAAA;AAZI,MAaFZ,KAbJ;AAeA,sBACE,8CACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAEC,KADT;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEC,gBAJZ;AAKE,iBAAU,WALZ;AAME,kBAAYC,SAAS,CAACQ;AANxB,IADF,eASE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE,oBAAC,SAAD;AACE,IAAA,KAAK,EAAER,cADT;AAEE,IAAA,KAAK,EAAEC,cAFT;AAGE,IAAA,WAAW,EAAEC,oBAHf;AAIE,IAAA,KAAK,EAAC,cAJR;AAKE,IAAA,WAAW,EAAEC,oBALf;AAME,IAAA,QAAQ,EAAEC,iBANZ;AAOE,IAAA,QAAQ,EAAEC,iBAPZ;AAQE,IAAA,QAAQ,EAAEC,iBARZ;AASE,iBAAU,YATZ;AAUE,kBAAYP,SAAS,CAACU;AAVxB,IADF,CATF,CADF;AA0BD,CA1CD;;AA4CAhB,4BAA4B,CAACiB,SAA7B,2CAAyC;AACvCf,EAAAA,KAAK,EAAEN,SAAS,CAACsB,MADsB;AAEvCf,EAAAA,IAAI,EAAEP,SAAS,CAACsB,MAFuB;AAGvCd,EAAAA,OAAO,EAAER,SAAS,CAACuB,IAHoB;AAIvCd,EAAAA,gBAAgB,EAAET,SAAS,CAACwB,IAJW;AAKvC,gBAAcxB,SAAS,CAACyB,KAAV,CAAgB;AAC5BL,IAAAA,KAAK,EAAEpB,SAAS,CAACsB,MADW;AAE5BJ,IAAAA,QAAQ,EAAElB,SAAS,CAACsB;AAFQ,GAAhB,CALyB;AASvCX,EAAAA,cAAc,EAAEX,SAAS,CAACsB,MATa;AAUvCV,EAAAA,cAAc,EAAEZ,SAAS,CAACsB,MAVa;AAWvCT,EAAAA,oBAAoB,EAAEb,SAAS,CAACsB,MAXO;AAYvCR,EAAAA,oBAAoB,EAAEd,SAAS,CAACsB,MAZO;AAavCP,EAAAA,iBAAiB,EAAEf,SAAS,CAACuB,IAbU;AAcvCP,EAAAA,iBAAiB,EAAEhB,SAAS,CAACuB,IAdU;AAevCN,EAAAA,iBAAiB,EAAEjB,SAAS,CAACwB;AAfU,CAAzC;AAiBA,eAAepB,4BAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n const {\n title,\n name,\n checked,\n checkBoxOnChange,\n 'aria-label': ariaLabel,\n inputTextTitle,\n inputTextValue,\n inputTextPlaceholder,\n inputTextDescription,\n inputTextDisabled,\n inputTextModified,\n inputTextOnChange\n } = props;\n\n return (\n <div>\n <CheckboxWithTitle\n title={title}\n name={name}\n checked={checked}\n onChange={checkBoxOnChange}\n data-name=\"check-box\"\n aria-label={ariaLabel.checkbox}\n />\n <div className={style.inputText}>\n <InputText\n title={inputTextTitle}\n value={inputTextValue}\n placeholder={inputTextPlaceholder}\n theme=\"coorpmanager\"\n description={inputTextDescription}\n disabled={inputTextDisabled}\n modified={inputTextModified}\n onChange={inputTextOnChange}\n data-name=\"input-text\"\n aria-label={ariaLabel.input}\n />\n </div>\n </div>\n );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n checked: PropTypes.bool,\n checkBoxOnChange: PropTypes.func,\n 'aria-label': PropTypes.shape({\n input: PropTypes.string,\n checkbox: PropTypes.string\n }),\n inputTextTitle: PropTypes.string,\n inputTextValue: PropTypes.string,\n inputTextPlaceholder: PropTypes.string,\n inputTextDescription: PropTypes.string,\n inputTextDisabled: PropTypes.bool,\n inputTextModified: PropTypes.bool,\n inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"file":"index.js"}
@@ -0,0 +1,3 @@
1
+ .inputText {
2
+ margin-left: 32px;
3
+ }
@@ -0,0 +1,16 @@
1
+ export default {
2
+ props: {
3
+ title: 'Add stars',
4
+ checked: true,
5
+ checkBoxOnChange: value => console.log(value),
6
+ inputTextTitle: 'Stars amount',
7
+ inputTextValue: '250',
8
+ inputTextDescription: 'This is the tooltip text',
9
+ inputTextOnChange: value => console.log(value),
10
+ 'aria-label': {
11
+ checkbox: 'check box',
12
+ input: 'input text'
13
+ }
14
+ }
15
+ };
16
+ //# sourceMappingURL=checked.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/input-text-with-titeled-checkbox/test/fixtures/checked.js"],"names":["props","title","checked","checkBoxOnChange","value","console","log","inputTextTitle","inputTextValue","inputTextDescription","inputTextOnChange","checkbox","input"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,gBAAgB,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAHtB;AAILG,IAAAA,cAAc,EAAE,cAJX;AAKLC,IAAAA,cAAc,EAAE,KALX;AAMLC,IAAAA,oBAAoB,EAAE,0BANjB;AAOLC,IAAAA,iBAAiB,EAAEN,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAPvB;AAQL,kBAAc;AAACO,MAAAA,QAAQ,EAAE,WAAX;AAAwBC,MAAAA,KAAK,EAAE;AAA/B;AART;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Add stars',\n checked: true,\n checkBoxOnChange: value => console.log(value),\n inputTextTitle: 'Stars amount',\n inputTextValue: '250',\n inputTextDescription: 'This is the tooltip text',\n inputTextOnChange: value => console.log(value),\n 'aria-label': {checkbox: 'check box', input: 'input text'}\n }\n};\n"],"file":"checked.js"}
@@ -0,0 +1,18 @@
1
+ export default {
2
+ props: {
3
+ title: 'Create badge',
4
+ checked: false,
5
+ onChange: value => console.log(value),
6
+ checkBoxOnChange: value => console.log(value),
7
+ inputTextTitle: 'Stars amount',
8
+ inputTextValue: '250',
9
+ inputTextDescription: 'This is the tooltip text',
10
+ inputTextDisabled: true,
11
+ inputTextOnChange: value => console.log(value),
12
+ 'aria-label': {
13
+ checkbox: 'check box',
14
+ input: 'input text'
15
+ }
16
+ }
17
+ };
18
+ //# sourceMappingURL=unchecked.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/input-text-with-titeled-checkbox/test/fixtures/unchecked.js"],"names":["props","title","checked","onChange","value","console","log","checkBoxOnChange","inputTextTitle","inputTextValue","inputTextDescription","inputTextDisabled","inputTextOnChange","checkbox","input"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAHd;AAILG,IAAAA,gBAAgB,EAAEH,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CAJtB;AAKLI,IAAAA,cAAc,EAAE,cALX;AAMLC,IAAAA,cAAc,EAAE,KANX;AAOLC,IAAAA,oBAAoB,EAAE,0BAPjB;AAQLC,IAAAA,iBAAiB,EAAE,IARd;AASLC,IAAAA,iBAAiB,EAAER,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ,CATvB;AAUL,kBAAc;AAACS,MAAAA,QAAQ,EAAE,WAAX;AAAwBC,MAAAA,KAAK,EAAE;AAA/B;AAVT;AADM,CAAf","sourcesContent":["export default {\n props: {\n title: 'Create badge',\n checked: false,\n onChange: value => console.log(value),\n checkBoxOnChange: value => console.log(value),\n inputTextTitle: 'Stars amount',\n inputTextValue: '250',\n inputTextDescription: 'This is the tooltip text',\n inputTextDisabled: true,\n inputTextOnChange: value => console.log(value),\n 'aria-label': {checkbox: 'check box', input: 'input text'}\n }\n};\n"],"file":"unchecked.js"}
@@ -229,6 +229,10 @@
229
229
  display: none;
230
230
  }
231
231
 
232
+ .feedbackSection {
233
+ margin: 0 20px 0 20px;
234
+ }
235
+
232
236
  .correctionSection {
233
237
  min-width: 60px;
234
238
  }
@@ -0,0 +1,26 @@
1
+ function _extends() { _extends = Object.assign || 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); }
2
+
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import map from 'lodash/fp/map';
6
+ import ReviewHeaderStepItem from '../../atom/review-header-step-item';
7
+ import style from './style.css';
8
+
9
+ const ReviewHeaderStep = props => {
10
+ const {
11
+ steps
12
+ } = props;
13
+ const items = map(step => /*#__PURE__*/React.createElement(ReviewHeaderStepItem, _extends({}, step, {
14
+ key: step.value
15
+ })), steps);
16
+ return /*#__PURE__*/React.createElement("div", {
17
+ className: style.wrapper,
18
+ "data-name": "header-steps"
19
+ }, items);
20
+ };
21
+
22
+ ReviewHeaderStep.propTypes = process.env.NODE_ENV !== "production" ? {
23
+ steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))
24
+ } : {};
25
+ export default ReviewHeaderStep;
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["React","PropTypes","map","ReviewHeaderStepItem","style","ReviewHeaderStep","props","steps","items","step","value","wrapper","propTypes","arrayOf","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,QAAME,KAAK,GAAGN,GAAG,CAACO,IAAI,iBAAI,oBAAC,oBAAD,eAA0BA,IAA1B;AAAgC,IAAA,GAAG,EAAEA,IAAI,CAACC;AAA1C,KAAT,EAA8DH,KAA9D,CAAjB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACO,OAAtB;AAA+B,iBAAU;AAAzC,KACGH,KADH,CADF;AAKD,CAVD;;AAYAH,gBAAgB,CAACO,SAAjB,2CAA6B;AAC3BL,EAAAA,KAAK,EAAEN,SAAS,CAACY,OAAV,CAAkBZ,SAAS,CAACa,KAAV,CAAgBX,oBAAoB,CAACG,KAArC,CAAlB;AADoB,CAA7B;AAIA,eAAeD,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\n\nconst ReviewHeaderStep = props => {\n const {steps} = props;\n\n const items = map(step => <ReviewHeaderStepItem {...step} key={step.value} />, steps);\n\n return (\n <div className={style.wrapper} data-name=\"header-steps\">\n {items}\n </div>\n );\n};\n\nReviewHeaderStep.propTypes = {\n steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))\n};\n\nexport default ReviewHeaderStep;\n"],"file":"index.js"}
@@ -0,0 +1,6 @@
1
+ .wrapper {
2
+ width: 264px;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: space-between;
6
+ }
@@ -0,0 +1,26 @@
1
+ export default {
2
+ props: {
3
+ steps: [{
4
+ icon: 'right',
5
+ current: false,
6
+ value: '1'
7
+ }, {
8
+ icon: 'right',
9
+ current: false,
10
+ value: '2'
11
+ }, {
12
+ icon: 'right',
13
+ current: true,
14
+ value: '3'
15
+ }, {
16
+ icon: 'right',
17
+ current: false,
18
+ value: '4'
19
+ }, {
20
+ icon: 'right',
21
+ current: false,
22
+ value: '5'
23
+ }]
24
+ }
25
+ };
26
+ //# sourceMappingURL=all-questions-ok.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/review-header-steps/test/fixtures/all-questions-ok.js"],"names":["props","steps","icon","current","value"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,OAAO,EAAE,KAFX;AAGEC,MAAAA,KAAK,EAAE;AAHT,KADK,EAML;AACEF,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,OAAO,EAAE,KAFX;AAGEC,MAAAA,KAAK,EAAE;AAHT,KANK,EAWL;AACEF,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,OAAO,EAAE,IAFX;AAGEC,MAAAA,KAAK,EAAE;AAHT,KAXK,EAgBL;AACEF,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,OAAO,EAAE,KAFX;AAGEC,MAAAA,KAAK,EAAE;AAHT,KAhBK,EAqBL;AACEF,MAAAA,IAAI,EAAE,OADR;AAEEC,MAAAA,OAAO,EAAE,KAFX;AAGEC,MAAAA,KAAK,EAAE;AAHT,KArBK;AADF;AADM,CAAf","sourcesContent":["export default {\n props: {\n steps: [\n {\n icon: 'right',\n current: false,\n value: '1'\n },\n {\n icon: 'right',\n current: false,\n value: '2'\n },\n {\n icon: 'right',\n current: true,\n value: '3'\n },\n {\n icon: 'right',\n current: false,\n value: '4'\n },\n {\n icon: 'right',\n current: false,\n value: '5'\n }\n ]\n }\n};\n"],"file":"all-questions-ok.js"}
@@ -0,0 +1,26 @@
1
+ export default {
2
+ props: {
3
+ steps: [{
4
+ icon: 'right',
5
+ current: false,
6
+ value: '1'
7
+ }, {
8
+ icon: 'wrong',
9
+ current: false,
10
+ value: '2'
11
+ }, {
12
+ icon: null,
13
+ current: true,
14
+ value: '3'
15
+ }, {
16
+ icon: null,
17
+ current: false,
18
+ value: '4'
19
+ }, {
20
+ icon: null,
21
+ current: false,
22
+ value: '5'
23
+ }]
24
+ }
25
+ };
26
+ //# sourceMappingURL=current-question-no-aswered.js.map