@coorpacademy/components 10.1.12-alpha.0 → 10.1.15

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 (145) hide show
  1. package/es/atom/input-checkbox/index.js +9 -3
  2. package/es/atom/input-checkbox/index.js.map +1 -1
  3. package/es/atom/input-checkbox/style.css +15 -0
  4. package/es/atom/tag/test/fixtures.js +4 -2
  5. package/es/atom/tag/test/fixtures.js.map +1 -1
  6. package/es/molecule/banner/index.js +16 -7
  7. package/es/molecule/banner/index.js.map +1 -1
  8. package/es/molecule/banner/style.css +47 -0
  9. package/es/molecule/banner/test/fixtures/default.js +1 -1
  10. package/es/molecule/banner/test/fixtures/default.js.map +1 -1
  11. package/es/molecule/banner/test/fixtures/error-temporary-banner.js +8 -0
  12. package/es/molecule/banner/test/fixtures/error-temporary-banner.js.map +1 -0
  13. package/es/molecule/banner/test/fixtures/success-banner.js +7 -0
  14. package/es/molecule/banner/test/fixtures/success-banner.js.map +1 -0
  15. package/es/molecule/banner/test/fixtures/success-temporary-banner.js +8 -0
  16. package/es/molecule/banner/test/fixtures/success-temporary-banner.js.map +1 -0
  17. package/es/molecule/banner/test/fixtures/warning-temporary-banner.js +8 -0
  18. package/es/molecule/banner/test/fixtures/warning-temporary-banner.js.map +1 -0
  19. package/es/molecule/brand-form-group/style.css +5 -0
  20. package/es/molecule/brand-tabs/style.css +0 -1
  21. package/es/molecule/bullet-point-menu-button/index.js +1 -5
  22. package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
  23. package/es/molecule/bullet-point-menu-button/style.css +11 -7
  24. package/es/molecule/select-multiple/index.js +99 -16
  25. package/es/molecule/select-multiple/index.js.map +1 -1
  26. package/es/molecule/select-multiple/style.css +293 -11
  27. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js +32 -0
  28. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js.map +1 -0
  29. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js +32 -0
  30. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js.map +1 -0
  31. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js +32 -0
  32. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js.map +1 -0
  33. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme.js +32 -0
  34. package/es/molecule/select-multiple/test/fixtures/checked-cm-theme.js.map +1 -0
  35. package/es/molecule/select-multiple/test/fixtures/setup-theme-error.js +1 -1
  36. package/es/molecule/select-multiple/test/fixtures/setup-theme-error.js.map +1 -1
  37. package/es/organism/accordion/coorp-manager/index.js +3 -3
  38. package/es/organism/accordion/coorp-manager/index.js.map +1 -1
  39. package/es/organism/brand-dashboard/index.js +1 -3
  40. package/es/organism/brand-dashboard/index.js.map +1 -1
  41. package/es/organism/brand-dashboard/style.css +0 -10
  42. package/es/organism/brand-form/test/fixtures/wizard-playlists.js +26 -0
  43. package/es/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -1
  44. package/es/organism/list-item/index.js +68 -0
  45. package/es/organism/list-item/index.js.map +1 -0
  46. package/es/organism/list-item/style.css +53 -0
  47. package/es/organism/list-item/test/fixtures/archived.js +39 -0
  48. package/es/organism/list-item/test/fixtures/archived.js.map +1 -0
  49. package/es/organism/list-item/test/fixtures/draft.js +39 -0
  50. package/es/organism/list-item/test/fixtures/draft.js.map +1 -0
  51. package/es/organism/list-item/test/fixtures/published.js +39 -0
  52. package/es/organism/list-item/test/fixtures/published.js.map +1 -0
  53. package/es/organism/list-item/test/fixtures/revised.js +41 -0
  54. package/es/organism/list-item/test/fixtures/revised.js.map +1 -0
  55. package/es/organism/setup-header/style.css +16 -7
  56. package/es/template/back-office/brand-update/index.js +106 -92
  57. package/es/template/back-office/brand-update/index.js.map +1 -1
  58. package/es/template/back-office/brand-update/style.css +22 -66
  59. package/es/template/back-office/brand-update/test/fixtures/default.js +1 -58
  60. package/es/template/back-office/brand-update/test/fixtures/default.js.map +1 -1
  61. package/es/template/back-office/brand-update/test/fixtures/general-settings.js +77 -3
  62. package/es/template/back-office/brand-update/test/fixtures/general-settings.js.map +1 -1
  63. package/es/template/back-office/brand-update/test/fixtures/loader.js +1 -1
  64. package/es/template/back-office/brand-update/test/fixtures/loader.js.map +1 -1
  65. package/es/template/back-office/brand-update/test/fixtures/manageusers-edit.js +1 -1
  66. package/es/template/back-office/brand-update/test/fixtures/manageusers-edit.js.map +1 -1
  67. package/es/template/back-office/brand-update/test/fixtures/manageusers-list.js +1 -1
  68. package/es/template/back-office/brand-update/test/fixtures/manageusers-list.js.map +1 -1
  69. package/es/template/back-office/brand-update/test/fixtures/uploadusers.js +1 -1
  70. package/es/template/back-office/brand-update/test/fixtures/uploadusers.js.map +1 -1
  71. package/lib/atom/input-checkbox/index.js +10 -3
  72. package/lib/atom/input-checkbox/index.js.map +1 -1
  73. package/lib/atom/input-checkbox/style.css +15 -0
  74. package/lib/atom/tag/test/fixtures.js +5 -2
  75. package/lib/atom/tag/test/fixtures.js.map +1 -1
  76. package/lib/molecule/banner/index.js +17 -6
  77. package/lib/molecule/banner/index.js.map +1 -1
  78. package/lib/molecule/banner/style.css +47 -0
  79. package/lib/molecule/banner/test/fixtures/default.js +1 -1
  80. package/lib/molecule/banner/test/fixtures/default.js.map +1 -1
  81. package/lib/molecule/banner/test/fixtures/error-temporary-banner.js +13 -0
  82. package/lib/molecule/banner/test/fixtures/error-temporary-banner.js.map +1 -0
  83. package/lib/molecule/banner/test/fixtures/success-banner.js +12 -0
  84. package/lib/molecule/banner/test/fixtures/success-banner.js.map +1 -0
  85. package/lib/molecule/banner/test/fixtures/success-temporary-banner.js +13 -0
  86. package/lib/molecule/banner/test/fixtures/success-temporary-banner.js.map +1 -0
  87. package/lib/molecule/banner/test/fixtures/warning-temporary-banner.js +13 -0
  88. package/lib/molecule/banner/test/fixtures/warning-temporary-banner.js.map +1 -0
  89. package/lib/molecule/brand-form-group/style.css +5 -0
  90. package/lib/molecule/brand-tabs/style.css +0 -1
  91. package/lib/molecule/bullet-point-menu-button/index.js +1 -5
  92. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
  93. package/lib/molecule/bullet-point-menu-button/style.css +11 -7
  94. package/lib/molecule/select-multiple/index.js +101 -15
  95. package/lib/molecule/select-multiple/index.js.map +1 -1
  96. package/lib/molecule/select-multiple/style.css +293 -11
  97. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js +37 -0
  98. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js.map +1 -0
  99. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js +37 -0
  100. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js.map +1 -0
  101. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js +37 -0
  102. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js.map +1 -0
  103. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme.js +37 -0
  104. package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme.js.map +1 -0
  105. package/lib/molecule/select-multiple/test/fixtures/setup-theme-error.js +1 -1
  106. package/lib/molecule/select-multiple/test/fixtures/setup-theme-error.js.map +1 -1
  107. package/lib/organism/accordion/coorp-manager/index.js +2 -4
  108. package/lib/organism/accordion/coorp-manager/index.js.map +1 -1
  109. package/lib/organism/brand-dashboard/index.js +1 -3
  110. package/lib/organism/brand-dashboard/index.js.map +1 -1
  111. package/lib/organism/brand-dashboard/style.css +0 -10
  112. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js +26 -0
  113. package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -1
  114. package/lib/organism/list-item/index.js +82 -0
  115. package/lib/organism/list-item/index.js.map +1 -0
  116. package/lib/organism/list-item/style.css +53 -0
  117. package/lib/organism/list-item/test/fixtures/archived.js +44 -0
  118. package/lib/organism/list-item/test/fixtures/archived.js.map +1 -0
  119. package/lib/organism/list-item/test/fixtures/draft.js +44 -0
  120. package/lib/organism/list-item/test/fixtures/draft.js.map +1 -0
  121. package/lib/organism/list-item/test/fixtures/published.js +44 -0
  122. package/lib/organism/list-item/test/fixtures/published.js.map +1 -0
  123. package/lib/organism/list-item/test/fixtures/revised.js +46 -0
  124. package/lib/organism/list-item/test/fixtures/revised.js.map +1 -0
  125. package/lib/organism/setup-header/style.css +16 -7
  126. package/lib/template/back-office/brand-update/index.js +106 -93
  127. package/lib/template/back-office/brand-update/index.js.map +1 -1
  128. package/lib/template/back-office/brand-update/style.css +22 -66
  129. package/lib/template/back-office/brand-update/test/fixtures/default.js +1 -58
  130. package/lib/template/back-office/brand-update/test/fixtures/default.js.map +1 -1
  131. package/lib/template/back-office/brand-update/test/fixtures/general-settings.js +76 -3
  132. package/lib/template/back-office/brand-update/test/fixtures/general-settings.js.map +1 -1
  133. package/lib/template/back-office/brand-update/test/fixtures/loader.js +2 -2
  134. package/lib/template/back-office/brand-update/test/fixtures/loader.js.map +1 -1
  135. package/lib/template/back-office/brand-update/test/fixtures/manageusers-edit.js +2 -2
  136. package/lib/template/back-office/brand-update/test/fixtures/manageusers-edit.js.map +1 -1
  137. package/lib/template/back-office/brand-update/test/fixtures/manageusers-list.js +2 -2
  138. package/lib/template/back-office/brand-update/test/fixtures/manageusers-list.js.map +1 -1
  139. package/lib/template/back-office/brand-update/test/fixtures/uploadusers.js +2 -2
  140. package/lib/template/back-office/brand-update/test/fixtures/uploadusers.js.map +1 -1
  141. package/package.json +2 -2
  142. package/es/template/back-office/brand-update/test/fixtures/manageusers.js +0 -11
  143. package/es/template/back-office/brand-update/test/fixtures/manageusers.js.map +0 -1
  144. package/lib/template/back-office/brand-update/test/fixtures/manageusers.js +0 -25
  145. package/lib/template/back-office/brand-update/test/fixtures/manageusers.js.map +0 -1
