@planningcenter/topbar 8.1.1 → 8.2.0-rc.2

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

@@ -1 +1 @@
-{"version":3,"file":"notifications_menu.d.ts","sourceRoot":"","sources":["../../../../modules/components/notifications_menu.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAA;AAQpB,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA2JjD,QAAA,MAAM,iBAAiB;UAYf,GAAG,EAAE;yBACU,MAAM,GAAG;qCACG,YAAY,KAAK,GAAG;qCACpB,YAAY,KAAK,GAAG;eAC1C,OAAO;gBACN,OAAO;aACV,OAAO;;cACO,YAAY,EAAE;gBAAU,YAAY,EAAE;;aACpD,GAAG;cACF,OAAO;iBA4UlB,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"notifications_menu.d.ts","sourceRoot":"","sources":["../../../../modules/components/notifications_menu.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAA;AAQpB,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AA8GjD,QAAA,MAAM,iBAAiB;UAYf,GAAG,EAAE;yBACU,MAAM,GAAG;qCACG,YAAY,KAAK,GAAG;qCACpB,YAAY,KAAK,GAAG;eAC1C,OAAO;gBACN,OAAO;aACV,OAAO;;cACO,YAAY,EAAE;gBAAU,YAAY,EAAE;;aACpD,GAAG;cACF,OAAO;iBA+UlB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -2,12 +2,13 @@ import Jolt from "@planningcenter/jolt-client";
 import * as PCO_URL from "@planningcenter/url";
 import { Notification } from "../interfaces";
 declare type UseNotificationsProps = {
+    enableJoltLogging?: boolean;
     enabled?: boolean;
     env: PCO_URL.Environment;
     joltPromise?: () => Promise<Jolt | undefined | void>;
     userId: string;
 };
-declare const useNotifications: ({ enabled, env, userId, ...props }: UseNotificationsProps) => {
+declare const useNotifications: ({ enableJoltLogging, enabled, env, userId, ...props }: UseNotificationsProps) => {
     handleMarkAllAsRead: () => any;
     handleMarkAsRead: (notification: Notification) => Promise<any>;
     handleToggleRead: (notification: Notification) => Promise<any>;

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

@@ -1 +1 @@
-{"version":3,"file":"use_notifications.d.ts","sourceRoot":"","sources":["../../../../modules/hooks/use_notifications.ts"],"names":[],"mappings":"AAAA,OAAO,IAAkB,MAAM,6BAA6B,CAAA;AAC5D,OAAe,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAItD,OAAO,EAGL,YAAY,EACb,MAAM,eAAe,CAAA;AAyItB,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACpD,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,gBAAgB,uCAKnB,qBAAqB;yBACD,MAAM,GAAG;qCACG,YAAY,KAAK,QAAQ,GAAG,CAAC;qCAC7B,YAAY,KAAK,QAAQ,GAAG,CAAC;cACpD,OAAO;eACN,OAAO;UACZ,YAAY,EAAE;YACZ,YAAY,EAAE;iBACT,MAAM;CAwOpB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"use_notifications.d.ts","sourceRoot":"","sources":["../../../../modules/hooks/use_notifications.ts"],"names":[],"mappings":"AAAA,OAAO,IAAkB,MAAM,6BAA6B,CAAA;AAC5D,OAAe,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAItD,OAAO,EAGL,YAAY,EACb,MAAM,eAAe,CAAA;AA0JtB,aAAK,qBAAqB,GAAG;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACpD,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,gBAAgB,0DAMnB,qBAAqB;yBACD,MAAM,GAAG;qCACG,YAAY,KAAK,QAAQ,GAAG,CAAC;qCAC7B,YAAY,KAAK,QAAQ,GAAG,CAAC;cACpD,OAAO;eACN,OAAO;UACZ,YAAY,EAAE;YACZ,YAAY,EAAE;iBACT,MAAM;CAyOpB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/modules/not_small_topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"not_small_topbar.d.ts","sourceRoot":"","sources":["../../../modules/not_small_topbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAQhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,oBAAoB,CAAC,EAAE,MAAM,GAAG,CAAA;IAChC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,MAAM;YAAW,mBAAmB,GAAG,iBAAiB;;;;;;;;CA+c7D,CAAA;AAUD,QAAA,MAAM,KAAK;YAMD,OAAO;cACL,MAAM,SAAS;YACjB,GAAG;WACJ,MAAM;YACL,MAAM;iBA0Cf,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"not_small_topbar.d.ts","sourceRoot":"","sources":["../../../modules/not_small_topbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAQhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,oBAAoB,CAAC,EAAE,MAAM,GAAG,CAAA;IAChC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,MAAM;YAAW,mBAAmB,GAAG,iBAAiB;;;;;;;;CAmd7D,CAAA;AAUD,QAAA,MAAM,KAAK;YAMD,OAAO;cACL,MAAM,SAAS;YACjB,GAAG;WACJ,MAAM;YACL,MAAM;iBA0Cf,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}

package/dist/types/modules/small_topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"small_topbar.d.ts","sourceRoot":"","sources":["../../../modules/small_topbar.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAqChD,UAAU,gBAAgB;IACxB,qBAAqB,CAAC,EAAE,GAAG,CAAA;CAC5B;AAED,QAAA,MAAM,MAAM;YAAW,iBAAiB,GAAG,gBAAgB;;;;;CA0mB1D,CAAA;AAOD,QAAA,MAAM,KAAK;;;iBAmBV,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"small_topbar.d.ts","sourceRoot":"","sources":["../../../modules/small_topbar.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAqChD,UAAU,gBAAgB;IACxB,qBAAqB,CAAC,EAAE,GAAG,CAAA;CAC5B;AAED,QAAA,MAAM,MAAM;YAAW,iBAAiB,GAAG,gBAAgB;;;;;CA2mB1D,CAAA;AAOD,QAAA,MAAM,KAAK;;;iBAmBV,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/topbar",
-  "version": "8.1.1",
+  "version": "8.2.0-rc.2",
   "license": "UNLICENSED",
   "description": "Planning Center application Topbar",
   "main": "./dist/topbar.js",
@@ -12,7 +12,8 @@
   "scripts": {
     "build": "microbundle --jsx React.createElement",
     "dev": "webpack-cli serve --mode development",
-    "prepare": "$npm_execpath run build"
+    "prepare": "$npm_execpath run build",
+    "test": "jest"
   },
   "author": "Front End Systems Engineering <frontend@planningcenter.com>",
   "files": [
@@ -31,6 +32,7 @@
     "react": "^16.8.6"
   },
   "devDependencies": {
+    "@types/jest": "^27.4.1",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@typescript-eslint/eslint-plugin": "^5.10.1",
@@ -44,6 +46,7 @@
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-typescript-sort-keys": "^2.1.0",
     "html-webpack-plugin": "^4.5.1",
+    "jest": "^27.5.1",
     "microbundle": "^0.13.0",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.34",
@@ -52,7 +55,9 @@
     "react-dom": "^17.0.1",
     "rollup": "^2.36.1",
     "style-loader": "^3.3.1",
+    "ts-jest": "^27.1.4",
     "ts-loader": "^8.0.14",
+    "ts-node": "^10.7.0",
     "typescript": "^4.5.5",
     "webpack": "^5.13.0",
     "webpack-cli": "^4.9.1",

package/CHANGELOG-pre-4.9.0.md

@@ -1,134 +0,0 @@
-# LOST ENTRIES
-
-# 3.0.0 Release
-
-### Squircle Icons
-
-![squircles in the app menu](./docs/images/2018.04.26-v3-desktop-screenshot.png)
-
-You've seen them in Slack.
-Now you can experience them in your own apps.
-
-SQUIRCLES!
-
-### Support for Church Center and API
-
-Some of our products can't be found in Topbar's app-switcher.
-v3 adds support for those non-navigable apps.
-Now, these apps can use Topbar **and** keep out of the app-switcher.
-
-### Support for React 16
-
-@glosie gets the badge for first app to React 16.
-He also gets a badge for updating Topbar's dependencies, allowing you to upgrade to React 16 too!
-
-🤗
-
-### Various UX fixes
-
-v3 resolves a [long-stading useability bug](https://trello.com/c/PQtq5w1u/2568-%F0%9F%90%9E-previously-logged-in-users-linked-accounts-are-visible-for-a-split-second#) where users could (for a split second) see the `connected_people` from the previous session.
-
-Thanks @mcfadden and @ClaytonRector for surfacing that.
-
-## Upgrade from v2
-
-This should be a mostly painless upgrade.
-Here are the APIs that changed and how to update.
-
-### `PlatformAnnouncements`
-
-Platform Announcements were a quickly concieved feature.
-The v2 API has a very "build-your-own" feel.
-After implementing them across apps, we have a better understanding of what they are and how they should be used.
-
-Now I expose a single component for platform announcements.
-
-```jsx
-import { PlatformAnnouncements } from "@planningcenter/topbar";
-```
-
-Implemented it in your `{App}Topbar` like so:
-
-```jsx
-<PlatformAnnouncement
-  data={this.props.platformAnnouncements}
-  colors={shared.colors}
-  env={shared.env}
-/>
-```
-
-#### Naming problems
-
-> Didn't these used to `PlatformNotifications`?
-
-Yes 😬
-
-There are a lot of `notification` features in the pipeline.
-To distinguish these in Topbar-land, we've written up a [dictionary of terms](https://planningcenter.design/interfaces-and-interactions/announcements-and-notifications-and-alerts-oh-my).
-
-I know that this introduces some cognitive dissonence—now that Topbar uses `PlatformAnnouncements` but `platform_notifications` is used for all the #platform tooling.
-
-I'm sorry.
-
-I knew there was eventually naming problem
-but I didn't have a comprehensive solution before the feature needed to ship.
-You only know what you know when you know it.
-
-If you find this dissonence problematic, you can assign on import.
-
-```js
-import { PlatformAnnouncements as PlatformNotifications } from "@planningcenter/topbar";
-```
-
-The props for this componenent are intentionnaly generic (`data`, `renderItem`) to be clear, when referenced by either name.
-
-### `AppsProvider` and `ConnectedPeopleProvider`
-
-These two data-fetching, provider components have new callback signatures.
-
-In adding a `clearCache` method to both, I made the decision to pass objects down instead of functions.
-This allows me to add functionality without changing function arity.
-
-Your use of these components should now look like this:
-
-```jsx
-<ConnectedPeopleProvider
-  render={(connectedPeople, connectedPeopleActions) => (
-    <AppsProvider
-      render={(apps, appsActions) => (
-        /*
-         * connectedPeople
-         * connectedPeopleActions.fetch()
-         * connectedPeopleActions.remove()
-         *
-         * apps
-         * appsActions.fetch()
-         * appsActions.remove()
-         */
-      )}
-    />
-  )}
-/>
-```
-
-### `SmallTopbar` and `NotSmallTopbar`
-
-To support the removal of cached `localStorage` data, both Topbars take an additional required props: `requestClearAppsCache` and `requestClearConnectedPeopleCache`.
-
-In practice these callbacks should be provided from `ConnectedPeopleProvider` and `AppsProvider` like so:
-
-```jsx
-<ConnectedPeopleProvider
-  render={(connectedPeople, connectedPeopleActions) => (
-    <AppsProvider
-      render={(apps, appsActions) => (
-        <SmallTopbar
-          requestClearConnectedPeopleCache={connectedPeopleActions.remove}
-          requestClearAppsCache={appsActions.remove}
-          {...allTheOtherProps}
-        />
-      )}
-    />
-  )}
-/>
-```

package/dist/modules/colors.d.ts

@@ -1,46 +0,0 @@
-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/NotificationsMenuBlankState.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-declare const NotificationsMenuBlankState: ({
-  description,
-  style,
-  title,
-  ...props
-}: {
-  description: string
-  style?: object
-  title?: string
-}) => JSX.Element
-export default NotificationsMenuBlankState

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

@@ -1,7 +0,0 @@
-import * as React from "react";
-declare const ConditionalWrap: ({ children, condition, wrap, }: {
-    children: React.ReactNode;
-    condition?: boolean;
-    wrap: any;
-}) => any;
-export default ConditionalWrap;

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import * as PCO_URL from "@planningcenter/url"
-import { Notification } from "../interfaces"
-declare const NotificationsInbox: ({
-  env,
-  render,
-  userId,
-}: {
-  env: PCO_URL.Environment
-  render: (props: {
-    handleMarkAllAsRead: () => any
-    handleToggleRead: (notification: Notification) => any
-    read: Notification[]
-    unread: Notification[]
-  }) => JSX.Element
-  userId: string
-}) => JSX.Element
-export default NotificationsInbox

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

@@ -1,7 +0,0 @@
-import * as React from "react";
-declare const NotificationsMenuWrapper: ({ children, toggle, visible, ...nativeProps }: {
-    children: React.ReactNode;
-    toggle: any;
-    visible: boolean;
-}) => JSX.Element;
-export default NotificationsMenuWrapper;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const NotificationsMenuBlankState: ({ dark, description, style, title, }: {
-    dark?: boolean;
-    description: string;
-    style?: object;
-    title?: string;
-}) => JSX.Element;
-export default NotificationsMenuBlankState;

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-declare const PopupRoot: ({ style, ...nativeProps }: {
-    children?: React.ReactNode;
-    style?: object;
-}) => JSX.Element;
-export default PopupRoot;

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

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

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

@@ -1,3 +0,0 @@
-import { RefObject } from "react";
-declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean;
-export default useHover;

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-declare function useLocalStorage(
-  key: string,
-  initialValue: any
-): {
-  storedValue: any
-  setStoredValue: import("react").Dispatch<any>
-  dropKey: () => void
-}
-export default useLocalStorage

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

@@ -1,16 +0,0 @@
-import * as PCO_URL from "@planningcenter/url";
-import { Notification } from "../interfaces";
-declare const useNotifications: ({ disabled, env, userId, }: {
-    disabled?: boolean;
-    env: PCO_URL.Environment;
-    userId: string;
-}) => {
-    handleMarkAllAsRead: () => any;
-    handleMarkAsRead: (notification: Notification) => any;
-    handleToggleRead: (notification: Notification) => any;
-    hasError: boolean;
-    isLoading: boolean;
-    read: Notification[];
-    unread: Notification[];
-};
-export default useNotifications;

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

@@ -1,8 +0,0 @@
-import * as PCO_URL from "@planningcenter/url";
-import { Fetch } from "../api_request";
-import { TopbarAPIResponse } from "../interfaces";
-declare const useTopbarAPI: ({ configuredFetch, env, }: {
-    configuredFetch: Fetch;
-    env: PCO_URL.Environment;
-}) => TopbarAPIResponse;
-export default useTopbarAPI;

package/dist/modules/topbar_context.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare const _default: import("react").Context<{
-    notificationsDisabled: boolean;
-}>;
-export default _default;