newspack-components 4.3.0 → 4.4.0-alpha.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 (263) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/DEVELOPMENT.md +868 -0
  3. package/colors/colors.module.scss +52 -2
  4. package/copy-styles.js +3 -2
  5. package/dist/cjs/accordion/index.js +17 -12
  6. package/dist/cjs/action-card/index.js +176 -139
  7. package/dist/cjs/autocomplete-tokenfield/index.js +254 -234
  8. package/dist/cjs/autocomplete-with-latest-posts/index.js +172 -110
  9. package/dist/cjs/autocomplete-with-suggestions/index.js +229 -126
  10. package/dist/cjs/badge/index.js +7 -7
  11. package/dist/cjs/box-contrast/index.js +19 -15
  12. package/dist/cjs/button/index.js +41 -26
  13. package/dist/cjs/button-props/button-props.js +5 -5
  14. package/dist/cjs/button-props/index.js +2 -2
  15. package/dist/cjs/card/core-card.js +110 -52
  16. package/dist/cjs/card/index.js +74 -67
  17. package/dist/cjs/card/style-core.scss +93 -25
  18. package/dist/cjs/card/style.scss +2 -2
  19. package/dist/cjs/card-feature/index.js +141 -0
  20. package/dist/cjs/card-feature/style.scss +75 -0
  21. package/dist/cjs/card-form/index.js +144 -0
  22. package/dist/cjs/card-form/style.scss +20 -0
  23. package/dist/cjs/card-settings-group/index.js +36 -16
  24. package/dist/cjs/card-sortable-list/index.js +176 -140
  25. package/dist/cjs/category-autocomplete/index.js +175 -155
  26. package/dist/cjs/color-picker/index.js +41 -23
  27. package/dist/cjs/color-picker/index.test.js +82 -0
  28. package/dist/cjs/color-picker/style.scss +11 -13
  29. package/dist/cjs/confirm-dialog/index.js +86 -22
  30. package/dist/cjs/consts.js +1 -1
  31. package/dist/cjs/custom-select-control/index.js +39 -28
  32. package/dist/cjs/dataviews/index.js +38 -0
  33. package/dist/cjs/dataviews/style.scss +9 -0
  34. package/dist/cjs/divider/index.js +26 -21
  35. package/dist/cjs/footer/index.js +36 -30
  36. package/dist/cjs/form-token-field/index.js +51 -40
  37. package/dist/cjs/global-notices/index.js +5 -5
  38. package/dist/cjs/grid/index.js +25 -19
  39. package/dist/cjs/grid/style.scss +6 -1
  40. package/dist/cjs/handoff/index.js +204 -156
  41. package/dist/cjs/handoff-message/index.js +12 -7
  42. package/dist/cjs/hooks/index.js +10 -8
  43. package/dist/cjs/hooks/use-confirm-dialog.js +79 -0
  44. package/dist/cjs/hooks/use-unsaved-changes-dialog.js +144 -0
  45. package/dist/cjs/hooks/useObjectState.js +21 -12
  46. package/dist/cjs/hooks/useObjectState.test.js +55 -33
  47. package/dist/cjs/hooks/useOnClickOutside.js +6 -6
  48. package/dist/cjs/hooks/usePrompt.js +10 -13
  49. package/dist/cjs/image-upload/index.js +114 -123
  50. package/dist/cjs/image-upload/index.test.js +11 -13
  51. package/dist/cjs/image-upload/style.scss +12 -40
  52. package/dist/cjs/index.js +136 -104
  53. package/dist/cjs/info-button/index.js +43 -32
  54. package/dist/cjs/integration-icons/active-campaign.js +22 -0
  55. package/dist/cjs/integration-icons/constant-contact.js +28 -0
  56. package/dist/cjs/integration-icons/fundraise-up.js +25 -0
  57. package/dist/cjs/integration-icons/index.js +48 -0
  58. package/dist/cjs/integration-icons/mailchimp.js +19 -0
  59. package/dist/cjs/integration-icons/salesforce.js +17 -0
  60. package/dist/cjs/integration-icons/wisepops.js +20 -0
  61. package/dist/cjs/modal/index.js +22 -19
  62. package/dist/cjs/modal/style.scss +4 -0
  63. package/dist/cjs/newspack-icon/index.js +45 -38
  64. package/dist/cjs/notice/index.js +64 -55
  65. package/dist/cjs/plugin-installer/index.js +259 -253
  66. package/dist/cjs/plugin-settings/SettingsSection.js +66 -60
  67. package/dist/cjs/plugin-settings/index.js +217 -200
  68. package/dist/cjs/plugin-toggle/index.js +192 -199
  69. package/dist/cjs/popover/index.js +41 -28
  70. package/dist/cjs/position-control/index.js +24 -23
  71. package/dist/cjs/progress-bar/index.js +71 -59
  72. package/dist/cjs/progress-bar/index.test.js +62 -68
  73. package/dist/cjs/proxied-imports/router.js +3 -3
  74. package/dist/cjs/radio-control/index.js +40 -27
  75. package/dist/cjs/section-header/index.js +103 -58
  76. package/dist/cjs/section-header/style.scss +31 -11
  77. package/dist/cjs/select-control/ButtonGroupControl.js +26 -21
  78. package/dist/cjs/select-control/GroupedSelectControl.js +41 -35
  79. package/dist/cjs/select-control/index.js +52 -40
  80. package/dist/cjs/settings/MinMaxSetting.js +30 -20
  81. package/dist/cjs/settings/SettingsCard.js +20 -17
  82. package/dist/cjs/settings/SettingsSection.js +22 -21
  83. package/dist/cjs/settings/index.js +5 -5
  84. package/dist/cjs/sortable-newsletter-list-control/index.js +78 -57
  85. package/dist/cjs/steps-list/index.js +44 -34
  86. package/dist/cjs/steps-list-item/index.js +47 -39
  87. package/dist/cjs/style-card/index.js +70 -63
  88. package/dist/cjs/tabbed-navigation/index.js +38 -36
  89. package/dist/cjs/text-control/index.js +27 -25
  90. package/dist/cjs/utils/color.js +4 -4
  91. package/dist/cjs/utils/editor-toolbar-back-button.js +61 -0
  92. package/dist/cjs/utils/index.js +31 -19
  93. package/dist/cjs/utils/style.scss +8 -0
  94. package/dist/cjs/waiting/index.js +48 -37
  95. package/dist/cjs/web-preview/index.js +217 -211
  96. package/dist/cjs/with-wizard/index.js +362 -364
  97. package/dist/cjs/with-wizard/style.scss +4 -54
  98. package/dist/cjs/with-wizard-screen/index.js +54 -58
  99. package/dist/cjs/with-wizard-screen/style.scss +41 -3
  100. package/dist/cjs/wizard/components/WizardError.js +20 -18
  101. package/dist/cjs/wizard/components/WizardSnackbar.js +26 -23
  102. package/dist/cjs/wizard/index.js +176 -114
  103. package/dist/cjs/wizard/store/index.js +171 -123
  104. package/dist/cjs/wizard/store/utils.js +13 -8
  105. package/dist/esm/accordion/index.js +14 -9
  106. package/dist/esm/action-card/index.js +168 -123
  107. package/dist/esm/autocomplete-tokenfield/index.js +248 -222
  108. package/dist/esm/autocomplete-with-latest-posts/index.js +169 -103
  109. package/dist/esm/autocomplete-with-suggestions/index.js +226 -119
  110. package/dist/esm/badge/index.js +5 -5
  111. package/dist/esm/box-contrast/index.js +15 -11
  112. package/dist/esm/button/index.js +39 -21
  113. package/dist/esm/button-props/button-props.js +1 -1
  114. package/dist/esm/card/core-card.js +109 -47
  115. package/dist/esm/card/index.js +69 -54
  116. package/dist/esm/card/style-core.scss +93 -25
  117. package/dist/esm/card/style.scss +2 -2
  118. package/dist/esm/card-feature/index.js +131 -0
  119. package/dist/esm/card-feature/style.scss +75 -0
  120. package/dist/esm/card-form/index.js +134 -0
  121. package/dist/esm/card-form/style.scss +20 -0
  122. package/dist/esm/card-settings-group/index.js +33 -14
  123. package/dist/esm/card-sortable-list/index.js +170 -126
  124. package/dist/esm/category-autocomplete/index.js +168 -140
  125. package/dist/esm/color-picker/index.js +39 -21
  126. package/dist/esm/color-picker/index.test.js +78 -0
  127. package/dist/esm/color-picker/style.scss +11 -13
  128. package/dist/esm/confirm-dialog/index.js +85 -18
  129. package/dist/esm/consts.js +1 -1
  130. package/dist/esm/custom-select-control/index.js +34 -15
  131. package/dist/esm/dataviews/index.js +34 -0
  132. package/dist/esm/dataviews/style.scss +9 -0
  133. package/dist/esm/divider/index.js +24 -16
  134. package/dist/esm/footer/index.js +34 -28
  135. package/dist/esm/form-token-field/index.js +46 -27
  136. package/dist/esm/global-notices/index.js +3 -3
  137. package/dist/esm/grid/index.js +23 -14
  138. package/dist/esm/grid/style.scss +6 -1
  139. package/dist/esm/handoff/index.js +199 -143
  140. package/dist/esm/handoff-message/index.js +10 -6
  141. package/dist/esm/hooks/index.js +8 -6
  142. package/dist/esm/hooks/use-confirm-dialog.js +73 -0
  143. package/dist/esm/hooks/use-unsaved-changes-dialog.js +136 -0
  144. package/dist/esm/hooks/useObjectState.js +19 -9
  145. package/dist/esm/hooks/useObjectState.test.js +54 -32
  146. package/dist/esm/hooks/useOnClickOutside.js +4 -4
  147. package/dist/esm/hooks/usePrompt.js +9 -11
  148. package/dist/esm/image-upload/index.js +110 -111
  149. package/dist/esm/image-upload/index.test.js +11 -13
  150. package/dist/esm/image-upload/style.scss +12 -40
  151. package/dist/esm/index.js +7 -1
  152. package/dist/esm/info-button/index.js +38 -19
  153. package/dist/esm/integration-icons/active-campaign.js +16 -0
  154. package/dist/esm/integration-icons/constant-contact.js +22 -0
  155. package/dist/esm/integration-icons/fundraise-up.js +19 -0
  156. package/dist/esm/integration-icons/index.js +6 -0
  157. package/dist/esm/integration-icons/mailchimp.js +13 -0
  158. package/dist/esm/integration-icons/salesforce.js +11 -0
  159. package/dist/esm/integration-icons/wisepops.js +14 -0
  160. package/dist/esm/modal/index.js +20 -13
  161. package/dist/esm/modal/style.scss +4 -0
  162. package/dist/esm/newspack-icon/index.js +40 -25
  163. package/dist/esm/notice/index.js +59 -42
  164. package/dist/esm/plugin-installer/index.js +255 -243
  165. package/dist/esm/plugin-settings/SettingsSection.js +61 -50
  166. package/dist/esm/plugin-settings/index.js +212 -189
  167. package/dist/esm/plugin-toggle/index.js +187 -190
  168. package/dist/esm/popover/index.js +35 -16
  169. package/dist/esm/position-control/index.js +22 -18
  170. package/dist/esm/progress-bar/index.js +66 -49
  171. package/dist/esm/progress-bar/index.test.js +61 -67
  172. package/dist/esm/radio-control/index.js +34 -15
  173. package/dist/esm/section-header/index.js +102 -57
  174. package/dist/esm/section-header/style.scss +31 -11
  175. package/dist/esm/select-control/ButtonGroupControl.js +23 -18
  176. package/dist/esm/select-control/GroupedSelectControl.js +38 -30
  177. package/dist/esm/select-control/index.js +47 -27
  178. package/dist/esm/settings/MinMaxSetting.js +27 -16
  179. package/dist/esm/settings/SettingsCard.js +18 -13
  180. package/dist/esm/settings/SettingsSection.js +20 -19
  181. package/dist/esm/settings/index.js +3 -3
  182. package/dist/esm/sortable-newsletter-list-control/index.js +74 -53
  183. package/dist/esm/steps-list/index.js +39 -21
  184. package/dist/esm/steps-list-item/index.js +42 -26
  185. package/dist/esm/style-card/index.js +65 -50
  186. package/dist/esm/tabbed-navigation/index.js +35 -33
  187. package/dist/esm/text-control/index.js +25 -19
  188. package/dist/esm/utils/color.js +4 -4
  189. package/dist/esm/utils/editor-toolbar-back-button.js +53 -0
  190. package/dist/esm/utils/index.js +29 -16
  191. package/dist/esm/utils/style.scss +8 -0
  192. package/dist/esm/waiting/index.js +43 -24
  193. package/dist/esm/web-preview/index.js +213 -201
  194. package/dist/esm/with-wizard/index.js +360 -358
  195. package/dist/esm/with-wizard/style.scss +4 -54
  196. package/dist/esm/with-wizard-screen/index.js +48 -46
  197. package/dist/esm/with-wizard-screen/style.scss +41 -3
  198. package/dist/esm/wizard/components/WizardError.js +18 -16
  199. package/dist/esm/wizard/components/WizardSnackbar.js +23 -17
  200. package/dist/esm/wizard/index.js +171 -103
  201. package/dist/esm/wizard/store/index.js +169 -116
  202. package/dist/esm/wizard/store/utils.js +13 -6
  203. package/package.json +30 -16
  204. package/release.config.js +1 -0
  205. package/shared/hooks/use-coauthors.js +195 -27
  206. package/shared/hooks/use-coauthors.test.js +232 -6
  207. package/shared/scss/_mixins.scss +13 -5
  208. package/src/accordion/index.js +8 -7
  209. package/src/action-card/index.js +15 -1
  210. package/src/badge/index.tsx +3 -1
  211. package/src/card/core-card.js +95 -18
  212. package/src/card/index.js +1 -0
  213. package/src/card/style-core.scss +93 -25
  214. package/src/card/style.scss +2 -2
  215. package/src/card-feature/README.md +188 -0
  216. package/src/card-feature/index.tsx +186 -0
  217. package/src/card-feature/style.scss +75 -0
  218. package/src/card-form/README.md +113 -0
  219. package/src/card-form/index.tsx +128 -0
  220. package/src/card-form/style.scss +20 -0
  221. package/src/card-settings-group/index.tsx +28 -3
  222. package/src/card-sortable-list/index.tsx +27 -4
  223. package/src/color-picker/index.js +15 -8
  224. package/src/color-picker/index.test.js +52 -0
  225. package/src/color-picker/style.scss +11 -13
  226. package/src/confirm-dialog/README.md +128 -0
  227. package/src/confirm-dialog/index.tsx +74 -6
  228. package/src/dataviews/index.tsx +34 -0
  229. package/src/dataviews/style.scss +9 -0
  230. package/src/grid/style.scss +6 -1
  231. package/src/handoff/README.md +93 -0
  232. package/src/handoff/index.js +46 -8
  233. package/src/hooks/index.ts +2 -1
  234. package/src/hooks/use-confirm-dialog.tsx +80 -0
  235. package/src/hooks/use-unsaved-changes-dialog.tsx +140 -0
  236. package/src/image-upload/index.js +10 -15
  237. package/src/image-upload/style.scss +12 -40
  238. package/src/index.js +7 -1
  239. package/src/integration-icons/active-campaign.js +14 -0
  240. package/src/integration-icons/constant-contact.js +22 -0
  241. package/src/integration-icons/fundraise-up.js +18 -0
  242. package/src/integration-icons/index.js +6 -0
  243. package/src/integration-icons/mailchimp.js +10 -0
  244. package/src/integration-icons/salesforce.js +10 -0
  245. package/src/integration-icons/wisepops.js +14 -0
  246. package/src/modal/style.scss +4 -0
  247. package/src/plugin-installer/index.js +30 -19
  248. package/src/section-header/index.js +56 -24
  249. package/src/section-header/style.scss +31 -11
  250. package/src/select-control/index.js +4 -0
  251. package/src/utils/editor-toolbar-back-button.tsx +48 -0
  252. package/src/utils/index.js +6 -0
  253. package/src/utils/style.scss +8 -0
  254. package/src/with-wizard/style.scss +4 -54
  255. package/src/with-wizard-screen/style.scss +41 -3
  256. package/src/wizard/index.js +90 -53
  257. package/src/wizard/store/index.js +2 -2
  258. package/dist/cjs/button-card/index.js +0 -72
  259. package/dist/cjs/button-card/style.scss +0 -180
  260. package/dist/esm/button-card/index.js +0 -64
  261. package/dist/esm/button-card/style.scss +0 -180
  262. package/src/button-card/index.js +0 -52
  263. package/src/button-card/style.scss +0 -180