@@ -1,12 +1,86 @@
1
+ import _cloneDeep from "lodash/fp/cloneDeep";
1
2
  import _defaultsDeep from "lodash/fp/defaultsDeep";
2
3
  import GeneralSettings from '../../../../../organism/brand-form/test/fixtures/general-settings';
3
4
  import Default from './default';
4
- const {
5
- props
6
- } = Default;
5
+
6
+ const props = _cloneDeep(Default.props);
7
+
7
8
  const {
8
9
  groups
9
10
  } = GeneralSettings.props;
11
+ props.items[0].selected = false;
12
+ props.items[1].selected = true;
13
+ props.items[1].tabs = [{
14
+ title: 'My Platform',
15
+ href: '/brands/7steps/admin/my-platform/general-settings',
16
+ name: 'brand_tab_admin_my_platform',
17
+ selected: true,
18
+ type: 'simpleTab',
19
+ subTabs: [{
20
+ title: 'General Settings',
21
+ href: '/brands/7steps/admin/my-platform/general-settings',
22
+ name: 'general-settings',
23
+ permissions: ['general-settings'],
24
+ selected: true,
25
+ type: 'simpleTab'
26
+ }, {
27
+ title: 'SSO',
28
+ href: '/brands/7steps/admin/my-platform/sso',
29
+ name: 'sso',
30
+ permissions: ['sso'],
31
+ selected: false,
32
+ type: 'simpleTab'
33
+ }, {
34
+ title: 'Danger Zone',
35
+ href: '/brands/7steps/admin/my-platform/danger-zone',
36
+ name: 'danger-zone',
37
+ permissions: ['danger-zone'],
38
+ selected: false,
39
+ type: 'simpleTab'
40
+ }]
41
+ }, {
42
+ title: 'User',
43
+ href: '/brands/7steps/admin/user/manage',
44
+ name: 'brand_tab_admin_user',
45
+ selected: false,
46
+ type: 'simpleTab',
47
+ subTabs: [{
48
+ title: 'Manage Users',
49
+ href: '/brands/7steps/admin/user/manage',
50
+ name: 'manage',
51
+ permissions: ['list-users'],
52
+ selected: false,
53
+ type: 'simpleTab'
54
+ }, {
55
+ title: 'Upload Users',
56
+ href: '/brands/7steps/admin/user/upload',
57
+ name: 'upload',
58
+ permissions: ['upload-users'],
59
+ selected: false,
60
+ type: 'simpleTab'
61
+ }]
62
+ }, {
63
+ title: 'Integration',
64
+ href: '/brands/7steps/admin/integration/lms',
65
+ name: 'brand_tab_admin_integration',
66
+ selected: false,
67
+ type: 'simpleTab',
68
+ subTabs: [{
69
+ title: 'LMS',
70
+ href: '/brands/7steps/admin/integration/lms',
71
+ name: 'lms',
72
+ permissions: ['lms'],
73
+ selected: false,
74
+ type: 'simpleTab'
75
+ }, {
76
+ title: 'Teams',
77
+ href: '/brands/7steps/admin/integration/teams',
78
+ name: 'teams',
79
+ permissions: ['teams'],
80
+ selected: false,
81
+ type: 'simpleTab'
82
+ }]
83
+ }];
10
84
  export default {
11
85
  props: _defaultsDeep(props, {
12
86
  content: {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/general-settings.js"],"names":["GeneralSettings","Default","props","groups","content","type"],"mappings":";AACA,OAAOA,eAAP,MAA4B,mEAA5B;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AACA,MAAM;AAACE,EAAAA;AAAD,IAAWH,eAAe,CAACE,KAAjC;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBE,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAE,MADC;AAEPF,MAAAA;AAFO;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport GeneralSettings from '../../../../../organism/brand-form/test/fixtures/general-settings';\nimport Default from './default';\n\nconst {props} = Default;\nconst {groups} = GeneralSettings.props;\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n type: 'form',\n groups\n }\n })\n};\n"],"file":"general-settings.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/general-settings.js"],"names":["GeneralSettings","Default","props","groups","items","selected","tabs","title","href","name","type","subTabs","permissions","content"],"mappings":"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","sourcesContent":["import {defaultsDeep, cloneDeep} from 'lodash/fp';\nimport GeneralSettings from '../../../../../organism/brand-form/test/fixtures/general-settings';\nimport Default from './default';\n\nconst props = cloneDeep(Default.props);\nconst {groups} = GeneralSettings.props;\n\nprops.items[0].selected = false;\nprops.items[1].selected = true;\nprops.items[1].tabs = [\n {\n title: 'My Platform',\n href: '/brands/7steps/admin/my-platform/general-settings',\n name: 'brand_tab_admin_my_platform',\n selected: true,\n type: 'simpleTab',\n subTabs: [\n {\n title: 'General Settings',\n href: '/brands/7steps/admin/my-platform/general-settings',\n name: 'general-settings',\n permissions: ['general-settings'],\n selected: true,\n type: 'simpleTab'\n },\n {\n title: 'SSO',\n href: '/brands/7steps/admin/my-platform/sso',\n name: 'sso',\n permissions: ['sso'],\n selected: false,\n type: 'simpleTab'\n },\n {\n title: 'Danger Zone',\n href: '/brands/7steps/admin/my-platform/danger-zone',\n name: 'danger-zone',\n permissions: ['danger-zone'],\n selected: false,\n type: 'simpleTab'\n }\n ]\n },\n {\n title: 'User',\n href: '/brands/7steps/admin/user/manage',\n name: 'brand_tab_admin_user',\n selected: false,\n type: 'simpleTab',\n subTabs: [\n {\n title: 'Manage Users',\n href: '/brands/7steps/admin/user/manage',\n name: 'manage',\n permissions: ['list-users'],\n selected: false,\n type: 'simpleTab'\n },\n {\n title: 'Upload Users',\n href: '/brands/7steps/admin/user/upload',\n name: 'upload',\n permissions: ['upload-users'],\n selected: false,\n type: 'simpleTab'\n }\n ]\n },\n {\n title: 'Integration',\n href: '/brands/7steps/admin/integration/lms',\n name: 'brand_tab_admin_integration',\n selected: false,\n type: 'simpleTab',\n subTabs: [\n {\n title: 'LMS',\n href: '/brands/7steps/admin/integration/lms',\n name: 'lms',\n permissions: ['lms'],\n selected: false,\n type: 'simpleTab'\n },\n {\n title: 'Teams',\n href: '/brands/7steps/admin/integration/teams',\n name: 'teams',\n permissions: ['teams'],\n selected: false,\n type: 'simpleTab'\n }\n ]\n }\n];\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n type: 'form',\n groups\n }\n })\n};\n"],"file":"general-settings.js"}
