@mycause/ui 0.0.0-cd14f266 → 0.0.0-cd47c39e

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 (222) hide show
  1. package/CHANGELOG.md +536 -2
  2. package/README.md +10 -0
  3. package/dist/components/anchor/anchor.d.ts +1 -1
  4. package/dist/components/anchor/anchor.stories.d.ts +1 -1
  5. package/dist/components/anchor/bold-anchor.d.ts +2 -1
  6. package/dist/components/button/button.d.ts +4 -7
  7. package/dist/components/button/button.stories.d.ts +12 -0
  8. package/dist/components/button-select/button-select.d.ts +12 -0
  9. package/dist/components/button-select/button-select.stories.d.ts +13 -0
  10. package/dist/components/button-select/index.d.ts +1 -0
  11. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  12. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  13. package/dist/components/campaign-card/index.d.ts +1 -0
  14. package/dist/components/campaign-of-month/campaign-of-month.d.ts +14 -0
  15. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  16. package/dist/components/campaign-of-month/index.d.ts +1 -0
  17. package/dist/components/charity-card/charity-card.d.ts +7 -0
  18. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  19. package/dist/components/charity-card/index.d.ts +1 -0
  20. package/dist/components/checkbox/checkbox.d.ts +16 -0
  21. package/dist/components/checkbox/checkbox.stories.d.ts +25 -0
  22. package/dist/components/checkbox/index.d.ts +1 -0
  23. package/dist/components/chips/chip.d.ts +12 -0
  24. package/dist/components/chips/chips.d.ts +11 -0
  25. package/dist/components/chips/chips.stories.d.ts +25 -0
  26. package/dist/components/chips/index.d.ts +3 -0
  27. package/dist/components/chips/input-chips.d.ts +12 -0
  28. package/dist/components/chips/input-chips.stories.d.ts +13 -0
  29. package/dist/components/combo-field/combo-field-expander.d.ts +11 -0
  30. package/dist/components/combo-field/combo-field.d.ts +21 -0
  31. package/dist/components/combo-field/combo-field.stories.d.ts +19 -0
  32. package/dist/components/combo-field/index.d.ts +2 -0
  33. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  34. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  35. package/dist/components/comment-section/comment-section.d.ts +24 -0
  36. package/dist/components/comment-section/comment-section.stories.d.ts +19 -0
  37. package/dist/components/comment-section/index.d.ts +2 -0
  38. package/dist/components/comment-section/sub-comments.d.ts +6 -0
  39. package/dist/components/cropper/cropper.d.ts +22 -0
  40. package/dist/components/cropper/cropper.stories.d.ts +12 -0
  41. package/dist/components/cropper/index.d.ts +1 -0
  42. package/dist/components/date-picker/date-picker.d.ts +27 -0
  43. package/dist/components/date-picker/date-picker.stories.d.ts +32 -0
  44. package/dist/components/date-picker/index.d.ts +2 -0
  45. package/dist/components/date-picker/single-date-picker.d.ts +25 -0
  46. package/dist/components/donate-card/donate-card.d.ts +8 -0
  47. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  48. package/dist/components/donate-card/index.d.ts +1 -0
  49. package/dist/components/donation-form/donation-details.d.ts +12 -0
  50. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  51. package/dist/components/donation-form/donation-form.d.ts +64 -0
  52. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  53. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  54. package/dist/components/donation-form/donation-select.d.ts +13 -0
  55. package/dist/components/donation-form/index.d.ts +2 -0
  56. package/dist/components/elevation/elevation.d.ts +13 -0
  57. package/dist/components/elevation/elevation.stories.d.ts +13 -0
  58. package/dist/components/elevation/index.d.ts +1 -0
  59. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  60. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  61. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  62. package/dist/components/field-helpers/field-helper-text.d.ts +8 -0
  63. package/dist/components/field-helpers/field-label.d.ts +8 -0
  64. package/dist/components/field-helpers/index.d.ts +2 -0
  65. package/dist/components/footerV2/footerV2.d.ts +35 -0
  66. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  67. package/dist/components/footerV2/index.d.ts +1 -0
  68. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  69. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  70. package/dist/components/fundraising-section/index.d.ts +1 -0
  71. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  72. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  73. package/dist/components/hero-banner/index.d.ts +1 -0
  74. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  75. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  76. package/dist/components/horizontalbar/index.d.ts +1 -0
  77. package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
  78. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
  79. package/dist/components/icon/icon-button-group.d.ts +8 -0
  80. package/dist/components/icon/icon-button-group.stories.d.ts +13 -0
  81. package/dist/components/icon/icon-button.d.ts +3 -1
  82. package/dist/components/icon/icon-button.stories.d.ts +6 -0
  83. package/dist/components/icon/index.d.ts +2 -0
  84. package/dist/components/index.d.ts +37 -0
  85. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  86. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  87. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  88. package/dist/components/layout/box.d.ts +382 -0
  89. package/dist/components/layout/flex.d.ts +25 -0
  90. package/dist/components/layout/flex.stories.d.ts +14 -0
  91. package/dist/components/layout/grid.d.ts +9 -0
  92. package/dist/components/layout/grid.stories.d.ts +13 -0
  93. package/dist/components/layout/index.d.ts +4 -0
  94. package/dist/components/layout/stack.d.ts +16 -0
  95. package/dist/components/layout/stack.stories.d.ts +25 -0
  96. package/dist/components/line-chart/index.d.ts +2 -0
  97. package/dist/components/line-chart/parnert-line-chart.d.ts +3 -0
  98. package/dist/components/line-chart/parnert-line-chart.stories.d.ts +12 -0
  99. package/dist/components/line-chart/partner-line-chart-block copy.d.ts +0 -0
  100. package/dist/components/line-chart/partner-line-chart-block.d.ts +12 -0
  101. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +12 -0
  102. package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
  103. package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +12 -0
  104. package/dist/components/line-chart/partner-line-chart.stories.d.ts +12 -0
  105. package/dist/components/list/index.d.ts +1 -0
  106. package/dist/components/list/list.d.ts +42 -0
  107. package/dist/components/list/list.stories.d.ts +43 -0
  108. package/dist/components/login/index.d.ts +1 -0
  109. package/dist/components/login/login.d.ts +15 -0
  110. package/dist/components/login/login.stories.d.ts +19 -0
  111. package/dist/components/logo/logo-type.d.ts +2 -1
  112. package/dist/components/menu/index.d.ts +2 -0
  113. package/dist/components/menu/menu-list-divider.d.ts +2 -0
  114. package/dist/components/menu/menu-list-item-meta.d.ts +2 -0
  115. package/dist/components/menu/menu-list.d.ts +3 -1
  116. package/dist/components/modal/index.d.ts +1 -0
  117. package/dist/components/modal/modal.d.ts +20 -0
  118. package/dist/components/modal/modal.stories.d.ts +31 -0
  119. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  120. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  121. package/dist/components/nav/index.d.ts +1 -0
  122. package/dist/components/nav/nav-actions.d.ts +5 -0
  123. package/dist/components/nav/nav-bar.d.ts +7 -0
  124. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  125. package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
  126. package/dist/components/nav/nav-expanded.d.ts +14 -0
  127. package/dist/components/nav/nav-list.d.ts +29 -0
  128. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  129. package/dist/components/nav/nav-menu.d.ts +12 -0
  130. package/dist/components/nav/nav-search-control.d.ts +8 -0
  131. package/dist/components/nav/nav-search.d.ts +10 -0
  132. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  133. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  134. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  135. package/dist/components/nav/nav.d.ts +56 -0
  136. package/dist/components/nav/nav.stories.d.ts +11 -0
  137. package/dist/components/navigation/navigation-actions.d.ts +4 -25
  138. package/dist/components/navigation/navigation-bar.d.ts +2 -1
  139. package/dist/components/navigation/navigation-call-to-action.d.ts +5 -0
  140. package/dist/components/navigation/navigation-expanded.d.ts +3 -8
  141. package/dist/components/navigation/navigation-list.d.ts +5 -1
  142. package/dist/components/navigation/navigation-menu-control.d.ts +7 -0
  143. package/dist/components/navigation/navigation-menu.d.ts +2 -1
  144. package/dist/components/navigation/navigation-search-control.d.ts +7 -0
  145. package/dist/components/navigation/navigation-sign-in-control.d.ts +11 -0
  146. package/dist/components/navigation/navigation-user-menu-items.d.ts +20 -0
  147. package/dist/components/navigation/navigation-user-menu.d.ts +18 -0
  148. package/dist/components/navigation/navigation.d.ts +38 -14
  149. package/dist/components/navigation/navigation.stories.d.ts +3 -33
  150. package/dist/components/parnert-monthly-stats/index.d.ts +1 -0
  151. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +7 -0
  152. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +12 -0
  153. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  154. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  155. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  156. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  157. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  158. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  159. package/dist/components/partner-monthly-table/index.d.ts +1 -0
  160. package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +7 -0
  161. package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +12 -0
  162. package/dist/components/phone-number-input/index.d.ts +2 -0
  163. package/dist/components/phone-number-input/phone-number-input.d.ts +25 -0
  164. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +13 -0
  165. package/dist/components/phone-number-input/util.d.ts +2 -0
  166. package/dist/components/popup/index.d.ts +1 -0
  167. package/dist/components/popup/popup.d.ts +8 -0
  168. package/dist/components/popup/popup.stories.d.ts +14 -0
  169. package/dist/components/progressbar/index.d.ts +1 -0
  170. package/dist/components/progressbar/progressbar.d.ts +8 -0
  171. package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
  172. package/dist/components/radio/index.d.ts +2 -0
  173. package/dist/components/radio/radio-group.d.ts +16 -0
  174. package/dist/components/radio/radio-group.stories.d.ts +13 -0
  175. package/dist/components/radio/radio.d.ts +17 -0
  176. package/dist/components/radio/radio.stories.d.ts +25 -0
  177. package/dist/components/select/index.d.ts +1 -0
  178. package/dist/components/select/select-helper-text.d.ts +7 -0
  179. package/dist/components/select/select.d.ts +17 -6
  180. package/dist/components/select/select.stories.d.ts +2 -21
  181. package/dist/components/spinner/index.d.ts +1 -0
  182. package/dist/components/spinner/spinner.d.ts +8 -0
  183. package/dist/components/spinner/spinner.stories.d.ts +13 -0
  184. package/dist/components/start-campaign-card/index.d.ts +1 -0
  185. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  186. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  187. package/dist/components/statistics/index.d.ts +1 -0
  188. package/dist/components/statistics/statistics.d.ts +13 -0
  189. package/dist/components/statistics/statistics.stories.d.ts +13 -0
  190. package/dist/components/switch/index.d.ts +1 -0
  191. package/dist/components/switch/switch.d.ts +14 -0
  192. package/dist/components/switch/switch.stories.d.ts +25 -0
  193. package/dist/components/table/index.d.ts +1 -0
  194. package/dist/components/table/partner-monthly-table.d.ts +15 -0
  195. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  196. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  197. package/dist/components/tabs/tab-bar.d.ts +2 -2
  198. package/dist/components/tabs/tab.d.ts +3 -1
  199. package/dist/components/tabs/tabs.d.ts +9 -4
  200. package/dist/components/text/index.d.ts +1 -0
  201. package/dist/components/text/text.d.ts +31 -0
  202. package/dist/components/text/text.stories.d.ts +44 -0
  203. package/dist/components/text-field/index.d.ts +1 -0
  204. package/dist/components/text-field/text-field-search.d.ts +9 -0
  205. package/dist/components/text-field/text-field.d.ts +5 -3
  206. package/dist/components/text-field/text-field.stories.d.ts +2 -51
  207. package/dist/components/uploader/index.d.ts +1 -0
  208. package/dist/components/uploader/uploader.d.ts +23 -0
  209. package/dist/index.d.ts +2 -1
  210. package/dist/index.esm.js +11207 -817
  211. package/dist/index.js +11264 -812
  212. package/dist/theme/index.d.ts +2 -0
  213. package/dist/theme/theme.d.ts +23 -6
  214. package/dist/utils/flags.d.ts +2 -2
  215. package/dist/utils/parse-numbers.d.ts +2 -0
  216. package/dist/utils/tap-event.d.ts +1 -0
  217. package/dist/utils/wrap.d.ts +2 -0
  218. package/package.json +26 -2
  219. package/styles/index.css +2852 -40
  220. package/styles/reset.css +2 -2
  221. package/dist/components/mycause-statistics/index.d.ts +0 -1
  222. package/dist/components/mycause-statistics/mycause-statistics.d.ts +0 -12
