@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

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 (181) hide show
  1. package/es/atom/button-link/index.js +2 -2
  2. package/es/atom/button-link/index.js.map +1 -1
  3. package/es/atom/button-link/style.css +1 -0
  4. package/es/atom/drag-and-drop/index.d.ts +1 -0
  5. package/es/atom/drag-and-drop/index.d.ts.map +1 -1
  6. package/es/atom/drag-and-drop/index.js +24 -6
  7. package/es/atom/drag-and-drop/index.js.map +1 -1
  8. package/es/atom/drag-and-drop/style.css +22 -7
  9. package/es/atom/{image-upload → input-file-draggable}/index.d.ts +10 -5
  10. package/es/atom/input-file-draggable/index.d.ts.map +1 -0
  11. package/es/atom/{image-upload → input-file-draggable}/index.js +34 -11
  12. package/es/atom/input-file-draggable/index.js.map +1 -0
  13. package/es/atom/input-file-draggable/style.css +81 -0
  14. package/es/atom/title/style.css +1 -1
  15. package/es/atom/video-upload/index.d.ts +1 -0
  16. package/es/molecule/brand-form-group/index.js +5 -5
  17. package/es/molecule/brand-form-group/index.js.map +1 -1
  18. package/es/molecule/card/index.d.ts.map +1 -1
  19. package/es/molecule/card/index.js +2 -6
  20. package/es/molecule/card/index.js.map +1 -1
  21. package/es/molecule/card/style.css +2 -2
  22. package/es/molecule/cm-popin/index.d.ts.map +1 -1
  23. package/es/molecule/cm-popin/index.js +27 -20
  24. package/es/molecule/cm-popin/index.js.map +1 -1
  25. package/es/molecule/cm-popin/style.css +112 -73
  26. package/es/molecule/cm-popin/types.d.ts +182 -5
  27. package/es/molecule/cm-popin/types.d.ts.map +1 -1
  28. package/es/molecule/cm-popin/types.js +5 -3
  29. package/es/molecule/cm-popin/types.js.map +1 -1
  30. package/es/molecule/drag-and-drop-wrapper/index.d.ts +2 -1
  31. package/es/molecule/drag-and-drop-wrapper/index.js +3 -3
  32. package/es/molecule/drag-and-drop-wrapper/index.js.map +1 -1
  33. package/es/molecule/setup-slider/index.js +3 -3
  34. package/es/molecule/setup-slider/index.js.map +1 -1
  35. package/es/molecule/title-and-checkbox-wrapper/index.d.ts +2 -1
  36. package/es/molecule/title-radio-wrapper/index.d.ts +18 -17
  37. package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  38. package/es/molecule/title-radio-wrapper/index.js +2 -2
  39. package/es/molecule/title-radio-wrapper/index.js.map +1 -1
  40. package/es/molecule/title-radio-wrapper/types.d.ts +20 -19
  41. package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  42. package/es/molecule/title-radio-wrapper/types.js +2 -2
  43. package/es/molecule/title-radio-wrapper/types.js.map +1 -1
  44. package/es/organism/list-item/index.d.ts.map +1 -1
  45. package/es/organism/list-item/index.js +2 -5
  46. package/es/organism/list-item/index.js.map +1 -1
  47. package/es/organism/list-item/style.css +3 -7
  48. package/es/organism/list-items/index.d.ts.map +1 -1
  49. package/es/organism/list-items/index.js +1 -3
  50. package/es/organism/list-items/index.js.map +1 -1
  51. package/es/organism/list-items/style.css +1 -4
  52. package/es/organism/rewards-form/index.d.ts +2 -1
  53. package/es/organism/select-opponents/index.d.ts +18 -17
  54. package/es/organism/select-opponents/index.d.ts.map +1 -1
  55. package/es/organism/select-opponents/types.d.ts +18 -17
  56. package/es/organism/select-opponents/types.d.ts.map +1 -1
  57. package/es/organism/setup-header/style.css +3 -1
  58. package/es/organism/title-and-input/index.d.ts +18 -17
  59. package/es/organism/title-and-input/index.d.ts.map +1 -1
  60. package/es/organism/title-and-input/types.d.ts +18 -17
  61. package/es/organism/title-and-input/types.d.ts.map +1 -1
  62. package/es/organism/wizard-contents/index.d.ts +2 -1
  63. package/es/template/app-player/loading/index.d.ts +178 -2
  64. package/es/template/app-player/player/index.d.ts +356 -4
  65. package/es/template/app-player/player/slides/index.d.ts +178 -2
  66. package/es/template/app-player/player/slides/index.d.ts.map +1 -1
  67. package/es/template/app-player/popin-correction/index.d.ts +178 -2
  68. package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
  69. package/es/template/app-player/popin-end/index.d.ts +178 -2
  70. package/es/template/app-review/index.d.ts +178 -2
  71. package/es/template/app-review/index.d.ts.map +1 -1
  72. package/es/template/app-review/player/prop-types.d.ts +178 -2
  73. package/es/template/app-review/player/prop-types.d.ts.map +1 -1
  74. package/es/template/app-review/prop-types.d.ts +178 -2
  75. package/es/template/app-review/prop-types.d.ts.map +1 -1
  76. package/es/template/back-office/brand-update/index.d.ts +178 -2
  77. package/es/template/cockpit/jw-uploader/index.d.ts +1 -0
  78. package/es/template/common/dashboard/index.d.ts +356 -4
  79. package/es/template/common/search-page/index.d.ts +178 -2
  80. package/es/template/common/search-page/index.d.ts.map +1 -1
  81. package/es/template/common/search-page/index.js +2 -20
  82. package/es/template/common/search-page/index.js.map +1 -1
  83. package/es/template/external-course/index.d.ts +178 -2
  84. package/es/util/proptypes.d.ts +1 -1
  85. package/es/util/proptypes.d.ts.map +1 -1
  86. package/es/util/proptypes.js +6 -5
  87. package/es/util/proptypes.js.map +1 -1
  88. package/lib/atom/button-link/index.js +2 -2
  89. package/lib/atom/button-link/index.js.map +1 -1
  90. package/lib/atom/button-link/style.css +1 -0
  91. package/lib/atom/drag-and-drop/index.d.ts +1 -0
  92. package/lib/atom/drag-and-drop/index.d.ts.map +1 -1
  93. package/lib/atom/drag-and-drop/index.js +24 -6
  94. package/lib/atom/drag-and-drop/index.js.map +1 -1
  95. package/lib/atom/drag-and-drop/style.css +22 -7
  96. package/lib/atom/{image-upload → input-file-draggable}/index.d.ts +10 -5
  97. package/lib/atom/input-file-draggable/index.d.ts.map +1 -0
  98. package/lib/atom/{image-upload → input-file-draggable}/index.js +34 -10
  99. package/lib/atom/input-file-draggable/index.js.map +1 -0
  100. package/lib/atom/input-file-draggable/style.css +81 -0
  101. package/lib/atom/title/style.css +1 -1
  102. package/lib/atom/video-upload/index.d.ts +1 -0
  103. package/lib/molecule/brand-form-group/index.js +5 -5
  104. package/lib/molecule/brand-form-group/index.js.map +1 -1
  105. package/lib/molecule/card/index.d.ts.map +1 -1
  106. package/lib/molecule/card/index.js +2 -6
  107. package/lib/molecule/card/index.js.map +1 -1
  108. package/lib/molecule/card/style.css +2 -2
  109. package/lib/molecule/cm-popin/index.d.ts.map +1 -1
  110. package/lib/molecule/cm-popin/index.js +29 -19
  111. package/lib/molecule/cm-popin/index.js.map +1 -1
  112. package/lib/molecule/cm-popin/style.css +112 -73
  113. package/lib/molecule/cm-popin/types.d.ts +182 -5
  114. package/lib/molecule/cm-popin/types.d.ts.map +1 -1
  115. package/lib/molecule/cm-popin/types.js +6 -3
  116. package/lib/molecule/cm-popin/types.js.map +1 -1
  117. package/lib/molecule/drag-and-drop-wrapper/index.d.ts +2 -1
  118. package/lib/molecule/drag-and-drop-wrapper/index.js +3 -3
  119. package/lib/molecule/drag-and-drop-wrapper/index.js.map +1 -1
  120. package/lib/molecule/setup-slider/index.js +3 -3
  121. package/lib/molecule/setup-slider/index.js.map +1 -1
  122. package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +2 -1
  123. package/lib/molecule/title-radio-wrapper/index.d.ts +18 -17
  124. package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  125. package/lib/molecule/title-radio-wrapper/index.js +2 -2
  126. package/lib/molecule/title-radio-wrapper/index.js.map +1 -1
  127. package/lib/molecule/title-radio-wrapper/types.d.ts +20 -19
  128. package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  129. package/lib/molecule/title-radio-wrapper/types.js +2 -2
  130. package/lib/molecule/title-radio-wrapper/types.js.map +1 -1
  131. package/lib/organism/list-item/index.d.ts.map +1 -1
  132. package/lib/organism/list-item/index.js +3 -5
  133. package/lib/organism/list-item/index.js.map +1 -1
  134. package/lib/organism/list-item/style.css +3 -7
  135. package/lib/organism/list-items/index.d.ts.map +1 -1
  136. package/lib/organism/list-items/index.js +1 -3
  137. package/lib/organism/list-items/index.js.map +1 -1
  138. package/lib/organism/list-items/style.css +1 -4
  139. package/lib/organism/rewards-form/index.d.ts +2 -1
  140. package/lib/organism/select-opponents/index.d.ts +18 -17
  141. package/lib/organism/select-opponents/index.d.ts.map +1 -1
  142. package/lib/organism/select-opponents/types.d.ts +18 -17
  143. package/lib/organism/select-opponents/types.d.ts.map +1 -1
  144. package/lib/organism/setup-header/style.css +3 -1
  145. package/lib/organism/title-and-input/index.d.ts +18 -17
  146. package/lib/organism/title-and-input/index.d.ts.map +1 -1
  147. package/lib/organism/title-and-input/types.d.ts +18 -17
  148. package/lib/organism/title-and-input/types.d.ts.map +1 -1
  149. package/lib/organism/wizard-contents/index.d.ts +2 -1
  150. package/lib/template/app-player/loading/index.d.ts +178 -2
  151. package/lib/template/app-player/player/index.d.ts +356 -4
  152. package/lib/template/app-player/player/slides/index.d.ts +178 -2
  153. package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
  154. package/lib/template/app-player/popin-correction/index.d.ts +178 -2
  155. package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
  156. package/lib/template/app-player/popin-end/index.d.ts +178 -2
  157. package/lib/template/app-review/index.d.ts +178 -2
  158. package/lib/template/app-review/index.d.ts.map +1 -1
  159. package/lib/template/app-review/player/prop-types.d.ts +178 -2
  160. package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
  161. package/lib/template/app-review/prop-types.d.ts +178 -2
  162. package/lib/template/app-review/prop-types.d.ts.map +1 -1
  163. package/lib/template/back-office/brand-update/index.d.ts +178 -2
  164. package/lib/template/cockpit/jw-uploader/index.d.ts +1 -0
  165. package/lib/template/common/dashboard/index.d.ts +356 -4
  166. package/lib/template/common/search-page/index.d.ts +178 -2
  167. package/lib/template/common/search-page/index.d.ts.map +1 -1
  168. package/lib/template/common/search-page/index.js +2 -24
  169. package/lib/template/common/search-page/index.js.map +1 -1
  170. package/lib/template/external-course/index.d.ts +178 -2
  171. package/lib/util/proptypes.d.ts +1 -1
  172. package/lib/util/proptypes.d.ts.map +1 -1
  173. package/lib/util/proptypes.js +10 -7
  174. package/lib/util/proptypes.js.map +1 -1
  175. package/package.json +3 -3
  176. package/es/atom/image-upload/index.d.ts.map +0 -1
  177. package/es/atom/image-upload/index.js.map +0 -1
  178. package/es/atom/image-upload/style.css +0 -28
  179. package/lib/atom/image-upload/index.d.ts.map +0 -1
  180. package/lib/atom/image-upload/index.js.map +0 -1
  181. package/lib/atom/image-upload/style.css +0 -28
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n default: style.defaultWidth,\n medium: style.mediumWidth,\n large: style.largeWidth\n};\n\nconst buildInput = field => {\n const {type} = field;\n\n switch (type) {\n case 'autoComplete':\n return <Autocomplete {...field} />;\n case 'color':\n return <InputColor {...field} />;\n case 'readonly':\n return <InputReadonly {...field} />;\n case 'switch':\n return <InputSwitch {...field} />;\n case 'textarea':\n return <InputTextarea {...field} />;\n case 'html':\n return <InputHTML {...field} />;\n case 'doublestep':\n return <InputDoublestep {...field} />;\n case 'select':\n return <Select {...field} theme={'coorpmanager'} />;\n case 'selectMultiple':\n return <SelectMultiple {...field} />;\n case 'checkbox':\n return <InputCheckbox {...field} />;\n case 'image':\n return (\n <div className={style.imageUploadContainer}>\n <ImageUpload {...field} />\n </div>\n );\n case 'bulkUpload':\n return (\n <div className={style.bulkUploadContainer}>\n <ImageUpload {...field} />\n </div>\n );\n case 'slider':\n return <SetupSlider {...field} />;\n case 'sections':\n return <SetupSections {...field} />;\n case 'text':\n return <InputText {...field} />;\n case 'downloadbox':\n return <BrandDownloadBox {...field} />;\n case 'uploadbox':\n return <BrandUploadBox {...field} />;\n case 'button':\n case 'link':\n return <Button {...field} />;\n case 'buttonLink':\n return <ButtonLink {...field} type={field.buttonType} />;\n case 'roles':\n return <Roles {...field} />;\n case 'titleAndCheckBoxWrapper':\n return <TitleAndCheckBoxWrapper {...field} />;\n case 'titleAndInput':\n return <TitleAndInput {...field} />;\n default:\n return <InputText {...field} />;\n }\n};\n\nconst buildField = (field, index) => {\n const input = buildInput(field);\n const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n return (\n <div className={styleField} key={index}>\n {input}\n </div>\n );\n};\n\nconst defineLayoutClass = layout => {\n if (layout === 'grid') return classNames(style.grid);\n else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n const {\n title,\n subtitle = '',\n fieldsLayout = '',\n groupLayout = '',\n fields = [],\n subtitleSize = 'standard'\n } = props;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n return (\n <div\n data-name={`brand_form_group_${snakeCase(title)}`}\n className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n >\n <div className={style.titleWrapper}>\n <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n </div>\n <div className={layout}>{fieldsList}</div>\n </div>\n );\n};\n\nBrandFormGroup.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n subtitleSize: PropTypes.string,\n fieldsLayout: PropTypes.string,\n groupLayout: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n ...Autocomplete.propTypes,\n type: PropTypes.oneOf(['autoComplete']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputColor.propTypes,\n type: PropTypes.oneOf(['color'])\n }),\n PropTypes.shape({\n ...InputReadonly.propTypes,\n type: PropTypes.oneOf(['readonly'])\n }),\n PropTypes.shape({\n ...InputSwitch.propTypes,\n type: PropTypes.oneOf(['switch'])\n }),\n PropTypes.shape({\n ...InputTextarea.propTypes,\n type: PropTypes.oneOf(['textarea']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputHTML.propTypes,\n type: PropTypes.oneOf(['html'])\n }),\n PropTypes.shape({\n ...InputDoublestep.propTypes,\n type: PropTypes.oneOf(['doublestep'])\n }),\n PropTypes.shape({\n ...Select.propTypes,\n type: PropTypes.oneOf(['select']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputCheckbox.propTypes,\n type: PropTypes.oneOf(['checkbox'])\n }),\n PropTypes.shape({\n ...ImageUpload.propTypes,\n type: PropTypes.oneOf(['image'])\n }),\n PropTypes.shape({\n ...ImageUpload.propTypes,\n type: PropTypes.oneOf(['bulkImage'])\n }),\n PropTypes.shape({\n ...SetupSlider.propTypes,\n type: PropTypes.oneOf(['slider'])\n }),\n PropTypes.shape({\n ...SetupSections.propTypes,\n type: PropTypes.oneOf(['sections'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...BrandDownloadBox.propTypes,\n type: PropTypes.oneOf(['downloadbox'])\n }),\n PropTypes.shape({\n ...BrandUploadBox.propTypes,\n type: PropTypes.oneOf(['uploadbox'])\n }),\n PropTypes.shape({\n ...Button.propTypes,\n type: PropTypes.oneOf(['button'])\n }),\n PropTypes.shape({\n ...ButtonLink.propTypes,\n buttonType: ButtonLink.propTypes.type,\n type: PropTypes.oneOf(['buttonLink'])\n }),\n PropTypes.shape({\n ...SelectMultiple.propTypes,\n type: PropTypes.oneOf(['selectMultiple'])\n }),\n PropTypes.shape({\n ...Roles.propTypes,\n type: PropTypes.oneOf(['roles'])\n }),\n PropTypes.shape(InputText.propTypes),\n PropTypes.shape({\n ...TitleAndInput.propTypes,\n type: PropTypes.oneOf(['titleAndInput'])\n })\n ])\n )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","InputFileDraggable","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","TitleAndInput","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n default: style.defaultWidth,\n medium: style.mediumWidth,\n large: style.largeWidth\n};\n\nconst buildInput = field => {\n const {type} = field;\n\n switch (type) {\n case 'autoComplete':\n return <Autocomplete {...field} />;\n case 'color':\n return <InputColor {...field} />;\n case 'readonly':\n return <InputReadonly {...field} />;\n case 'switch':\n return <InputSwitch {...field} />;\n case 'textarea':\n return <InputTextarea {...field} />;\n case 'html':\n return <InputHTML {...field} />;\n case 'doublestep':\n return <InputDoublestep {...field} />;\n case 'select':\n return <Select {...field} theme={'coorpmanager'} />;\n case 'selectMultiple':\n return <SelectMultiple {...field} />;\n case 'checkbox':\n return <InputCheckbox {...field} />;\n case 'image':\n return (\n <div className={style.imageUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'bulkUpload':\n return (\n <div className={style.bulkUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'slider':\n return <SetupSlider {...field} />;\n case 'sections':\n return <SetupSections {...field} />;\n case 'text':\n return <InputText {...field} />;\n case 'downloadbox':\n return <BrandDownloadBox {...field} />;\n case 'uploadbox':\n return <BrandUploadBox {...field} />;\n case 'button':\n case 'link':\n return <Button {...field} />;\n case 'buttonLink':\n return <ButtonLink {...field} type={field.buttonType} />;\n case 'roles':\n return <Roles {...field} />;\n case 'titleAndCheckBoxWrapper':\n return <TitleAndCheckBoxWrapper {...field} />;\n case 'titleAndInput':\n return <TitleAndInput {...field} />;\n default:\n return <InputText {...field} />;\n }\n};\n\nconst buildField = (field, index) => {\n const input = buildInput(field);\n const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n return (\n <div className={styleField} key={index}>\n {input}\n </div>\n );\n};\n\nconst defineLayoutClass = layout => {\n if (layout === 'grid') return classNames(style.grid);\n else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n const {\n title,\n subtitle = '',\n fieldsLayout = '',\n groupLayout = '',\n fields = [],\n subtitleSize = 'standard'\n } = props;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n return (\n <div\n data-name={`brand_form_group_${snakeCase(title)}`}\n className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n >\n <div className={style.titleWrapper}>\n <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n </div>\n <div className={layout}>{fieldsList}</div>\n </div>\n );\n};\n\nBrandFormGroup.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n subtitleSize: PropTypes.string,\n fieldsLayout: PropTypes.string,\n groupLayout: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n ...Autocomplete.propTypes,\n type: PropTypes.oneOf(['autoComplete']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputColor.propTypes,\n type: PropTypes.oneOf(['color'])\n }),\n PropTypes.shape({\n ...InputReadonly.propTypes,\n type: PropTypes.oneOf(['readonly'])\n }),\n PropTypes.shape({\n ...InputSwitch.propTypes,\n type: PropTypes.oneOf(['switch'])\n }),\n PropTypes.shape({\n ...InputTextarea.propTypes,\n type: PropTypes.oneOf(['textarea']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputHTML.propTypes,\n type: PropTypes.oneOf(['html'])\n }),\n PropTypes.shape({\n ...InputDoublestep.propTypes,\n type: PropTypes.oneOf(['doublestep'])\n }),\n PropTypes.shape({\n ...Select.propTypes,\n type: PropTypes.oneOf(['select']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputCheckbox.propTypes,\n type: PropTypes.oneOf(['checkbox'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['image'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['bulkImage'])\n }),\n PropTypes.shape({\n ...SetupSlider.propTypes,\n type: PropTypes.oneOf(['slider'])\n }),\n PropTypes.shape({\n ...SetupSections.propTypes,\n type: PropTypes.oneOf(['sections'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...BrandDownloadBox.propTypes,\n type: PropTypes.oneOf(['downloadbox'])\n }),\n PropTypes.shape({\n ...BrandUploadBox.propTypes,\n type: PropTypes.oneOf(['uploadbox'])\n }),\n PropTypes.shape({\n ...Button.propTypes,\n type: PropTypes.oneOf(['button'])\n }),\n PropTypes.shape({\n ...ButtonLink.propTypes,\n buttonType: ButtonLink.propTypes.type,\n type: PropTypes.oneOf(['buttonLink'])\n }),\n PropTypes.shape({\n ...SelectMultiple.propTypes,\n type: PropTypes.oneOf(['selectMultiple'])\n }),\n PropTypes.shape({\n ...Roles.propTypes,\n type: PropTypes.oneOf(['roles'])\n }),\n PropTypes.shape(InputText.propTypes),\n PropTypes.shape({\n ...TitleAndInput.propTypes,\n type: PropTypes.oneOf(['titleAndInput'])\n })\n ])\n )\n};\nexport default BrandFormGroup;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,yBAAzB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,eAAP,MAA4B,6BAA5B;AACA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,aAAP,MAA0B,gCAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,YADW;EAE1BC,MAAM,EAAEJ,KAAK,CAACK,WAFY;EAG1BC,KAAK,EAAEN,KAAK,CAACO;AAHa,CAA5B;;AAMA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC;EAAD,IAASD,KAAf;;EAEA,QAAQC,IAAR;IACE,KAAK,cAAL;MACE,oBAAO,oBAAC,YAAD,EAAkBD,KAAlB,CAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,eAAYA,KAAZ;QAAmB,KAAK,EAAE;MAA1B,GAAP;;IACF,KAAK,gBAAL;MACE,oBAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,OAAL;MACE,oBACE;QAAK,SAAS,EAAET,KAAK,CAACW;MAAtB,gBACE,oBAAC,kBAAD,EAAwBF,KAAxB,CADF,CADF;;IAKF,KAAK,YAAL;MACE,oBACE;QAAK,SAAS,EAAET,KAAK,CAACY;MAAtB,gBACE,oBAAC,kBAAD,EAAwBH,KAAxB,CADF,CADF;;IAKF,KAAK,QAAL;MACE,oBAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,aAAL;MACE,oBAAO,oBAAC,gBAAD,EAAsBA,KAAtB,CAAP;;IACF,KAAK,WAAL;MACE,oBAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,QAAL;IACA,KAAK,MAAL;MACE,oBAAO,oBAAC,MAAD,EAAYA,KAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,UAAD,eAAgBA,KAAhB;QAAuB,IAAI,EAAEA,KAAK,CAACI;MAAnC,GAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,KAAD,EAAWJ,KAAX,CAAP;;IACF,KAAK,yBAAL;MACE,oBAAO,oBAAC,uBAAD,EAA6BA,KAA7B,CAAP;;IACF,KAAK,eAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;EAvDJ;AAyDD,CA5DD;;AA8DA,MAAMK,UAAU,GAAG,CAACL,KAAD,EAAQM,KAAR,KAAkB;EACnC,MAAMC,KAAK,GAAGR,UAAU,CAACC,KAAD,CAAxB;EACA,MAAM;IAACQ,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BT,KAAK,CAACC,IAAN,KAAe,eAAf,GAAiCD,KAAK,CAACA,KAAvC,GAA+CA,KAAjF;EACA,MAAMU,UAAU,GAAGF,KAAK,KAAK,cAAV,GAA2BhB,mBAAmB,CAACiB,IAAD,CAA9C,GAAuDlB,KAAK,CAACS,KAAhF;EACA,MAAMW,UAAU,GAAGX,KAAK,CAACC,IAAN,KAAe,eAAf,GAAiCV,KAAK,CAACqB,kBAAvC,GAA4DF,UAA/E;EAEA,oBACE;IAAK,SAAS,EAAEC,UAAhB;IAA4B,GAAG,EAAEL;EAAjC,GACGC,KADH,CADF;AAKD,CAXD;;AAaA,MAAMM,iBAAiB,GAAGC,MAAM,IAAI;EAClC,IAAIA,MAAM,KAAK,MAAf,EAAuB,OAAO9C,UAAU,CAACuB,KAAK,CAACwB,IAAP,CAAjB,CAAvB,KACK,IAAID,MAAM,KAAK,YAAf,EAA6B,OAAO9C,UAAU,CAACuB,KAAK,CAACyB,UAAP,CAAjB,CAA7B,KACA,OAAOhD,UAAU,CAAC,IAAD,CAAjB;AACN,CAJD;;AAMA,MAAMiD,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJC,KADI;IAEJC,QAAQ,GAAG,EAFP;IAGJC,YAAY,GAAG,EAHX;IAIJC,WAAW,GAAG,EAJV;IAKJC,MAAM,GAAG,EALL;IAMJC,YAAY,GAAG;EANX,IAOFN,KAPJ;;EAQA,MAAMO,UAAU,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BtB,UAA1B,EAAsCkB,MAAtC,CAAnB;;EACA,MAAMT,MAAM,GAAGhD,OAAO,CAAC,MAAM+C,iBAAiB,CAACQ,YAAD,CAAxB,EAAwC,CAACA,YAAD,CAAxC,CAAtB;EAEA,oBACE;IACE,aAAY,oBAAmB,WAAUF,KAAV,CAAiB,EADlD;IAEE,SAAS,EAAEnD,UAAU,CAACuB,KAAK,CAACqC,OAAP,EAAgBN,WAAW,KAAK,MAAhB,IAA0B/B,KAAK,CAACsC,SAAhD;EAFvB,gBAIE;IAAK,SAAS,EAAEtC,KAAK,CAACuC;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEX,KAAd;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,YAAY,EAAEI,YAAvD;IAAqE,IAAI,EAAE;EAA3E,EADF,CAJF,eAOE;IAAK,SAAS,EAAEV;EAAhB,GAAyBW,UAAzB,CAPF,CADF;AAWD,CAvBD;;AAyBAR,cAAc,CAACc,SAAf,2CAA2B;EACzBZ,KAAK,EAAEpD,SAAS,CAACiE,MADQ;EAEzBZ,QAAQ,EAAErD,SAAS,CAACiE,MAFK;EAGzBR,YAAY,EAAEzD,SAAS,CAACiE,MAHC;EAIzBX,YAAY,EAAEtD,SAAS,CAACiE,MAJC;EAKzBV,WAAW,EAAEvD,SAAS,CAACiE,MALE;EAMzBT,MAAM,EAAExD,SAAS,CAACkE,OAAV,CACNlE,SAAS,CAACmE,SAAV,CAAoB,CAClBnE,SAAS,CAACoE,KAAV,cACKlE,YAAY,CAAC8D,SADlB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,cAAD,CAAhB,CAFR;IAGE3B,IAAI,EAAE1C,SAAS,CAACqE,KAAV,CAAgB,MAAK5C,mBAAL,CAAhB;EAHR,GADkB,EAMlBzB,SAAS,CAACoE,KAAV,cACK9D,UAAU,CAAC0D,SADhB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GANkB,EAUlBrE,SAAS,CAACoE,KAAV,cACK5D,aAAa,CAACwD,SADnB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GAVkB,EAclBrE,SAAS,CAACoE,KAAV,cACK3D,WAAW,CAACuD,SADjB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAdkB,EAkBlBrE,SAAS,CAACoE,KAAV,cACKvD,aAAa,CAACmD,SADnB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,UAAD,CAAhB,CAFR;IAGE3B,IAAI,EAAE1C,SAAS,CAACqE,KAAV,CAAgB,MAAK5C,mBAAL,CAAhB;EAHR,GAlBkB,EAuBlBzB,SAAS,CAACoE,KAAV,cACKtD,SAAS,CAACkD,SADf;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GAvBkB,EA2BlBrE,SAAS,CAACoE,KAAV,cACKrD,eAAe,CAACiD,SADrB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFR,GA3BkB,EA+BlBrE,SAAS,CAACoE,KAAV,cACKjE,MAAM,CAAC6D,SADZ;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,QAAD,CAAhB,CAFR;IAGE3B,IAAI,EAAE1C,SAAS,CAACqE,KAAV,CAAgB,MAAK5C,mBAAL,CAAhB;EAHR,GA/BkB,EAoClBzB,SAAS,CAACoE,KAAV,cACK7D,aAAa,CAACyD,SADnB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GApCkB,EAwClBrE,SAAS,CAACoE,KAAV,cACKpD,kBAAkB,CAACgD,SADxB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAxCkB,EA4ClBrE,SAAS,CAACoE,KAAV,cACKpD,kBAAkB,CAACgD,SADxB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GA5CkB,EAgDlBrE,SAAS,CAACoE,KAAV,cACKnD,WAAW,CAAC+C,SADjB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAhDkB,EAoDlBrE,SAAS,CAACoE,KAAV,cACKlD,aAAa,CAAC8C,SADnB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GApDkB,EAwDlBrE,SAAS,CAACoE,KAAV,cACK/D,SAAS,CAAC2D,SADf;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFR;IAGE3B,IAAI,EAAE1C,SAAS,CAACqE,KAAV,CAAgB,MAAK5C,mBAAL,CAAhB;EAHR,GAxDkB,EA6DlBzB,SAAS,CAACoE,KAAV,cACKzD,gBAAgB,CAACqD,SADtB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFR,GA7DkB,EAiElBrE,SAAS,CAACoE,KAAV,cACK1D,cAAc,CAACsD,SADpB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GAjEkB,EAqElBrE,SAAS,CAACoE,KAAV,cACKxD,MAAM,CAACoD,SADZ;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GArEkB,EAyElBrE,SAAS,CAACoE,KAAV,cACK9C,UAAU,CAAC0C,SADhB;IAEE3B,UAAU,EAAEf,UAAU,CAAC0C,SAAX,CAAqB9B,IAFnC;IAGEA,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAHR,GAzEkB,EA8ElBrE,SAAS,CAACoE,KAAV,cACKhE,cAAc,CAAC4D,SADpB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,gBAAD,CAAhB;EAFR,GA9EkB,EAkFlBrE,SAAS,CAACoE,KAAV,cACKhD,KAAK,CAAC4C,SADX;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAlFkB,EAsFlBrE,SAAS,CAACoE,KAAV,CAAgB/D,SAAS,CAAC2D,SAA1B,CAtFkB,EAuFlBhE,SAAS,CAACoE,KAAV,cACK7C,aAAa,CAACyC,SADnB;IAEE9B,IAAI,EAAElC,SAAS,CAACqE,KAAV,CAAgB,CAAC,eAAD,CAAhB;EAFR,GAvFkB,CAApB,CADM;AANiB,CAA3B;AAqGA,eAAenB,cAAf"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA2PA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAlKF,uDA8HG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AAuPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AA9JF,uDA0HG"}
@@ -160,12 +160,8 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
160
160
  className: style.lockIcon,
161
161
  height: 48
162
162
  }), /*#__PURE__*/React.createElement("span", {
163
- "aria-label": disabledArialabel // eslint-disable-next-line react/no-danger
164
- ,
165
- dangerouslySetInnerHTML: {
166
- __html: disabledContent
167
- }
168
- })) : null;
163
+ "aria-label": disabledArialabel
164
+ }, disabledContent)) : null;
169
165
  const inlineBadgeStyle = {
170
166
  color: primaryColor
171
167
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useMemo","memo","PropTypes","classnames","NovaCompositionCoorpacademyPadlock","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","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","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockContent","lockIcon","__html","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","cardPropTypes","shape","number","func","oneOf"],"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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"}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","memo","PropTypes","classnames","NovaCompositionCoorpacademyPadlock","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Selectable","Notification","style","THEMES","default","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","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","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","CARD","lockWrapper","cardPropTypes","shape","number","func","oneOf"],"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 aria-label={disabledArialabel}>{disabledContent}</span>\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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"}
@@ -206,7 +206,7 @@
206
206
 