@@ -1,5 +1,5 @@
1
1
  import _defaultsDeep from "lodash/fp/defaultsDeep";
2
- import Users from './manageusers';
2
+ import Users from './default';
3
3
  const {
4
4
  props
5
5
  } = Users;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/loader.js"],"names":["Users","props","content"],"mappings":";AACA,OAAOA,KAAP,MAAkB,eAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Users from './manageusers';\n\nconst {props} = Users;\n\nexport default {\n props: defaultsDeep(props, {\n content: null\n })\n};\n"],"file":"loader.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/loader.js"],"names":["Users","props","content"],"mappings":";AACA,OAAOA,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Users from './default';\n\nconst {props} = Users;\n\nexport default {\n props: defaultsDeep(props, {\n content: null\n })\n};\n"],"file":"loader.js"}
@@ -3,7 +3,7 @@ import _defaultsDeep from "lodash/fp/defaultsDeep";
3
3
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
 
5
5
  import UserEdit from '../../../../../organism/brand-form/test/fixtures/manageusers-edit';
6
- import Users from './manageusers';
6
+ import Users from './default';
7
7
  const {
8
8
  props
9
9
  } = Users;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-edit.js"],"names":["UserEdit","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,QAAP,MAAqB,mEAArB;AACA,OAAOC,KAAP,MAAkB,eAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,QAAQ,CAACE,KAAzB;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFA,OADE;AAELC,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport UserEdit from '../../../../../organism/brand-form/test/fixtures/manageusers-edit';\nimport Users from './manageusers';\n\nconst {props} = Users;\nconst content = UserEdit.props;\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n ...content,\n type: 'form'\n }\n })\n};\n"],"file":"manageusers-edit.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-edit.js"],"names":["UserEdit","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,QAAP,MAAqB,mEAArB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,QAAQ,CAACE,KAAzB;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFA,OADE;AAELC,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport UserEdit from '../../../../../organism/brand-form/test/fixtures/manageusers-edit';\nimport Users from './default';\n\nconst {props} = Users;\nconst content = UserEdit.props;\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n ...content,\n type: 'form'\n }\n })\n};\n"],"file":"manageusers-edit.js"}
