@planningcenter/topbar 8.3.1 → 8.4.0-alpha.0

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 (146) hide show
  1. package/README.md +11 -11
  2. package/dist/modules/components/apps_menu.d.ts +6 -2
  3. package/dist/modules/components/outsider.d.ts +1 -1
  4. package/dist/modules/formatters.d.ts +13 -1
  5. package/dist/modules/mono_app_text.d.ts +0 -5
  6. package/dist/topbar.js +1 -1
  7. package/dist/topbar.js.map +1 -1
  8. package/dist/topbar.modern.js +1 -1
  9. package/dist/topbar.modern.js.map +1 -1
  10. package/dist/topbar.module.js +1 -1
  11. package/dist/topbar.module.js.map +1 -1
  12. package/dist/topbar.umd.js +1 -1
  13. package/dist/topbar.umd.js.map +1 -1
  14. package/dist/types/index.d.ts +1 -0
  15. package/dist/types/index.d.ts.map +1 -1
  16. package/dist/types/modules/apps_provider.d.ts +1 -1
  17. package/dist/types/modules/apps_provider.d.ts.map +1 -1
  18. package/dist/types/modules/avatar.d.ts +2 -3
  19. package/dist/types/modules/avatar.d.ts.map +1 -1
  20. package/dist/types/modules/client_storage.d.ts +2 -2
  21. package/dist/types/modules/client_storage.d.ts.map +1 -1
  22. package/dist/types/modules/color_app_icon.d.ts +0 -1
  23. package/dist/types/modules/color_app_icon.d.ts.map +1 -1
  24. package/dist/types/modules/color_app_squircles.d.ts +0 -1
  25. package/dist/types/modules/color_app_squircles.d.ts.map +1 -1
  26. package/dist/types/modules/components/apps_button.d.ts +0 -1
  27. package/dist/types/modules/components/apps_button.d.ts.map +1 -1
  28. package/dist/types/modules/components/apps_menu.d.ts +0 -1
  29. package/dist/types/modules/components/apps_menu.d.ts.map +1 -1
  30. package/dist/types/modules/components/conditional_wrap.d.ts +1 -1
  31. package/dist/types/modules/components/conditional_wrap.d.ts.map +1 -1
  32. package/dist/types/modules/components/eyebrow.d.ts +1 -1
  33. package/dist/types/modules/components/eyebrow.d.ts.map +1 -1
  34. package/dist/types/modules/components/hoverable.d.ts +1 -1
  35. package/dist/types/modules/components/hoverable.d.ts.map +1 -1
  36. package/dist/types/modules/components/hoverable_list_item.d.ts +1 -1
  37. package/dist/types/modules/components/hoverable_list_item.d.ts.map +1 -1
  38. package/dist/types/modules/components/notification_bell.d.ts +0 -1
  39. package/dist/types/modules/components/notification_bell.d.ts.map +1 -1
  40. package/dist/types/modules/components/notification_item.d.ts +0 -1
  41. package/dist/types/modules/components/notification_item.d.ts.map +1 -1
  42. package/dist/types/modules/components/notifications_menu.d.ts +0 -1
  43. package/dist/types/modules/components/notifications_menu.d.ts.map +1 -1
  44. package/dist/types/modules/components/notifications_menu_blank_state.d.ts +0 -1
  45. package/dist/types/modules/components/notifications_menu_blank_state.d.ts.map +1 -1
  46. package/dist/types/modules/components/notifications_menu_wrapper.d.ts +1 -1
  47. package/dist/types/modules/components/notifications_menu_wrapper.d.ts.map +1 -1
  48. package/dist/types/modules/components/outsider.d.ts +1 -1
  49. package/dist/types/modules/components/outsider.d.ts.map +1 -1
  50. package/dist/types/modules/components/popover_root.d.ts +1 -1
  51. package/dist/types/modules/components/popover_root.d.ts.map +1 -1
  52. package/dist/types/modules/components/popup.d.ts +1 -1
  53. package/dist/types/modules/components/popup.d.ts.map +1 -1
  54. package/dist/types/modules/components/popup_root.d.ts +1 -1
  55. package/dist/types/modules/components/popup_root.d.ts.map +1 -1
  56. package/dist/types/modules/components/spinner.d.ts +0 -1
  57. package/dist/types/modules/components/spinner.d.ts.map +1 -1
  58. package/dist/types/modules/connected_people_provider.d.ts +3 -3
  59. package/dist/types/modules/connected_people_provider.d.ts.map +1 -1
  60. package/dist/types/modules/display_switch.d.ts +2 -2
  61. package/dist/types/modules/display_switch.d.ts.map +1 -1
  62. package/dist/types/modules/error_boundary.d.ts +25 -0
  63. package/dist/types/modules/error_boundary.d.ts.map +1 -0
  64. package/dist/types/modules/hooks/use_notifications.d.ts.map +1 -1
  65. package/dist/types/modules/hooks/use_topbar_api.d.ts +2 -2
  66. package/dist/types/modules/hooks/use_topbar_api.d.ts.map +1 -1
  67. package/dist/types/modules/mfa_status.d.ts +0 -1
  68. package/dist/types/modules/mfa_status.d.ts.map +1 -1
  69. package/dist/types/modules/mono_app_icon.d.ts +0 -1
  70. package/dist/types/modules/mono_app_icon.d.ts.map +1 -1
  71. package/dist/types/modules/mono_app_name.d.ts +0 -1
  72. package/dist/types/modules/mono_app_name.d.ts.map +1 -1
  73. package/dist/types/modules/mono_app_symbols.d.ts +0 -1
  74. package/dist/types/modules/mono_app_symbols.d.ts.map +1 -1
  75. package/dist/types/modules/mono_app_text.d.ts +0 -1
  76. package/dist/types/modules/mono_app_text.d.ts.map +1 -1
  77. package/dist/types/modules/not_small_topbar/index.d.ts +27 -0
  78. package/dist/types/modules/not_small_topbar/index.d.ts.map +1 -0
  79. package/dist/types/modules/not_small_topbar.d.ts +1 -1
  80. package/dist/types/modules/not_small_topbar.d.ts.map +1 -1
  81. package/dist/types/modules/platform_announcements.d.ts +3 -3
  82. package/dist/types/modules/platform_announcements.d.ts.map +1 -1
  83. package/dist/types/modules/product_announcement.d.ts +1 -1
  84. package/dist/types/modules/product_announcement.d.ts.map +1 -1
  85. package/dist/types/modules/small_topbar.d.ts +0 -1
  86. package/dist/types/modules/small_topbar.d.ts.map +1 -1
  87. package/dist/types/modules/styled_root.d.ts +0 -1
  88. package/dist/types/modules/styled_root.d.ts.map +1 -1
  89. package/dist/types/modules/symbols.d.ts +0 -1
  90. package/dist/types/modules/symbols.d.ts.map +1 -1
  91. package/dist/types/modules/toolbar/components/drawer.d.ts +5 -0
  92. package/dist/types/modules/toolbar/components/drawer.d.ts.map +1 -0
  93. package/dist/types/modules/toolbar/components/drawer_header.d.ts +5 -0
  94. package/dist/types/modules/toolbar/components/drawer_header.d.ts.map +1 -0
  95. package/dist/types/modules/toolbar/components/drawer_heading.d.ts +5 -0
  96. package/dist/types/modules/toolbar/components/drawer_heading.d.ts.map +1 -0
  97. package/dist/types/modules/toolbar/components/index.d.ts +5 -0
  98. package/dist/types/modules/toolbar/components/index.d.ts.map +1 -0
  99. package/dist/types/modules/toolbar/components/user_profile.d.ts +11 -0
  100. package/dist/types/modules/toolbar/components/user_profile.d.ts.map +1 -0
  101. package/dist/types/modules/toolbar/hooks/index.d.ts +2 -0
  102. package/dist/types/modules/toolbar/hooks/index.d.ts.map +1 -0
  103. package/dist/types/modules/toolbar/hooks/use-toolbar-reducer.d.ts +20 -0
  104. package/dist/types/modules/toolbar/hooks/use-toolbar-reducer.d.ts.map +1 -0
  105. package/dist/types/modules/toolbar/hooks/use_toolbar_reducer.d.ts +20 -0
  106. package/dist/types/modules/toolbar/hooks/use_toolbar_reducer.d.ts.map +1 -0
  107. package/dist/types/modules/toolbar/index.d.ts +8 -0
  108. package/dist/types/modules/toolbar/index.d.ts.map +1 -0
  109. package/dist/types/modules/toolbar/tools/index.d.ts +3 -0
  110. package/dist/types/modules/toolbar/tools/index.d.ts.map +1 -0
  111. package/dist/types/modules/toolbar/tools/notifications.d.ts +4 -0
  112. package/dist/types/modules/toolbar/tools/notifications.d.ts.map +1 -0
  113. package/dist/types/modules/toolbar/tools/profile.d.ts +7 -0
  114. package/dist/types/modules/toolbar/tools/profile.d.ts.map +1 -0
  115. package/dist/types/modules/toolbar/tools/tasks.d.ts +4 -0
  116. package/dist/types/modules/toolbar/tools/tasks.d.ts.map +1 -0
  117. package/dist/types/modules/topbar_context.d.ts +1 -0
  118. package/dist/types/modules/topbar_context.d.ts.map +1 -1
  119. package/dist/types/modules/unbutton.d.ts +0 -1
  120. package/dist/types/modules/unbutton.d.ts.map +1 -1
  121. package/package.json +5 -2
  122. package/CHANGELOG.md +0 -210
  123. package/dist/modules/colors.d.ts +0 -46
  124. package/dist/modules/components/NotificationsMenuBlankState.d.ts +0 -12
  125. package/dist/modules/components/apps_button.d.ts +0 -10
  126. package/dist/modules/components/conditional_wrap.d.ts +0 -7
  127. package/dist/modules/components/eyebrow.d.ts +0 -6
  128. package/dist/modules/components/hoverable.d.ts +0 -11
  129. package/dist/modules/components/notification_bell.d.ts +0 -6
  130. package/dist/modules/components/notification_item.d.ts +0 -11
  131. package/dist/modules/components/notifications_inbox.d.ts +0 -18
  132. package/dist/modules/components/notifications_menu.d.ts +0 -17
  133. package/dist/modules/components/notifications_menu_Wrapper.d.ts +0 -7
  134. package/dist/modules/components/notifications_menu_blank_state.d.ts +0 -8
  135. package/dist/modules/components/popup_root.d.ts +0 -6
  136. package/dist/modules/components/spinner.d.ts +0 -4
  137. package/dist/modules/dummy_data.d.ts +0 -3
  138. package/dist/modules/hooks/use_hover.d.ts +0 -3
  139. package/dist/modules/hooks/use_local_storage.d.ts +0 -10
  140. package/dist/modules/hooks/use_notifications.d.ts +0 -16
  141. package/dist/modules/hooks/use_topbar_api.d.ts +0 -8
  142. package/dist/modules/topbar_context.d.ts +0 -5
  143. package/dist/topbar +0 -2
  144. package/dist/topbar.map +0 -1
  145. package/dist/types/modules/interfaces.d.ts +0 -55
  146. package/dist/types/modules/interfaces.d.ts.map +0 -1