@@ -0,0 +1,2 @@
1
+ export * from "./theme";
2
+ export { default as MyCauseTheme } from "./mycause-theme";
@@ -1,5 +1,10 @@
1
- /// <reference types="react" />
2
- /// <reference types="styled-jsx" />
1
+ /**
2
+ * Context based theming system
3
+ *
4
+ * Loosely based on https://github.com/seek-oss/braid-design-system
5
+ */
6
+ import React from "react";
7
+ import MyCauseTheme from "./mycause-theme";
3
8
  export declare type Theme = {
4
9
  typography: {
5
10
  fontFamily: {
@@ -14,19 +19,31 @@ export declare type Theme = {
14
19
  primary: string;
15
20
  accent: string;
16
21
  secondary: string;
22
+ muted: string;
23
+ inactive: string;
24
+ partner: string;
25
+ coral: string;
17
26
  };
18
27
  background: {
19
28
  neutral: string;
20
29
  primary: string;
21
30
  accent: string;
22
31
  secondary: string;
32
+ muted: string;
33
+ inactive: string;
34
+ partner: string;
35
+ coral: string;
23
36
  };
24
37
  };
25
38
  };
26
- export declare const ThemeContext: import("react").Context<Theme>;
27
- export declare const ThemeProvider: import("react").ProviderExoticComponent<import("react").ProviderProps<Theme>>;
39
+ export declare const ThemeContext: React.Context<Theme>;
40
+ declare type ThemeProviderProps = {
41
+ value: Theme;
42
+ children?: React.ReactNode;
43
+ };
44
+ export declare function ThemeProvider({ value, children }: ThemeProviderProps): JSX.Element;
28
45
  export declare function useTheme(): Theme;
29
- export declare type ColorSpecifier = "neutral" | "primary" | "secondary" | "accent" | {
46
+ export declare type ColorSpecifier = keyof Theme["color"]["foreground"] | {
30
47
  foreground: string;
31
48
  background: string;
32
49
  };
@@ -36,4 +53,4 @@ declare type GetColorTokenOptions = {
36
53
  export declare function getColorToken(theme: Theme, kind: keyof Theme["color"], color: keyof Theme["color"]["foreground"] | {
37
54
  [T in keyof Theme["color"]]: string;
38
55
  } | string, options?: GetColorTokenOptions): string;
39
- export {};
56
+ export { MyCauseTheme };
@@ -1,3 +1,3 @@
1
1
  export declare function flags<T extends string>(flags: {
2
- [key: string]: boolean | void;
3
- }, def: string): T;
2
+ [key in T]: boolean | void;
3
+ }, def: T): T;
@@ -0,0 +1,2 @@
1
+ declare const intToString: (value: number) => string | number;
2
+ export { intToString };
@@ -0,0 +1 @@
1
+ export declare function tapEvent<T>(op: (e: T) => void, forwardTo?: (e: T) => void): (e: T) => void;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare function wrap(children: React.ReactNode, Component: React.ComponentType | string, isNeeded: boolean | void): React.ReactNode;
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@mycause/ui",
3
- "version": "0.0.0-cd14f266",
3
+ "version": "0.0.0-cd47c39e",
4
4
  "author": "Marc Porciuncula <marc@mycause.com.au>",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.esm.js",
8
8
  "types": "dist/index.d.ts",
9
9
  "scripts": {
10
- "dev": "rollup -c build/rollup.config.js --watch",
10
+ "dev": "concurrently \"rollup -c build/rollup.config.js --watch\" \"tsc --emitDeclarationOnly --watch\"",
11
11
  "build": "rollup -c build/rollup.config.js && tsc --emitDeclarationOnly",
12
12
  "build-rollup": "rollup -c build/rollup.config.js",
13
13
  "build-types": "tsc --emitDeclarationOnly",
@@ -29,7 +29,11 @@
29
29
  "@babel/preset-env": "^7.5.5",
30
30
  "@babel/preset-react": "^7.0.0",
31
31
  "@babel/preset-typescript": "^7.6.0",
32
+ "@rollup/plugin-image": "^2.0.4",
33
+ "@rollup/plugin-json": "^4.0.0",
32
34
  "@storybook/addon-actions": "^5.2.1",
35
+ "@storybook/addon-knobs": "^5.2.5",
36
+ "@storybook/addon-storysource": "^5.3.14",
33
37
  "@storybook/react": "^5.2.1",
34
38
  "@types/classnames": "^2.2.9",
35
39
  "@types/node": "^12.7.5",
@@ -41,6 +45,7 @@
41
45
  "babel-loader": "^8.0.6",
42
46
  "babel-plugin-ramda": "^2.0.0",
43
47
  "babel-plugin-typescript-to-proptypes": "^0.17.1",
48
+ "concurrently": "^5.0.0",
44
49
  "cross-env": "^5.2.0",
45
50
  "css-loader": "^3.2.0",
46
51
  "eslint": "^6.1.0",
@@ -72,11 +77,18 @@
72
77
  "typescript": "^3.5.3"
73
78
  },
74
79
  "dependencies": {
80
+ "@material/elevation": "^3.1.0",
75
81
  "@material/react-button": "^0.15.0",
82
+ "@material/react-checkbox": "^0.15.0",
83
+ "@material/react-chips": "^0.15.0",
84
+ "@material/react-dialog": "^0.15.0",
76
85
  "@material/react-icon-button": "^0.15.0",
86
+ "@material/react-list": "^0.15.0",
77
87
  "@material/react-menu": "^0.15.0",
78
88
  "@material/react-menu-surface": "^0.15.0",
89
+ "@material/react-radio": "^0.15.0",
79
90
  "@material/react-select": "^0.15.0",
91
+ "@material/react-switch": "^0.15.0",
80
92
  "@material/react-tab": "^0.15.0",
81
93
  "@material/react-tab-bar": "^0.15.0",
82
94
  "@material/react-tab-indicator": "^0.15.0",
@@ -84,8 +96,20 @@
84
96
  "@material/react-text-field": "^0.15.0",
85
97
  "@material/theme": "^3.1.0",
86
98
  "@material/typography": "^3.1.0",
99
+ "@types/nanoid": "^2.1.0",
100
+ "@types/react-cropper": "^0.10.7",
101
+ "@types/react-dates": "^17.1.5",
102
+ "chart.js": "1.0.2",
87
103
  "classnames": "^2.2.6",
104
+ "html5-file-selector": "^2.1.0",
105
+ "i18n-iso-countries": "^4.3.1",
106
+ "js-cookie": "^2.2.1",
107
+ "libphonenumber-js": "^1.7.29",
108
+ "nanoid": "^2.1.6",
88
109
  "ramda": "^0.26.1",
110
+ "react-cropper": "^1.3.0",
111
+ "react-dates": "^21.5.0",
112
+ "react-dropzone-uploader": "^2.11.0",
89
113
  "styled-jsx": "^3.2.1",
90
114
  "use-media": "^1.4.0"
91
115
  },