@@ -1,6 +1,6 @@
1
1
  import _defaultsDeep from "lodash/fp/defaultsDeep";
2
2
  import BrandTable from '../../../../../organism/brand-table/test/fixtures/default';
3
- import Users from './manageusers';
3
+ import Users from './default';
4
4
  const {
5
5
  props
6
6
  } = Users;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-list.js"],"names":["BrandTable","Users","props","content","type"],"mappings":";AACA,OAAOA,UAAP,MAAuB,2DAAvB;AACA,OAAOC,KAAP,MAAkB,eAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,UAAU,CAACE,KAA3B;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,cAAaA,OAAb,EAAsB;AAC7BC,MAAAA,IAAI,EAAE;AADuB,KAAtB;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandTable from '../../../../../organism/brand-table/test/fixtures/default';\nimport Users from './manageusers';\n\nconst {props} = Users;\nconst content = BrandTable.props;\n\nexport default {\n props: defaultsDeep(props, {\n content: defaultsDeep(content, {\n type: 'list'\n })\n })\n};\n"],"file":"manageusers-list.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-list.js"],"names":["BrandTable","Users","props","content","type"],"mappings":";AACA,OAAOA,UAAP,MAAuB,2DAAvB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,UAAU,CAACE,KAA3B;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,cAAaA,OAAb,EAAsB;AAC7BC,MAAAA,IAAI,EAAE;AADuB,KAAtB;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandTable from '../../../../../organism/brand-table/test/fixtures/default';\nimport Users from './default';\n\nconst {props} = Users;\nconst content = BrandTable.props;\n\nexport default {\n props: defaultsDeep(props, {\n content: defaultsDeep(content, {\n type: 'list'\n })\n })\n};\n"],"file":"manageusers-list.js"}
@@ -3,7 +3,7 @@ import _defaultsDeep from "lodash/fp/defaultsDeep";
3
3
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
 
5
5
  import BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';
6
- import Users from './manageusers';
6
+ import Users from './default';
7
7
  const {
8
8
  props
9
9
  } = Users;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/uploadusers.js"],"names":["BrandUpload","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,WAAP,MAAwB,4DAAxB;AACA,OAAOC,KAAP,MAAkB,eAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFH,WAAW,CAACE,KADV;AAELE,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';\nimport Users from './manageusers';\n\nconst {props} = Users;\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n ...BrandUpload.props,\n type: 'upload'\n }\n })\n};\n"],"file":"uploadusers.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/uploadusers.js"],"names":["BrandUpload","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,WAAP,MAAwB,4DAAxB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFH,WAAW,CAACE,KADV;AAELE,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';\nimport Users from './default';\n\nconst {props} = Users;\n\nexport default {\n props: defaultsDeep(props, {\n content: {\n ...BrandUpload.props,\n type: 'upload'\n }\n })\n};\n"],"file":"uploadusers.js"}
@@ -7,6 +7,8 @@ var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
7
7
 
8
8
  var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
9
9
 
10
+ var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
11
+
10
12
  var _react = _interopRequireWildcard(require("react"));
11
13
 
12
14
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -24,6 +26,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
24
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
27
 
26
28
  const titleStylesClassNames = {
29
+ inherit: _style.default.inherit,
27
30
  primary: _style.default.primary,
28
31
  secondary: _style.default.secondary,
29
32
  tertiary: _style.default.tertiary
@@ -39,7 +42,8 @@ const InputCheckbox = props => {
39
42
  titleStyle = 'primary',
40
43
  modified = false,
41
44
  theme = 'default',
42
- title: propsTitle
45
+ title: propsTitle,
46
+ noLabelMargins = false
43
47
  } = props;
44
48
  const titleStyleClassName = titleStylesClassNames[titleStyle];
45
49
  const idCheckbox = (0, _uniqueId2.default)('input-checkbox-');
@@ -60,11 +64,13 @@ const InputCheckbox = props => {
60
64
  onChange: handleChange,
61
65
  disabled: disabled
62
66
  }), /*#__PURE__*/_react.default.createElement("label", {
67
+ className: noLabelMargins ? _style.default.noLabelMargins : undefined,
63
68
  htmlFor: idCheckbox
64
69
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusValidate, {
65
70
  className: _style.default.icon
66
71
  })), /*#__PURE__*/_react.default.createElement("span", {
67
- className: titleStyleClassName
72
+ className: titleStyleClassName,
73
+ title: title
68
74
  }, title));
69
75
  };
70
76
 
@@ -76,8 +82,9 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
76
82
  error: _propTypes.default.bool,
77
83
  onChange: _propTypes.default.func,
78
84
  modified: _propTypes.default.bool,
85
+ noLabelMargins: _propTypes.default.bool,
79
86
  theme: _propTypes.default.oneOf(['coorpmanager', 'default']),
80
- titleStyle: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary'])
87
+ titleStyle: _propTypes.default.oneOf((0, _keys2.default)(titleStylesClassNames))
81
88
  } : {};
82
89
  var _default = InputCheckbox;