@@ -0,0 +1,5 @@
1
+ export declare function Drawer({ children, width }: {
2
+ children: any;
3
+ width: any;
4
+ }): JSX.Element;
5
+ //# sourceMappingURL=drawer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer.tsx"],"names":[],"mappings":"AAGA,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;CAAA,eAczC"}
@@ -0,0 +1,5 @@
1
+ export declare function DrawerHeader({ children, closeDrawer }: {
2
+ children: any;
3
+ closeDrawer: any;
4
+ }): JSX.Element;
5
+ //# sourceMappingURL=drawer_header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer_header.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer_header.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;CAAA,eAsBrD"}
@@ -0,0 +1,5 @@
1
+ export declare function DrawerHeading({ children, ...props }: {
2
+ [x: string]: any;
3
+ children: any;
4
+ }): JSX.Element;
5
+ //# sourceMappingURL=drawer_heading.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer_heading.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer_heading.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;CAAA,eAYnD"}
@@ -0,0 +1,5 @@
1
+ export { Drawer } from "./drawer";
2
+ export { DrawerHeader } from "./drawer_header";
3
+ export { DrawerHeading } from "./drawer_heading";
4
+ export { UserProfile } from "./user_profile";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}
@@ -0,0 +1,11 @@
1
+ interface Props {
2
+ closeDrawer: () => void;
3
+ loginSettingsUrl: string;
4
+ logoutUrl: string;
5
+ profileUrl: string;
6
+ userAvatarPath: string;
7
+ userName: string;
8
+ }
9
+ export declare function UserProfile({ closeDrawer, loginSettingsUrl, logoutUrl, profileUrl, userName, userAvatarPath, }: Props): JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=user_profile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"user_profile.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/user_profile.tsx"],"names":[],"mappings":"AAgBA,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,eAmFP"}
@@ -0,0 +1,2 @@
1
+ export { ActionType, useToolbarReducer } from "./use_toolbar_reducer";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ declare enum ActionType {
3
+ close = "close",
4
+ mount = "mount",
5
+ open = "open",
6
+ set = "set",
7
+ unmount = "unmount"
8
+ }
9
+ declare type ToolbarState = {
10
+ currentContent: any;
11
+ mounted: boolean;
12
+ open: boolean;
13
+ };
14
+ declare type ToolbarDispatch = {
15
+ payload?: any;
16
+ type: ActionType;
17
+ };
18
+ declare const useToolbarReducer: () => [ToolbarState, React.Dispatch<ToolbarDispatch>];
19
+ export { ActionType, useToolbarReducer };
20
+ //# sourceMappingURL=use-toolbar-reducer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-toolbar-reducer.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/hooks/use-toolbar-reducer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,aAAK,UAAU;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,aAAK,YAAY,GAAG;IAClB,cAAc,EAAE,GAAG,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AA0BD,QAAA,MAAM,iBAAiB,uDAAgD,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ declare enum ActionType {
3
+ close = "close",
4
+ mount = "mount",
5
+ open = "open",
6
+ set = "set",
7
+ unmount = "unmount"
8
+ }
9
+ declare type ToolbarState = {
10
+ currentContent: any;
11
+ mounted: boolean;
12
+ open: boolean;
13
+ };
14
+ declare type ToolbarDispatch = {
15
+ payload?: any;
16
+ type: ActionType;
17
+ };
18
+ declare const useToolbarReducer: (overrides?: Partial<ToolbarState>) => [ToolbarState, React.Dispatch<ToolbarDispatch>];
19
+ export { ActionType, useToolbarReducer };
20
+ //# sourceMappingURL=use_toolbar_reducer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use_toolbar_reducer.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/hooks/use_toolbar_reducer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,aAAK,UAAU;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,aAAK,YAAY,GAAG;IAClB,cAAc,EAAE,GAAG,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AA0BD,QAAA,MAAM,iBAAiB,eAAgB,QAAQ,YAAY,CAAC,oDACE,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,8 @@
1
+ export declare function Toolbar({ appName, env, userAvatarPath, userId, userName, }: {
2
+ appName: any;
3
+ env: any;
4
+ userAvatarPath: any;
5
+ userId: any;
6
+ userName: any;
7
+ }): JSX.Element;
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../modules/toolbar/index.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,GAAG,EACH,cAAc,EACd,MAAM,EACN,QAAQ,GACT;;;;;;CAAA,GAAG,GAAG,CAAC,OAAO,CAgHd"}
@@ -0,0 +1,3 @@
1
+ export { Notifications } from "./notifications";
2
+ export { Tasks } from "./tasks";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ToolbarTool } from "../types";
2
+ declare const Notifications: ToolbarTool;
3
+ export { Notifications };
4
+ //# sourceMappingURL=notifications.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/notifications.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAmBtC,QAAA,MAAM,aAAa,EAAE,WAIpB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ declare const Profile: {
2
+ body: JSX.Element;
3
+ icon: string;
4
+ title: string;
5
+ };
6
+ export { Profile };
7
+ //# sourceMappingURL=profile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/profile.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ToolbarTool } from "../types";
2
+ declare const Tasks: ToolbarTool;
3
+ export { Tasks };
4
+ //# sourceMappingURL=tasks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tasks.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/tasks.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAmBtC,QAAA,MAAM,KAAK,EAAE,WAIZ,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
@@ -4,6 +4,7 @@ declare const _default: import("react").Context<{
4
4
  mfaEnabled?: boolean;
5
5
  notificationsEnabled?: boolean;
6
6
  organizationTimeZone?: string;
7
+ toolbarEnabled?: boolean;
7
8
  }>;