package/dist/cjs/index.js CHANGED
@@ -6,302 +6,327 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  Object.defineProperty(exports, "Accordion", {
8
8
  enumerable: true,
9
- get: function () {
10
- return _accordion.default;
9
+ get: function get() {
10
+ return _accordion["default"];
11
11
  }
12
12
  });
13
13
  Object.defineProperty(exports, "ActionCard", {
14
14
  enumerable: true,
15
- get: function () {
16
- return _actionCard.default;
15
+ get: function get() {
16
+ return _actionCard["default"];
17
17
  }
18
18
  });
19
19
  Object.defineProperty(exports, "AutocompleteTokenField", {
20
20
  enumerable: true,
21
- get: function () {
22
- return _autocompleteTokenfield.default;
21
+ get: function get() {
22
+ return _autocompleteTokenfield["default"];
23
23
  }
24
24
  });
25
25
  Object.defineProperty(exports, "AutocompleteWithLatestPosts", {
26
26
  enumerable: true,
27
- get: function () {
28
- return _autocompleteWithLatestPosts.default;
27
+ get: function get() {
28
+ return _autocompleteWithLatestPosts["default"];
29
29
  }
30
30
  });
31
31
  Object.defineProperty(exports, "AutocompleteWithSuggestions", {
32
32
  enumerable: true,
33
- get: function () {
34
- return _autocompleteWithSuggestions.default;
33
+ get: function get() {
34
+ return _autocompleteWithSuggestions["default"];
35
35
  }
36
36
  });
37
37
  Object.defineProperty(exports, "Badge", {
38
38
  enumerable: true,
39
- get: function () {
40
- return _badge.default;
39
+ get: function get() {
40
+ return _badge["default"];
41
41
  }
42
42
  });
43
43
  Object.defineProperty(exports, "BoxContrast", {
44
44
  enumerable: true,
45
- get: function () {
46
- return _boxContrast.default;
45
+ get: function get() {
46
+ return _boxContrast["default"];
47
47
  }
48
48
  });
49
49
  Object.defineProperty(exports, "Button", {
50
50
  enumerable: true,
51
- get: function () {
52
- return _button.default;
51
+ get: function get() {
52
+ return _button["default"];
53
53
  }
54
54
  });
55
- Object.defineProperty(exports, "ButtonCard", {
55
+ Object.defineProperty(exports, "Card", {
56
56
  enumerable: true,
57
- get: function () {
58
- return _buttonCard.default;
57
+ get: function get() {
58
+ return _card["default"];
59
59
  }
60
60
  });
61
- Object.defineProperty(exports, "Card", {
61
+ Object.defineProperty(exports, "CardFeature", {
62
62
  enumerable: true,
63
- get: function () {
64
- return _card.default;
63
+ get: function get() {
64
+ return _cardFeature["default"];
65
+ }
66
+ });
67
+ Object.defineProperty(exports, "CardForm", {
68
+ enumerable: true,
69
+ get: function get() {
70
+ return _cardForm["default"];
65
71
  }
66
72
  });
67
73
  Object.defineProperty(exports, "CardSettingsGroup", {
68
74
  enumerable: true,
69
- get: function () {
70
- return _cardSettingsGroup.default;
75
+ get: function get() {
76
+ return _cardSettingsGroup["default"];
71
77
  }
72
78
  });
73
79
  Object.defineProperty(exports, "CardSortableList", {
74
80
  enumerable: true,
75
- get: function () {
76
- return _cardSortableList.default;
81
+ get: function get() {
82
+ return _cardSortableList["default"];
77
83
  }
78
84
  });
79
85
  Object.defineProperty(exports, "CategoryAutocomplete", {
80
86
  enumerable: true,
81
- get: function () {
82
- return _categoryAutocomplete.default;
87
+ get: function get() {
88
+ return _categoryAutocomplete["default"];
83
89
  }
84
90
  });
85
91
  Object.defineProperty(exports, "ColorPicker", {
86
92
  enumerable: true,
87
- get: function () {
88
- return _colorPicker.default;
93
+ get: function get() {
94
+ return _colorPicker["default"];
89
95
  }
90
96
  });
91
97
  Object.defineProperty(exports, "ConfirmDialog", {
92
98
  enumerable: true,
93
- get: function () {
94
- return _confirmDialog.default;
99
+ get: function get() {
100
+ return _confirmDialog["default"];
95
101
  }
96
102
  });
97
103
  Object.defineProperty(exports, "CustomSelectControl", {
98
104
  enumerable: true,
99
- get: function () {
100
- return _customSelectControl.default;
105
+ get: function get() {
106
+ return _customSelectControl["default"];
107
+ }
108
+ });
109
+ Object.defineProperty(exports, "DataViews", {
110
+ enumerable: true,
111
+ get: function get() {
112
+ return _dataviews["default"];
101
113
  }
102
114
  });
103
115
  Object.defineProperty(exports, "Divider", {
104
116
  enumerable: true,
105
- get: function () {
106
- return _divider.default;
117
+ get: function get() {
118
+ return _divider["default"];
107
119
  }
108
120
  });
109
121
  Object.defineProperty(exports, "Footer", {
110
122
  enumerable: true,
111
- get: function () {
112
- return _footer.default;
123
+ get: function get() {
124
+ return _footer["default"];
113
125
  }
114
126
  });
115
127
  Object.defineProperty(exports, "FormTokenField", {
116
128
  enumerable: true,
117
- get: function () {
118
- return _formTokenField.default;
129
+ get: function get() {
130
+ return _formTokenField["default"];
119
131
  }
120
132
  });
121
133
  Object.defineProperty(exports, "GlobalNotices", {
122
134
  enumerable: true,
123
- get: function () {
124
- return _globalNotices.default;
135
+ get: function get() {
136
+ return _globalNotices["default"];
125
137
  }
126
138
  });
127
139
  Object.defineProperty(exports, "Grid", {
128
140
  enumerable: true,
129
- get: function () {
130
- return _grid.default;
141
+ get: function get() {
142
+ return _grid["default"];
131
143
  }
132
144
  });
133
145
  Object.defineProperty(exports, "Handoff", {
134
146
  enumerable: true,
135
- get: function () {
136
- return _handoff.default;
147
+ get: function get() {
148
+ return _handoff["default"];
137
149
  }
138
150
  });
139
151
  Object.defineProperty(exports, "HandoffMessage", {
140
152
  enumerable: true,
141
- get: function () {
142
- return _handoffMessage.default;
153
+ get: function get() {
154
+ return _handoffMessage["default"];
143
155
  }
144
156
  });
145
157
  Object.defineProperty(exports, "ImageUpload", {
146
158
  enumerable: true,
147
- get: function () {
148
- return _imageUpload.default;
159
+ get: function get() {
160
+ return _imageUpload["default"];
149
161
  }
150
162
  });
151
163
  Object.defineProperty(exports, "InfoButton", {
152
164
  enumerable: true,
153
- get: function () {
154
- return _infoButton.default;
165
+ get: function get() {
166
+ return _infoButton["default"];
155
167
  }
156
168
  });
157
169
  Object.defineProperty(exports, "Modal", {
158
170
  enumerable: true,
159
- get: function () {
160
- return _modal.default;
171
+ get: function get() {
172
+ return _modal["default"];
161
173
  }
162
174
  });
163
175
  Object.defineProperty(exports, "NewspackIcon", {
164
176
  enumerable: true,
165
- get: function () {
166
- return _newspackIcon.default;
177
+ get: function get() {
178
+ return _newspackIcon["default"];
167
179
  }
168
180
  });
169
181
  Object.defineProperty(exports, "Notice", {
170
182
  enumerable: true,
171
- get: function () {
172
- return _notice.default;
183
+ get: function get() {
184
+ return _notice["default"];
173
185
  }
174
186
  });
175
187
  Object.defineProperty(exports, "PluginInstaller", {
176
188
  enumerable: true,
177
- get: function () {
178
- return _pluginInstaller.default;
189
+ get: function get() {
190
+ return _pluginInstaller["default"];
179
191
  }
180
192
  });
181
193
  Object.defineProperty(exports, "PluginSettings", {
182
194
  enumerable: true,
183
- get: function () {
184
- return _pluginSettings.default;
195
+ get: function get() {
196
+ return _pluginSettings["default"];
185
197
  }
186
198
  });
187
199
  Object.defineProperty(exports, "PluginToggle", {
188
200
  enumerable: true,
189
- get: function () {
190
- return _pluginToggle.default;
201
+ get: function get() {
202
+ return _pluginToggle["default"];
191
203
  }
192
204
  });
193
205
  Object.defineProperty(exports, "Popover", {
194
206
  enumerable: true,
195
- get: function () {
196
- return _popover.default;
207
+ get: function get() {
208
+ return _popover["default"];
197
209
  }
198
210
  });
199
211
  Object.defineProperty(exports, "ProgressBar", {
200
212
  enumerable: true,
201
- get: function () {
202
- return _progressBar.default;
213
+ get: function get() {
214
+ return _progressBar["default"];
203
215
  }
204
216
  });
205
217
  Object.defineProperty(exports, "RadioControl", {
206
218
  enumerable: true,
207
- get: function () {
208
- return _radioControl.default;
219
+ get: function get() {
220
+ return _radioControl["default"];
209
221
  }
210
222
  });
211
223
  Object.defineProperty(exports, "Router", {
212
224
  enumerable: true,
213
- get: function () {
214
- return _router.default;
225
+ get: function get() {
226
+ return _router["default"];
215
227
  }
216
228
  });
217
229
  Object.defineProperty(exports, "SectionHeader", {
218
230
  enumerable: true,
219
- get: function () {
220
- return _sectionHeader.default;
231
+ get: function get() {
232
+ return _sectionHeader["default"];
221
233
  }
222
234
  });
223
235
  Object.defineProperty(exports, "SelectControl", {
224
236
  enumerable: true,
225
- get: function () {
226
- return _selectControl.default;
237
+ get: function get() {
238
+ return _selectControl["default"];
227
239
  }
228
240
  });
229
241
  Object.defineProperty(exports, "Settings", {
230
242
  enumerable: true,
231
- get: function () {
232
- return _settings.default;
243
+ get: function get() {
244
+ return _settings["default"];
233
245
  }
234
246
  });
235
247
  Object.defineProperty(exports, "StepsList", {
236
248
  enumerable: true,
237
- get: function () {
238
- return _stepsList.default;
249
+ get: function get() {
250
+ return _stepsList["default"];
239
251
  }
240
252
  });
241
253
  Object.defineProperty(exports, "StepsListItem", {
242
254
  enumerable: true,
243
- get: function () {
244
- return _stepsListItem.default;
255
+ get: function get() {
256
+ return _stepsListItem["default"];
245
257
  }
246
258
  });
247
259
  Object.defineProperty(exports, "StyleCard", {
248
260
  enumerable: true,
249
- get: function () {
250
- return _styleCard.default;
261
+ get: function get() {
262
+ return _styleCard["default"];
251
263
  }
252
264
  });
253
265
  Object.defineProperty(exports, "TabbedNavigation", {
254
266
  enumerable: true,
255
- get: function () {
256
- return _tabbedNavigation.default;
267
+ get: function get() {
268
+ return _tabbedNavigation["default"];
257
269
  }
258
270
  });
259
271
  Object.defineProperty(exports, "TextControl", {
260
272
  enumerable: true,
261
- get: function () {
262
- return _textControl.default;
273
+ get: function get() {
274
+ return _textControl["default"];
263
275
  }
264
276
  });
265
277
  Object.defineProperty(exports, "Waiting", {
266
278
  enumerable: true,
267
- get: function () {
268
- return _waiting.default;
279
+ get: function get() {
280
+ return _waiting["default"];
269
281
  }
270
282
  });
271
283
  Object.defineProperty(exports, "WebPreview", {
272
284
  enumerable: true,
273
- get: function () {
274
- return _webPreview.default;
285
+ get: function get() {
286
+ return _webPreview["default"];
275
287
  }
276
288
  });
277
289
  Object.defineProperty(exports, "Wizard", {
278
290
  enumerable: true,
279
- get: function () {
280
- return _wizard.default;
291
+ get: function get() {
292
+ return _wizard["default"];
281
293
  }
282
294
  });
283
295
  Object.defineProperty(exports, "hooks", {
284
296
  enumerable: true,
285
- get: function () {
286
- return _hooks.default;
297
+ get: function get() {
298
+ return _hooks["default"];
299
+ }
300
+ });
301
+ exports.integrationIcons = void 0;
302
+ Object.defineProperty(exports, "useConfirmDialog", {
303
+ enumerable: true,
304
+ get: function get() {
305
+ return _useConfirmDialog["default"];
306
+ }
307
+ });
308
+ Object.defineProperty(exports, "useUnsavedChangesDialog", {
309
+ enumerable: true,
310
+ get: function get() {
311
+ return _useUnsavedChangesDialog["default"];
287
312
  }
288
313
  });
289
314
  Object.defineProperty(exports, "utils", {
290
315
  enumerable: true,
291
- get: function () {
292
- return _utils.default;
316
+ get: function get() {
317
+ return _utils["default"];
293
318
  }
294
319
  });
295
320
  Object.defineProperty(exports, "withWizard", {
296
321
  enumerable: true,
297
- get: function () {
298
- return _withWizard.default;
322
+ get: function get() {
323
+ return _withWizard["default"];
299
324
  }
300
325
  });
301
326
  Object.defineProperty(exports, "withWizardScreen", {
302
327
  enumerable: true,
303
- get: function () {
304
- return _withWizardScreen.default;
328
+ get: function get() {
329
+ return _withWizardScreen["default"];
305
330
  }
306
331
  });
307
332
  var _accordion = _interopRequireDefault(require("./accordion"));
@@ -311,15 +336,17 @@ var _autocompleteWithSuggestions = _interopRequireDefault(require("./autocomplet
311
336
  var _autocompleteWithLatestPosts = _interopRequireDefault(require("./autocomplete-with-latest-posts"));
312
337
  var _badge = _interopRequireDefault(require("./badge"));
313
338
  var _button = _interopRequireDefault(require("./button"));
314
- var _buttonCard = _interopRequireDefault(require("./button-card"));
315
339
  var _boxContrast = _interopRequireDefault(require("./box-contrast"));
316
340
  var _card = _interopRequireDefault(require("./card"));
341
+ var _cardFeature = _interopRequireDefault(require("./card-feature"));
342
+ var _cardForm = _interopRequireDefault(require("./card-form"));
317
343
  var _cardSettingsGroup = _interopRequireDefault(require("./card-settings-group"));
318
344
  var _cardSortableList = _interopRequireDefault(require("./card-sortable-list"));
319
345
  var _categoryAutocomplete = _interopRequireDefault(require("./category-autocomplete"));
320
346
  var _colorPicker = _interopRequireDefault(require("./color-picker"));
321
347
  var _confirmDialog = _interopRequireDefault(require("./confirm-dialog"));
322
348
  var _customSelectControl = _interopRequireDefault(require("./custom-select-control"));
349
+ var _dataviews = _interopRequireDefault(require("./dataviews"));
323
350
  var _divider = _interopRequireDefault(require("./divider"));
324
351
  var _formTokenField = _interopRequireDefault(require("./form-token-field"));
325
352
  var _footer = _interopRequireDefault(require("./footer"));
@@ -353,5 +380,10 @@ var _withWizard = _interopRequireDefault(require("./with-wizard"));
353
380
  var _withWizardScreen = _interopRequireDefault(require("./with-wizard-screen"));
354
381
  var _router = _interopRequireDefault(require("./proxied-imports/router"));
355
382
  var _hooks = _interopRequireDefault(require("./hooks"));
383
+ var _useConfirmDialog = _interopRequireDefault(require("./hooks/use-confirm-dialog"));
384
+ var _useUnsavedChangesDialog = _interopRequireDefault(require("./hooks/use-unsaved-changes-dialog"));
385
+ var integrationIcons = _interopRequireWildcard(require("./integration-icons"));
386
+ exports.integrationIcons = integrationIcons;
356
387
  var _utils = _interopRequireDefault(require("./utils"));
357
- require("./style.scss");
388
+ require("./style.scss");
389
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -4,47 +4,58 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.default = void 0;
7
+ exports["default"] = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
13
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
14
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
8
15
  var _element = require("@wordpress/element");
9
16
  var _components = require("@wordpress/components");
10
17
  var _icons = require("@wordpress/icons");
11
18
  var _classnames = _interopRequireDefault(require("classnames"));
12
19
  require("./style.scss");
13
20
  var _jsxRuntime = require("react/jsx-runtime");
14
- /**
21
+ var _excluded = ["className"];
22
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
25
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
15
26
  * Info Button
16
- */
17
-
18
- /**
27
+ */ /**
19
28
  * WordPress dependencies.
20
- */
21
-
22
- /**
29
+ */ /**
23
30
  * External dependencies.
24
- */
25
-
26
- /**
31
+ */ /**
27
32
  * Internal dependencies.
28
33
  */
29
-
30
- class InfoButton extends _element.Component {
31
- /**
32
- * Render.
33
- */
34
- render() {
35
- const {
36
- className,
37
- ...otherProps
38
- } = this.props;
39
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
40
- ...otherProps,
41
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
42
- className: (0, _classnames.default)('newspack-info-button', className),
43
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
44
- icon: _icons.info
45
- })
46
- })
47
- });
34
+ var InfoButton = /*#__PURE__*/function (_Component) {
35
+ function InfoButton() {
36
+ (0, _classCallCheck2["default"])(this, InfoButton);
37
+ return _callSuper(this, InfoButton, arguments);
48
38
  }
49
- }
50
- var _default = exports.default = InfoButton;
39
+ (0, _inherits2["default"])(InfoButton, _Component);
40
+ return (0, _createClass2["default"])(InfoButton, [{
41
+ key: "render",
42
+ value:
43
+ /**
44
+ * Render.
45
+ */
46
+ function render() {
47
+ var _this$props = this.props,
48
+ className = _this$props.className,
49
+ otherProps = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
50
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, _objectSpread(_objectSpread({}, otherProps), {}, {
51
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
52
+ className: (0, _classnames["default"])('newspack-info-button', className),
53
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
54
+ icon: _icons.info
55
+ })
56
+ })
57
+ }));
58
+ }
59
+ }]);
60
+ }(_element.Component);
61
+ var _default = exports["default"] = InfoButton;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var activeCampaign = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ width: "24",
11
+ height: "24",
12
+ viewBox: "0 0 24 24",
13
+ fill: "none",
14
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
15
+ d: "M16.6934 10.5811C17.1772 10.9036 17.4355 11.4194 17.4355 11.9678C17.4355 12.516 17.1449 13.0319 16.6934 13.3545L6.56445 20V18.6133C6.56445 18.1939 6.75844 17.7746 7.14551 17.5166L15.5 11.9678L7.14551 6.38672C6.79063 6.16086 6.56445 5.74175 6.56445 5.29004V4L16.6934 10.5811Z",
16
+ fill: "white"
17
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
18
+ d: "M6.56445 8.77441C6.56445 8.35519 7.04853 8.12873 7.37109 8.35449L12.6611 11.9355L11.9512 12.4189C11.4996 12.7091 10.9193 12.7092 10.4678 12.4189L9.30664 11.6777L6.56445 9.83887V8.77441Z",
19
+ fill: "white"
20
+ })]
21
+ });
22
+ var _default = exports["default"] = activeCampaign;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var constantContact = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ width: "24",
11
+ height: "24",
12
+ viewBox: "0 0 24 24",
13
+ fill: "none",
14
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
15
+ d: "M11.3261 20.9997C6.36799 20.9997 3 16.9581 3 12.6626C3 8.30073 6.43425 4.5352 11.0059 4.35852C11.1826 4.34748 11.3372 4.50207 11.3372 4.67875V6.01491C11.3372 6.18055 11.2047 6.3241 11.028 6.33514C7.67102 6.48974 4.96558 9.23935 4.96558 12.6736C4.96558 16.0305 7.61581 19.0341 11.3261 19.0341C14.9371 19.0341 17.4989 16.152 17.6535 12.9717C17.6646 12.8061 17.7971 12.6626 17.9738 12.6626H19.3099C19.4866 12.6626 19.6302 12.8061 19.6302 12.9938C19.4756 17.2342 16.0634 20.9997 11.3261 20.9997Z",
16
+ fill: "#1856ED"
17
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
18
+ d: "M11.3372 16.5827C9.12864 16.5827 7.41704 14.8269 7.41704 12.6625C7.41704 10.6417 8.97405 8.95223 10.9948 8.78659C11.1826 8.77555 11.3372 8.9191 11.3372 9.10683V10.443C11.3372 10.5976 11.2267 10.7411 11.0611 10.7632C10.0894 10.8957 9.38262 11.7239 9.38262 12.6736C9.38262 13.7337 10.2108 14.6281 11.3372 14.6281C12.2758 14.6281 13.115 13.9214 13.2475 12.9497C13.2696 12.7951 13.4132 12.6736 13.5678 12.6736H14.9039C15.0916 12.6736 15.2352 12.8282 15.2242 13.0159C15.0475 14.9925 13.3911 16.5827 11.3372 16.5827Z",
19
+ fill: "#1856ED"
20
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
21
+ d: "M19.0339 11.0283C18.8793 7.79277 16.2953 5.12046 12.9715 4.96586C12.8058 4.95482 12.6623 4.82231 12.6623 4.64563V3.32051C12.6623 3.14383 12.8058 3.00028 12.9936 3.00028C17.3112 3.16592 20.8338 6.62225 20.9994 11.0062C21.0105 11.1828 20.8559 11.3374 20.6792 11.3374H19.3431C19.1885 11.3374 19.0449 11.2049 19.0339 11.0283Z",
22
+ fill: "#FF9E1A"
23
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
24
+ d: "M13.0267 9.41602C12.8279 9.38289 12.6844 9.21725 12.6844 9.05161V7.74859C12.6844 7.56086 12.839 7.41731 13.0267 7.42835C14.9481 7.59399 16.4278 9.12891 16.5934 10.9841C16.6045 11.1718 16.4609 11.3264 16.2732 11.3264H14.8708C14.7383 11.3264 14.6389 11.238 14.6168 11.1055C14.5174 10.3215 13.9211 9.57062 13.0267 9.41602Z",
25
+ fill: "#FF9E1A"
26
+ })]
27
+ });
28
+ var _default = exports["default"] = constantContact;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ var fundraiseUp = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ width: "24",
11
+ height: "24",
12
+ viewBox: "0 0 24 24",
13
+ fill: "none",
14
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
15
+ d: "M4.90143 6.11914C4.90143 4.94655 5.85727 4 7.03802 4H19.0985V5.75182C19.0985 6.92441 18.1427 7.87098 16.9619 7.87098H4.90143V6.11914Z",
16
+ fill: "white"
17
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
18
+ d: "M4.90143 11.4721C4.90143 10.6979 5.53463 10.0645 6.33667 10.0645H14.8778V11.824C14.8778 12.9924 13.921 13.9355 12.739 13.9355H4.90143V11.4721Z",
19
+ fill: "white"
20
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
21
+ d: "M4.90143 16.8329C4.90143 16.4387 5.22775 16.1291 5.62502 16.1291L10.657 16.129V17.8886C10.657 19.0569 9.69221 20 8.50045 20H4.90143V16.8329Z",
22
+ fill: "white"
23
+ })]
24
+ });
25
+ var _default = exports["default"] = fundraiseUp;