207
207
  .lockWrapper:hover span {
208
208
  font-weight: 600;
209
- width: 174px;
209
+ width: 150px;
210
210
  }
211
211
 
212
212
  .lockContent {
@@ -217,7 +217,7 @@
217
217
  }
218
218
 
219
219
  .lockContent span {
220
- width: 174px;
220
+ width: 134px;
221
221
  height: 40px;
222
222
  color: white;
223
223
  text-align: center;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAsBA,kDA6MC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA+BA,kDAwOC"}
@@ -1,17 +1,25 @@
1
1
  import React from 'react';
2
- import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
2
+ import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaCompositionCoorpacademyPadlock as LockIcon, NovaLineStatusCheckCircle1 as CheckCircle1, NovaSolidFilesBasicFileLines as FileLinesIcon } from '@coorpacademy/nova-icons';
3
3
  import map from 'lodash/fp/map';
4
+ import isEmpty from 'lodash/fp/isEmpty';
5
+ import classNames from 'classnames';
4
6
  import Cta from '../../atom/button-link';
5
7
  import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
6
8
  import InputSwitch from '../../atom/input-switch';
7
9
  import Title from '../../atom/title';
8
10
  import CardsGrid from '../../organism/cards-grid';
11
+ import ListItems from '../../organism/list-items';
9
12
  import style from './style.css';
