@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

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 (217) 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/battle-opponent/index.js +1 -1
  5. package/es/atom/battle-opponent/index.js.map +1 -1
  6. package/es/atom/battle-opponent/style.css +7 -7
  7. package/es/atom/button-link-icon/index.js +1 -1
  8. package/es/atom/button-link-icon/index.js.map +1 -1
  9. package/es/atom/button-link-icon/style.css +2 -2
  10. package/es/atom/button-menu/index.js +1 -1
  11. package/es/atom/button-menu/index.js.map +1 -1
  12. package/es/atom/button-menu/style.css +4 -4
  13. package/es/atom/input-checkbox/index.d.ts.map +1 -1
  14. package/es/atom/input-checkbox/index.js +1 -1
  15. package/es/atom/input-checkbox/index.js.map +1 -1
  16. package/es/atom/input-checkbox/style.css +12 -12
  17. package/es/atom/input-color/index.js +1 -1
  18. package/es/atom/input-color/index.js.map +1 -1
  19. package/es/atom/input-color/style.css +3 -3
  20. package/es/atom/input-html/index.js +1 -1
  21. package/es/atom/input-html/index.js.map +1 -1
  22. package/es/atom/input-html/style.css +3 -3
  23. package/es/atom/input-switch/index.js +1 -1
  24. package/es/atom/input-switch/index.js.map +1 -1
  25. package/es/atom/input-switch/style.css +6 -6
  26. package/es/atom/input-text/index.js +2 -2
  27. package/es/atom/input-text/index.js.map +1 -1
  28. package/es/atom/input-text/style.css +4 -4
  29. package/es/atom/input-textarea/index.js +2 -2
  30. package/es/atom/input-textarea/index.js.map +1 -1
  31. package/es/atom/input-textarea/style.css +5 -5
  32. package/es/atom/label/index.js +1 -1
  33. package/es/atom/label/index.js.map +1 -1
  34. package/es/atom/label/style.css +1 -1
  35. package/es/atom/life/index.js +1 -1
  36. package/es/atom/life/index.js.map +1 -1
  37. package/es/atom/life/style.css +1 -1
  38. package/es/atom/picture-background/index.js +1 -1
  39. package/es/atom/picture-background/index.js.map +1 -1
  40. package/es/atom/picture-background/style.css +1 -1
  41. package/es/atom/range/handle.css +1 -1
  42. package/es/atom/range/handle.js +1 -1
  43. package/es/atom/range/handle.js.map +1 -1
  44. package/es/atom/select/index.js +1 -1
  45. package/es/atom/select/index.js.map +1 -1
  46. package/es/atom/select/style.css +13 -13
  47. package/es/atom/select-icon/index.js +1 -1
  48. package/es/atom/select-icon/index.js.map +1 -1
  49. package/es/atom/select-icon/style.css +1 -1
  50. package/es/atom/status-item/index.js +1 -1
  51. package/es/atom/status-item/index.js.map +1 -1
  52. package/es/atom/status-item/style.css +1 -1
  53. package/es/atom/tag/index.js +1 -1
  54. package/es/atom/tag/index.js.map +1 -1
  55. package/es/atom/tag/style.css +1 -1
  56. package/es/molecule/brand-create-form/index.js +1 -1
  57. package/es/molecule/brand-create-form/index.js.map +1 -1
  58. package/es/molecule/brand-create-form/style.css +4 -4
  59. package/es/molecule/brand-upload-box/index.js +1 -1
  60. package/es/molecule/brand-upload-box/index.js.map +1 -1
  61. package/es/molecule/brand-upload-box/style.css +3 -3
  62. package/es/molecule/card/customer.css +2 -2
  63. package/es/molecule/card/customer.d.ts +1 -1
  64. package/es/molecule/card/customer.js +1 -1
  65. package/es/molecule/card/customer.js.map +1 -1
  66. package/es/molecule/card/index.d.ts +1 -1
  67. package/es/molecule/card/index.js +1 -1
  68. package/es/molecule/card/index.js.map +1 -1
  69. package/es/molecule/card/style.css +19 -19
  70. package/es/molecule/filters/index.js +1 -1
  71. package/es/molecule/filters/index.js.map +1 -1
  72. package/es/molecule/filters/style.css +4 -4
  73. package/es/molecule/hero/index.js +1 -1
  74. package/es/molecule/hero/index.js.map +1 -1
  75. package/es/molecule/hero/style.css +10 -10
  76. package/es/molecule/module-card/index.js +1 -1
  77. package/es/molecule/module-card/index.js.map +1 -1
  78. package/es/molecule/module-card/style.css +3 -3
  79. package/es/molecule/select-multiple/index.js +2 -2
  80. package/es/molecule/select-multiple/index.js.map +1 -1
  81. package/es/molecule/select-multiple/style.css +5 -5
  82. package/es/molecule/theme-image/index.js +1 -1
  83. package/es/molecule/theme-image/index.js.map +1 -1
  84. package/es/molecule/theme-image/style.css +4 -4
  85. package/es/molecule/titled-checkbox/index.js +1 -1
  86. package/es/molecule/titled-checkbox/index.js.map +1 -1
  87. package/es/molecule/titled-checkbox/style.css +1 -1
  88. package/es/organism/brand-analytics/analytics-popin.css +1 -1
  89. package/es/organism/brand-analytics/analytics-popin.js +1 -1
  90. package/es/organism/brand-analytics/analytics-popin.js.map +1 -1
  91. package/es/organism/cards-grid/index.js +1 -1
  92. package/es/organism/cards-grid/index.js.map +1 -1
  93. package/es/organism/cards-grid/style.css +1 -1
  94. package/es/organism/popin/index.js +1 -1
  95. package/es/organism/popin/index.js.map +1 -1
  96. package/es/organism/popin/style.css +1 -1
  97. package/es/organism/resource-browser/index.js +1 -1
  98. package/es/organism/resource-browser/index.js.map +1 -1
  99. package/es/organism/resource-browser/style.css +2 -2
  100. package/es/template/activity/index.js +1 -1
  101. package/es/template/activity/index.js.map +1 -1
  102. package/es/template/activity/style.css +2 -2
  103. package/es/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
  104. package/es/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
  105. package/es/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
  106. package/es/template/external-course/index.js +2 -2
  107. package/es/template/external-course/index.js.map +1 -1
  108. package/es/template/external-course/style.css +2 -2
  109. package/lib/atom/autocomplete/index.js +2 -2
  110. package/lib/atom/autocomplete/index.js.map +1 -1
  111. package/lib/atom/autocomplete/style.css +4 -4
  112. package/lib/atom/battle-opponent/index.js +1 -1
  113. package/lib/atom/battle-opponent/index.js.map +1 -1
  114. package/lib/atom/battle-opponent/style.css +7 -7
  115. package/lib/atom/button-link-icon/index.js +1 -1
  116. package/lib/atom/button-link-icon/index.js.map +1 -1
  117. package/lib/atom/button-link-icon/style.css +2 -2
  118. package/lib/atom/button-menu/index.js +1 -1
  119. package/lib/atom/button-menu/index.js.map +1 -1
  120. package/lib/atom/button-menu/style.css +4 -4
  121. package/lib/atom/input-checkbox/index.d.ts.map +1 -1
  122. package/lib/atom/input-checkbox/index.js +1 -1
  123. package/lib/atom/input-checkbox/index.js.map +1 -1
  124. package/lib/atom/input-checkbox/style.css +12 -12
  125. package/lib/atom/input-color/index.js +1 -1
  126. package/lib/atom/input-color/index.js.map +1 -1
  127. package/lib/atom/input-color/style.css +3 -3
  128. package/lib/atom/input-html/index.js +1 -1
  129. package/lib/atom/input-html/index.js.map +1 -1
  130. package/lib/atom/input-html/style.css +3 -3
  131. package/lib/atom/input-switch/index.js +1 -1
  132. package/lib/atom/input-switch/index.js.map +1 -1
  133. package/lib/atom/input-switch/style.css +6 -6
  134. package/lib/atom/input-text/index.js +2 -2
  135. package/lib/atom/input-text/index.js.map +1 -1
  136. package/lib/atom/input-text/style.css +4 -4
  137. package/lib/atom/input-textarea/index.js +2 -2
  138. package/lib/atom/input-textarea/index.js.map +1 -1
  139. package/lib/atom/input-textarea/style.css +5 -5
  140. package/lib/atom/label/index.js +1 -1
  141. package/lib/atom/label/index.js.map +1 -1
  142. package/lib/atom/label/style.css +1 -1
  143. package/lib/atom/life/index.js +1 -1
  144. package/lib/atom/life/index.js.map +1 -1
  145. package/lib/atom/life/style.css +1 -1
  146. package/lib/atom/picture-background/index.js +1 -1
  147. package/lib/atom/picture-background/index.js.map +1 -1
  148. package/lib/atom/picture-background/style.css +1 -1
  149. package/lib/atom/range/handle.css +1 -1
  150. package/lib/atom/range/handle.js +1 -1
  151. package/lib/atom/range/handle.js.map +1 -1
  152. package/lib/atom/select/index.js +1 -1
  153. package/lib/atom/select/index.js.map +1 -1
  154. package/lib/atom/select/style.css +13 -13
  155. package/lib/atom/select-icon/index.js +1 -1
  156. package/lib/atom/select-icon/index.js.map +1 -1
  157. package/lib/atom/select-icon/style.css +1 -1
  158. package/lib/atom/status-item/index.js +1 -1
  159. package/lib/atom/status-item/index.js.map +1 -1
  160. package/lib/atom/status-item/style.css +1 -1
  161. package/lib/atom/tag/index.js +1 -1
  162. package/lib/atom/tag/index.js.map +1 -1
  163. package/lib/atom/tag/style.css +1 -1
  164. package/lib/molecule/brand-create-form/index.js +1 -1
  165. package/lib/molecule/brand-create-form/index.js.map +1 -1
  166. package/lib/molecule/brand-create-form/style.css +4 -4
  167. package/lib/molecule/brand-upload-box/index.js +1 -1
  168. package/lib/molecule/brand-upload-box/index.js.map +1 -1
  169. package/lib/molecule/brand-upload-box/style.css +3 -3
  170. package/lib/molecule/card/customer.css +2 -2
  171. package/lib/molecule/card/customer.d.ts +1 -1
  172. package/lib/molecule/card/customer.js +1 -1
  173. package/lib/molecule/card/customer.js.map +1 -1
  174. package/lib/molecule/card/index.d.ts +1 -1
  175. package/lib/molecule/card/index.js +1 -1
  176. package/lib/molecule/card/index.js.map +1 -1
  177. package/lib/molecule/card/style.css +19 -19
  178. package/lib/molecule/filters/index.js +1 -1
  179. package/lib/molecule/filters/index.js.map +1 -1
  180. package/lib/molecule/filters/style.css +4 -4
  181. package/lib/molecule/hero/index.js +1 -1
  182. package/lib/molecule/hero/index.js.map +1 -1
  183. package/lib/molecule/hero/style.css +10 -10
  184. package/lib/molecule/module-card/index.js +1 -1
  185. package/lib/molecule/module-card/index.js.map +1 -1
  186. package/lib/molecule/module-card/style.css +3 -3
  187. package/lib/molecule/select-multiple/index.js +2 -2
  188. package/lib/molecule/select-multiple/index.js.map +1 -1
  189. package/lib/molecule/select-multiple/style.css +5 -5
  190. package/lib/molecule/theme-image/index.js +1 -1
  191. package/lib/molecule/theme-image/index.js.map +1 -1
  192. package/lib/molecule/theme-image/style.css +4 -4
  193. package/lib/molecule/titled-checkbox/index.js +1 -1
  194. package/lib/molecule/titled-checkbox/index.js.map +1 -1
  195. package/lib/molecule/titled-checkbox/style.css +1 -1
  196. package/lib/organism/brand-analytics/analytics-popin.css +1 -1
  197. package/lib/organism/brand-analytics/analytics-popin.js +1 -1
  198. package/lib/organism/brand-analytics/analytics-popin.js.map +1 -1
  199. package/lib/organism/cards-grid/index.js +1 -1
  200. package/lib/organism/cards-grid/index.js.map +1 -1
  201. package/lib/organism/cards-grid/style.css +1 -1
  202. package/lib/organism/popin/index.js +1 -1
  203. package/lib/organism/popin/index.js.map +1 -1
  204. package/lib/organism/popin/style.css +1 -1
  205. package/lib/organism/resource-browser/index.js +1 -1
  206. package/lib/organism/resource-browser/index.js.map +1 -1
  207. package/lib/organism/resource-browser/style.css +2 -2
  208. package/lib/template/activity/index.js +1 -1
  209. package/lib/template/activity/index.js.map +1 -1
  210. package/lib/template/activity/style.css +2 -2
  211. package/lib/template/back-office/dashboard-preview/dashboard-popin.css +1 -1
  212. package/lib/template/back-office/dashboard-preview/dashboard-popin.js +1 -1
  213. package/lib/template/back-office/dashboard-preview/dashboard-popin.js.map +1 -1
  214. package/lib/template/external-course/index.js +2 -2
  215. package/lib/template/external-course/index.js.map +1 -1
  216. package/lib/template/external-course/style.css +2 -2
  217. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_provider","_inputPreview","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputHtml","props","legacyContext","value","onChange","_noop2","text","setText","useState","preview","setPreview","handleChange","useCallback","_value","target","handlePreview","preventDefault","skin","GetSkinFromContext","mediumColor","_getOr2","title","placeholder","error","description","disabled","className","style","iconContent","createElement","NovaLineBusinessCircleView","color","height","NovaLineContentEditionPencil2","contentWrapper","input","toggle","onClick","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n NovaLineBusinessCircleView as PreviewIcon,\n NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n const {value = '', onChange = noop} = props;\n const [text, setText] = useState(value);\n const [preview, setPreview] = useState(true);\n\n const handleChange = useCallback(\n e => {\n const _value = e.target.value;\n setText(_value);\n onChange(_value);\n },\n [onChange]\n );\n\n const handlePreview = useCallback(\n e => {\n e.preventDefault();\n setPreview(!preview);\n },\n [preview, setPreview]\n );\n\n const skin = GetSkinFromContext(legacyContext);\n const mediumColor = getOr('#999999', 'common.medium', skin);\n\n const {title, placeholder, error, description, disabled} = props;\n\n const className = error ? style.error : style.default;\n const iconContent = !preview ? (\n <PreviewIcon style={{color: mediumColor}} height={16} />\n ) : (\n <PencilIcon style={{color: mediumColor}} height={16} />\n );\n\n return (\n <div className={className}>\n <label>\n <span className={style.title}>{`${title} `}</span>\n <div className={style.contentWrapper}>\n <InputPreview\n title={title}\n text={text}\n placeholder={placeholder}\n onChange={handleChange}\n disabled={disabled}\n preview={preview}\n className={style.input}\n />\n </div>\n <span\n data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n className={style.toggle}\n onClick={handlePreview}\n >\n {iconContent}\n </span>\n </label>\n <div className={style.description}>{description}</div>\n </div>\n );\n};\n\nInputHtml.propTypes = {\n title: PropTypes.string,\n placeholder: PropTypes.string,\n disabled: PropTypes.bool,\n value: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_provider","_inputPreview","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputHtml","props","legacyContext","value","onChange","_noop2","text","setText","useState","preview","setPreview","handleChange","useCallback","_value","target","handlePreview","preventDefault","skin","GetSkinFromContext","mediumColor","_getOr2","title","placeholder","error","description","disabled","className","style","defaultStyle","iconContent","createElement","NovaLineBusinessCircleView","color","height","NovaLineContentEditionPencil2","contentWrapper","input","toggle","onClick","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n NovaLineBusinessCircleView as PreviewIcon,\n NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n const {value = '', onChange = noop} = props;\n const [text, setText] = useState(value);\n const [preview, setPreview] = useState(true);\n\n const handleChange = useCallback(\n e => {\n const _value = e.target.value;\n setText(_value);\n onChange(_value);\n },\n [onChange]\n );\n\n const handlePreview = useCallback(\n e => {\n e.preventDefault();\n setPreview(!preview);\n },\n [preview, setPreview]\n );\n\n const skin = GetSkinFromContext(legacyContext);\n const mediumColor = getOr('#999999', 'common.medium', skin);\n\n const {title, placeholder, error, description, disabled} = props;\n\n const className = error ? style.error : style.defaultStyle;\n const iconContent = !preview ? (\n <PreviewIcon style={{color: mediumColor}} height={16} />\n ) : (\n <PencilIcon style={{color: mediumColor}} height={16} />\n );\n\n return (\n <div className={className}>\n <label>\n <span className={style.title}>{`${title} `}</span>\n <div className={style.contentWrapper}>\n <InputPreview\n title={title}\n text={text}\n placeholder={placeholder}\n onChange={handleChange}\n disabled={disabled}\n preview={preview}\n className={style.input}\n />\n </div>\n <span\n data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n className={style.toggle}\n onClick={handlePreview}\n >\n {iconContent}\n </span>\n </label>\n <div className={style.description}>{description}</div>\n </div>\n );\n};\n\nInputHtml.propTypes = {\n title: PropTypes.string,\n placeholder: PropTypes.string,\n disabled: PropTypes.bool,\n value: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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","ignoreList":[]}
@@ -4,15 +4,15 @@
4
4
  @value light from colors;
5
5
  @value negative from colors;
6
6
 
7
- .default {
7
+ .defaultStyle {
8
8
  display: flex;
9
9
  }
10
10
 
11
11
  .error {
12
- composes: default;
12
+ composes: defaultStyle;
13
13
  }
14
14
 
15
- .default label {
15
+ .defaultStyle label {
16
16
  display: flex;
17
17
  align-items: center;
18
18
  position: relative;
@@ -54,7 +54,7 @@ const InputSwitch = props => {
54
54
  };
55
55
  default:
56
56
  return {
57
- defaultClass: _style.default.default,
57
+ defaultClass: _style.default.defaultStyle,
58
58
  modifiedClass: _style.default.modified
59
59
  };
60
60
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getClassState","_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","InputSwitch","props","title","name","id","value","disabled","onChange","_noop2","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId2","isDisabled","handleChange","useMemo","target","checked","titleView","createElement","className","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","getClassState","btnSwitchContainer","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","oneOf","_default","exports"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.default, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label\n htmlFor={idSwitch}\n data-name=\"input-switch-label\"\n tabIndex={0}\n aria-label={ariaLabel}\n title={ariaLabel}\n />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ? titleView : null}\n {details ? <div className={style.detailsTxt}>{details}</div> : null}\n </div>\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n 'aria-labelledby': PropTypes.string,\n 'aria-label': PropTypes.string,\n modified: PropTypes.bool,\n titlePosition: PropTypes.oneOf(['right', 'left']),\n theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n details: PropTypes.string,\n 'data-name': PropTypes.string,\n requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getClassState","_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","InputSwitch","props","title","name","id","value","disabled","onChange","_noop2","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId2","isDisabled","handleChange","useMemo","target","checked","titleView","createElement","className","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","defaultStyle","getClassState","btnSwitchContainer","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","oneOf","_default","exports"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left',\n details = '',\n requiredSelection = false,\n 'data-name': dataName,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-label': ariaLabel\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? (\n <span id={`title-view-${dataName}`} className={style.title}>\n {`${title} `}{' '}\n </span>\n ) : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const getClass = () => {\n switch (theme) {\n case 'coorpmanager':\n return {\n defaultClass: style.coorpmanager,\n modifiedClass: style.coorpmanagerModified\n };\n case 'mooc':\n return {\n defaultClass: style.partielUncheck,\n modifiedClass: style.coorpmanagerModified\n };\n default:\n return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n }\n };\n const {defaultClass, modifiedClass} = getClass();\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n {titlePosition === 'left' ? titleView : null}\n <div className={requiredSelection ? style.requiredSelection : null}>\n <div className={style.btnSwitchContainer}>\n <input\n {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n aria-labelledby={ariaLabelledBy}\n />\n <label\n htmlFor={idSwitch}\n data-name=\"input-switch-label\"\n tabIndex={0}\n aria-label={ariaLabel}\n title={ariaLabel}\n />\n </div>\n </div>\n <div className={!details ? style.alignedTextContainer : null}>\n {titlePosition === 'right' ? titleView : null}\n {details ? <div className={style.detailsTxt}>{details}</div> : null}\n </div>\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n 'aria-labelledby': PropTypes.string,\n 'aria-label': PropTypes.string,\n modified: PropTypes.bool,\n titlePosition: PropTypes.oneOf(['right', 'left']),\n theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n details: PropTypes.string,\n 'data-name': PropTypes.string,\n requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
@@ -10,16 +10,16 @@
10
10
  @value cm_primary_blue from colors;
11
11
  @value light_blue from colors;
12
12
 
13
- .default {
13
+ .defaultStyle {
14
14
  display: flex;
15
15
  }
16
16
 
17
17
  .modified {
18
- composes: default;
18
+ composes: defaultStyle;
19
19
  }
20
20
 
21
21
  .coorpmanager {
22
- composes: default;
22
+ composes: defaultStyle;
23
23
  }
24
24
 
25
25
  .coorpmanagerModified {
@@ -30,7 +30,7 @@
30
30
  composes: coorpmanager;
31
31
  }
32
32
 
33
- .default label {
33
+ .defaultStyle label {
34
34
  height: 24px;
35
35
  position: relative;
36
36
  flex-grow: 0;
@@ -42,7 +42,7 @@
42
42
  transition: all 0.3s ease;
43
43
  }
44
44
 
45
- .default label::after {
45
+ .defaultStyle label::after {
46
46
  position: absolute;
47
47
  left: 2px;
48
48
  top: 2px;
@@ -82,7 +82,7 @@
82
82
  background: positive;
83
83
  }
84
84
 
85
- .default input:checked ~ label::after {
85
+ .defaultStyle input:checked ~ label::after {
86
86
  left: 30px;
87
87
  }
88
88
 
@@ -19,7 +19,7 @@ const themeStyle = {
19
19
  setup: _style.default.setup,
20
20
  coorpmanager: _style.default.coorpmanager,
21
21
  cockpit: _style.default.cockpit,
22
- default: _style.default.default
22
+ default: _style.default.defaultStyle
23
23
  };
24
24
  const InputText = props => {
25
25
  const {
@@ -43,7 +43,7 @@ const InputText = props => {
43
43
  const isCMTheme = theme === 'coorpmanager';
44
44
  const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
45
45
  const mainClass = themeStyle[theme];
46
- const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
46
+ const className = (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error);
47
47
  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
48
48
  className: _style.default.description
49
49
  }, description) : null;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_classnames","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop2","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","useMemo","target","mainClass","className","getClassState","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","_isNil2","isNoTitle","_isEmpty2","noValue","name","input","autoComplete","onInput","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","_keys2","func","_default","exports"],"sources":["../../../src/atom/input-text/index.js"],"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 type = 'text',\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={type}\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 type: PropTypes.string,\n valid: PropTypes.bool,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAgC,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAK,CAACD,KAAK;EAClBE,YAAY,EAAED,cAAK,CAACC,YAAY;EAChCC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBlB,OAAO,EAAEgB,cAAK,CAAChB;AACjB,CAAC;AACD,MAAMmB,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,SAAS,GAAG,KAAK;IACjBC,WAAW,GAAG,EAAE;IAChBC,KAAK;IACLC,IAAI,GAAG,MAAM;IACbC,IAAI;IACJC,YAAY;IACZC,QAAQ,GAAAC,MAAA,CAAA5B,OAAO;IACf6B,KAAK;IACLC,KAAK;IACLC,KAAK,GAAG,SAAS;IACjBC,WAAW;IACXC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,KAAK,EAAEC,UAAU;IACjB,WAAW,EAAEC,QAAQ,GAAG,YAAY;IACpC,YAAY,EAAEC,SAAS,GAAG;EAC5B,CAAC,GAAGlB,KAAK;EAET,MAAMmB,SAAS,GAAGR,KAAK,KAAK,cAAc;EAC1C,MAAMS,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM9C,CAAC,IAAIgC,QAAQ,CAAChC,CAAC,CAAC+C,MAAM,CAACnB,KAAK,CAAC,EAAE,CAACI,QAAQ,CAAC,CAAC;EAC7E,MAAMgB,SAAS,GAAG7B,UAAU,CAACiB,KAAK,CAAC;EACnC,MAAMa,SAAS,GAAG,IAAAC,sBAAa,EAAC7B,cAAK,CAAChB,OAAO,EAAEgB,cAAK,CAACkB,QAAQ,EAAElB,cAAK,CAACa,KAAK,EAAEK,QAAQ,EAAEL,KAAK,CAAC;EAC5F,MAAMiB,eAAe,GACnBd,WAAW,IAAID,KAAK,KAAK,cAAc,gBACrC9C,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IAAKH,SAAS,EAAE5B,cAAK,CAACgB;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EACV,MAAMgB,WAAW,GACfhB,WAAW,IAAID,KAAK,KAAK,cAAc,gBACrC9C,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IAAKH,SAAS,EAAE5B,cAAK,CAACiC;EAAgB,gBACpChE,MAAA,CAAAe,OAAA,CAAA+C,aAAA,CAACzD,UAAA,CAAA4D,0CAAQ;IAACN,SAAS,EAAE5B,cAAK,CAACmC;EAAS,CAAE,CAAC,eACvClE,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IAAKH,SAAS,EAAE5B,cAAK,CAACoC;EAAiB,GAAEpB,WAAiB,CACvD,CAAC,GACJ,IAAI;EACV,MAAMqB,QAAQ,GACZtB,KAAK,KAAK,cAAc,gBACtB9C,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IACEH,SAAS,EAAE5B,cAAK,CAACS;IACjB;IAAA;IACA6B,uBAAuB,EAAE;MAACC,MAAM,EAAE1B,KAAK,IAAIJ;IAAI;EAAE,CAClD,CAAC,GACA,IAAI;EACV,MAAM+B,aAAa,GAAGjB,SAAS,IAAIV,KAAK,gBAAG5C,MAAA,CAAAe,OAAA,CAAA+C,aAAA,CAACzD,UAAA,CAAAmE,oBAAS;IAACb,SAAS,EAAE5B,cAAK,CAAC0C;EAAS,CAAE,CAAC,GAAG,IAAI;EAC1F,MAAMC,aAAa,GAAGpB,SAAS,IAAIT,KAAK,gBAAG7C,MAAA,CAAAe,OAAA,CAAA+C,aAAA,CAACzD,UAAA,CAAAsE,2BAAS;IAAChB,SAAS,EAAE5B,cAAK,CAAC0C;EAAS,CAAE,CAAC,GAAG,IAAI;EAE1F,oBACEzE,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IACEH,SAAS,EAAE,IAAAiB,mBAAU,EACnBlB,SAAS,EACTC,SAAS,EACTX,QAAQ,IAAIjB,cAAK,CAACiB,QAAQ,EAC1B,IAAA6B,OAAA,CAAA9D,OAAA,EAAMoC,UAAU,CAAC,IAAIpB,cAAK,CAAC+C,SAC7B;EAAE,gBAEF9E,MAAA,CAAAe,OAAA,CAAA+C,aAAA,6BACE9D,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IAAMH,SAAS,EAAE,IAAAiB,mBAAU,EAAC7C,cAAK,CAACmB,KAAK,EAAE,IAAA6B,SAAA,CAAAhE,OAAA,EAAQuB,KAAK,CAAC,IAAIP,cAAK,CAACiD,OAAO;EAAE,GACvE7B,UAAU,EACVY,WACG,CAAC,eAEP/D,MAAA,CAAAe,OAAA,CAAA+C,aAAA;IACE1B,SAAS,EAAEA,SAAU;IACrBG,IAAI,EAAEA,IAAK;IACX0C,IAAI,EAAE9B,UAAW;IACjBQ,SAAS,EAAE5B,cAAK,CAACmD,KAAM;IACvB7C,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3B0C,YAAY,EAAE,KAAM;IACpB7C,KAAK,EAAEA,KAAM;IACb8C,OAAO,EAAE7B,YAAa;IACtBP,QAAQ,EAAEA,QAAS;IACnBN,QAAQ,EAAAC,MAAA,CAAA5B,OAAO;IACf,aAAWqC,QAAS;IACpB,cAAYC;EAAU,CACvB,CAAC,EACDkB,aAAa,EACbG,aAAa,EACbN,QACI,CAAC,EACPP,eACE,CAAC;AAEV,CAAC;AAED3B,SAAS,CAACmD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBpD,SAAS,EAAEqD,kBAAS,CAACC,IAAI;EACzBxC,KAAK,EAAEuC,kBAAS,CAACE,MAAM;EACvBtD,WAAW,EAAEoD,kBAAS,CAACE,MAAM;EAC7BlD,YAAY,EAAEgD,kBAAS,CAACE,MAAM;EAC9B7C,KAAK,EAAE2C,kBAAS,CAACG,KAAK,CAAC,IAAAC,MAAA,CAAA9E,OAAA,EAAKc,UAAU,CAAC,CAAC;EACxCmB,QAAQ,EAAEyC,kBAAS,CAACC,IAAI;EACxBpD,KAAK,EAAEmD,kBAAS,CAACE,MAAM;EACvBnD,IAAI,EAAEiD,kBAAS,CAACE,MAAM;EACtB/C,KAAK,EAAE6C,kBAAS,CAACE,MAAM;EACvBjD,QAAQ,EAAE+C,kBAAS,CAACK,IAAI;EACxB/C,WAAW,EAAE0C,kBAAS,CAACE,MAAM;EAC7B1C,QAAQ,EAAEwC,kBAAS,CAACC,IAAI;EACxBnD,IAAI,EAAEkD,kBAAS,CAACE,MAAM;EACtB9C,KAAK,EAAE4C,kBAAS,CAACC,IAAI;EACrB,YAAY,EAAED,kBAAS,CAACE,MAAM;EAC9B,WAAW,EAAEF,kBAAS,CAACE;AACzB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GACamB,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_classnames","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop2","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","useMemo","target","mainClass","className","getClassState","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","_isNil2","isNoTitle","_isEmpty2","noValue","name","input","autoComplete","onInput","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","_keys2","func","_default","exports"],"sources":["../../../src/atom/input-text/index.js"],"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.defaultStyle\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n type = 'text',\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.defaultStyle, 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={type}\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 type: PropTypes.string,\n valid: PropTypes.bool,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}
@@ -15,7 +15,7 @@
15
15
  @value cm_grey_500 from colors;
16
16
  @value cm_grey_700 from colors;
17
17
 
18
- .default {
18
+ .defaultStyle {
19
19
  display: flex;
20
20
  flex-wrap: nowrap;
21
21
  align-items: center;
@@ -23,11 +23,11 @@
23
23
  }
24
24
 
25
25
  .error {
26
- composes: default;
26
+ composes: defaultStyle;
27
27
  }
28
28
 
29
29
  .modified {
30
- composes: default;
30
+ composes: defaultStyle;
31
31
  }
32
32
 
33
33
  .setup {
@@ -120,7 +120,7 @@
120
120
  align-self: flex-start;
121
121
  padding-left: 13px;
122
122
  }
123
- .default label {
123
+ .defaultStyle label {
124
124
  display: flex;
125
125
  align-items: center;
126
126
  height: 50px;
@@ -18,7 +18,7 @@ const themeStyle = {
18
18
  setup: _style.default.setup,
19
19
  coorpmanager: _style.default.coorpmanager,
20
20
  cockpit: _style.default.cockpit,
21
- default: _style.default.default
21
+ default: _style.default.defaultStyle
22
22
  };
23
23
  const InputTextarea = props => {
24
24
  const {
@@ -36,7 +36,7 @@ const InputTextarea = props => {
36
36
  modified = false
37
37
  } = props;
38
38
  const mainClass = themeStyle[theme];
39
- const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
39
+ const className = (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error);
40
40
  const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
41
41
  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
42
42
  className: _style.default.description
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop2","error","valid","description","disabled","modified","mainClass","className","getClassState","handleChange","useMemo","target","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","_isEmpty2","noValue","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","bool","func","_default","exports"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\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 InputTextarea = props => {\n const {\n title: propsTitle,\n name,\n placeholder,\n value,\n hint,\n theme = 'default',\n onChange = noop,\n error,\n valid,\n description,\n disabled,\n modified = false\n } = props;\n\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\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 = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div className={classnames(mainClass, className, disabled && style.disabled)}>\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n <textarea\n name={name}\n value={value}\n placeholder={placeholder}\n onChange={handleChange}\n disabled={disabled}\n data-testid={name}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputTextarea.propTypes = {\n placeholder: PropTypes.string,\n title: PropTypes.string,\n name: 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 InputTextarea;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop2","error","valid","description","disabled","modified","mainClass","className","getClassState","handleChange","useMemo","target","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","_isEmpty2","noValue","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","bool","func","_default","exports"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\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.defaultStyle\n};\nconst InputTextarea = props => {\n const {\n title: propsTitle,\n name,\n placeholder,\n value,\n hint,\n theme = 'default',\n onChange = noop,\n error,\n valid,\n description,\n disabled,\n modified = false\n } = props;\n\n const mainClass = themeStyle[theme];\n const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\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 = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div className={classnames(mainClass, className, disabled && style.disabled)}>\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n <textarea\n name={name}\n value={value}\n placeholder={placeholder}\n onChange={handleChange}\n disabled={disabled}\n data-testid={name}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputTextarea.propTypes = {\n placeholder: PropTypes.string,\n title: PropTypes.string,\n name: 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 InputTextarea;\n"],"mappings":"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","ignoreList":[]}
@@ -13,19 +13,19 @@
13
13
  @value cm_grey_500 from colors;
14
14
  @value cm_grey_700 from colors;
15
15
 
16
- .default {
16
+ .defaultStyle {
17
17
  display: flex;
18
18
  }
19
19
 
20
20
  .error {
21
- composes: default;
21
+ composes: defaultStyle;
22
22
  }
23
23
 
24
24
  .modified {
25
- composes: default;
25
+ composes: defaultStyle;
26
26
  }
27
27
 
28
- .default label {
28
+ .defaultStyle label {
29
29
  display: flex;
30
30
  align-items: center;
31
31
  height: 130px;
@@ -42,7 +42,7 @@
42
42
  width: 180px;
43
43
  }
44
44
 
45
- .default textarea {
45
+ .defaultStyle textarea {
46
46
  font-family: "Gilroy";
47
47
  text-transform: none;
48
48
  padding: 10px 15px;
@@ -12,7 +12,7 @@ const Label = ({
12
12
  innerHtml = false
13
13
  }) => {
14
14
  return /*#__PURE__*/_react.default.createElement("span", {
15
- className: (0, _classnames.default)(_style.default.default, innerHtml ? _style.default.innerHTML : null)
15
+ className: (0, _classnames.default)(_style.default.defaultStyle, innerHtml ? _style.default.innerHTML : null)
16
16
  }, children);
17
17
  };
18
18
  Label.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","Label","children","innerHtml","createElement","className","classnames","style","innerHTML","propTypes","process","env","NODE_ENV","PropTypes","node","bool","_default","exports"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n return (\n <span className={classnames(style.default, innerHtml ? style.innerHTML : null)}>\n {children}\n </span>\n );\n};\n\nLabel.propTypes = {\n children: PropTypes.node,\n innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEX,MAAA,CAAAQ,OAAA,CAAAI,aAAA;IAAMC,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACP,OAAO,EAAEG,SAAS,GAAGI,cAAK,CAACC,SAAS,GAAG,IAAI;EAAE,GAC5EN,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACQ,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBV,QAAQ,EAAEW,kBAAS,CAACC,IAAI;EACxBX,SAAS,EAAEU,kBAAS,CAACE;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEaC,KAAK","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","Label","children","innerHtml","createElement","className","classnames","style","defaultStyle","innerHTML","propTypes","process","env","NODE_ENV","PropTypes","node","bool","_default","exports"],"sources":["../../../src/atom/label/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Label = ({children, innerHtml = false}) => {\n return (\n <span className={classnames(style.defaultStyle, innerHtml ? style.innerHTML : null)}>\n {children}\n </span>\n );\n};\n\nLabel.propTypes = {\n children: PropTypes.node,\n innerHtml: PropTypes.bool\n};\n\nexport default Label;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAAC;EAACC,QAAQ;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAK;EAC/C,oBACEX,MAAA,CAAAQ,OAAA,CAAAI,aAAA;IAAMC,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACC,YAAY,EAAEL,SAAS,GAAGI,cAAK,CAACE,SAAS,GAAG,IAAI;EAAE,GACjFP,QACG,CAAC;AAEX,CAAC;AAEDD,KAAK,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBX,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,SAAS,EAAEW,kBAAS,CAACE;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,KAAK","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  @value colors: "../../variables/colors.css";
2
2
  @value black from colors;
3
3
 
4
- .default {
4
+ .defaultStyle {
5
5
  color: black;
6
6
  }
7
7
 
@@ -12,7 +12,7 @@ var _provider = _interopRequireDefault(require("../provider"));
12
12
  var _style = _interopRequireDefault(require("./style.css"));
13
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
14
  const MODES = {
15
- default: _style.default.default,
15
+ default: _style.default.defaultStyle,
16
16
  small: _style.default.small
17
17
  };
18
18
  const BOUNCES = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","MODES","cssStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get2","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","NovaCompositionCoorpacademyVoteHeartOutline","heartOutline","color","NovaSolidVoteRewardsVoteHeart","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","NovaCompositionCoorpacademyBrokenHeart","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","shape","oneOf","string","_keys2","number","_default","exports"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n default: cssStyle.default,\n small: cssStyle.small\n};\n\nconst BOUNCES = {\n bounce: cssStyle.bounce,\n bounceTwice: cssStyle.bounceTwice,\n bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n const {skin} = context;\n const {\n bounce = null,\n heartOnRight = false,\n animated = false,\n count = 3,\n failed = false,\n mode = 'default',\n operator = 'x',\n revival,\n className,\n style: customStyle\n } = props;\n const negativeColor = get('common.negative', skin);\n const white = get('common.white', skin);\n\n if (count === null) {\n return null;\n }\n\n const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n if (revival) return revivalStyle;\n if (failed && animated) return animatedFailedStyle;\n if (failed) return failedStyle;\n return successStyle;\n };\n\n const heartWrapper =\n failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n const heartCustomStyle = {\n animationDelay: bounce && bounce.delay,\n animationDuration: bounce && bounce.duration,\n left: heartOnRight && '70px'\n };\n\n const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n return (\n <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n <div className={cssStyle.livesCounterWrapper}>\n <div\n className={pickStyle(\n cssStyle.previousLivesCounterDefault,\n cssStyle.previousLivesCounterDefault,\n cssStyle.previousLivesCounterFailed,\n cssStyle.previousLivesRevival\n )}\n >\n {count + 1}\n </div>\n <div data-name=\"counter\" className={countStyle}>\n {count}\n </div>\n </div>\n <div className={cssStyle.operatorWrapper}>\n <span className={cssStyle.operator}>{operator}</span>\n </div>\n <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n <HeartIcon\n className={pickStyle(\n cssStyle.heartNormalDefault,\n cssStyle.heartNormalFailed,\n cssStyle.heartNormalAnimatedFailed,\n cssStyle.heartNormalRevival\n )}\n style={{color: negativeColor}}\n />\n <HeartBrokenIcon\n className={pickStyle(\n cssStyle.heartBrokenDefault,\n cssStyle.heartBrokenFailed,\n cssStyle.heartBrokenAnimatedFailed,\n cssStyle.heartBrokenRevival\n )}\n style={{color: negativeColor}}\n />\n </div>\n </div>\n );\n};\n\nLife.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n revival: PropTypes.bool,\n animated: PropTypes.bool,\n bounce: PropTypes.shape({\n type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n delay: PropTypes.string\n }),\n heartOnRight: PropTypes.bool,\n mode: PropTypes.oneOf(keys(MODES)),\n count: PropTypes.number,\n failed: PropTypes.bool,\n className: PropTypes.string,\n operator: PropTypes.string,\n style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","MODES","cssStyle","defaultStyle","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","_get2","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","createElement","classnames","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","NovaCompositionCoorpacademyVoteHeartOutline","heartOutline","color","NovaSolidVoteRewardsVoteHeart","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","NovaCompositionCoorpacademyBrokenHeart","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","shape","oneOf","string","_keys2","number","_default","exports"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n default: cssStyle.defaultStyle,\n small: cssStyle.small\n};\n\nconst BOUNCES = {\n bounce: cssStyle.bounce,\n bounceTwice: cssStyle.bounceTwice,\n bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n const {skin} = context;\n const {\n bounce = null,\n heartOnRight = false,\n animated = false,\n count = 3,\n failed = false,\n mode = 'default',\n operator = 'x',\n revival,\n className,\n style: customStyle\n } = props;\n const negativeColor = get('common.negative', skin);\n const white = get('common.white', skin);\n\n if (count === null) {\n return null;\n }\n\n const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n if (revival) return revivalStyle;\n if (failed && animated) return animatedFailedStyle;\n if (failed) return failedStyle;\n return successStyle;\n };\n\n const heartWrapper =\n failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n const heartCustomStyle = {\n animationDelay: bounce && bounce.delay,\n animationDuration: bounce && bounce.duration,\n left: heartOnRight && '70px'\n };\n\n const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n return (\n <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n <div className={cssStyle.livesCounterWrapper}>\n <div\n className={pickStyle(\n cssStyle.previousLivesCounterDefault,\n cssStyle.previousLivesCounterDefault,\n cssStyle.previousLivesCounterFailed,\n cssStyle.previousLivesRevival\n )}\n >\n {count + 1}\n </div>\n <div data-name=\"counter\" className={countStyle}>\n {count}\n </div>\n </div>\n <div className={cssStyle.operatorWrapper}>\n <span className={cssStyle.operator}>{operator}</span>\n </div>\n <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n <HeartIcon\n className={pickStyle(\n cssStyle.heartNormalDefault,\n cssStyle.heartNormalFailed,\n cssStyle.heartNormalAnimatedFailed,\n cssStyle.heartNormalRevival\n )}\n style={{color: negativeColor}}\n />\n <HeartBrokenIcon\n className={pickStyle(\n cssStyle.heartBrokenDefault,\n cssStyle.heartBrokenFailed,\n cssStyle.heartBrokenAnimatedFailed,\n cssStyle.heartBrokenRevival\n )}\n style={{color: negativeColor}}\n />\n </div>\n </div>\n );\n};\n\nLife.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n revival: PropTypes.bool,\n animated: PropTypes.bool,\n bounce: PropTypes.shape({\n type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n delay: PropTypes.string\n }),\n heartOnRight: PropTypes.bool,\n mode: PropTypes.oneOf(keys(MODES)),\n count: PropTypes.number,\n failed: PropTypes.bool,\n className: PropTypes.string,\n operator: PropTypes.string,\n style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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","ignoreList":[]}
@@ -7,7 +7,7 @@
7
7
  * Default
8
8
  */
9
9
 
10
- .default {
10
+ .defaultStyle {
11
11
  position: relative;
12
12
  width: 90px;
13
13
  height: 67px;
@@ -38,7 +38,7 @@ const PictureBackground = props => {
38
38
  src: desktop,
39
39
  alt: alt
40
40
  }))) : /*#__PURE__*/_react.default.createElement("img", {
41
- className: (0, _classnames.default)(_style.default.default, bgStyle),
41
+ className: (0, _classnames.default)(_style.default.defaultStyle, bgStyle),
42
42
  src: src,
43
43
  alt: alt
44
44
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject2","createElement","className","deviceView","mobileContainer","classnames","picture","desktopContainer","wrapper","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","oneOfType","objectOf","string","isRequired","number","_default","exports"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n cover: cssStyle.cover,\n contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n const {src, view, style, alt = ''} = props;\n const mobile = src.mobile;\n const desktop = src.desktop;\n const bgStyle = viewStyle[view];\n\n const pictureView = isObject(src) ? (\n <div className={cssStyle.deviceView}>\n <div className={cssStyle.mobileContainer}>\n <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n </div>\n <div className={cssStyle.desktopContainer}>\n <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n </div>\n </div>\n ) : (\n <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n );\n\n return (\n <div className={cssStyle.wrapper} style={style}>\n {pictureView}\n </div>\n );\n};\n\nPictureBackground.propTypes = {\n view: PropTypes.oneOf(keys(viewStyle)),\n src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n alt: PropTypes.string\n};\n\nexport default PictureBackground;\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,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAQ,CAACD,KAAK;EACrBE,OAAO,EAAED,cAAQ,CAACC;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGZ,SAAS,CAACO,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAG,IAAAC,UAAA,CAAAf,OAAA,EAASO,GAAG,CAAC,gBAC/Bf,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACe;EAAW,gBAClC1B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACgB;EAAgB,gBACvC3B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACmB;EAAiB,gBACxC9B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACH,OAAO,EAAEa,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAC7E;EAED,oBACElB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACoB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAEoB,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA9B,OAAA,EAAKC,SAAS,CAAC,CAAC;EACtCM,GAAG,EAAEqB,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC,EAAEL,kBAAS,CAACK,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FzB,KAAK,EAAEmB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACO,MAAM,CAAC,CAAC,CAAC;EACpFzB,GAAG,EAAEkB,kBAAS,CAACK;AACjB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEaK,iBAAiB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_style","e","__esModule","default","viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject2","createElement","className","deviceView","mobileContainer","classnames","picture","desktopContainer","defaultStyle","wrapper","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","oneOfType","objectOf","string","isRequired","number","_default","exports"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n cover: cssStyle.cover,\n contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n const {src, view, style, alt = ''} = props;\n const mobile = src.mobile;\n const desktop = src.desktop;\n const bgStyle = viewStyle[view];\n\n const pictureView = isObject(src) ? (\n <div className={cssStyle.deviceView}>\n <div className={cssStyle.mobileContainer}>\n <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n </div>\n <div className={cssStyle.desktopContainer}>\n <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n </div>\n </div>\n ) : (\n <img className={classnames(cssStyle.defaultStyle, bgStyle)} src={src} alt={alt} />\n );\n\n return (\n <div className={cssStyle.wrapper} style={style}>\n {pictureView}\n </div>\n );\n};\n\nPictureBackground.propTypes = {\n view: PropTypes.oneOf(keys(viewStyle)),\n src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n alt: PropTypes.string\n};\n\nexport default PictureBackground;\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,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAQ,CAACD,KAAK;EACrBE,OAAO,EAAED,cAAQ,CAACC;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGZ,SAAS,CAACO,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAG,IAAAC,UAAA,CAAAf,OAAA,EAASO,GAAG,CAAC,gBAC/Bf,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACe;EAAW,gBAClC1B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACgB;EAAgB,gBACvC3B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACmB;EAAiB,gBACxC9B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACkB,OAAO,EAAER,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENlB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAG,mBAAU,EAACjB,cAAQ,CAACoB,YAAY,EAAEV,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAClF;EAED,oBACElB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEd,cAAQ,CAACqB,OAAQ;IAACf,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BpB,IAAI,EAAEqB,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA/B,OAAA,EAAKC,SAAS,CAAC,CAAC;EACtCM,GAAG,EAAEsB,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC,EAAEL,kBAAS,CAACK,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7F1B,KAAK,EAAEoB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACG,SAAS,CAAC,CAACH,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACO,MAAM,CAAC,CAAC,CAAC;EACpF1B,GAAG,EAAEmB,kBAAS,CAACK;AACjB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAEaK,iBAAiB","ignoreList":[]}
@@ -11,7 +11,7 @@
11
11
  }
12
12
 
13
13
  .picture,
14
- .default {
14
+ .defaultStyle {
15
15
  display: block;
16
16
  background-repeat: no-repeat;
17
17
  background-position: 50% 50%;
@@ -16,7 +16,7 @@
16
16
  overflow: visible;
17
17
  }
18
18
 
19
- .default {
19
+ .defaultStyle {
20
20
  border-radius: 100%;
21
21
  border: 4px solid white;
22
22
  box-sizing: border-box;
@@ -67,7 +67,7 @@ const Handle = (props, legacyContext) => {
67
67
  backgroundColor,
68
68
  boxShadow: `0px 0px 20px ${(0, _getShadowBoxColorFromPrimary.getShadowBoxColorFromPrimary)(primaryColor)}`
69
69
  },
70
- className: _handle.default.default,
70
+ className: _handle.default.defaultStyle,
71
71
  ref: handle,
72
72
  "data-name": 'handle'
73
73
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"handle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_getShadowBoxColorFromPrimary","_handle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NoopHammer","constructor","on","stop","destroy","Hammer","window","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","_getOr2","backgroundColor","onPanStart","_noop2","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","createElement","className","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","ref","propTypes","process","env","NODE_ENV","PropTypes","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n constructor() {}\n\n // eslint-disable-next-line class-methods-use-this\n on() {\n return;\n }\n\n // eslint-disable-next-line class-methods-use-this\n stop() {\n return;\n }\n\n // eslint-disable-next-line class-methods-use-this\n destroy() {\n return;\n }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n const backgroundColor = primaryColor;\n const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n const handle = useRef();\n\n const hammer = useMemo(() => {\n return HammerForTesting || (handle.current && new Hammer(handle.current));\n // (we need to mount Hammer when handle.current is rendered and ready)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handle.current, HammerForTesting]);\n\n useEffect(() => {\n if (!hammer) return;\n hammer.on('panstart', onPanStart);\n hammer.on('panend', onPanEnd);\n\n hammer.on('panleft panright', onPan);\n\n return () => {\n hammer.stop();\n hammer.destroy();\n };\n }, [hammer, onPanStart, onPanEnd, onPan]);\n\n return (\n <div className={style.wrapper} data-testid=\"handle-wrapper\">\n <div\n style={{\n backgroundColor,\n boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n }}\n className={style.default}\n ref={handle}\n data-name={'handle'}\n />\n </div>\n );\n};\n\nHandle.propTypes = {\n onPan: PropTypes.func,\n onPanStart: PropTypes.func,\n onPanEnd: PropTypes.func,\n HammerForTesting: PropTypes.shape({\n on: PropTypes.func,\n destroy: PropTypes.func,\n stop: PropTypes.func\n })\n};\n\nHandle.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"handle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_getShadowBoxColorFromPrimary","_handle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NoopHammer","constructor","on","stop","destroy","Hammer","window","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","_getOr2","backgroundColor","onPanStart","_noop2","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","createElement","className","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","defaultStyle","ref","propTypes","process","env","NODE_ENV","PropTypes","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n constructor() {}\n\n // eslint-disable-next-line class-methods-use-this\n on() {\n return;\n }\n\n // eslint-disable-next-line class-methods-use-this\n stop() {\n return;\n }\n\n // eslint-disable-next-line class-methods-use-this\n destroy() {\n return;\n }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n const backgroundColor = primaryColor;\n const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n const handle = useRef();\n\n const hammer = useMemo(() => {\n return HammerForTesting || (handle.current && new Hammer(handle.current));\n // (we need to mount Hammer when handle.current is rendered and ready)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handle.current, HammerForTesting]);\n\n useEffect(() => {\n if (!hammer) return;\n hammer.on('panstart', onPanStart);\n hammer.on('panend', onPanEnd);\n\n hammer.on('panleft panright', onPan);\n\n return () => {\n hammer.stop();\n hammer.destroy();\n };\n }, [hammer, onPanStart, onPanEnd, onPan]);\n\n return (\n <div className={style.wrapper} data-testid=\"handle-wrapper\">\n <div\n style={{\n backgroundColor,\n boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n }}\n className={style.defaultStyle}\n ref={handle}\n data-name={'handle'}\n />\n </div>\n );\n};\n\nHandle.propTypes = {\n onPan: PropTypes.func,\n onPanStart: PropTypes.func,\n onPanEnd: PropTypes.func,\n HammerForTesting: PropTypes.shape({\n on: PropTypes.func,\n destroy: PropTypes.func,\n stop: PropTypes.func\n })\n};\n\nHandle.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}