@knocklabs/react 0.1.0

package/dist/types/modules/feed/components/NotificationCell/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./NotificationCell";
+export * from "./Avatar";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/components/NotificationCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationCell/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/dist/types/modules/feed/components/NotificationFeed/Dropdown.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from "react";
+export type DropdownProps = {
+    value: string;
+    onChange: (e: any) => void;
+};
+export declare const Dropdown: React.FC<PropsWithChildren<DropdownProps>>;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/types/modules/feed/components/NotificationFeed/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeed/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAe/D,CAAC"}

package/dist/types/modules/feed/components/NotificationFeed/MarkAsRead.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { FeedItem } from "@knocklabs/client";
+export type MarkAsReadProps = {
+    onClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;
+};
+export declare const MarkAsRead: React.FC<MarkAsReadProps>;
+//# sourceMappingURL=MarkAsRead.d.ts.map

package/dist/types/modules/feed/components/NotificationFeed/MarkAsRead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkAsRead.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeed/MarkAsRead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAC"}

package/dist/types/modules/feed/components/NotificationFeed/NotificationFeed.d.ts

@@ -0,0 +1,24 @@
+import { FeedItem } from "@knocklabs/client";
+import React, { ReactElement, ReactNode } from "react";
+import { FilterStatus } from "@knocklabs/react-core";
+import { NotificationFeedHeaderProps } from "./NotificationFeedHeader";
+export type OnNotificationClick = (item: FeedItem) => void;
+export type RenderItem = ({ item }: RenderItemProps) => ReactNode;
+export type RenderItemProps = {
+    item: FeedItem;
+    onItemClick?: OnNotificationClick;
+};
+export interface NotificationFeedProps {
+    EmptyComponent?: ReactNode;
+    /**
+     * @deprecated Use `renderHeader` instead to accept `NotificationFeedHeaderProps`
+     */
+    header?: ReactElement<any>;
+    renderItem?: RenderItem;
+    renderHeader?: (props: NotificationFeedHeaderProps) => ReactNode;
+    onNotificationClick?: OnNotificationClick;
+    onMarkAllAsReadClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;
+    initialFilterStatus?: FilterStatus;
+}
+export declare const NotificationFeed: React.FC<NotificationFeedProps>;
+//# sourceMappingURL=NotificationFeed.d.ts.map

package/dist/types/modules/feed/components/NotificationFeed/NotificationFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationFeed.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeed/NotificationFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAoC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAEL,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAElC,OAAO,cAAc,CAAC;AAGtB,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,KAAK,SAAS,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAC9E,mBAAmB,CAAC,EAAE,YAAY,CAAC;CACpC;AAuBD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmF5D,CAAC"}

package/dist/types/modules/feed/components/NotificationFeed/NotificationFeedHeader.d.ts

@@ -0,0 +1,10 @@
+import React, { SetStateAction } from "react";
+import { FeedItem } from "@knocklabs/client";
+import { FilterStatus } from "@knocklabs/react-core";
+export type NotificationFeedHeaderProps = {
+    filterStatus: FilterStatus;
+    setFilterStatus: React.Dispatch<SetStateAction<FilterStatus>>;
+    onMarkAllAsReadClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;
+};
+export declare const NotificationFeedHeader: React.FC<NotificationFeedHeaderProps>;
+//# sourceMappingURL=NotificationFeedHeader.d.ts.map

package/dist/types/modules/feed/components/NotificationFeed/NotificationFeedHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationFeedHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeed/NotificationFeedHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AAItE,MAAM,MAAM,2BAA2B,GAAG;IACxC,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CAC/E,CAAC;AAQF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BxE,CAAC"}

package/dist/types/modules/feed/components/NotificationFeed/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./NotificationFeed";
+export * from "./NotificationFeedHeader";
+export * from "./MarkAsRead";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/components/NotificationFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeed/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}

package/dist/types/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.d.ts

