@planningcenter/topbar 7.1.3-alpha.1 → 7.2.0-alpha.2

package/CHANGELOG.md

@@ -0,0 +1,83 @@
+# Changelog
+
+## [Unreleased]
+- New look and feel for the app switcher ([#40](https://github.com/ministrycentered/topbar/pull/40), [#42](https://github.com/ministrycentered/topbar/pull/42)).
+  The switcher now displays home at the top with some visual separation and accounts (as "account") at the bottom—also with visual separation.
+
+## [7.1.3] - 2021-11-16
+
+### Fixed
+- Corrected the sorting of app names in mobile topbar as well [#36](https://github.com/ministrycentered/topbar/pull/36)
+
+## [7.1.2] - 2021-11-11
+
+### Fixed
+- Corrected the corrected sorting of app names in app switcher [#33](https://github.com/ministrycentered/topbar/pull/33)
+
+## [7.1.1] - 2021-11-10
+
+### Fixed
+- Corrected sorting of app names in app switcher [#32](https://github.com/ministrycentered/topbar/pull/32)
+
+## [7.1.0] - 2021-11-08
+
+### Added
+- Add Home to the app switcher dropdown
+
+
+## [7.0.0] - 2021-10-01
+
+- Add CSRF support to login ([#46](https://github.com/planningcenter/design/pull/46) @danielma)
+  - [First implementation in Accounts](https://github.com/ministrycentered/accounts/pull/1877/files)
+  - [Second implementation in Giving](https://github.com/ministrycentered/giving/pull/4482/files)
+- Update devDependencies pins
+  - `microbundle`: `^0.12.4` => `^0.13.0`
+  - `webpack`: `^4.46.0` => `^5.13.0`
+  - `webpack-cli`: `^3.3.13` => `^4.3.1`
+  - `ts-loader`: `^7.0.5` => `^8.0.14`
+  - `typescript`: `^3.9.7` => `^4.1.3`
+  - `react`: `^16.14.0` => `^17.0.1`
+  - `react-dom`: `^16.14.0` => `^17.0.1`
+  - `@types/react`: `^16.14.2` => `^17.0.0`
+  - `@types/react-dom`: `^16.9.10` => `^17.0.0`
+- Unlock modern builds by removing `--format cjs` flag for improved bundling app-side
+- Add `referer` query parameter to `AppSwitch` urls: [Accounts PR](https://github.com/ministrycentered/accounts/pull/1910)
+- Add the ability to override the topbar’s link colors via props in `NotSmallTopbar` [#122](https://github.com/planningcenter/design/pull/122)
+- Add `ProductAnnouncement` component
+  - Additional top-level exports:
+    - `ProductAnnouncementStyleProvider`
+    - `StyledProductAnnouncement`
+    - `StyledProductAnnouncementDimissButton`
+- `Topbar_ProductAnnouncement` parent selector for styling content
+- Fix Announcement topbars to be 14px font-size and 48px absolute height
+
+## 6.0.0
+
+- [BREAKING] modify `/logout` urls to target Login, a2ec71d
+
+## 5.0.0
+
+- [BREAKING] replace Registrations icon
+- Add `mapRegistrationsToExpiredRegistrations` to control them
+
+## 4.11.0
+
+- Add `AppsProvider#formatter` and `mapApps`/`mapResourcesToCalendar` formatters to provide a AppsMenu control mechanism to product teams
+- Add `.codes` support for `pco-box`
+
+## 4.9.0
+
+- Add support for "Calendar" app
+
+## [Previous entries]
+
+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].
+
+
+
+[7.1.3]: https://github.com/ministrycentered/topbar/compare/v7.1.2..v7.1.3
+[7.1.2]: https://github.com/ministrycentered/topbar/compare/v7.1.1..v7.1.2
+[7.1.1]: https://github.com/ministrycentered/topbar/compare/v7.1.0..v7.1.1
+[7.1.0]: https://github.com/ministrycentered/topbar/compare/v7.0.0..v7.1.0
+[7.0.0]: https://github.com/ministrycentered/topbar/compare/@planningcenter/topbar@6.0.6..v7.0.0
+[Previous entries]: CHANGELOG-pre-4.9.0.md

package/dist/modules/colors.d.ts

@@ -0,0 +1,46 @@
+declare const colors: {
+    danger43: string;
+    danger45: string;
+    danger47: string;
+    danger93: string;
+    danger97: string;
+    darkNeutral07: string;
+    darkNeutral12: string;
+    darkNeutral15: string;
+    darkNeutral17: string;
+    darkNeutral19: string;
+    darkNeutral24: string;
+    darkNeutral32: string;
+    darkNeutral50: string;
+    darkNeutral68: string;
+    darkNeutral88: string;
+    darkNeutral98: string;
+    interaction45: string;
+    interaction50: string;
+    interaction55: string;
+    interaction66: string;
+    interaction91: string;
+    interaction93: string;
+    lightNeutral100: string;
+    lightNeutral12: string;
+    lightNeutral24: string;
+    lightNeutral45: string;
+    lightNeutral62: string;
+    lightNeutral81: string;
+    lightNeutral88: string;
+    lightNeutral93: string;
+    lightNeutral95: string;
+    lightNeutral97: string;
+    lightNeutral98: string;
+    success23: string;
+    success25: string;
+    success27: string;
+    success91: string;
+    success97: string;
+    warning49: string;
+    warning55: string;
+    warning63: string;
+    warning94: string;
+    warning97: string;
+};
+export default colors;

package/dist/modules/components/notification_item.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { Notification } from "../interfaces";
-declare const NotificationItem: ({ mobile, isLast, onToggleRead, notification: { appName, createdAt, isRead, link, title }, }: {
+declare const NotificationItem: ({ mobile, isLast, onMarkAsRead, onToggleRead, showBottomBorder, notification, }: {
     mobile?: boolean;
     isLast?: boolean;
+    onMarkAsRead?: (notification: Notification) => any;
     onToggleRead: any;
+    showBottomBorder?: boolean;
     notification: Notification;
 }) => JSX.Element;
 export default NotificationItem;

package/dist/modules/components/notifications_menu.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import * as PCO_URL from "@planningcenter/url";
 import { Notification } from "../interfaces";
-declare const NotificationsMenu: ({ env, handleMarkAllAsRead, handleToggleRead, mobile, notifications: { read, unread }, toggle, visible, }: {
+declare const NotificationsMenu: ({ env, handleMarkAllAsRead, handleMarkAsRead, handleToggleRead, hasError, isLoading, mobile, notifications: { read, unread }, toggle, visible, }: {
     env: PCO_URL.Environment;
     handleMarkAllAsRead: () => any;
+    handleMarkAsRead: (notification: Notification) => any;
     handleToggleRead: (notification: Notification) => any;
+    hasError?: boolean;
+    isLoading?: boolean;
     mobile?: boolean;
     notifications: {
         read: Notification[];

package/dist/modules/components/spinner.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./spinner.css";
+declare const Spinner: (props: any) => JSX.Element;
+export default Spinner;

package/dist/modules/hooks/use_notifications.d.ts

@@ -5,7 +5,10 @@ declare const useNotifications: ({ env, userId, }: {
     userId: string;
 }) => {
     handleMarkAllAsRead: () => any;
+    handleMarkAsRead: (notification: Notification) => any;
     handleToggleRead: (notification: Notification) => any;
+    hasError: boolean;
+    isLoading: boolean;
     read: Notification[];
     unread: Notification[];
 };

package/dist/modules/not_small_topbar.d.ts

@@ -17,17 +17,6 @@ export declare class AppsButton extends React.Component<{
     };
     render(): JSX.Element;
 }
-export declare class HoverableListItem extends React.Component<{
-    component?: any;
-    style?: object;
-    href?: string;
-    onClick?: any;
-}, {
-    entered: boolean;
-}> {
-    constructor(props: any);
-    render(): JSX.Element;
-}
 export declare class Hoverable extends React.Component<{
     component?: any;
     style?: object;
@@ -42,30 +31,6 @@ export declare class Hoverable extends React.Component<{
     constructor(props: any);
     render(): JSX.Element;
 }
-export declare const AppsMenu: (props: any) => JSX.Element;
-export declare class Outsider extends React.Component<{
-    component: any;
-    cleanup: boolean;
-    onOutsideClick: any;
-    visible: boolean;
-}, {}> {
-    private container;
-    constructor(props: any);
-    componentWillUnmount(): void;
-    handleOutsideClick(e: any): any;
-    render(): JSX.Element;
-}
-export declare class PopupRoot extends React.Component<{
-    style?: object;
-}, {}> {
-    render(): JSX.Element;
-}
-export declare const Popup: React.StatelessComponent<{
-    component?: any;
-    style?: object;
-    onOutsideClick?: any;
-    cleanup?: any;
-}>;
 export declare class Topbar extends React.Component<{
     apps: {
         attributes: {

package/dist/topbar.css

@@ -0,0 +1,2 @@
+@-webkit-keyframes spinning{to{transform:rotate(1turn)}}@keyframes spinning{to{transform:rotate(1turn)}}.spinner{align-self:center;-webkit-animation:spinning .5s linear infinite;animation:spinning .5s linear infinite;border:2px solid #f7f7f7;border-radius:50%;border-top-color:#9e9e9e;display:inline;height:16px;transform:rotate(0deg);vertical-align:middle;width:16px}
+/*# sourceMappingURL=topbar.css.map */

package/dist/topbar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["spinner.css"],"names":[],"mappings":"AAAA,4BACE,GAEE,uBACF,CACF,CACA,oBACE,GAEE,uBACF,CACF,CAEA,SACE,iBAAkB,CAClB,8CAAyC,CAAzC,sCAAyC,CAKzC,wBAAiB,CAHjB,iBAAkB,CAGlB,wBAAiB,CACjB,cAAe,CACf,WAAY,CACZ,sBAAuB,CACvB,qBAAsB,CACtB,UACF","file":"topbar.css","sourcesContent":["@-webkit-keyframes spinning {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes spinning {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n.spinner {\n  align-self: center;\n  animation: spinning 500ms infinite linear;\n  border-color: hsl(0 0% 97%);\n  border-radius: 50%;\n  border-style: solid;\n  border-top-color: hsl(0 0% 62%);\n  border-width: 2px;\n  display: inline;\n  height: 16px;\n  transform: rotate(0deg);\n  vertical-align: middle;\n  width: 16px;\n}\n"]}