10
13
  import propTypes from './types';
11
14
  const IconType = {
12
15
  lockedContent: /*#__PURE__*/React.createElement(LockIcon, {
13
16
  className: style.lockIcon
14
- })
17
+ }),
18
+ fileZipped: /*#__PURE__*/React.createElement("div", {
19
+ className: style.filesListIconContainer
20
+ }, /*#__PURE__*/React.createElement(FileLinesIcon, {
21
+ className: style.filesListIcon
22
+ }))
15
23
  };
16
24
 
17
25
  const CMPopin = props => {
@@ -51,19 +59,12 @@ const CMPopin = props => {
51
59
  backgroundImage
52
60
  } = header;
53
61
  const TopTitleIcon = IconType[headerIcon];
54
-
55
- if (title) {
56
- return /*#__PURE__*/React.createElement("div", {
57
- className: style.headerContent
58
- }, TopTitleIcon, /*#__PURE__*/React.createElement("div", {
59
- className: style.headerTitle
60
- }, /*#__PURE__*/React.createElement(Title, title)));
61
- }
62
-
63
- return /*#__PURE__*/React.createElement("img", {
62
+ return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("div", {
63
+ className: style.headerContent
64
+ }, TopTitleIcon, /*#__PURE__*/React.createElement(Title, title)) : null, backgroundImage ? /*#__PURE__*/React.createElement("img", {
64
65
  className: style.headerBackground,
65
66
  src: backgroundImage
66
- });
67
+ }) : null);
67
68
  }