83
90
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["titleStylesClassNames","primary","style","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","checkbox","icon","propTypes","PropTypes","string","isRequired","bool","func","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEC,eAAMD,OADa;AAE5BE,EAAAA,SAAS,EAAED,eAAMC,SAFW;AAG5BC,EAAAA,QAAQ,EAAEF,eAAME;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,iBAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,UAAU,GAAG,SANT;AAOJC,IAAAA,QAAQ,GAAG,KAPP;AAQJC,IAAAA,KAAK,GAAG,SARJ;AASJC,IAAAA,KAAK,EAAEC;AATH,MAUFV,KAVJ;AAYA,QAAMW,mBAAmB,GAAGjB,qBAAqB,CAACY,UAAD,CAAjD;AACA,QAAMM,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEL,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMQ,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIZ,QAAQ,CAACY,CAAC,CAACC,MAAF,CAASd,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AAEA,QAAMc,iBAAiB,GACrBR,KAAK,KAAK,cAAV,GAA2BZ,eAAMqB,oBAAjC,GAAwDrB,eAAMsB,eADhE;AAEA,QAAMC,cAAc,GAAGX,KAAK,KAAK,cAAV,GAA2BZ,eAAMwB,iBAAjC,GAAqDxB,eAAMyB,YAAlF;AACA,QAAMC,yBAAyB,GAAGd,KAAK,KAAK,cAAV,GAA2BZ,eAAM2B,YAAjC,GAAgD3B,eAAM4B,OAAxF;AAEA,QAAMC,SAAS,GAAG,4BAChBH,yBADgB,EAEhBN,iBAFgB,EAGhBG,cAHgB,EAIhBZ,QAJgB,EAKhBJ,KALgB,CAAlB;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEsB;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAE7B,eAAM8B,QAFnB;AAGE,IAAA,IAAI,EAAEjB,KAHR;AAIE,IAAA,EAAE,EAAEG,UAJN;AAKE,IAAA,OAAO,EAAEX,OALX;AAME,IAAA,QAAQ,EAAEY,YANZ;AAOE,IAAA,QAAQ,EAAET;AAPZ,IADF,eAUE;AAAO,IAAA,OAAO,EAAEQ;AAAhB,kBACE,6BAAC,kCAAD;AAAW,IAAA,SAAS,EAAEhB,eAAM+B;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAEhB;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CAhDD;;AAkDAV,aAAa,CAAC6B,SAAd,2CAA0B;AACxBnB,EAAAA,KAAK,EAAEoB,mBAAUC,MAAV,CAAiBC,UADA;AAExB3B,EAAAA,QAAQ,EAAEyB,mBAAUG,IAFI;AAGxB3B,EAAAA,QAAQ,EAAEwB,mBAAUG,IAHI;AAIxB/B,EAAAA,OAAO,EAAE4B,mBAAUG,IAJK;AAKxB7B,EAAAA,KAAK,EAAE0B,mBAAUG,IALO;AAMxB9B,EAAAA,QAAQ,EAAE2B,mBAAUI,IANI;AAOxB1B,EAAAA,QAAQ,EAAEsB,mBAAUG,IAPI;AAQxBxB,EAAAA,KAAK,EAAEqB,mBAAUK,KAAV,CAAgB,CAAC,cAAD,EAAiB,SAAjB,CAAhB,CARiB;AASxB5B,EAAAA,UAAU,EAAEuB,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AATY,CAA1B;eAYenC,a","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n primary: style.primary,\n secondary: style.secondary,\n tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n const {\n checked,\n onChange = noop,\n error,\n disabled,\n required,\n titleStyle = 'primary',\n modified = false,\n theme = 'default',\n title: propsTitle\n } = props;\n\n const titleStyleClassName = titleStylesClassNames[titleStyle];\n const idCheckbox = uniqueId('input-checkbox-');\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const modifiedClassName =\n theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n const className = getClassState(\n defaultContainerClassName,\n modifiedClassName,\n errorClassName,\n modified,\n error\n );\n\n return (\n <div className={className}>\n <input\n type=\"checkbox\"\n className={style.checkbox}\n name={title}\n id={idCheckbox}\n checked={checked}\n onChange={handleChange}\n disabled={disabled}\n />\n <label htmlFor={idCheckbox}>\n <CheckIcon className={style.icon} />\n </label>\n <span className={titleStyleClassName}>{title}</span>\n </div>\n );\n};\n\nInputCheckbox.propTypes = {\n title: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n checked: PropTypes.bool,\n error: PropTypes.bool,\n onChange: PropTypes.func,\n modified: PropTypes.bool,\n theme: PropTypes.oneOf(['coorpmanager', 'default']),\n titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["titleStylesClassNames","inherit","style","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","checkbox","undefined","icon","propTypes","PropTypes","string","isRequired","bool","func","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n inherit: style.inherit,\n primary: style.primary,\n secondary: style.secondary,\n tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n const {\n checked,\n onChange = noop,\n error,\n disabled,\n required,\n titleStyle = 'primary',\n modified = false,\n theme = 'default',\n title: propsTitle,\n noLabelMargins = false\n } = props;\n\n const titleStyleClassName = titleStylesClassNames[titleStyle];\n const idCheckbox = uniqueId('input-checkbox-');\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const modifiedClassName =\n theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n const className = getClassState(\n defaultContainerClassName,\n modifiedClassName,\n errorClassName,\n modified,\n error\n );\n\n return (\n <div className={className}>\n <input\n type=\"checkbox\"\n className={style.checkbox}\n name={title}\n id={idCheckbox}\n checked={checked}\n onChange={handleChange}\n disabled={disabled}\n />\n <label className={noLabelMargins ? style.noLabelMargins : undefined} htmlFor={idCheckbox}>\n <CheckIcon className={style.icon} />\n </label>\n <span className={titleStyleClassName} title={title}>\n {title}\n </span>\n </div>\n );\n};\n\nInputCheckbox.propTypes = {\n title: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n checked: PropTypes.bool,\n error: PropTypes.bool,\n onChange: PropTypes.func,\n modified: PropTypes.bool,\n noLabelMargins: PropTypes.bool,\n theme: PropTypes.oneOf(['coorpmanager', 'default']),\n titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}
@@ -143,3 +143,18 @@
143
143
  .coorpManagerModified .checkbox:checked + label {
144
144
  outline: 2px solid battle;
145
145
  }
146
+
147
+ .default .inherit,
148
+ .coorpManager .inherit {
149
+ color: inherit;
150
+ text-overflow: ellipsis;
151
+ white-space: nowrap;
152
+ overflow: hidden;
153
+ width: 100%;
154
+ }
155
+
156
+ .coorpManager .noLabelMargins,
157
+ .default .noLabelMargins {
158
+ margin-right: 0;
159
+ margin-left: 0;
160
+ }
@@ -12,9 +12,11 @@ var _archived = _interopRequireDefault(require("./fixtures/archived"));
12
12
 
13
13
  var _default = _interopRequireDefault(require("./fixtures/default"));
14
14
 
15
+ var _draft = _interopRequireDefault(require("./fixtures/draft"));
16
+
15
17
  var _published = _interopRequireDefault(require("./fixtures/published"));
16
18
 
17
- var _revision = _interopRequireDefault(require("./fixtures/revision"));
19
+ var _revised = _interopRequireDefault(require("./fixtures/revised"));
18
20
 
19
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
22
 
@@ -26,6 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
26
28
  });
