@coorpacademy/components 11.33.5 → 11.33.6

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 (211) hide show
  1. package/es/atom/autocomplete/index.js +2 -2
  2. package/es/atom/autocomplete/index.js.map +1 -1
  3. package/es/atom/autocomplete/style.css +4 -4
  4. package/es/atom/button-link-icon/index.js +1 -1
  5. package/es/atom/button-link-icon/index.js.map +1 -1
  6. package/es/atom/button-link-icon/style.css +2 -2
  7. package/es/atom/button-menu/index.js +1 -1
  8. package/es/atom/button-menu/index.js.map +1 -1
  9. package/es/atom/button-menu/style.css +4 -4
  10. package/es/atom/input-checkbox/index.d.ts.map +1 -1
  11. package/es/atom/input-checkbox/index.js +1 -1
  12. package/es/atom/input-checkbox/index.js.map +1 -1
  13. package/es/atom/input-checkbox/style.css +12 -12
  14. package/es/atom/input-color/index.js +1 -1
  15. package/es/atom/input-color/index.js.map +1 -1
  16. package/es/atom/input-color/style.css +3 -3
  17. package/es/atom/input-html/index.js +1 -1
  18. package/es/atom/input-html/index.js.map +1 -1
  19. package/es/atom/input-html/style.css +3 -3
  20. package/es/atom/input-switch/index.js +1 -1
  21. package/es/atom/input-switch/index.js.map +1 -1
  22. package/es/atom/input-switch/style.css +6 -6
  23. package/es/atom/input-text/index.js +2 -2
  24. package/es/atom/input-text/index.js.map +1 -1
  25. package/es/atom/input-text/style.css +4 -4
  26. package/es/atom/input-textarea/index.js +2 -2
  27. package/es/atom/input-textarea/index.js.map +1 -1
  28. package/es/atom/input-textarea/style.css +5 -5
  29. package/es/atom/label/index.js +1 -1
  30. package/es/atom/label/index.js.map +1 -1
  31. package/es/atom/label/style.css +1 -1
  32. package/es/atom/life/index.js +1 -1
  33. package/es/atom/life/index.js.map +1 -1
  34. package/es/atom/life/style.css +1 -1
  35. package/es/atom/picture-background/index.js +1 -1
  36. package/es/atom/picture-background/index.js.map +1 -1
  37. package/es/atom/picture-background/style.css +1 -1
  38. package/es/atom/range/handle.css +1 -1
  39. package/es/atom/range/handle.js +1 -1
  40. package/es/atom/range/handle.js.map +1 -1
  41. package/es/atom/select/index.js +1 -1
  42. package/es/atom/select/index.js.map +1 -1
  43. package/es/atom/select/style.css +13 -13
  44. package/es/atom/select-icon/index.js +1 -1
  45. package/es/atom/select-icon/index.js.map +1 -1
  46. package/es/atom/select-icon/style.css +1 -1
  47. package/es/atom/status-item/index.js +1 -1
  48. package/es/atom/status-item/index.js.map +1 -1
  49. package/es/atom/status-item/style.css +1 -1
  50. package/es/atom/tag/index.js +1 -1
  51. package/es/atom/tag/index.js.map +1 -1
  52. package/es/atom/tag/style.css +1 -1
  53. package/es/molecule/brand-create-form/index.js +1 -1
  54. package/es/molecule/brand-create-form/index.js.map +1 -1
  55. package/es/molecule/brand-create-form/style.css +4 -4
  56. package/es/molecule/brand-upload-box/index.js +1 -1
  57. package/es/molecule/brand-upload-box/index.js.map +1 -1
  58. package/es/molecule/brand-upload-box/style.css +3 -3
  59. package/es/molecule/card/customer.css +2 -2
  60. package/es/molecule/card/customer.d.ts +1 -1
  61. package/es/molecule/card/customer.js +1 -1
  62. package/es/molecule/card/customer.js.map +1 -1
  63. package/es/molecule/card/index.d.ts +1 -1
  64. package/es/molecule/card/index.js +1 -1
  65. package/es/molecule/card/index.js.map +1 -1
  66. package/es/molecule/card/style.css +19 -19
  67. package/es/molecule/filters/index.js +1 -1
  68. package/es/molecule/filters/index.js.map +1 -1
  69. package/es/molecule/filters/style.css +4 -4
  70. package/es/molecule/hero/index.js +1 -1
  71. package/es/molecule/hero/index.js.map +1 -1
  72. package/es/molecule/hero/style.css +10 -10
  73. package/es/molecule/module-card/index.js +1 -1
  74. package/es/molecule/module-card/index.js.map +1 -1
  75. package/es/molecule/module-card/style.css +3 -3
  76. package/es/molecule/select-multiple/index.js +2 -2
  77. package/es/molecule/select-multiple/index.js.map +1 -1
  78. package/es/molecule/select-multiple/style.css +5 -5
  79. package/es/molecule/theme-image/index.js +1 -1
  80. package/es/molecule/theme-image/index.js.map +1 -1
  81. package/es/molecule/theme-image/style.css +4 -4
  82. package/es/molecule/titled-checkbox/index.js +1 -1
  83. package/es/molecule/titled-checkbox/index.js.map +1 -1
  84. package/es/molecule/titled-checkbox/style.css +1 -1
  85. package/es/organism/brand-analytics/analytics-popin.css +1 -1
  86. package/es/organism/brand-analytics/analytics-popin.js +1 -1
  87. package/es/organism/brand-analytics/analytics-popin.js.map +1 -1
  88. package/es/organism/cards-grid/index.js +1 -1
  89. package/es/organism/cards-grid/index.js.map +1 -1
  90. package/es/organism/cards-grid/style.css +1 -1
  91. package/es/organism/popin/index.js +1 -1
  92. package/es/organism/popin/index.js.map +1 -1
  93. package/es/organism/popin/style.css +1 -1
  94. package/es/organism/resource-browser/index.js +1 -1
  95. package/es/organism/resource-browser/index.js.map +1 -1
  96. package/es/organism/resource-browser/style.css +2 -2
  97. package/es/template/activity/index.js +1 -1
  98. package/es/template/activity/index.js.map +1 -1
  99. package/es/template/activity/style.css +2 -2
  100. package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
  101. package/es/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
  102. package/es/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
  103. package/es/template/external-course/index.js +2 -2
  104. package/es/template/external-course/index.js.map +1 -1
  105. package/es/template/external-course/style.css +2 -2
  106. package/lib/atom/autocomplete/index.js +2 -2
  107. package/lib/atom/autocomplete/index.js.map +1 -1
  108. package/lib/atom/autocomplete/style.css +4 -4
  109. package/lib/atom/button-link-icon/index.js +1 -1
  110. package/lib/atom/button-link-icon/index.js.map +1 -1
  111. package/lib/atom/button-link-icon/style.css +2 -2
  112. package/lib/atom/button-menu/index.js +1 -1
  113. package/lib/atom/button-menu/index.js.map +1 -1
  114. package/lib/atom/button-menu/style.css +4 -4
  115. package/lib/atom/input-checkbox/index.d.ts.map +1 -1
  116. package/lib/atom/input-checkbox/index.js +1 -1
  117. package/lib/atom/input-checkbox/index.js.map +1 -1
  118. package/lib/atom/input-checkbox/style.css +12 -12
  119. package/lib/atom/input-color/index.js +1 -1
  120. package/lib/atom/input-color/index.js.map +1 -1
  121. package/lib/atom/input-color/style.css +3 -3
  122. package/lib/atom/input-html/index.js +1 -1
  123. package/lib/atom/input-html/index.js.map +1 -1
  124. package/lib/atom/input-html/style.css +3 -3
  125. package/lib/atom/input-switch/index.js +1 -1
  126. package/lib/atom/input-switch/index.js.map +1 -1
  127. package/lib/atom/input-switch/style.css +6 -6
  128. package/lib/atom/input-text/index.js +2 -2
  129. package/lib/atom/input-text/index.js.map +1 -1
  130. package/lib/atom/input-text/style.css +4 -4
  131. package/lib/atom/input-textarea/index.js +2 -2
  132. package/lib/atom/input-textarea/index.js.map +1 -1
  133. package/lib/atom/input-textarea/style.css +5 -5
  134. package/lib/atom/label/index.js +1 -1
  135. package/lib/atom/label/index.js.map +1 -1
  136. package/lib/atom/label/style.css +1 -1
  137. package/lib/atom/life/index.js +1 -1
  138. package/lib/atom/life/index.js.map +1 -1
  139. package/lib/atom/life/style.css +1 -1
  140. package/lib/atom/picture-background/index.js +1 -1
  141. package/lib/atom/picture-background/index.js.map +1 -1
  142. package/lib/atom/picture-background/style.css +1 -1
  143. package/lib/atom/range/handle.css +1 -1
  144. package/lib/atom/range/handle.js +1 -1
  145. package/lib/atom/range/handle.js.map +1 -1
  146. package/lib/atom/select/index.js +1 -1
  147. package/lib/atom/select/index.js.map +1 -1
  148. package/lib/atom/select/style.css +13 -13
  149. package/lib/atom/select-icon/index.js +1 -1
  150. package/lib/atom/select-icon/index.js.map +1 -1
  151. package/lib/atom/select-icon/style.css +1 -1
  152. package/lib/atom/status-item/index.js +1 -1
  153. package/lib/atom/status-item/index.js.map +1 -1
  154. package/lib/atom/status-item/style.css +1 -1
  155. package/lib/atom/tag/index.js +1 -1
  156. package/lib/atom/tag/index.js.map +1 -1
  157. package/lib/atom/tag/style.css +1 -1
  158. package/lib/molecule/brand-create-form/index.js +1 -1
  159. package/lib/molecule/brand-create-form/index.js.map +1 -1
  160. package/lib/molecule/brand-create-form/style.css +4 -4
  161. package/lib/molecule/brand-upload-box/index.js +1 -1
  162. package/lib/molecule/brand-upload-box/index.js.map +1 -1
  163. package/lib/molecule/brand-upload-box/style.css +3 -3
  164. package/lib/molecule/card/customer.css +2 -2
  165. package/lib/molecule/card/customer.d.ts +1 -1
  166. package/lib/molecule/card/customer.js +1 -1
  167. package/lib/molecule/card/customer.js.map +1 -1
  168. package/lib/molecule/card/index.d.ts +1 -1
  169. package/lib/molecule/card/index.js +1 -1
  170. package/lib/molecule/card/index.js.map +1 -1
  171. package/lib/molecule/card/style.css +19 -19
  172. package/lib/molecule/filters/index.js +1 -1
  173. package/lib/molecule/filters/index.js.map +1 -1
  174. package/lib/molecule/filters/style.css +4 -4
  175. package/lib/molecule/hero/index.js +1 -1
  176. package/lib/molecule/hero/index.js.map +1 -1
  177. package/lib/molecule/hero/style.css +10 -10
  178. package/lib/molecule/module-card/index.js +1 -1
  179. package/lib/molecule/module-card/index.js.map +1 -1
  180. package/lib/molecule/module-card/style.css +3 -3
  181. package/lib/molecule/select-multiple/index.js +2 -2
  182. package/lib/molecule/select-multiple/index.js.map +1 -1
  183. package/lib/molecule/select-multiple/style.css +5 -5
  184. package/lib/molecule/theme-image/index.js +1 -1
  185. package/lib/molecule/theme-image/index.js.map +1 -1
  186. package/lib/molecule/theme-image/style.css +4 -4
  187. package/lib/molecule/titled-checkbox/index.js +1 -1
  188. package/lib/molecule/titled-checkbox/index.js.map +1 -1
  189. package/lib/molecule/titled-checkbox/style.css +1 -1
  190. package/lib/organism/brand-analytics/analytics-popin.css +1 -1
  191. package/lib/organism/brand-analytics/analytics-popin.js +1 -1
  192. package/lib/organism/brand-analytics/analytics-popin.js.map +1 -1
  193. package/lib/organism/cards-grid/index.js +1 -1
  194. package/lib/organism/cards-grid/index.js.map +1 -1
  195. package/lib/organism/cards-grid/style.css +1 -1
  196. package/lib/organism/popin/index.js +1 -1
  197. package/lib/organism/popin/index.js.map +1 -1
  198. package/lib/organism/popin/style.css +1 -1
  199. package/lib/organism/resource-browser/index.js +1 -1
  200. package/lib/organism/resource-browser/index.js.map +1 -1
  201. package/lib/organism/resource-browser/style.css +2 -2
  202. package/lib/template/activity/index.js +1 -1
  203. package/lib/template/activity/index.js.map +1 -1
  204. package/lib/template/activity/style.css +2 -2
  205. package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
  206. package/lib/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
  207. package/lib/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
  208. package/lib/template/external-course/index.js +2 -2
  209. package/lib/template/external-course/index.js.map +1 -1
  210. package/lib/template/external-course/style.css +2 -2
  211. package/package.json +2 -2