8
9
  export default _default;
9
10
  //# sourceMappingURL=topbar_context.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"topbar_context.d.ts","sourceRoot":"","sources":["../../../modules/topbar_context.ts"],"names":[],"mappings":";;oBAQkB,OAAO;iBACV,OAAO;2BACG,OAAO;2BACP,MAAM;;AAT/B,wBAUE"}
1
+ {"version":3,"file":"topbar_context.d.ts","sourceRoot":"","sources":["../../../modules/topbar_context.ts"],"names":[],"mappings":";;oBASkB,OAAO;iBACV,OAAO;2BACG,OAAO;2BACP,MAAM;qBACZ,OAAO;;AAX1B,wBAYE"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare function Unbutton({ style, ...nativeProps }: {
3
2
  children: any;
4
3
  id?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"unbutton.d.ts","sourceRoot":"","sources":["../../../modules/unbutton.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,WAAW,EACf,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAkBd"}
1
+ {"version":3,"file":"unbutton.d.ts","sourceRoot":"","sources":["../../../modules/unbutton.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,WAAW,EACf,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAkBd"}
package/package.json CHANGED
@@ -11,7 +11,10 @@
11
11
  "module": "./dist/topbar.module.js",
12
12
  "dependencies": {
13
13
  "@churchcenter/datetime-fmt": "^1.3.2",
14
+ "@emotion/cache": "^10.0.0",
15
+ "@emotion/react": "^11.10.5",
14
16
  "@planningcenter/jolt-client": "^1.3.1",
17
+ "@planningcenter/tapestry-react": "^2.4.0",
15
18
  "@planningcenter/url": "^2.6.4",
16
19
  "react-cool-dimensions": "^2.0.7",
17
20
  "react-transition-group": "^4.4.2"
@@ -49,12 +52,12 @@
49
52
  "webpack-cli": "^4.9.1",
50
53
  "webpack-dev-server": "^4.4.0"
51
54
  },
52
- "version": "8.3.1",
55
+ "version": "8.4.0-alpha.0",
53
56
  "peerDependencies": {
54
57
  "react": "^16.8.6"
55
58
  },
56
59
  "private": false,
57
- "repository": "https://github.com/ministrycentered/topbar.git",
60
+ "repository": "https://github.com/planningcenter/topbar.git",
58
61
  "unpkg": "./dist/topbar.umd.js",
59
62
  "scripts": {
60
63
  "build": "microbundle --jsx React.createElement",
package/CHANGELOG.md DELETED
@@ -1,210 +0,0 @@
1
- # Changelog
2
-
3
- All notable changes to this project will be documented in this file.
4
-
5
- The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
- and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
-
8
- ## [8.3.1] - 2022-08-31
9
-
10
- ### Fixed
11
-
12
- - Fix an overflow issue when there were enough linked orgs for the menu to hit the bottom of the browser on mobile
13
-
14
- ### Security
15
-
16
- - Bumped `moment-timezone` from 0.5.34 to 0.5.35
17
-
18
- ## [8.3.0] - 2022-08-16
19
-
20
- ### Added
21
-
22
- - Add `topbar` and `app-switcher` convenience data attributes for targeting with Pendo
23
-
24
- ### Changed
25
-
26
- - Add `?return` param to the Login profile path URL, to reduce our dependence on referers
27
-
28
- ### Security
29
-
30
- - Bumped `async` from 2.6.3 to 2.6.4
31
- - Bumped `terser` from 4.8.0 to 4.8.1
32
- - Bumped `moment` from 2.29.2 to 2.29.4
33
-
34
- ## [8.2.2] - 2022-06-28
35
-
36
- ### Changed
37
-
38
- - VoiceOver support for Notifications
39
-
40
- ## [8.2.1] - 2022-06-15
41
-
42
- ### Changed
43
-
44
- - Disable dropdown menu and hide caret icon when no custom routes are provided.
45
-
46
- ## [8.2.0] - 2022-05-23
47
-
48
- ### Added
49
-
50
- - Make whether Jolt sends its logs to console configurable (`enableJoltLogging` prop) and default to `false`
51
-
52
- ### Changed
53
-
54
- - Add more info regarding troubleshooting `yalc` issues to the README
55
- - Send a `fetchAuthTokenFn` to `jolt-client` instead of `authToken`. Over time, the auth token can get stale. Sending a function instead of a value allows the client to refresh itself when required.
56
- - Instead of fetching the WSS URLs for authorization from an api endpoint, hard-code them instead. After the change adding `fetchAuthTokenFn`, this change reduces required API calls by 1.
57
-
58
- ### Fixed
59
-
60
- - fix: hook into `pco-page-expired` to `disconnect` jolt instance when session is changed
61
-
62
- ## [8.1.1] - 2022-04-11
63
-
64
- ### Changed
65
-
66
- - fix: don't send a `timeZone` key to `@churchcenter/datetime-fmt` if it doesn't have a value
67
-
68
- ## [8.1.0] - 2022-04-11
69
-
70
- ### Changed
71
-
72
- - Removed references to Resources
73
- - Transition away from branded Accounts symbols
74
- - Fix padding in account switcher
75
- - Update styles for account switcher on mobile
76
- - Fix dark mode text styles in notifications inbox
77
- - Fix notification date timezone not displaying in the org's time zone
78
-
79
- ## [8.0.1] - 2022-03-29
80
-
81
- ### Changed
82
-
83
- - Correct the capitalization of "Check-Ins" in order to set the correct color for notifications
84
- - Bring back the `notifications` prop for topbars so that if notifications are not enabled, it will render the `notifications` prop instead
85
-
86
- ## [8.0.0] - 2022-03-24
87
-
88
- ### Added
89
-
90
- - Notification bell, indicator, and dropdown that displays the current user's read and unread notifications.
91
- - Subscribe to push notifications via Jolt after initial load. Whenever a push event is received, a GET request is sent to the notifications API endpoint to retrieve the details of the new notification.
92
- - Set up prettier and eslint and allow them to have their way on the code
93
- - Control the admin notifications inbox with the flipper flag of `TOPBAR_notifications_enabled` in People. Disable for a specific app by setting `window.notificationsDisabled = true`.
94
- - Control the Login info section with the flipper flag of `TOPBAR_mfa_enabled` in People.
95
- - Show an indicator for whether MFA is configured for the current profile
96
- - Add `props.linkToProfile` to `SharedTopbarProps` (so it's available to small and not small)
97
-
98
- ### Changed
99
-
100
- - No-op `AppsProvider`'s `fetch` and `remove` functions that are passed along with `apps` to the `render` function prop. Since we will always have fresh data now, there is no need to have these functions run.
101
- - The information required to render the topbar is now contained in a single API request from people (`/me/topbar`). This includes the list of apps to render in the app switcher and enabled features inside the topbar. This is a change specifically to the app switcher, so changes had to be made in terms of the expected shape of the response from the server in order to render the app switcher. The `AppsProvider` `mapApps` function has been updated accordingly.
102
-
103
- ### Removed
104
-
105
- - `mapResourcesToCalendar` is removed as an export of `AppsProvider`. The apps array we receive from the API no longer returns Resources. Use `mapApps` instead (or, better still, don't pass anything to `formatter` and let us use the default).
106
- - `MediumTopbar`. Only one app (API) was using it and it wasn't worth attempting to keep feature parity with the other two topbars.
107
-
108
- ## [7.2.1] - 2021-12-09
109
-
110
- ### Fixed
111
-
112
- - Bug z-stacking Safari bug that caused expanded `smalltopbar` items to show up behind elements [#46](https://github.com/ministrycentered/topbar/pull/46)
113
- - Bug causing user settings to be hidden on mobile when Home wasn't enabled for the user [#47](https://github.com/ministrycentered/topbar/pull/47)
114
-
115
- ## [7.2.0] - 2021-12-02
116
-
117
- ### Changed
118
-
119
- - New look and feel for the app switcher ([#40](https://github.com/ministrycentered/topbar/pull/40), [#42](https://github.com/ministrycentered/topbar/pull/42)).
120
- The switcher now displays Home at the top with some visual separation and Accounts (as "account") at the bottom—also with visual separation.
121
-
122
- ## [7.1.3] - 2021-11-16
123
-
124
- ### Fixed
125
-
126
- - Corrected the sorting of app names in mobile topbar as well [#36](https://github.com/ministrycentered/topbar/pull/36)
127
-
128
- ## [7.1.2] - 2021-11-11
129
-
130
- ### Fixed
131
-
132
- - Corrected the corrected sorting of app names in app switcher [#33](https://github.com/ministrycentered/topbar/pull/33)
133
-
134
- ## [7.1.1] - 2021-11-10
135
-
136
- ### Fixed
137
-
138
- - Corrected sorting of app names in app switcher [#32](https://github.com/ministrycentered/topbar/pull/32)
139
-
140
- ## [7.1.0] - 2021-11-08
141
-
142
- ### Added
143
-
144
- - Add Home to the app switcher dropdown
145
-
146
- ## [7.0.0] - 2021-10-01
147
-
148
- - Add CSRF support to login ([#46](https://github.com/planningcenter/design/pull/46) @danielma)
149
- - [First implementation in Accounts](https://github.com/ministrycentered/accounts/pull/1877/files)
150
- - [Second implementation in Giving](https://github.com/ministrycentered/giving/pull/4482/files)
151
- - Update devDependencies pins
152
- - `microbundle`: `^0.12.4` => `^0.13.0`
153
- - `webpack`: `^4.46.0` => `^5.13.0`
154
- - `webpack-cli`: `^3.3.13` => `^4.3.1`
155
- - `ts-loader`: `^7.0.5` => `^8.0.14`
156
- - `typescript`: `^3.9.7` => `^4.1.3`
157
- - `react`: `^16.14.0` => `^17.0.1`
158
- - `react-dom`: `^16.14.0` => `^17.0.1`
159
- - `@types/react`: `^16.14.2` => `^17.0.0`
160
- - `@types/react-dom`: `^16.9.10` => `^17.0.0`
161
- - Unlock modern builds by removing `--format cjs` flag for improved bundling app-side
162
- - Add `referer` query parameter to `AppSwitch` urls: [Accounts PR](https://github.com/ministrycentered/accounts/pull/1910)
163
- - Add the ability to override the topbar’s link colors via props in `NotSmallTopbar` [#122](https://github.com/planningcenter/design/pull/122)
164
- - Add `ProductAnnouncement` component
165
- - Additional top-level exports:
166
- - `ProductAnnouncementStyleProvider`
167
- - `StyledProductAnnouncement`
168
- - `StyledProductAnnouncementDimissButton`
169
- - `Topbar_ProductAnnouncement` parent selector for styling content
170
- - Fix Announcement topbars to be 14px font-size and 48px absolute height
171
-
172
- ## 6.0.0
173
-
174
- - [BREAKING] modify `/logout` urls to target Login, a2ec71d
175
-
176
- ## 5.0.0
177
-
178
- - [BREAKING] replace Registrations icon
179
- - Add `mapRegistrationsToExpiredRegistrations` to control them
180
-
181
- ## 4.11.0
182
-
183
- - Add `AppsProvider#formatter` and `mapApps`/`mapResourcesToCalendar` formatters to provide a AppsMenu control mechanism to product teams
184
- - Add `.codes` support for `pco-box`
185
-
186
- ## 4.9.0
187
-
188
- - Add support for "Calendar" app
189
-
190
- ## [Previous entries]
191
-
192
- Versions entries to this changelog weren't tracked very well and were presented in a less organized style (more like a README or upgrade guide). If you are interested in that, you can read about the changes in [README-pre-4.9.0].
193
-
194
- [8.3.1]: https://github.com/ministrycentered/topbar/compare/v8.3.0...v8.3.1
195
- [8.3.0]: https://github.com/ministrycentered/topbar/compare/v8.2.2...v8.3.0
196
- [8.2.2]: https://github.com/ministrycentered/topbar/compare/v8.2.1...v8.2.2
197
- [8.2.1]: https://github.com/ministrycentered/topbar/compare/v8.2.0...v8.2.1
198
- [8.2.0]: https://github.com/ministrycentered/topbar/compare/v8.1.1...v8.2.0
199
- [8.1.1]: https://github.com/ministrycentered/topbar/compare/v8.1.0...v8.1.1
200
- [8.1.0]: https://github.com/ministrycentered/topbar/compare/v8.0.1...v8.1.0
201
- [8.0.1]: https://github.com/ministrycentered/topbar/compare/v8.0.0...v8.0.1
202
- [8.0.0]: https://github.com/ministrycentered/topbar/compare/v7.2.1...v8.0.0
203
- [7.2.1]: https://github.com/ministrycentered/topbar/compare/v7.2.0...v7.2.1
204
- [7.2.0]: https://github.com/ministrycentered/topbar/compare/v7.1.3...v7.2.0
205
- [7.1.3]: https://github.com/ministrycentered/topbar/compare/v7.1.2...v7.1.3
206
- [7.1.2]: https://github.com/ministrycentered/topbar/compare/v7.1.1...v7.1.2
207
- [7.1.1]: https://github.com/ministrycentered/topbar/compare/v7.1.0...v7.1.1
208
- [7.1.0]: https://github.com/ministrycentered/topbar/compare/v7.0.0...v7.1.0
209
- [7.0.0]: https://github.com/ministrycentered/topbar/compare/@planningcenter/topbar@6.0.6..v7.0.0
210
- [previous entries]: CHANGELOG-pre-4.9.0.md
@@ -1,46 +0,0 @@
1
- declare const colors: {
2
- danger43: string;
3
- danger45: string;
4
- danger47: string;
5
- danger93: string;
6
- danger97: string;
7
- darkNeutral07: string;
8
- darkNeutral12: string;
9
- darkNeutral15: string;
10
- darkNeutral17: string;
11
- darkNeutral19: string;
12
- darkNeutral24: string;
13
- darkNeutral32: string;
14
- darkNeutral50: string;
15
- darkNeutral68: string;
16
- darkNeutral88: string;
17
- darkNeutral98: string;
18
- interaction45: string;
19
- interaction50: string;
20
- interaction55: string;
21
- interaction66: string;
22
- interaction91: string;
23
- interaction93: string;
24
- lightNeutral100: string;
25
- lightNeutral12: string;
26
- lightNeutral24: string;
27
- lightNeutral45: string;
28
- lightNeutral62: string;
29
- lightNeutral81: string;
30
- lightNeutral88: string;
31
- lightNeutral93: string;
32
- lightNeutral95: string;
33
- lightNeutral97: string;
34
- lightNeutral98: string;
35
- success23: string;
36
- success25: string;
37
- success27: string;
38
- success91: string;
39
- success97: string;
40
- warning49: string;
41
- warning55: string;
42
- warning63: string;
43
- warning94: string;
44
- warning97: string;
45
- };
46
- export default colors;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- declare const NotificationsMenuBlankState: ({
3
- description,
4
- style,
5
- title,
6
- ...props
7
- }: {
8
- description: string
9
- style?: object
10
- title?: string
11
- }) => JSX.Element
12
- export default NotificationsMenuBlankState
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- declare const AppsButton: ({ appName, colors, displayIconOnly, expanded, onClick, style, ...nativeProps }: {
3
- appName: string;
4
- colors: any;
5
- displayIconOnly?: boolean;
6
- expanded: boolean;
7
- onClick: any;
8
- style?: object;
9
- }) => JSX.Element;
10
- export default AppsButton;
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- declare const ConditionalWrap: ({ children, condition, wrap, }: {
3
- children: React.ReactNode;
4
- condition?: boolean;
5
- wrap: any;
6
- }) => any;
7
- export default ConditionalWrap;
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- declare const Eyebrow: ({ style, ...props }: {
3
- children?: React.ReactNode;
4
- style?: object;
5
- }) => JSX.Element;
6
- export default Eyebrow;
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- declare const Hoverable: ({ active, component: C, hover, style, ...nativeProps }: {
3
- active?: any;
4
- children?: React.ReactNode;
5
- component?: any;
6
- hover?: any;
7
- onClick?: any;
8
- style?: object;
9
- type?: string;
10
- }) => JSX.Element;
11
- export default Hoverable;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const NotificationBell: ({ indicatorVisible, style, ...props }: {
3
- indicatorVisible?: boolean;
4
- style?: object;
5
- }) => JSX.Element;
6
- export default NotificationBell;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { Notification } from "../interfaces";
3
- declare const NotificationItem: ({ mobile, isLast, onMarkAsRead, onToggleRead, showBottomBorder, notification, }: {
4
- mobile?: boolean;
5
- isLast?: boolean;
6
- onMarkAsRead?: (notification: Notification) => any;
7
- onToggleRead: any;
8
- showBottomBorder?: boolean;
9
- notification: Notification;
10
- }) => JSX.Element;
11
- export default NotificationItem;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import * as PCO_URL from "@planningcenter/url"
3
- import { Notification } from "../interfaces"
4
- declare const NotificationsInbox: ({
5
- env,
6
- render,
7
- userId,
8
- }: {
9
- env: PCO_URL.Environment
10
- render: (props: {
11
- handleMarkAllAsRead: () => any
12
- handleToggleRead: (notification: Notification) => any
13
- read: Notification[]
14
- unread: Notification[]
15
- }) => JSX.Element
16
- userId: string
17
- }) => JSX.Element
18
- export default NotificationsInbox
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { Notification } from "../interfaces";
3
- declare const NotificationsMenu: ({ handleMarkAllAsRead, handleMarkAsRead, handleToggleRead, hasError, isLoading, mobile, notifications: { read, unread }, toggle, visible, }: {
4
- handleMarkAllAsRead: () => any;
5
- handleMarkAsRead: (notification: Notification) => any;
6
- handleToggleRead: (notification: Notification) => any;
7
- hasError?: boolean;
8
- isLoading?: boolean;
9
- mobile?: boolean;
10
- notifications: {
11
- read: Notification[];
12
- unread: Notification[];
13
- };
14
- toggle?: any;
15
- visible?: boolean;
16
- }) => JSX.Element;
17
- export default NotificationsMenu;
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- declare const NotificationsMenuWrapper: ({ children, toggle, visible, ...nativeProps }: {
3
- children: React.ReactNode;
4
- toggle: any;
5
- visible: boolean;
6
- }) => JSX.Element;
7
- export default NotificationsMenuWrapper;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- declare const NotificationsMenuBlankState: ({ dark, description, style, title, }: {
3
- dark?: boolean;
4
- description: string;
5
- style?: object;
6
- title?: string;
7
- }) => JSX.Element;
8
- export default NotificationsMenuBlankState;
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- declare const PopupRoot: ({ style, ...nativeProps }: {
3
- children?: React.ReactNode;
4
- style?: object;
5
- }) => JSX.Element;
6
- export default PopupRoot;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import "./spinner.css";
3
- declare const Spinner: (props: any) => JSX.Element;
4
- export default Spinner;
@@ -1,3 +0,0 @@
1
- import { Notification } from "./interfaces"
2
- export declare const DUMMY_DATA_UNREAD: Notification[]
3
- export declare const DUMMY_DATA_READ: Notification[]
@@ -1,3 +0,0 @@
1
- import { RefObject } from "react";
2
- declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
3
- export default useHover;