@@ -0,0 +1,19 @@
+import React, { RefObject } from "react";
+import { Placement } from "@popperjs/core";
+import { NotificationFeedProps } from "../NotificationFeed";
+import { Feed, FeedStoreState } from "@knocklabs/client";
+type OnOpenOptions = {
+    store: FeedStoreState;
+    feedClient: Feed;
+};
+export interface NotificationFeedPopoverProps extends NotificationFeedProps {
+    isVisible: boolean;
+    onOpen?: (arg: OnOpenOptions) => void;
+    onClose: (e: Event) => void;
+    buttonRef: RefObject<HTMLElement>;
+    closeOnClickOutside?: boolean;
+    placement?: Placement;
+}
+export declare const NotificationFeedPopover: React.FC<NotificationFeedPopoverProps>;
+export {};
+//# sourceMappingURL=NotificationFeedPopover.d.ts.map

package/dist/types/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationFeedPopover.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG9E,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEzD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAQF,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IACzE,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CA2D7B,CAAC"}

package/dist/types/modules/feed/components/NotificationFeedPopover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./NotificationFeedPopover";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/components/NotificationFeedPopover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationFeedPopover/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/types/modules/feed/components/NotificationIconButton/NotificationIconButton.d.ts

@@ -0,0 +1,8 @@
+import React, { SyntheticEvent } from "react";
+import { BadgeCountType } from "../UnseenBadge";
+export interface NotificationIconButtonProps {
+    badgeCountType?: BadgeCountType;
+    onClick: (e: SyntheticEvent) => void;
+}
+export declare const NotificationIconButton: React.ForwardRefExoticComponent<NotificationIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=NotificationIconButton.d.ts.map

package/dist/types/modules/feed/components/NotificationIconButton/NotificationIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationIconButton/NotificationIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,2BAA2B;IAE1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,sBAAsB,uGAkBjC,CAAC"}

package/dist/types/modules/feed/components/NotificationIconButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./NotificationIconButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/components/NotificationIconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/NotificationIconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/types/modules/feed/components/UnseenBadge/UnseenBadge.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type BadgeCountType = "unseen" | "unread" | "all";
+export type UnseenBadgeProps = {
+    badgeCountType?: BadgeCountType;
+};
+export declare const UnseenBadge: React.FC<UnseenBadgeProps>;
+//# sourceMappingURL=UnseenBadge.d.ts.map

package/dist/types/modules/feed/components/UnseenBadge/UnseenBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnseenBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/UnseenBadge/UnseenBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,CAAC;AAGtB,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAgBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAelD,CAAC"}

package/dist/types/modules/feed/components/UnseenBadge/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UnseenBadge";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/components/UnseenBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/feed/components/UnseenBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/types/modules/feed/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./components/EmptyFeed";
+export * from "./components/NotificationCell";
+export * from "./components/NotificationFeed";
+export * from "./components/NotificationFeedPopover";
+export * from "./components/NotificationIconButton";
+export * from "./components/UnseenBadge";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/feed/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@knocklabs/react",
+  "description": "A set of React components to build notification experiences powered by Knock",
+  "author": "@knocklabs",
+  "version": "0.1.0",
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "style": "dist/index.css",
+  "exports": {
+    "./dist/index.css": "./dist/index.css",
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "clean": "rimraf dist",
+    "dev": "tsc && vite build --watch",
+    "//": "dev:local runs a dev server and lets you test components at localhost:5173",
+    "dev:local": "vite",
+    "build": "yarn clean && yarn build:esm && yarn build:cjs",
+    "build:esm": "export BUILD_TARGET=esm; tsc && vite build",
+    "build:cjs": "export BUILD_TARGET=cjs; tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/knocklabs/javascript.git"
+  },
+  "bugs": {
+    "url": "https://github.com/knocklabs/javascript/issues"
+  },
+  "dependencies": {
+    "@knocklabs/client": "*",
+    "@knocklabs/react-core": "0.1.0",
+    "date-fns": "^2.30.0",
+    "lodash.debounce": "^4.0.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-popper-tooltip": "^4.4.2",
+    "zustand": "^3.5.10"
+  },
+  "devDependencies": {
+    "@types/lodash.debounce": "^4.0.9",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-execute": "^1.1.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.3",
+    "vite-plugin-no-bundle": "^3.0.0"
+  }
+}