68
69
 
69
70
  if (mode === 'cookie') return /*#__PURE__*/React.createElement("div", {
@@ -132,15 +133,24 @@ const CMPopin = props => {
132
133
  type,
133
134
  list
134
135
  } = items;
135
- return type === 'content' ? /*#__PURE__*/React.createElement(CardsGrid, list) : null;
136
+ if (isEmpty(list)) return null;
137
+ if (type === 'content') return /*#__PURE__*/React.createElement("div", {
138
+ className: style.itemsContainer,
139
+ "data-name": 'cm-popin-cards'
140
+ }, /*#__PURE__*/React.createElement(CardsGrid, list));
141
+ if (type === 'list') return /*#__PURE__*/React.createElement("div", {
142
+ className: style.filesListContainer
143
+ }, /*#__PURE__*/React.createElement(ListItems, list));
144
+ return null;
136
145
  };
137
146
 
147
+ const wrapperPopinStyle = classNames(mode === 'cookie' && style.popinCookie, mode === 'list' && style.popinFilesList, style.popin);
138
148
  return /*#__PURE__*/React.createElement("div", {
139
149
  className: mode !== 'cookie' ? style.background : null,
140
150
  style: backgroundImageStyle,
141
151
  "data-name": 'cm-popin-container'
142
152
  }, /*#__PURE__*/React.createElement("div", {
143
- className: mode === 'cookie' ? style.popinCookie : style.popin
153
+ className: wrapperPopinStyle
144
154
  }, /*#__PURE__*/React.createElement("header", {
145
155
  className: style.popinHeader
146
156
  }, renderHeader(), onClose ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
@@ -149,7 +159,7 @@ const CMPopin = props => {
149
159
  "aria-label": 'close-icon',
150
160
  size: "small",
151
161
  icon: "close"
152
- }) : null), mode !== 'items' ? /*#__PURE__*/React.createElement("div", {
162
+ }) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/React.createElement("div", {
153
163
  className: mode === 'cookie' || mode === 'information' ? style.cookieTitleContainer : style.titleContainer
154
164
  }, /*#__PURE__*/React.createElement("div", {
155
165
  className: style.contentSection
@@ -170,10 +180,7 @@ const CMPopin = props => {
170
180
  }
171
181
  }) : null) : null, descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
172
182
  className: style.descriptionBtn
173
- }, descriptionBtnTxt) : null, items ? /*#__PURE__*/React.createElement("div", {
174
- className: style.itemsContainer,
175
- "data-name": 'cm-popin-cards'
176
- }, renderItems()) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
183
+ }, descriptionBtnTxt) : null, !isEmpty(items) ? renderItems() : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
177
184
  className: style.buttonContainer