@@ -10,7 +10,7 @@ var _icon = _interopRequireDefault(require("../icon"));
10
10
  var _style = _interopRequireDefault(require("./style.css"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  const TAG_STYLES = {
13
- default: _style.default.default,
13
+ default: _style.default.defaultStyle,
14
14
  success: _style.default.success,
15
15
  failure: _style.default.failure,
16
16
  warning: _style.default.warning,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.default,\n success: style.success,\n failure: style.failure,\n warning: style.warning,\n progress: style.progress\n};\n\nconst TAG_SIZE = {\n S: style.small,\n M: style.medium,\n L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n const {position, ...iconProps} = icon;\n\n return (\n <span\n className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n data-name={`content-tag-${label}`}\n style={customStyle}\n >\n <div className={style.content}>\n {position === 'left' ? <Icon {...iconProps} /> : null}\n <div>{label}</div>\n {position === 'right' ? <Icon {...iconProps} /> : null}\n </div>\n </span>\n );\n};\n\nTag.propTypes = {\n label: PropTypes.string,\n type: PropTypes.oneOf(keys(TAG_STYLES)),\n size: PropTypes.oneOf(['S', 'M', 'L']),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACF,OAAO;EACtBG,OAAO,EAAED,cAAK,CAACC,OAAO;EACtBC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,QAAQ,EAAEJ,cAAK,CAACI;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEN,cAAK,CAACO,KAAK;EACdC,CAAC,EAAER,cAAK,CAACS,MAAM;EACfC,CAAC,EAAEV,cAAK,CAACW;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE5B,MAAA,CAAAS,OAAA,CAAAsB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACvB,UAAU,CAACe,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCb,KAAK,EAAEgB;EAAY,gBAEnB3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAErB,cAAK,CAACuB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAI,OAAI,EAAKqB,SAAY,CAAC,GAAG,IAAI,eACrD9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,KAAA,CAAAI,OAAI,EAAKqB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAjC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCgB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEac,GAAG","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.defaultStyle,\n success: style.success,\n failure: style.failure,\n warning: style.warning,\n progress: style.progress\n};\n\nconst TAG_SIZE = {\n S: style.small,\n M: style.medium,\n L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n const {position, ...iconProps} = icon;\n\n return (\n <span\n className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n data-name={`content-tag-${label}`}\n style={customStyle}\n >\n <div className={style.content}>\n {position === 'left' ? <Icon {...iconProps} /> : null}\n <div>{label}</div>\n {position === 'right' ? <Icon {...iconProps} /> : null}\n </div>\n </span>\n );\n};\n\nTag.propTypes = {\n label: PropTypes.string,\n type: PropTypes.oneOf(keys(TAG_STYLES)),\n size: PropTypes.oneOf(['S', 'M', 'L']),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACC,YAAY;EAC3BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,cAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,cAAK,CAACK;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEP,cAAK,CAACQ,KAAK;EACdC,CAAC,EAAET,cAAK,CAACU,MAAM;EACfC,CAAC,EAAEX,cAAK,CAACY;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE7B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACxB,UAAU,CAACgB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCd,KAAK,EAAEiB;EAAY,gBAEnB5B,MAAA,CAAAS,OAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEtB,cAAK,CAACwB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAAI,eACrD/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG9B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAAC3B,KAAA,CAAAI,OAAI,EAAKsB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAlC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCiB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAEae,GAAG","ignoreList":[]}
@@ -35,7 +35,7 @@
35
35
  padding: 8px 16px;
36
36
  }
37
37
 
38
- .default {
38
+ .defaultStyle {
39
39
  composes: tag;
40
40
  background-color: cm_grey_100;
41
41
  color: cm_grey_500;
@@ -27,7 +27,7 @@ const BrandCreateForm = (props, context) => {
27
27
  } = context;
28
28
  const waitMessage = translate('Wait_creation');
29
29
  const wrapperClass = isModified || isPending || field.error ? _style.default.modifiedWrapper : _style.default.wrapper;
30
- const fieldClass = field.error ? _style.default.error : _style.default.default;
30
+ const fieldClass = field.error ? _style.default.error : _style.default.defaultStyle;
31
31
  const disabled = isPending || !isModified;
32
32
  const {
33
33
  onChange
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n const {translate} = context;\n const waitMessage = translate('Wait_creation');\n\n const wrapperClass =\n isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n const fieldClass = field.error ? style.error : style.default;\n const disabled = isPending || !isModified;\n const {onChange} = field;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n const actionView = isPending ? (\n <div>\n <div className={style.wait}>{waitMessage}</div>\n <div className={style.loading}>\n <Loader />\n </div>\n </div>\n ) : (\n <div>\n <ButtonLink\n type=\"primary\"\n data-name=\"brand_create_submit_button\"\n usage=\"submit\"\n customStyle={{\n display: 'inline-block',\n width: 'fit-content'\n }}\n disabled={disabled}\n label={submitValue}\n />\n </div>\n );\n\n return (\n <div className={wrapperClass}>\n <div className={style.header}>\n <h1>{title}</h1>\n </div>\n <form className={style.content} onSubmit={onSubmit}>\n <h2>{subtitle}</h2>\n <div className={style.description}>{description}</div>\n <div className={fieldClass}>\n <label>\n <input\n type=\"text\"\n maxLength=\"40\"\n data-name=\"brand_create_text_input\"\n placeholder={field.placeholder}\n defaultValue={field.value}\n onInput={handleChange}\n />\n {field.label}\n </label>\n </div>\n {actionView}\n </form>\n </div>\n );\n};\n\nBrandCreateForm.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n field: PropTypes.shape({\n placeholder: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n error: PropTypes.string,\n value: PropTypes.string\n }).isRequired,\n onSubmit: PropTypes.func.isRequired,\n submitValue: PropTypes.string.isRequired,\n isPending: PropTypes.bool,\n isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEhC,MAAMW,eAAe,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC1C,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGT,KAAK;EACjG,MAAM;IAACU;EAAS,CAAC,GAAGT,OAAO;EAC3B,MAAMU,WAAW,GAAGD,SAAS,CAAC,eAAe,CAAC;EAE9C,MAAME,YAAY,GAChBH,UAAU,IAAID,SAAS,IAAIH,KAAK,CAACQ,KAAK,GAAGC,cAAK,CAACC,eAAe,GAAGD,cAAK,CAACE,OAAO;EAChF,MAAMC,UAAU,GAAGZ,KAAK,CAACQ,KAAK,GAAGC,cAAK,CAACD,KAAK,GAAGC,cAAK,CAACjC,OAAO;EAC5D,MAAMqC,QAAQ,GAAGV,SAAS,IAAI,CAACC,UAAU;EACzC,MAAM;IAACU;EAAQ,CAAC,GAAGd,KAAK;EACxB,MAAMe,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM1C,CAAC,IAAIwC,QAAQ,CAACxC,CAAC,CAAC2C,MAAM,CAACC,KAAK,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAE7E,MAAMK,UAAU,GAAGhB,SAAS,gBAC1BtC,MAAA,CAAAW,OAAA,CAAA4C,aAAA,2BACEvD,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAEZ,cAAK,CAACa;EAAK,GAAEhB,WAAiB,CAAC,eAC/CzC,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAEZ,cAAK,CAACc;EAAQ,gBAC5B1D,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACjD,OAAA,CAAAK,OAAM,MAAE,CACN,CACF,CAAC,gBAENX,MAAA,CAAAW,OAAA,CAAA4C,aAAA,2BACEvD,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAAClD,WAAA,CAAAM,OAAU;IACTgD,IAAI,EAAC,SAAS;IACd,aAAU,4BAA4B;IACtCC,KAAK,EAAC,QAAQ;IACdC,WAAW,EAAE;MACXC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE;IACT,CAAE;IACFf,QAAQ,EAAEA,QAAS;IACnBgB,KAAK,EAAE3B;EAAY,CACpB,CACE,CACN;EAED,oBACErC,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAEd;EAAa,gBAC3B1C,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAEZ,cAAK,CAACqB;EAAO,gBAC3BjE,MAAA,CAAAW,OAAA,CAAA4C,aAAA,aAAKvB,KAAU,CACZ,CAAC,eACNhC,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAMC,SAAS,EAAEZ,cAAK,CAACsB,OAAQ;IAAC9B,QAAQ,EAAEA;EAAS,gBACjDpC,MAAA,CAAAW,OAAA,CAAA4C,aAAA,aAAKtB,QAAa,CAAC,eACnBjC,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAEZ,cAAK,CAACV;EAAY,GAAEA,WAAiB,CAAC,eACtDlC,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAET;EAAW,gBACzB/C,MAAA,CAAAW,OAAA,CAAA4C,aAAA,6BACEvD,MAAA,CAAAW,OAAA,CAAA4C,aAAA;IACEI,IAAI,EAAC,MAAM;IACXQ,SAAS,EAAC,IAAI;IACd,aAAU,yBAAyB;IACnCC,WAAW,EAAEjC,KAAK,CAACiC,WAAY;IAC/BC,YAAY,EAAElC,KAAK,CAACkB,KAAM;IAC1BiB,OAAO,EAAEpB;EAAa,CACvB,CAAC,EACDf,KAAK,CAAC6B,KACF,CACJ,CAAC,EACLV,UACG,CACH,CAAC;AAEV,CAAC;AAEDzB,eAAe,CAAC0C,YAAY,GAAG;EAC7B/B,SAAS,EAAEgC,iBAAQ,CAACC,iBAAiB,CAACjC;AACxC,CAAC;AAEDX,eAAe,CAAC6C,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1B7C,KAAK,EAAE8C,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC/C,QAAQ,EAAE6C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC9C,WAAW,EAAE4C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxC7C,KAAK,EAAE2C,kBAAS,CAACG,KAAK,CAAC;IACrBb,WAAW,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;IACxChB,KAAK,EAAEc,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClC/B,QAAQ,EAAE6B,kBAAS,CAACI,IAAI,CAACF,UAAU;IACnCrC,KAAK,EAAEmC,kBAAS,CAACC,MAAM;IACvB1B,KAAK,EAAEyB,kBAAS,CAACC;EACnB,CAAC,CAAC,CAACC,UAAU;EACb5C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI,CAACF,UAAU;EACnC3C,WAAW,EAAEyC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxC1C,SAAS,EAAEwC,kBAAS,CAACK,IAAI;EACzB5C,UAAU,EAAEuC,kBAAS,CAACK;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1E,OAAA,GAEakB,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_buttonLink","_loader","_provider","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","defaultStyle","disabled","onChange","handleChange","useMemo","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","func","bool","_default","exports"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n const {translate} = context;\n const waitMessage = translate('Wait_creation');\n\n const wrapperClass =\n isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n const fieldClass = field.error ? style.error : style.defaultStyle;\n const disabled = isPending || !isModified;\n const {onChange} = field;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n const actionView = isPending ? (\n <div>\n <div className={style.wait}>{waitMessage}</div>\n <div className={style.loading}>\n <Loader />\n </div>\n </div>\n ) : (\n <div>\n <ButtonLink\n type=\"primary\"\n data-name=\"brand_create_submit_button\"\n usage=\"submit\"\n customStyle={{\n display: 'inline-block',\n width: 'fit-content'\n }}\n disabled={disabled}\n label={submitValue}\n />\n </div>\n );\n\n return (\n <div className={wrapperClass}>\n <div className={style.header}>\n <h1>{title}</h1>\n </div>\n <form className={style.content} onSubmit={onSubmit}>\n <h2>{subtitle}</h2>\n <div className={style.description}>{description}</div>\n <div className={fieldClass}>\n <label>\n <input\n type=\"text\"\n maxLength=\"40\"\n data-name=\"brand_create_text_input\"\n placeholder={field.placeholder}\n defaultValue={field.value}\n onInput={handleChange}\n />\n {field.label}\n </label>\n </div>\n {actionView}\n </form>\n </div>\n );\n};\n\nBrandCreateForm.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n field: PropTypes.shape({\n placeholder: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n error: PropTypes.string,\n value: PropTypes.string\n }).isRequired,\n onSubmit: PropTypes.func.isRequired,\n submitValue: PropTypes.string.isRequired,\n isPending: PropTypes.bool,\n isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAEhC,MAAMW,eAAe,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC1C,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGT,KAAK;EACjG,MAAM;IAACU;EAAS,CAAC,GAAGT,OAAO;EAC3B,MAAMU,WAAW,GAAGD,SAAS,CAAC,eAAe,CAAC;EAE9C,MAAME,YAAY,GAChBH,UAAU,IAAID,SAAS,IAAIH,KAAK,CAACQ,KAAK,GAAGC,cAAK,CAACC,eAAe,GAAGD,cAAK,CAACE,OAAO;EAChF,MAAMC,UAAU,GAAGZ,KAAK,CAACQ,KAAK,GAAGC,cAAK,CAACD,KAAK,GAAGC,cAAK,CAACI,YAAY;EACjE,MAAMC,QAAQ,GAAGX,SAAS,IAAI,CAACC,UAAU;EACzC,MAAM;IAACW;EAAQ,CAAC,GAAGf,KAAK;EACxB,MAAMgB,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM3C,CAAC,IAAIyC,QAAQ,CAACzC,CAAC,CAAC4C,MAAM,CAACC,KAAK,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAE7E,MAAMK,UAAU,GAAGjB,SAAS,gBAC1BtC,MAAA,CAAAW,OAAA,CAAA6C,aAAA,2BACExD,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEb,cAAK,CAACc;EAAK,GAAEjB,WAAiB,CAAC,eAC/CzC,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEb,cAAK,CAACe;EAAQ,gBAC5B3D,MAAA,CAAAW,OAAA,CAAA6C,aAAA,CAAClD,OAAA,CAAAK,OAAM,MAAE,CACN,CACF,CAAC,gBAENX,MAAA,CAAAW,OAAA,CAAA6C,aAAA,2BACExD,MAAA,CAAAW,OAAA,CAAA6C,aAAA,CAACnD,WAAA,CAAAM,OAAU;IACTiD,IAAI,EAAC,SAAS;IACd,aAAU,4BAA4B;IACtCC,KAAK,EAAC,QAAQ;IACdC,WAAW,EAAE;MACXC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE;IACT,CAAE;IACFf,QAAQ,EAAEA,QAAS;IACnBgB,KAAK,EAAE5B;EAAY,CACpB,CACE,CACN;EAED,oBACErC,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEf;EAAa,gBAC3B1C,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEb,cAAK,CAACsB;EAAO,gBAC3BlE,MAAA,CAAAW,OAAA,CAAA6C,aAAA,aAAKxB,KAAU,CACZ,CAAC,eACNhC,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAEb,cAAK,CAACuB,OAAQ;IAAC/B,QAAQ,EAAEA;EAAS,gBACjDpC,MAAA,CAAAW,OAAA,CAAA6C,aAAA,aAAKvB,QAAa,CAAC,eACnBjC,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEb,cAAK,CAACV;EAAY,GAAEA,WAAiB,CAAC,eACtDlC,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAEV;EAAW,gBACzB/C,MAAA,CAAAW,OAAA,CAAA6C,aAAA,6BACExD,MAAA,CAAAW,OAAA,CAAA6C,aAAA;IACEI,IAAI,EAAC,MAAM;IACXQ,SAAS,EAAC,IAAI;IACd,aAAU,yBAAyB;IACnCC,WAAW,EAAElC,KAAK,CAACkC,WAAY;IAC/BC,YAAY,EAAEnC,KAAK,CAACmB,KAAM;IAC1BiB,OAAO,EAAEpB;EAAa,CACvB,CAAC,EACDhB,KAAK,CAAC8B,KACF,CACJ,CAAC,EACLV,UACG,CACH,CAAC;AAEV,CAAC;AAED1B,eAAe,CAAC2C,YAAY,GAAG;EAC7BhC,SAAS,EAAEiC,iBAAQ,CAACC,iBAAiB,CAAClC;AACxC,CAAC;AAEDX,eAAe,CAAC8C,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1B9C,KAAK,EAAE+C,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClChD,QAAQ,EAAE8C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC/C,WAAW,EAAE6C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxC9C,KAAK,EAAE4C,kBAAS,CAACG,KAAK,CAAC;IACrBb,WAAW,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;IACxChB,KAAK,EAAEc,kBAAS,CAACC,MAAM,CAACC,UAAU;IAClC/B,QAAQ,EAAE6B,kBAAS,CAACI,IAAI,CAACF,UAAU;IACnCtC,KAAK,EAAEoC,kBAAS,CAACC,MAAM;IACvB1B,KAAK,EAAEyB,kBAAS,CAACC;EACnB,CAAC,CAAC,CAACC,UAAU;EACb7C,QAAQ,EAAE2C,kBAAS,CAACI,IAAI,CAACF,UAAU;EACnC5C,WAAW,EAAE0C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxC3C,SAAS,EAAEyC,kBAAS,CAACK,IAAI;EACzB7C,UAAU,EAAEwC,kBAAS,CAACK;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3E,OAAA,GAEakB,eAAe","ignoreList":[]}
@@ -73,22 +73,22 @@
73
73
  margin-bottom: 20px;
74
74
  }
75
75
 
76
- .default {
76
+ .defaultStyle {
77
77
  margin-bottom: 70px;
78
78
  }
79
79
 
80
80
  .error {
81
- composes: default;
81
+ composes: defaultStyle;
82
82
  }
83
83
 
84
- .default label {
84
+ .defaultStyle label {
85
85
  font-family: 'Gilroy';
86
86
  font-weight: 600;
87
87
  font-size: 18px;
88
88
  color: medium;
89
89
  }
90
90
 
91
- .default input {
91
+ .defaultStyle input {
92
92
  font-family: "Gilroy";
93
93
  text-transform: none;
94
94
  padding: 0 15px;
@@ -59,7 +59,7 @@ class BrandUploadBox extends _react.default.Component {
59
59
  className: _style.default.wrapper
60
60
  }, /*#__PURE__*/_react.default.createElement("div", {
61
61
  id: idBox,
62
- className: dragging ? _style.default.dropping : _style.default.default
62
+ className: dragging ? _style.default.dropping : _style.default.defaultStyle
63
63
  }, /*#__PURE__*/_react.default.createElement("div", {
64
64
  className: _style.default.cont
65
65
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n description: PropTypes.string,\n browse: PropTypes.string,\n status: PropTypes.oneOf(['default', 'loading']),\n onLoad: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {skin} = this.context;\n const {status} = this.props;\n const {dragging} = this.state;\n\n let content;\n\n const {description = '', browse = '', onLoad, name} = this.props;\n const brandColor = get('common.brand', skin);\n\n switch (status) {\n case 'loading':\n content = (\n <div className={style.loading}>\n <Loader />\n </div>\n );\n break;\n\n default:\n content = (\n <div className={style.wrapper}>\n <div id={idBox} className={dragging ? style.dropping : style.default}>\n <div className={style.cont}>\n <UploadIcon style={{color: brandColor}} className={style.arrow} />\n <div className={style.desc}>{description}</div>\n <span className={style.browse}>{browse}</span>\n </div>\n <input\n type=\"file\"\n name={name}\n className={style.inputFile}\n onChange={onLoad}\n onDragEnter={this.handleDragStart}\n onDrop={this.handleDragStop}\n onDragLeave={this.handleDragStop}\n />\n </div>\n </div>\n );\n }\n\n return content;\n }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_loader","_style","e","__esModule","default","BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId2","skin","context","status","content","description","browse","onLoad","name","brandColor","_get2","createElement","className","style","loading","wrapper","id","dropping","defaultStyle","cont","NovaSolidDataTransferDataUpload1","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","func","_default","exports"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n static propTypes = {\n name: PropTypes.string,\n description: PropTypes.string,\n browse: PropTypes.string,\n status: PropTypes.oneOf(['default', 'loading']),\n onLoad: PropTypes.func\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {skin} = this.context;\n const {status} = this.props;\n const {dragging} = this.state;\n\n let content;\n\n const {description = '', browse = '', onLoad, name} = this.props;\n const brandColor = get('common.brand', skin);\n\n switch (status) {\n case 'loading':\n content = (\n <div className={style.loading}>\n <Loader />\n </div>\n );\n break;\n\n default:\n content = (\n <div className={style.wrapper}>\n <div id={idBox} className={dragging ? style.dropping : style.defaultStyle}>\n <div className={style.cont}>\n <UploadIcon style={{color: brandColor}} className={style.arrow} />\n <div className={style.desc}>{description}</div>\n <span className={style.browse}>{browse}</span>\n </div>\n <input\n type=\"file\"\n name={name}\n className={style.inputFile}\n onChange={onLoad}\n onDragEnter={this.handleDragStart}\n onDrop={this.handleDragStop}\n onDragLeave={this.handleDragStop}\n />\n </div>\n </div>\n );\n }\n\n return content;\n }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}
@@ -24,7 +24,7 @@
24
24
  transform: scale(1.2);
25
25
  }
26
26
 
27
- .default {
27
+ .defaultStyle {
28
28
  border: 2px dashed xtraLightGrey;
29
29
  border-radius: 4px;
30
30
  overflow: hidden;
@@ -34,14 +34,14 @@
34
34
  }
35
35
 
36
36
  .loading {
37
- composes: default;
37
+ composes: defaultStyle;
38
38
  height: 80px;
39
39
  border: none;
40
40
  position: relative;
41
41
  }
42
42
 
43
43
  .dropping {
44
- composes: default;
44
+ composes: defaultStyle;
45
45
  border: 3px dashed brand;
46
46
  }
47
47
 
@@ -3,7 +3,7 @@
3
3
  @value colors: "../../variables/colors.css";
4
4
  @value white from colors;
5
5
 
6
- .default {
6
+ .defaultStyle {
7
7
  display: flex;
8
8
  flex-wrap: wrap;
9
9
  justify-content: center;
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .content {
25
- composes: default;
25
+ composes: defaultStyle;
26
26
  padding: 12px 12px 0;
27
27
  font-size: 12px;
28
28
  }
@@ -1,5 +1,5 @@
1
1
  export namespace THEMES {
2
- const _default: null;
2
+ const _default: any;
3
3
  export { _default as default };
4
4
  export const coorpmanager: any;
5
5
  }
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _customer = _interopRequireDefault(require("./customer.css"));
10
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
11
  const THEMES = exports.THEMES = {
12
- default: null,
12
+ default: _customer.default.defaultStyle,
13
13
  coorpmanager: _customer.default.coorpmanager
14
14
  };
15
15
  const Customer = props => {
@@ -1 +1 @@
1
- {"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","bool","isRequired","_default"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n const className = classnames(\n THEMES[theme],\n style.customer,\n type === 'chapter' ? style.chapterCustomer : null\n );\n\n return (\n <div className={className} disabled={disabled} aria-label={ariaLabel}>\n <div className={style.content}>\n {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n {coorpOriginal ? <span className={style.original}>Original </span> : null}\n {!coorpOriginal && name}\n </div>\n </div>\n );\n};\n\nCustomer.propTypes = {\n theme: PropTypes.oneOf(keys(THEMES)),\n type: PropTypes.string,\n name: PropTypes.string,\n coorpOriginal: PropTypes.bool.isRequired,\n disabled: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBD,OAAO,EAAE,IAAI;EACbG,YAAY,EAAEC,iBAAK,CAACD;AACtB,CAAC;AAED,MAAME,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bb,MAAM,CAACS,KAAK,CAAC,EACbN,iBAAK,CAACW,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGJ,iBAAK,CAACY,eAAe,GAAG,IAC/C,CAAC;EAED,oBACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAKJ,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnEpB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAKJ,SAAS,EAAET,iBAAK,CAACc;EAAQ,GAC3BT,aAAa,gBAAGjB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMJ,SAAS,EAAET,iBAAK,CAACe;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClEV,aAAa,gBAAGjB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMJ,SAAS,EAAET,iBAAK,CAACgB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACX,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBd,KAAK,EAAEe,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA3B,OAAA,EAAKC,MAAM,CAAC,CAAC;EACpCO,IAAI,EAAEiB,kBAAS,CAACG,MAAM;EACtBrB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;EACtBnB,aAAa,EAAEgB,kBAAS,CAACI,IAAI,CAACC,UAAU;EACxCnB,QAAQ,EAAEc,kBAAS,CAACI,IAAI;EACxB,YAAY,EAAEJ,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAG,QAAA,GAAA7B,OAAA,CAAAF,OAAA,GAEaK,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","style","defaultStyle","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","bool","isRequired","_default"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n default: style.defaultStyle,\n coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n const className = classnames(\n THEMES[theme],\n style.customer,\n type === 'chapter' ? style.chapterCustomer : null\n );\n\n return (\n <div className={className} disabled={disabled} aria-label={ariaLabel}>\n <div className={style.content}>\n {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n {coorpOriginal ? <span className={style.original}>Original </span> : null}\n {!coorpOriginal && name}\n </div>\n </div>\n );\n};\n\nCustomer.propTypes = {\n theme: PropTypes.oneOf(keys(THEMES)),\n type: PropTypes.string,\n name: PropTypes.string,\n coorpOriginal: PropTypes.bool.isRequired,\n disabled: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBD,OAAO,EAAEG,iBAAK,CAACC,YAAY;EAC3BC,YAAY,EAAEF,iBAAK,CAACE;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bd,MAAM,CAACU,KAAK,CAAC,EACbR,iBAAK,CAACa,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGN,iBAAK,CAACc,eAAe,GAAG,IAC/C,CAAC;EAED,oBACEzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnErB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEX,iBAAK,CAACgB;EAAQ,GAC3BT,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACiB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClEV,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACkB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACX,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBd,KAAK,EAAEe,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA5B,OAAA,EAAKC,MAAM,CAAC,CAAC;EACpCQ,IAAI,EAAEiB,kBAAS,CAACG,MAAM;EACtBrB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;EACtBnB,aAAa,EAAEgB,kBAAS,CAACI,IAAI,CAACC,UAAU;EACxCnB,QAAQ,EAAEc,kBAAS,CAACI,IAAI;EACxB,YAAY,EAAEJ,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAG,QAAA,GAAA9B,OAAA,CAAAF,OAAA,GAEaM,QAAQ","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  export namespace THEMES {
2
- const _default: null;
2
+ const _default: any;
3
3
  export { _default as default };
4
4
  export const coorpmanager: any;
5
5
  }
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
24
24
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
25
25
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
26
26
  const THEMES = exports.THEMES = {
27
- default: null,
27
+ default: _style.default.defaultStyle,
28
28
  coorpmanager: _style.default.coorpmanager
29
29
  };
30
30
  const CardBackground = ({
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: null,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? (\n <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n ) : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled: hidden = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default',\n disabledContent,\n 'aria-label': cardArialabel,\n 'background-aria-label': backgroundAriaLabel,\n 'favorite-aria-label': favoriteAriaLabel,\n 'selectable-aria-label': selectableAriaLabel,\n 'customer-aria-label': customerAriaLabel,\n 'badge-aria-label': badgeAriaLabel,\n 'disabled-aria-label': disabledArialabel,\n 'card-content-aria-label': cardContentLabelAriaLabel\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const disabled = hidden && (!isSelected || isUndefined(isSelected));\n const handleClick = useMemo(() => e => onClick(e), [onClick]);\n const lock = disabled ? (\n <div className={style.lockContent}>\n <LockIcon className={style.lockIcon} height={48} />\n <span\n aria-label={disabledArialabel}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: disabledContent}}\n />\n </div>\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n aria-label={cardArialabel}\n >\n <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n aria-label={favoriteAriaLabel}\n />\n ) : null}\n <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n theme={theme}\n type={type}\n disabled={disabled}\n aria-label={customerAriaLabel}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n aria-label={cardContentLabelAriaLabel}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n {badge}\n </div>\n ) : null}\n {disabled ? (\n <div className={style.lockWrapper} aria-label={disabledArialabel}>\n {lock}\n </div>\n ) : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES)),\n disabledContent: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'background-aria-label': PropTypes.string,\n 'favorite-aria-label': Favorite.propTypes['aria-label'],\n 'selectable-aria-label': Selectable.propTypes['aria-label'],\n 'customer-aria-label': Customer.propTypes['aria-label'],\n 'badge-aria-label': PropTypes.string,\n 'disabled-aria-label': PropTypes.string,\n 'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","style","defaultStyle","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n default: style.defaultStyle,\n coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n const externalContent = isExternalContent(type);\n const primaryColor = get('common.primary', skin);\n const whiteColor = get('common.white', skin);\n\n if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n const backgroundIcon = (\n <div className={style.externalIconCircleWrapper}>\n <IconType className={style.externalIcon} />\n </div>\n );\n\n if (image) {\n const _backgroundIcon = (\n <div\n className={classnames(\n style.externalIconCircleWrapper,\n style.externalIconCircleWithImageWrapper\n )}\n style={{\n backgroundColor: iconColor\n }}\n >\n <IconType className={style.externalIconWithImage} />\n </div>\n );\n\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor,\n backgroundImage: `url('${image}')`\n }}\n className={classnames(style.externalContentHeader, style.externalBackground)}\n >\n {_backgroundIcon}\n </div>\n </div>\n );\n }\n return (\n <div className={style.imageWrapper}>\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n style={{\n backgroundColor: iconColor\n }}\n className={style.externalContentHeader}\n >\n {backgroundIcon}\n </div>\n </div>\n );\n }\n\n const emptyIcon = empty ? (\n <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n ) : null;\n return (\n <div\n className={classnames(\n style.imageWrapper,\n type === 'chapter' ? style.chapterImageWrapper : null\n )}\n >\n <div\n data-name=\"cover\"\n aria-label={ariaLabel}\n className={style.image}\n style={{\n backgroundColor: primaryColor,\n backgroundImage: image ? `url('${image}')` : 'none'\n }}\n >\n {emptyIcon}\n </div>\n </div>\n );\n};\n\nCardBackground.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n type: PropTypes.string,\n image: PropTypes.string,\n empty: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n const {skin} = context;\n const {\n image,\n badge,\n adaptiv,\n disabled: hidden = false,\n type = 'course',\n title,\n author,\n customer,\n certifiedAuthor,\n progress,\n favorite,\n addFavoriteToolTip,\n removeFavoriteToolTip,\n onClick,\n onFavoriteClick,\n isSelected,\n notification,\n badgeCategory,\n badgeLabel,\n theme = 'default',\n disabledContent,\n 'aria-label': cardArialabel,\n 'background-aria-label': backgroundAriaLabel,\n 'favorite-aria-label': favoriteAriaLabel,\n 'selectable-aria-label': selectableAriaLabel,\n 'customer-aria-label': customerAriaLabel,\n 'badge-aria-label': badgeAriaLabel,\n 'disabled-aria-label': disabledArialabel,\n 'card-content-aria-label': cardContentLabelAriaLabel\n } = props;\n const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n const primaryColor = get('common.primary', skin);\n const cardStyle = classnames(\n THEMES[theme],\n type === 'chapter' ? style.chapter : style.course,\n title ? null : style.lazy,\n style.grid,\n empty ? style.empty : null\n );\n const disabled = hidden && (!isSelected || isUndefined(isSelected));\n const handleClick = useMemo(() => e => onClick(e), [onClick]);\n const lock = disabled ? (\n <div className={style.lockContent}>\n <LockIcon className={style.lockIcon} height={48} />\n <span\n aria-label={disabledArialabel}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: disabledContent}}\n />\n </div>\n ) : null;\n const inlineBadgeStyle = {color: primaryColor};\n const getType = contentType => {\n switch (contentType) {\n case 'chapter':\n return 'microlearning';\n case 'course':\n return 'learner';\n default:\n return contentType;\n }\n };\n\n return (\n <div\n className={cardStyle}\n data-name=\"card\"\n data-lock={disabled}\n data-type={getType(type)}\n disabled={disabled}\n onClick={handleClick}\n aria-label={cardArialabel}\n >\n <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n {isUndefined(isSelected) && !isUndefined(favorite) ? (\n <Favorite\n className={style.favorite}\n favorite={favorite}\n disabled={disabled}\n onFavoriteClick={onFavoriteClick}\n addFavoriteToolTip={addFavoriteToolTip}\n removeFavoriteToolTip={removeFavoriteToolTip}\n aria-label={favoriteAriaLabel}\n />\n ) : null}\n <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n {notification ? <Notification {...notification} /> : null}\n {customer ? (\n <Customer\n {...customer}\n theme={theme}\n type={type}\n disabled={disabled}\n aria-label={customerAriaLabel}\n />\n ) : null}\n <CardContentInfo\n mode={MODES.CARD}\n adaptiv={adaptiv}\n author={author}\n certifiedAuthor={certifiedAuthor}\n disabled={disabled}\n empty={empty}\n progress={progress}\n title={title}\n type={type}\n badgeCategory={badgeCategory}\n badgeLabel={badgeLabel}\n theme={theme}\n aria-label={cardContentLabelAriaLabel}\n />\n {badge ? (\n <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n {badge}\n </div>\n ) : null}\n {disabled ? (\n <div className={style.lockWrapper} aria-label={disabledArialabel}>\n {lock}\n </div>\n ) : null}\n </div>\n );\n});\n\nCard.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n badge: PropTypes.string,\n image: PropTypes.string,\n disabled: PropTypes.bool,\n adaptiv: PropTypes.bool,\n type: PropTypes.string,\n title: PropTypes.string,\n author: PropTypes.string,\n certifiedAuthor: PropTypes.bool,\n customer: PropTypes.shape(Customer.propTypes),\n progress: PropTypes.number,\n favorite: PropTypes.bool,\n addFavoriteToolTip: PropTypes.string,\n removeFavoriteToolTip: PropTypes.string,\n onClick: PropTypes.func,\n onFavoriteClick: PropTypes.func,\n isSelected: PropTypes.bool,\n notification: PropTypes.shape(Notification.propTypes),\n badgeCategory: CardContentInfo.propTypes.badgeCategory,\n badgeLabel: CardContentInfo.propTypes.badgeLabel,\n theme: PropTypes.oneOf(keys(THEMES)),\n disabledContent: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'background-aria-label': PropTypes.string,\n 'favorite-aria-label': Favorite.propTypes['aria-label'],\n 'selectable-aria-label': Selectable.propTypes['aria-label'],\n 'customer-aria-label': Customer.propTypes['aria-label'],\n 'badge-aria-label': PropTypes.string,\n 'disabled-aria-label': PropTypes.string,\n 'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
@@ -11,11 +11,11 @@
11
11
  @value cm_negative_200 from colors;
12
12
  @value negative_100 from colors;
13
13
 
14
- .default[disabled] {
14
+ .defaultStyle[disabled] {
15
15
  cursor: inherit;
16
16
  }
17
17
 
18
- .default {
18
+ .defaultStyle {
19
19
  display: inline-block;
20
20
  box-sizing: border-box;
21
21
  vertical-align: top;
@@ -33,7 +33,7 @@
33
33
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
34
34
  }
35
35
 
36
- .default[disabled] .favorite {
36
+ .defaultStyle[disabled] .favorite {
37
37
  z-index: 0;
38
38
  }
39
39
 
@@ -43,14 +43,14 @@
43
43
  }
44
44
 
45
45
  .course {
46
- composes: default;
46
+ composes: defaultStyle;
47
47
  border-radius: 8px;
48
48
  width: 256px;
49
49
  height: 297px;
50
50
  }
51
51
 
52
52
  .chapter {
53
- composes: default;
53
+ composes: defaultStyle;
54
54
  border-radius: 8px;
55
55
  width: 203px;
56
56
  height: 297px;
@@ -88,7 +88,7 @@
88
88
  max-height: 52px;
89
89
  }
90
90
 
91
- .default .image {
91
+ .defaultStyle .image {
92
92
  overflow: hidden;
93
93
  background-position: 50%;
94
94
  background-size: cover;
@@ -99,18 +99,18 @@
99
99
  line-height: 125px;
100
100
  }
101
101
 
102
- .default .image::after {
102
+ .defaultStyle .image::after {
103
103
  opacity: 0;
104
104
  transition: opacity 0.25s ease-in-out;
105
105
  }
106
106
 
107
- .default:hover .image {
107
+ .defaultStyle:hover .image {
108
108
  transform-origin: center;
109
109
  transform: scale(1.1);
110
110
  transition: all 1s ease-in-out;
111
111
  }
112
112
 
113
- .default .image::after {
113
+ .defaultStyle .image::after {
114
114
  position: absolute;
115
115
  content: '';
116
116
  width: 100%;
@@ -125,7 +125,7 @@
125
125
  );
126
126
  }
127
127
 
128
- .default .image::before {
128
+ .defaultStyle .image::before {
129
129
  position: absolute;
130
130
  content: '';
131
131
  width: 100%;
@@ -137,7 +137,7 @@
137
137
  background: black;
138
138
  }
139
139
 
140
- .default:hover .image::before {
140
+ .defaultStyle:hover .image::before {
141
141
  opacity: 0.3;
142
142
  transition: opacity 0.5s ease-in-out;
143
143
  }
@@ -156,14 +156,14 @@
156
156
  }
157
157
  }
158
158
 
159
- .course .default:hover,
160
- .chapter .default:hover {
159
+ .course .defaultStyle:hover,
160
+ .chapter .defaultStyle:hover {
161
161
  background: light;
162
162
  cursor: pointer;
163
163
  transition: background 0.25s ease-in-out;
164
164
  }
165
165
 
166
- .default[disabled] .imageWrapper {
166
+ .defaultStyle[disabled] .imageWrapper {
167
167
  opacity: 0.8;
168
168
  }
169
169
 
@@ -382,8 +382,8 @@
382
382
  animation-play-state: paused;
383
383
  }
384
384
 
385
- .default:hover .externalIconCircleWrapper::after,
386
- .default:hover .externalIconCircleWrapper::before {
385
+ .defaultStyle:hover .externalIconCircleWrapper::after,
386
+ .defaultStyle:hover .externalIconCircleWrapper::before {
387
387
  animation-play-state: running;
388
388
  box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, 0.37);
389
389
  }
@@ -494,13 +494,13 @@
494
494
  }
495
495
 
496
496
  @media (hover: none) {
497
- .default:hover .image {
497
+ .defaultStyle:hover .image {
498
498
  transform: scale(1);
499
499
  }
500
- .default:hover .image::before {
500
+ .defaultStyle:hover .image::before {
501
501
  opacity: 0;
502
502
  }
503
- .default:hover .externalIconCircleWrapper {
503
+ .defaultStyle:hover .externalIconCircleWrapper {
504
504
  transform: scale(1);
505
505
  }
506
506
  }
@@ -102,7 +102,7 @@ class Filters extends _react.default.Component {
102
102
  }, /*#__PURE__*/_react.default.createElement("div", {
103
103
  "data-name": "filter",
104
104
  "data-open": filtersActive,
105
- className: filtersActive ? _style.default.activeDefault : _style.default.default
105
+ className: filtersActive ? _style.default.activeDefault : _style.default.defaultStyle
106
106
  }, /*#__PURE__*/_react.default.createElement("div", {
107
107
  className: _style.default.title,
108
108
  "data-name": "filterButton",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func,\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {\n sorting,\n filterCTALabel,\n filterTabLabel,\n sortCTALabel,\n sortTabLabel,\n filters,\n moreFilterAriaLabel,\n moreSortAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = this.props;\n const {filter, sorted} = this.state;\n const {skin} = this.context;\n\n const defaultColor = get('common.primary', skin);\n const darkColor = get('common.dark', skin);\n const filtersActive = filter === true;\n const sortingActive = sorted === true;\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\" className={style.select}>\n <Select {...sorting} aria-label={sortAriaLabel} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"search\" className={style.search}>\n <div\n data-name=\"filter\"\n data-open={filtersActive}\n className={filtersActive ? style.activeDefault : style.default}\n >\n <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n {filterTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"sortBy\"\n data-open={sortingActive}\n className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n >\n <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n {sortTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"filterWrapper\"\n className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n >\n <FiltersWrapper\n className={style.wrapper}\n filters={filters}\n filterGroupAriaLabel={filterGroupAriaLabel}\n />\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {filterCTALabel}\n </div>\n </div>\n <div\n data-name=\"sortWrapper\"\n className={sortingActive ? style.activeSorting : style.sorting}\n >\n {sortView}\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {sortCTALabel}\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","defaultStyle","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func,\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {\n sorting,\n filterCTALabel,\n filterTabLabel,\n sortCTALabel,\n sortTabLabel,\n filters,\n moreFilterAriaLabel,\n moreSortAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = this.props;\n const {filter, sorted} = this.state;\n const {skin} = this.context;\n\n const defaultColor = get('common.primary', skin);\n const darkColor = get('common.dark', skin);\n const filtersActive = filter === true;\n const sortingActive = sorted === true;\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\" className={style.select}>\n <Select {...sorting} aria-label={sortAriaLabel} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"search\" className={style.search}>\n <div\n data-name=\"filter\"\n data-open={filtersActive}\n className={filtersActive ? style.activeDefault : style.defaultStyle}\n >\n <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n {filterTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"sortBy\"\n data-open={sortingActive}\n className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n >\n <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n {sortTabLabel}\n <div className={style.arrow}>\n <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"filterWrapper\"\n className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n >\n <FiltersWrapper\n className={style.wrapper}\n filters={filters}\n filterGroupAriaLabel={filterGroupAriaLabel}\n />\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {filterCTALabel}\n </div>\n </div>\n <div\n data-name=\"sortWrapper\"\n className={sortingActive ? style.activeSorting : style.sorting}\n >\n {sortView}\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {sortCTALabel}\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}