@knocklabs/react 0.2.0 → 0.2.1

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 (52) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js +1 -1
  4. package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js.map +1 -1
  5. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js +1 -1
  6. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js.map +1 -1
  7. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.js +2 -0
  8. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.js.map +1 -0
  9. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.js +2 -0
  10. package/dist/cjs/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.js.map +1 -0
  11. package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.js +2 -0
  12. package/dist/cjs/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.js.map +1 -0
  13. package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs +36 -35
  14. package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs.map +1 -1
  15. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs +131 -119
  16. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs.map +1 -1
  17. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.mjs +24 -0
  18. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.mjs.map +1 -0
  19. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.mjs +17 -0
  20. package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.mjs.map +1 -0
  21. package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.mjs +24 -0
  22. package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.mjs.map +1 -0
  23. package/dist/index.css +1 -1
  24. package/dist/types/modules/core/components/Button/Button.d.ts +1 -0
  25. package/dist/types/modules/core/components/Button/ButtonGroup.d.ts +1 -0
  26. package/dist/types/modules/core/components/Button/ButtonSpinner.d.ts +1 -0
  27. package/dist/types/modules/feed/components/EmptyFeed/EmptyFeed.d.ts +1 -0
  28. package/dist/types/modules/feed/components/NotificationCell/Avatar.d.ts +1 -0
  29. package/dist/types/modules/feed/components/NotificationCell/NotificationCell.d.ts +1 -0
  30. package/dist/types/modules/feed/components/NotificationFeed/Dropdown.d.ts +1 -0
  31. package/dist/types/modules/feed/components/NotificationFeed/MarkAsRead.d.ts +1 -0
  32. package/dist/types/modules/feed/components/NotificationFeed/NotificationFeed.d.ts +1 -0
  33. package/dist/types/modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.d.ts +1 -0
  34. package/dist/types/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.d.ts +1 -0
  35. package/dist/types/modules/feed/components/NotificationIconButton/NotificationIconButton.d.ts +1 -0
  36. package/dist/types/modules/feed/components/UnseenBadge/UnseenBadge.d.ts +1 -0
  37. package/dist/types/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.d.ts +2 -0
  38. package/dist/types/modules/slack/components/SlackAuthButton/SlackAuthButton.d.ts +3 -0
  39. package/dist/types/modules/slack/components/SlackAuthButton/SlackAuthButton.d.ts.map +1 -1
  40. package/dist/types/modules/slack/components/SlackAuthContainer/SlackAuthContainer.d.ts +1 -0
  41. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.d.ts +4 -1
  42. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.d.ts.map +1 -1
  43. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelListBox.d.ts +2 -0
  44. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelOption.d.ts +2 -0
  45. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.d.ts +9 -0
  46. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.d.ts.map +1 -0
  47. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.d.ts +10 -0
  48. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.d.ts.map +1 -0
  49. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.d.ts +3 -0
  50. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.d.ts.map +1 -0
  51. package/package.json +3 -3
  52. package/dist/cjs/theme.css.js +0 -2
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import "./styles.css";
2
3
  export interface AvatarProps {
3
4
  name: string;
4
5
  src?: string | null;
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from "react";
2
2
  import { FeedItem } from "@knocklabs/client";
3
+ import "./styles.css";
3
4
  export interface NotificationCellProps {
4
5
  item: FeedItem;
5
6
  onItemClick?: (item: FeedItem) => void;
@@ -1,4 +1,5 @@
1
1
  import React, { PropsWithChildren } from "react";
2
+ import "./styles.css";
2
3
  export type DropdownProps = {
3
4
  value: string;
4
5
  onChange: (e: any) => void;
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { FeedItem } from "@knocklabs/client";
3
+ import "./styles.css";
3
4
  export type MarkAsReadProps = {
4
5
  onClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;
5
6
  };
@@ -2,6 +2,7 @@ import { FeedItem } from "@knocklabs/client";
2
2
  import React, { ReactElement, ReactNode } from "react";
3
3
  import { FilterStatus } from "@knocklabs/react-core";
4
4
  import { NotificationFeedHeaderProps } from "./NotificationFeedHeader";
5
+ import "./styles.css";
5
6
  export type OnNotificationClick = (item: FeedItem) => void;
6
7
  export type RenderItem = ({ item }: RenderItemProps) => ReactNode;
7
8
  export type RenderItemProps = {
@@ -1,3 +1,4 @@
1
1
  import { PropsWithChildren } from "react";
2
+ import "./styles.css";
2
3
  export declare const NotificationFeedContainer: React.FC<PropsWithChildren>;
3
4
  //# sourceMappingURL=NotificationFeedContainer.d.ts.map
@@ -1,6 +1,7 @@
1
1
  import React, { RefObject } from "react";
2
2
  import { Placement } from "@popperjs/core";
3
3
  import { NotificationFeedProps } from "../NotificationFeed";
4
+ import "./styles.css";
4
5
  import { Feed, FeedStoreState } from "@knocklabs/client";
5
6
  type OnOpenOptions = {
6
7
  store: FeedStoreState;
@@ -1,5 +1,6 @@
1
1
  import React, { SyntheticEvent } from "react";
2
2
  import { BadgeCountType } from "../UnseenBadge";
3
+ import "./styles.css";
3
4
  export interface NotificationIconButtonProps {
4
5
  badgeCountType?: BadgeCountType;
5
6
  onClick: (e: SyntheticEvent) => void;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import "./styles.css";
2
3
  export type BadgeCountType = "unseen" | "unread" | "all";
3
4
  export type UnseenBadgeProps = {
4
5
  badgeCountType?: BadgeCountType;
@@ -1,4 +1,6 @@
1
1
  import { SlackChannelConnection } from "@knocklabs/client";
2
+ import "../../theme.css";
3
+ import "./styles.css";
2
4
  declare const SlackAddChannelInput: ({ inErrorState, connectedChannels, updateConnectedChannels, connectedChannelsError, connectedChannelsUpdating, }: {
3
5
  inErrorState: boolean;
4
6
  connectedChannels: SlackChannelConnection[];
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
+ import "../../theme.css";
3
+ import "./styles.css";
2
4
  type Props = {
3
5
  slackClientId: string;
4
6
  redirectUrl?: string;
7
+ onAuthenticationComplete?: (authenticationResp: string) => void;
5
8
  };
6
9
  export declare const SlackAuthButton: React.FC<Props>;
7
10
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"SlackAuthButton.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"names":[],"mappings":";AAQA,OAAO,iBAAiB,CAAC;AAGzB,OAAO,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+G3C,CAAC"}
1
+ {"version":3,"file":"SlackAuthButton.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"names":[],"mappings":";AAQA,OAAO,iBAAiB,CAAC;AAGzB,OAAO,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,CAAC,kBAAkB,EAAE,MAAM,KAAK,IAAI,CAAC;CACjE,CAAC;AAyBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoH3C,CAAC"}
@@ -1,3 +1,4 @@
1
+ import "./styles.css";
1
2
  export declare const SlackAuthContainer: ({ actionButton, }: {
2
3
  actionButton: React.ReactElement;
3
4
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ContainerObject, SlackChannelQueryOptions } from "@knocklabs/react-core";
3
+ import "../../theme.css";
4
+ import "./styles.css";
3
5
  type SlackChannelComboboxInputMessages = {
4
6
  disconnected: string;
5
7
  error: string;
@@ -16,7 +18,8 @@ type Props = {
16
18
  listBoxProps?: React.HTMLAttributes<HTMLDivElement>;
17
19
  channelOptionProps?: React.HtmlHTMLAttributes<HTMLButtonElement>;
18
20
  inputMessages?: SlackChannelComboboxInputMessages;
21
+ showConnectedChannelTags?: boolean;
19
22
  };
20
- export declare const SlackChannelCombobox: ({ slackChannelsRecipientObject, queryOptions, inputProps, inputContainerProps, listBoxProps, channelOptionProps, inputMessages, }: Props) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const SlackChannelCombobox: ({ slackChannelsRecipientObject, queryOptions, inputProps, inputContainerProps, listBoxProps, channelOptionProps, inputMessages, showConnectedChannelTags, }: Props) => import("react/jsx-runtime").JSX.Element;
21
24
  export {};
22
25
  //# sourceMappingURL=SlackChannelCombobox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SlackChannelCombobox.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,eAAe,EACf,wBAAwB,EAKzB,MAAM,uBAAuB,CAAC;AAO/B,OAAO,iBAAiB,CAAC;AAMzB,OAAO,cAAc,CAAC;AAItB,KAAK,iCAAiC,GAAG;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,EAAE,MAAM,CAAC;IAC/B,yBAAyB,EAAE,MAAM,CAAC;IAClC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,4BAA4B,EAAE,eAAe,CAAC;IAC9C,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,iCAAiC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,oBAAoB,sIAQ9B,KAAK,4CA+PP,CAAC"}
1
+ {"version":3,"file":"SlackChannelCombobox.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,eAAe,EACf,wBAAwB,EAKzB,MAAM,uBAAuB,CAAC;AAO/B,OAAO,iBAAiB,CAAC;AAOzB,OAAO,cAAc,CAAC;AAItB,KAAK,iCAAiC,GAAG;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,EAAE,MAAM,CAAC;IAC/B,yBAAyB,EAAE,MAAM,CAAC;IAClC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,4BAA4B,EAAE,eAAe,CAAC;IAC9C,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,kBAAkB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,iCAAiC,CAAC;IAClD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,gKAS9B,KAAK,4CAsQP,CAAC"}
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { SlackChannel, SlackChannelConnection } from "@knocklabs/client";
3
3
  import { AriaListBoxOptions } from "@react-aria/listbox";
4
+ import "./styles.css";
5
+ import "../../theme.css";
4
6
  type Props = AriaListBoxOptions<unknown> & {
5
7
  slackChannels: SlackChannel[];
6
8
  isLoading: boolean;
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { SlackChannel } from "@knocklabs/client";
3
+ import "../../theme.css";
4
+ import "./styles.css";
3
5
  type Props = {
4
6
  channel: SlackChannel;
5
7
  isLoading: boolean;
@@ -0,0 +1,9 @@
1
+ import { SlackChannel } from "@knocklabs/client";
2
+ import "./styles.css";
3
+ type Props = {
4
+ channel: SlackChannel;
5
+ updateConnectedChannels: (channelId: string) => void;
6
+ };
7
+ declare const SlackConnectedChannelTag: ({ channel, updateConnectedChannels, }: Props) => import("react/jsx-runtime").JSX.Element;
8
+ export default SlackConnectedChannelTag;
9
+ //# sourceMappingURL=SlackConnectedChannelTag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SlackConnectedChannelTag.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,OAAO,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACZ,OAAO,EAAE,YAAY,CAAC;IACtB,uBAAuB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAA;AAED,QAAA,MAAM,wBAAwB,0CAG3B,KAAK,4CAiBP,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { SlackChannel, SlackChannelConnection } from "@knocklabs/client";
2
+ import "./styles.css";
3
+ type Props = {
4
+ connectedChannels: SlackChannelConnection[] | null;
5
+ slackChannels: SlackChannel[];
6
+ updateConnectedChannels: (channelId: string) => void;
7
+ };
8
+ declare const SlackConnectedChannelTagList: ({ connectedChannels, slackChannels, updateConnectedChannels, }: Props) => import("react/jsx-runtime").JSX.Element;
9
+ export default SlackConnectedChannelTagList;
10
+ //# sourceMappingURL=SlackConnectedChannelTagList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SlackConnectedChannelTagList.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,cAAc,CAAC;AAEtB,KAAK,KAAK,GAAG;IACZ,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC;IACnD,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,uBAAuB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAA;AAED,QAAA,MAAM,4BAA4B,mEAI/B,KAAK,4CAiBP,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
@@ -0,0 +1,3 @@
1
+ declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export default CloseIcon;
3
+ //# sourceMappingURL=CloseIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,+CAed,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@knocklabs/react",
3
3
  "description": "A set of React components to build notification experiences powered by Knock",
4
4
  "author": "@knocklabs",
5
- "version": "0.2.0",
5
+ "version": "0.2.1",
6
6
  "license": "MIT",
7
7
  "main": "dist/cjs/index.js",
8
8
  "module": "dist/esm/index.mjs",
@@ -50,8 +50,8 @@
50
50
  "react-dom": ">=16.8.0"
51
51
  },
52
52
  "dependencies": {
53
- "@knocklabs/client": "^0.9.0",
54
- "@knocklabs/react-core": "^0.2.0",
53
+ "@knocklabs/client": "^0.9.1",
54
+ "@knocklabs/react-core": "^0.2.1",
55
55
  "@popperjs/core": "^2.11.8",
56
56
  "@radix-ui/react-popover": "^1.0.7",
57
57
  "@radix-ui/react-visually-hidden": "^1.0.3",
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=theme.css.js.map