178
185
  }, firstButton ? /*#__PURE__*/React.createElement("div", {
179
186
  className: firstButton.largeButton ? style.largeButton : style.button
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","style","propTypes","IconType","lockedContent","lockIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerTitle","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","itemsContainer","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n NovaSolidApplicationsWindowUpload3 as WindowUpload,\n NovaLineSettingsCookie as Cookie,\n NovaSolidSpaceMoonRocket as MoonRocket,\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n lockedContent: <LockIcon className={style.lockIcon} />\n};\n\nconst CMPopin = props => {\n const {\n content,\n mode = 'alert',\n firstButton,\n secondButton,\n onClose,\n header,\n icon,\n backgroundImageUrl,\n descriptionText,\n thirdButton,\n cookieTitle,\n descriptionBtnTxt,\n listBtnSwicth,\n items\n } = props;\n const logo = {\n AlertDiamond,\n WindowUpload,\n MoonRocket,\n CheckCircle1\n };\n const LogoComponent = logo[icon];\n\n const backgroundImageStyle = backgroundImageUrl\n ? {\n backgroundImage: `url(${backgroundImageUrl})`,\n backgroundSize: 'cover'\n }\n : null;\n const renderHeader = () => {\n if (header) {\n const {title, headerIcon, backgroundImage} = header;\n const TopTitleIcon = IconType[headerIcon];\n if (title) {\n return (\n <div className={style.headerContent}>\n {TopTitleIcon}\n <div className={style.headerTitle}>\n <Title {...title} />\n </div>\n </div>\n );\n }\n return <img className={style.headerBackground} src={backgroundImage} />;\n }\n if (mode === 'cookie')\n return (\n <div className={style.cookieHeader}>\n <div className={style.cookieIconContainer}>\n <Cookie className={style.cookieIcon} />\n </div>\n <div className={style.cookieTitle}>{cookieTitle}</div>\n </div>\n );\n return null;\n };\n const getClassBtnSwitch = (index, btnList) => {\n switch (index) {\n case 0:\n return style.firstBtnSwitchContainer;\n case btnList.length - 1:\n return style.lastBtnSwitchContainer;\n default:\n return style.singleSwitchContainer;\n }\n };\n const renderBtnSwitch = () => {\n return map.convert({cap: false})((el, index) => {\n const {\n type,\n title,\n value,\n onChange,\n titlePosition,\n theme,\n details,\n requiredSelection,\n disabled,\n id,\n 'data-name': dataName\n } = el;\n return (\n <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n <InputSwitch\n {...{\n type,\n title,\n value,\n onChange,\n titlePosition,\n theme,\n details,\n requiredSelection,\n disabled,\n id,\n 'data-name': dataName\n }}\n />\n </div>\n );\n })(listBtnSwicth);\n };\n const renderItems = () => {\n const {type, list} = items;\n return type === 'content' ? <CardsGrid {...list} /> : null;\n };\n return (\n <div\n className={mode !== 'cookie' ? style.background : null}\n style={backgroundImageStyle}\n data-name={'cm-popin-container'}\n >\n <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n <header className={style.popinHeader}>\n {renderHeader()}\n {onClose ? (\n <ButtonLinkIconOnly\n onClick={onClose}\n data-name={'close-icon'}\n aria-label={'close-icon'}\n size=\"small\"\n icon=\"close\"\n />\n ) : null}\n </header>\n {mode !== 'items' ? (\n <div\n className={\n mode === 'cookie' || mode === 'information'\n ? style.cookieTitleContainer\n : style.titleContainer\n }\n >\n <div className={style.contentSection}>\n {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n {content ? (\n <p\n className={mode === 'alert' ? style.content : style.message}\n data-name={'cm-popin-content'}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n ) : null}\n </div>\n {descriptionText ? (\n <p\n className={style.descriptionText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: descriptionText}}\n />\n ) : null}\n </div>\n ) : null}\n {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n {items ? (\n <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n {renderItems()}\n </div>\n ) : null}\n {renderBtnSwitch()}\n {firstButton || secondButton || thirdButton ? (\n <div className={style.buttonContainer}>\n {firstButton ? (\n <div className={firstButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={firstButton.label}\n onClick={firstButton.handleOnclick}\n data-name={'cm-popin-cta'}\n aria-label={firstButton['aria-label']}\n type={firstButton.type}\n customStyle={firstButton.customStyle}\n />\n </div>\n ) : null}\n {secondButton ? (\n <div className={secondButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={secondButton.label}\n onClick={secondButton.handleOnclick}\n data-name={`cm-popin-cta-${secondButton.type}`}\n aria-label={secondButton['aria-label']}\n type={secondButton.type}\n customStyle={secondButton.customStyle}\n />\n </div>\n ) : null}\n {thirdButton ? (\n <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={thirdButton.label}\n onClick={thirdButton.handleOnclick}\n data-name={`cm-popin-cta-${thirdButton.type}`}\n aria-label={thirdButton['aria-label']}\n type={thirdButton.type}\n customStyle={thirdButton.customStyle}\n />\n </div>\n ) : null}\n </div>\n ) : null}\n </div>\n </div>\n );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","map","isEmpty","classNames","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","ListItems","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n NovaSolidApplicationsWindowUpload3 as WindowUpload,\n NovaLineSettingsCookie as Cookie,\n NovaSolidSpaceMoonRocket as MoonRocket,\n NovaCompositionCoorpacademyPadlock as LockIcon,\n NovaLineStatusCheckCircle1 as CheckCircle1,\n NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n lockedContent: <LockIcon className={style.lockIcon} />,\n fileZipped: (\n <div className={style.filesListIconContainer}>\n <FileLinesIcon className={style.filesListIcon} />\n </div>\n )\n};\n\nconst CMPopin = props => {\n const {\n content,\n mode = 'alert',\n firstButton,\n secondButton,\n onClose,\n header,\n icon,\n backgroundImageUrl,\n descriptionText,\n thirdButton,\n cookieTitle,\n descriptionBtnTxt,\n listBtnSwicth,\n items\n } = props;\n const logo = {\n AlertDiamond,\n WindowUpload,\n MoonRocket,\n CheckCircle1\n };\n const LogoComponent = logo[icon];\n\n const backgroundImageStyle = backgroundImageUrl\n ? {\n backgroundImage: `url(${backgroundImageUrl})`,\n backgroundSize: 'cover'\n }\n : null;\n\n const renderHeader = () => {\n if (header) {\n const {title, headerIcon, backgroundImage} = header;\n const TopTitleIcon = IconType[headerIcon];\n\n return (\n <>\n {title ? (\n <div className={style.headerContent}>\n {TopTitleIcon}\n <Title {...title} />\n </div>\n ) : null}\n {backgroundImage ? (\n <img className={style.headerBackground} src={backgroundImage} />\n ) : null}\n </>\n );\n }\n\n if (mode === 'cookie')\n return (\n <div className={style.cookieHeader}>\n <div className={style.cookieIconContainer}>\n <Cookie className={style.cookieIcon} />\n </div>\n <div className={style.cookieTitle}>{cookieTitle}</div>\n </div>\n );\n\n return null;\n };\n\n const getClassBtnSwitch = (index, btnList) => {\n switch (index) {\n case 0:\n return style.firstBtnSwitchContainer;\n case btnList.length - 1:\n return style.lastBtnSwitchContainer;\n default:\n return style.singleSwitchContainer;\n }\n };\n\n const renderBtnSwitch = () => {\n return map.convert({cap: false})((el, index) => {\n const {\n type,\n title,\n value,\n onChange,\n titlePosition,\n theme,\n details,\n requiredSelection,\n disabled,\n id,\n 'data-name': dataName\n } = el;\n return (\n <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n <InputSwitch\n {...{\n type,\n title,\n value,\n onChange,\n titlePosition,\n theme,\n details,\n requiredSelection,\n disabled,\n id,\n 'data-name': dataName\n }}\n />\n </div>\n );\n })(listBtnSwicth);\n };\n\n const renderItems = () => {\n const {type, list} = items;\n if (isEmpty(list)) return null;\n\n if (type === 'content')\n return (\n <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n <CardsGrid {...list} />\n </div>\n );\n if (type === 'list')\n return (\n <div className={style.filesListContainer}>\n <ListItems {...list} />\n </div>\n );\n\n return null;\n };\n\n const wrapperPopinStyle = classNames(\n mode === 'cookie' && style.popinCookie,\n mode === 'list' && style.popinFilesList,\n style.popin\n );\n\n return (\n <div\n className={mode !== 'cookie' ? style.background : null}\n style={backgroundImageStyle}\n data-name={'cm-popin-container'}\n >\n <div className={wrapperPopinStyle}>\n <header className={style.popinHeader}>\n {renderHeader()}\n {onClose ? (\n <ButtonLinkIconOnly\n onClick={onClose}\n data-name={'close-icon'}\n aria-label={'close-icon'}\n size=\"small\"\n icon=\"close\"\n />\n ) : null}\n </header>\n {mode !== 'items' && mode !== 'list' ? (\n <div\n className={\n mode === 'cookie' || mode === 'information'\n ? style.cookieTitleContainer\n : style.titleContainer\n }\n >\n <div className={style.contentSection}>\n {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n {content ? (\n <p\n className={mode === 'alert' ? style.content : style.message}\n data-name={'cm-popin-content'}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n ) : null}\n </div>\n {descriptionText ? (\n <p\n className={style.descriptionText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: descriptionText}}\n />\n ) : null}\n </div>\n ) : null}\n {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n {!isEmpty(items) ? renderItems() : null}\n {renderBtnSwitch()}\n {firstButton || secondButton || thirdButton ? (\n <div className={style.buttonContainer}>\n {firstButton ? (\n <div className={firstButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={firstButton.label}\n onClick={firstButton.handleOnclick}\n data-name={'cm-popin-cta'}\n aria-label={firstButton['aria-label']}\n type={firstButton.type}\n customStyle={firstButton.customStyle}\n />\n </div>\n ) : null}\n {secondButton ? (\n <div className={secondButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={secondButton.label}\n onClick={secondButton.handleOnclick}\n data-name={`cm-popin-cta-${secondButton.type}`}\n aria-label={secondButton['aria-label']}\n type={secondButton.type}\n customStyle={secondButton.customStyle}\n />\n </div>\n ) : null}\n {thirdButton ? (\n <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n <Cta\n label={thirdButton.label}\n onClick={thirdButton.handleOnclick}\n data-name={`cm-popin-cta-${thirdButton.type}`}\n aria-label={thirdButton['aria-label']}\n type={thirdButton.type}\n customStyle={thirdButton.customStyle}\n />\n </div>\n ) : null}\n </div>\n ) : null}\n </div>\n </div>\n );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}