27
29
  (0, _ava.default)('Atom › AtomTag › Archived › should be rendered', _renderComponent.default, _.default, _archived.default);
28
30
  (0, _ava.default)('Atom › AtomTag › Default › should be rendered', _renderComponent.default, _.default, _default.default);
31
+ (0, _ava.default)('Atom › AtomTag › Draft › should be rendered', _renderComponent.default, _.default, _draft.default);
29
32
  (0, _ava.default)('Atom › AtomTag › Published › should be rendered', _renderComponent.default, _.default, _published.default);
30
- (0, _ava.default)('Atom › AtomTag › Revision › should be rendered', _renderComponent.default, _.default, _revision.default);
33
+ (0, _ava.default)('Atom › AtomTag › Revised › should be rendered', _renderComponent.default, _.default, _revised.default);
31
34
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/tag/test/fixtures.js"],"names":["t","pass","AtomTag","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDefault","fixturePublished","fixtureRevision"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8CAAL,EAAqDA,CAAC,IAAI;AACxDA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAQC,SAAhB,EAA2B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzCL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wCAAuCF,GAAI,mEAApE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gDAAL,EAAuDG,wBAAvD,EAA6EN,SAA7E,EAAsFO,iBAAtF;AACA,kBAAK,+CAAL,EAAsDD,wBAAtD,EAA4EN,SAA5E,EAAqFQ,gBAArF;AACA,kBAAK,iDAAL,EAAwDF,wBAAxD,EAA8EN,SAA9E,EAAuFS,kBAAvF;AACA,kBAAK,gDAAL,EAAuDH,wBAAvD,EAA6EN,SAA7E,EAAsFU,iBAAtF","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTag from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDefault from './fixtures/default';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevision from './fixtures/revision';\n\ntest('Atom › AtomTag > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTag.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTag.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTag › Archived › should be rendered', renderComponentMacro, AtomTag, fixtureArchived);\ntest('Atom › AtomTag › Default › should be rendered', renderComponentMacro, AtomTag, fixtureDefault);\ntest('Atom › AtomTag › Published › should be rendered', renderComponentMacro, AtomTag, fixturePublished);\ntest('Atom › AtomTag › Revision › should be rendered', renderComponentMacro, AtomTag, fixtureRevision);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/tag/test/fixtures.js"],"names":["t","pass","AtomTag","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDefault","fixtureDraft","fixturePublished","fixtureRevised"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8CAAL,EAAqDA,CAAC,IAAI;AACxDA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAQC,SAAhB,EAA2B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzCL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wCAAuCF,GAAI,mEAApE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gDAAL,EAAuDG,wBAAvD,EAA6EN,SAA7E,EAAsFO,iBAAtF;AACA,kBAAK,+CAAL,EAAsDD,wBAAtD,EAA4EN,SAA5E,EAAqFQ,gBAArF;AACA,kBAAK,6CAAL,EAAoDF,wBAApD,EAA0EN,SAA1E,EAAmFS,cAAnF;AACA,kBAAK,iDAAL,EAAwDH,wBAAxD,EAA8EN,SAA9E,EAAuFU,kBAAvF;AACA,kBAAK,+CAAL,EAAsDJ,wBAAtD,EAA4EN,SAA5E,EAAqFW,gBAArF","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTag from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevised from './fixtures/revised';\n\ntest('Atom › AtomTag > should have valid propTypes', t => {\n t.pass();\n forEach(AtomTag.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomTag.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomTag › Archived › should be rendered', renderComponentMacro, AtomTag, fixtureArchived);\ntest('Atom › AtomTag › Default › should be rendered', renderComponentMacro, AtomTag, fixtureDefault);\ntest('Atom › AtomTag › Draft › should be rendered', renderComponentMacro, AtomTag, fixtureDraft);\ntest('Atom › AtomTag › Published › should be rendered', renderComponentMacro, AtomTag, fixturePublished);\ntest('Atom › AtomTag › Revised › should be rendered', renderComponentMacro, AtomTag, fixtureRevised);\n"],"file":"fixtures.js"}
@@ -3,6 +3,8 @@
3
3
  exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
 
6
+ var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
7
+
6
8
  var _react = _interopRequireDefault(require("react"));
7
9
 
8
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +19,12 @@ var _style = _interopRequireDefault(require("./style.css"));
17
19
 
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
22
+ const ICONS = {
23
+ success: _novaIcons.NovaCompositionCoorpacademyValidate,
24
+ error: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
25
+ warning: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond
26
+ };
27
+
20
28
  const Banner = props => {
21
29
  const {
22
30
  type,
@@ -24,16 +32,18 @@ const Banner = props => {
24
32
  firstCTA,
25
33
  firstCTALabel,
26
34
  secondCTALabel,
27
- secondCTA
35
+ secondCTA,
36
+ temporary
28
37
  } = props;
38
+ const Icon = ICONS[type];
29
39
  return /*#__PURE__*/_react.default.createElement("div", {
30
- className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner),
40
+ className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner, type === 'success' && _style.default.successBanner, temporary && _style.default.temporaryBanner),
31
41
  title: message
32
42
  }, /*#__PURE__*/_react.default.createElement("div", {
33
43
  "data-name": `${type}-banner-message`,
34
44
  className: _style.default.message
35
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond, {
36
- className: _style.default.icon
45
+ }, /*#__PURE__*/_react.default.createElement(Icon, {
46
+ className: (0, _classnames.default)(_style.default.icon, temporary && _style.default.temporaryIcon)
37
47
  }), message), firstCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
38
48
  className: _style.default.button
39
49
  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -56,12 +66,13 @@ const Banner = props => {
56
66
  };
57
67
 
58
68
  Banner.propTypes = process.env.NODE_ENV !== "production" ? {
59
- type: _propTypes.default.oneOf(['information', 'error']),
69
+ type: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),
60
70
  message: _propTypes.default.string.isRequired,
61
71
  firstCTA: _propTypes.default.func,
62
72
  firstCTALabel: _propTypes.default.string,
63
73
  secondCTALabel: _propTypes.default.string,
64
- secondCTA: _propTypes.default.func
74
+ secondCTA: _propTypes.default.func,
75
+ temporary: _propTypes.default.bool
65
76
  } : {};
66
77
  var _default = Banner;
67
78
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","style","banner","errorBanner","icon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWO,eAAMC,MAAjB,EAAyBP,IAAI,KAAK,OAAT,IAAoBM,eAAME,WAAnD,CADb;AAEE,IAAA,KAAK,EAAEP;AAFT,kBAIE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEM,eAAML;AAA3D,kBACE,6BAAC,0DAAD;AAAc,IAAA,SAAS,EAAEK,eAAMG;AAA/B,IADF,EAEGR,OAFH,CAJF,EAQGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEG,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYP,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAlBN,EAmBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEE,eAAMK;AAAtB,IAAlC,GAAyE,IAnB5E,EAoBGP,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEE,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEL,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IA9BN,CADF;AAkCD,CApCD;;AAsCAN,MAAM,CAACc,SAAP,2CAAmB;AACjBZ,EAAAA,IAAI,EAAEa,mBAAUC,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,CAAhB,CADW;AAEjBb,EAAAA,OAAO,EAAEY,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBd,EAAAA,QAAQ,EAAEW,mBAAUI,IAHH;AAIjBd,EAAAA,aAAa,EAAEU,mBAAUE,MAJR;AAKjBX,EAAAA,cAAc,EAAES,mBAAUE,MALT;AAMjBV,EAAAA,SAAS,EAAEQ,mBAAUI;AANJ,CAAnB;eASenB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n return (\n <div\n className={classnames(style.banner, type === 'error' && style.errorBanner)}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <QuestionIcon className={style.icon} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(['information', 'error']),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","Icon","style","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEC,8CADG;AAEZC,EAAAA,KAAK,EAAEC,0DAFK;AAGZC,EAAAA,OAAO,EAAED;AAHG,CAAd;;AAMA,MAAME,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA,SAAzD;AAAoEC,IAAAA;AAApE,MAAiFP,KAAvF;AACA,QAAMQ,IAAI,GAAGf,KAAK,CAACQ,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTQ,eAAMC,MADG,EAETT,IAAI,KAAK,OAAT,IAAoBQ,eAAME,WAFjB,EAGTV,IAAI,KAAK,SAAT,IAAsBQ,eAAMG,aAHnB,EAITL,SAAS,IAAIE,eAAMI,eAJV,CADb;AAOE,IAAA,KAAK,EAAEX;AAPT,kBASE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEQ,eAAMP;AAA3D,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAE,yBAAWO,eAAMK,IAAjB,EAAuBP,SAAS,IAAIE,eAAMM,aAA1C;AAAjB,IADF,EAEGb,OAFH,CATF,EAaGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYZ,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAvBN,EAwBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEI,eAAMQ;AAAtB,IAAlC,GAAyE,IAxB5E,EAyBGZ,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEI,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEV,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IAnCN,CADF;AAuCD,CA1CD;;AA4CAN,MAAM,CAACmB,SAAP,2CAAmB;AACjBjB,EAAAA,IAAI,EAAEkB,mBAAUC,KAAV,CAAgB,oBAAK3B,KAAL,CAAhB,CADW;AAEjBS,EAAAA,OAAO,EAAEiB,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBnB,EAAAA,QAAQ,EAAEgB,mBAAUI,IAHH;AAIjBnB,EAAAA,aAAa,EAAEe,mBAAUE,MAJR;AAKjBhB,EAAAA,cAAc,EAAEc,mBAAUE,MALT;AAMjBf,EAAAA,SAAS,EAAEa,mBAAUI,IANJ;AAOjBhB,EAAAA,SAAS,EAAEY,mBAAUK;AAPJ,CAAnB;eAUezB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n success: ValidateIcon,\n error: QuestionIcon,\n warning: QuestionIcon\n};\n\nconst Banner = props => {\n const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA, temporary} = props;\n const Icon = ICONS[type];\n return (\n <div\n className={classnames(\n style.banner,\n type === 'error' && style.errorBanner,\n type === 'success' && style.successBanner,\n temporary && style.temporaryBanner\n )}\n title={message}\n >\n <div data-name={`${type}-banner-message`} className={style.message}>\n <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n {message}\n </div>\n {firstCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"first-banner-cta\"\n aria-label={firstCTALabel}\n label={firstCTALabel}\n onClick={firstCTA}\n type=\"text\"\n />\n </div>\n ) : null}\n {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n {secondCTALabel ? (\n <div className={style.button}>\n <Link\n data-name=\"second-banner-cta\"\n onClick={secondCTA}\n aria-label={secondCTALabel}\n label={secondCTALabel}\n type=\"text\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nBanner.propTypes = {\n type: PropTypes.oneOf(keys(ICONS)),\n message: PropTypes.string.isRequired,\n firstCTA: PropTypes.func,\n firstCTALabel: PropTypes.string,\n secondCTALabel: PropTypes.string,\n secondCTA: PropTypes.func,\n temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}
@@ -3,6 +3,7 @@
3
3
  @value colors: "../../variables/colors.css";
4
4
  @value white from colors;
5
5
  @value medium from colors;
6
+ @value cm_positive_100 from colors;
6
7
  @value cm_negative_50 from colors;
7
8
  @value cm_negative_200 from colors;
8
9
  @value cm_warning_50 from colors;
@@ -10,6 +11,23 @@
10
11
  @value cm_yellow_200 from colors;
11
12
  @value cm_yellow_400 from colors;
12
13
 
14
+ @keyframes fadeIn {
15
+ 0% {
16
+ opacity: 0;
17
+ margin-top: -50px;
18
+ }
19
+
20
+ 16% {
21
+ margin-top: 70px;
22
+ opacity: 1;
23
+ }
24
+
25
+ 100% {
26
+ margin-top: 70px;
27
+ opacity: 1;
28
+ }
29
+ }
30
+
13
31
  .banner {
14
32
  display: flex;
15
33
  flex-direction: row;
@@ -27,6 +45,29 @@
27
45
  background-color: cm_negative_50;
28
46
  color: cm_negative_200;
29
47
  }
48
+ .successBanner {
49
+ background-color: color(cm_positive_100 a(15%));
50
+ color: cm_positive_100;
51
+ }
52
+
53
+ .temporaryBanner {
54
+ display: inline-flex;
55
+ align-items: center;
56
+ padding: 16px 24px;
57
+ border-radius: 5px;
58
+ border-radius: 5px;
59
+ animation: fadeIn 1800ms;
60
+ animation-direction: alternate;
61
+ animation-iteration-count: 2;
62
+ animation-fill-mode: both;
63
+ animation-timing-function: ease-in;
64
+ z-index: 10000;
65
+ position: fixed;
66
+ top: 0;
67
+ left: 50%;
68
+ transform: translateX(-50%);
69
+
70
+ }
30
71
 
31
72
  .button{
32
73
  background-color: transparent;
@@ -50,6 +91,12 @@
50
91
  margin-right: 16px;
51
92
  }
52
93
 
94
+ .temporaryIcon {
95
+ width: 16px;
96
+ height: 16px;
97
+ margin-right: 8px;
98
+ }
99
+
53
100
  .message {
54
101
  font-family: 'Gilroy';
55
102
  font-size: 14px;
@@ -4,7 +4,7 @@ exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
  var _default = {
6
6
  props: {
7
- type: 'information',
7
+ type: 'warning',
8
8
  message: 'Changes saved but not published. Do you want to update this custom playlist now? ',
9
9
  firstCTALabel: 'Undo',
10
10
  firstCTA: () => console.log('first cta'),
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/default.js"],"names":["props","type","message","firstCTALabel","firstCTA","console","log","secondCTALabel","secondCTA"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,aADD;AAELC,IAAAA,OAAO,EAAE,mFAFJ;AAGLC,IAAAA,aAAa,EAAE,MAHV;AAILC,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ,CAJX;AAKLC,IAAAA,cAAc,EAAE,QALX;AAMLC,IAAAA,SAAS,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,YAAZ;AANZ;AADM,C","sourcesContent":["export default {\n props: {\n type: 'information',\n message: 'Changes saved but not published. Do you want to update this custom playlist now? ',\n firstCTALabel: 'Undo',\n firstCTA: () => console.log('first cta'),\n secondCTALabel: 'Update',\n secondCTA: () => console.log('second cta')\n }\n};\n"],"file":"default.js"}
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/default.js"],"names":["props","type","message","firstCTALabel","firstCTA","console","log","secondCTALabel","secondCTA"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,mFAFJ;AAGLC,IAAAA,aAAa,EAAE,MAHV;AAILC,IAAAA,QAAQ,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ,CAJX;AAKLC,IAAAA,cAAc,EAAE,QALX;AAMLC,IAAAA,SAAS,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,YAAZ;AANZ;AADM,C","sourcesContent":["export default {\n props: {\n type: 'warning',\n message: 'Changes saved but not published. Do you want to update this custom playlist now? ',\n firstCTALabel: 'Undo',\n firstCTA: () => console.log('first cta'),\n secondCTALabel: 'Update',\n secondCTA: () => console.log('second cta')\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'error',
8
+ message: 'There was an error while publishing the custom playlist. Please Try again. ',
9
+ temporary: true
10
+ }
11
+ };
12
+ exports.default = _default;
13
+ //# sourceMappingURL=error-temporary-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/error-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,OAAO,EAAE,6EAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'error',\n message: 'There was an error while publishing the custom playlist. Please Try again. ',\n temporary: true\n }\n};\n"],"file":"error-temporary-banner.js"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'success',
8
+ message: 'Custom playlist successfully published '
9
+ }
10
+ };
11
+ exports.default = _default;
12
+ //# sourceMappingURL=success-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-banner.js"],"names":["props","type","message"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE;AAFJ;AADM,C","sourcesContent":["export default {\n props: {\n type: 'success',\n message: 'Custom playlist successfully published '\n }\n};\n"],"file":"success-banner.js"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'success',
8
+ message: 'Custom playlist successfully published ',
9
+ temporary: true
10
+ }
11
+ };
12
+ exports.default = _default;
13
+ //# sourceMappingURL=success-temporary-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/success-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'success',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"success-temporary-banner.js"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'warning',
8
+ message: 'Custom playlist successfully published ',
9
+ temporary: true
10
+ }
11
+ };
12
+ exports.default = _default;
13
+ //# sourceMappingURL=warning-temporary-banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/banner/test/fixtures/warning-temporary-banner.js"],"names":["props","type","message","temporary"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,OAAO,EAAE,yCAFJ;AAGLC,IAAAA,SAAS,EAAE;AAHN;AADM,C","sourcesContent":["export default {\n props: {\n type: 'warning',\n message: 'Custom playlist successfully published ',\n temporary: true\n }\n};\n"],"file":"warning-temporary-banner.js"}
@@ -11,6 +11,11 @@
11
11
  margin-bottom: 20px;
12
12
  }
13
13
 
14
+ .titleWrapper:first-child {
15
+ margin-top: 0;
16
+ margin-bottom: 20px;
17
+ }
18
+
14
19
  .grid {
15
20
  display: flex;
16
21
  flex-wrap: wrap;
@@ -8,7 +8,6 @@
8
8
 
9
9
  .wrapper {
10
10
  width: 100%;
11
- height: 72px;
12
11
  background-color: white;
13
12
  display: flex;
14
13
  }
@@ -19,8 +19,6 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
19
19
 
20
20
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
21
 
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
22
  const BulletPointMenuButton = props => {
25
23
  const {
26
24
  disabled = false,
@@ -52,9 +50,7 @@ const BulletPointMenuButton = props => {
52
50
  return /*#__PURE__*/_react.default.createElement("div", {
53
51
  className: _style.default.bulletPointWrapper,
54
52
  "data-name": "bullet-point-wrapper"
55
- }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, _extends({}, bulletPointButtonProps, {
56
- className: _style.default.bulletPointButton
57
- })), menu);
53
+ }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, bulletPointButtonProps), menu);
58
54
  };
59
55
 
60
56
  BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {