@knocklabs/react 0.2.33 → 0.3.0-rc-2.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 (86) hide show
  1. package/CHANGELOG.md +8 -25
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.js +1 -1
  4. package/dist/cjs/modules/feed/components/NotificationCell/NotificationCell.js.map +1 -1
  5. package/dist/cjs/modules/in-app-messages/components/Banner/Banner.js +2 -0
  6. package/dist/cjs/modules/in-app-messages/components/Banner/Banner.js.map +1 -0
  7. package/dist/cjs/modules/in-app-messages/components/Card/Card.js +2 -0
  8. package/dist/cjs/modules/in-app-messages/components/Card/Card.js.map +1 -0
  9. package/dist/cjs/modules/in-app-messages/components/Modal/Modal.js +2 -0
  10. package/dist/cjs/modules/in-app-messages/components/Modal/Modal.js.map +1 -0
  11. package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js +1 -1
  12. package/dist/cjs/modules/slack/components/SlackAuthButton/SlackAuthButton.js.map +1 -1
  13. package/dist/esm/index.mjs +45 -36
  14. package/dist/esm/index.mjs.map +1 -1
  15. package/dist/esm/modules/feed/components/NotificationCell/NotificationCell.mjs.map +1 -1
  16. package/dist/esm/modules/in-app-messages/components/Banner/Banner.mjs +99 -0
  17. package/dist/esm/modules/in-app-messages/components/Banner/Banner.mjs.map +1 -0
  18. package/dist/esm/modules/in-app-messages/components/Card/Card.mjs +111 -0
  19. package/dist/esm/modules/in-app-messages/components/Card/Card.mjs.map +1 -0
  20. package/dist/esm/modules/in-app-messages/components/Modal/Modal.mjs +115 -0
  21. package/dist/esm/modules/in-app-messages/components/Modal/Modal.mjs.map +1 -0
  22. package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs +3 -3
  23. package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs.map +1 -1
  24. package/dist/index.css +1 -1
  25. package/dist/types/App.d.ts +1 -0
  26. package/dist/types/App.d.ts.map +1 -1
  27. package/dist/types/index.d.ts +2 -0
  28. package/dist/types/index.d.ts.map +1 -1
  29. package/dist/types/main.d.ts +1 -0
  30. package/dist/types/modules/core/components/Button/Button.d.ts +1 -0
  31. package/dist/types/modules/core/components/Button/ButtonGroup.d.ts +1 -0
  32. package/dist/types/modules/core/components/Button/ButtonSpinner.d.ts +1 -0
  33. package/dist/types/modules/core/components/Icons/Bell.d.ts +1 -0
  34. package/dist/types/modules/core/components/Icons/CheckmarkCircle.d.ts +1 -0
  35. package/dist/types/modules/core/components/Icons/ChevronDown.d.ts +1 -0
  36. package/dist/types/modules/core/components/Icons/CloseCircle.d.ts +1 -0
  37. package/dist/types/modules/core/components/Spinner/Spinner.d.ts +1 -0
  38. package/dist/types/modules/core/hooks/useOnBottomScroll.d.ts +1 -0
  39. package/dist/types/modules/core/hooks/useOutsideClick.d.ts +1 -0
  40. package/dist/types/modules/feed/components/EmptyFeed/EmptyFeed.d.ts +1 -0
  41. package/dist/types/modules/feed/components/NotificationCell/ArchiveButton.d.ts +1 -0
  42. package/dist/types/modules/feed/components/NotificationCell/Avatar.d.ts +1 -0
  43. package/dist/types/modules/feed/components/NotificationCell/NotificationCell.d.ts +1 -0
  44. package/dist/types/modules/feed/components/NotificationFeed/Dropdown.d.ts +1 -0
  45. package/dist/types/modules/feed/components/NotificationFeed/MarkAsRead.d.ts +1 -0
  46. package/dist/types/modules/feed/components/NotificationFeed/NotificationFeed.d.ts +1 -0
  47. package/dist/types/modules/feed/components/NotificationFeed/NotificationFeedHeader.d.ts +1 -0
  48. package/dist/types/modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.d.ts +1 -0
  49. package/dist/types/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.d.ts +1 -0
  50. package/dist/types/modules/feed/components/NotificationIconButton/NotificationIconButton.d.ts +1 -0
  51. package/dist/types/modules/feed/components/UnseenBadge/UnseenBadge.d.ts +1 -0
  52. package/dist/types/modules/in-app-messages/components/Banner/Banner.d.ts +52 -0
  53. package/dist/types/modules/in-app-messages/components/Banner/Banner.d.ts.map +1 -0
  54. package/dist/types/modules/in-app-messages/components/Banner/index.d.ts +2 -0
  55. package/dist/types/modules/in-app-messages/components/Banner/index.d.ts.map +1 -0
  56. package/dist/types/modules/in-app-messages/components/Card/Card.d.ts +57 -0
  57. package/dist/types/modules/in-app-messages/components/Card/Card.d.ts.map +1 -0
  58. package/dist/types/modules/in-app-messages/components/Card/index.d.ts +2 -0
  59. package/dist/types/modules/in-app-messages/components/Card/index.d.ts.map +1 -0
  60. package/dist/types/modules/in-app-messages/components/Modal/Modal.d.ts +70 -0
  61. package/dist/types/modules/in-app-messages/components/Modal/Modal.d.ts.map +1 -0
  62. package/dist/types/modules/in-app-messages/components/Modal/index.d.ts +2 -0
  63. package/dist/types/modules/in-app-messages/components/Modal/index.d.ts.map +1 -0
  64. package/dist/types/modules/in-app-messages/components/index.d.ts +4 -0
  65. package/dist/types/modules/in-app-messages/components/index.d.ts.map +1 -0
  66. package/dist/types/modules/in-app-messages/components/types.d.ts +5 -0
  67. package/dist/types/modules/in-app-messages/components/types.d.ts.map +1 -0
  68. package/dist/types/modules/in-app-messages/index.d.ts +2 -0
  69. package/dist/types/modules/in-app-messages/index.d.ts.map +1 -0
  70. package/dist/types/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.d.ts +1 -0
  71. package/dist/types/modules/slack/components/SlackAuthButton/SlackAuthButton.d.ts +1 -0
  72. package/dist/types/modules/slack/components/SlackAuthContainer/SlackAuthContainer.d.ts +1 -0
  73. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.d.ts +1 -0
  74. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelListBox.d.ts +1 -0
  75. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackChannelOption.d.ts +1 -0
  76. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.d.ts +1 -0
  77. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.d.ts +1 -0
  78. package/dist/types/modules/slack/components/SlackChannelCombobox/SlackConnectionError.d.ts +1 -0
  79. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.d.ts +1 -0
  80. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.d.ts +1 -0
  81. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.d.ts +1 -0
  82. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.d.ts +1 -0
  83. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/LockIcon.d.ts +1 -0
  84. package/dist/types/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.d.ts +1 -0
  85. package/dist/types/modules/slack/components/SlackIcon/SlackIcon.d.ts +1 -0
  86. package/package.json +15 -11
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  export interface SlackAuthButtonProps {
3
4
  slackClientId: string;
4
5
  redirectUrl?: string;
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  export interface SlackAuthContainerProps {
3
4
  actionButton: React.ReactElement;
4
5
  }
@@ -1,5 +1,6 @@
1
1
  import { ContainerObject, SlackChannelQueryOptions } from '@knocklabs/react-core';
2
2
  import { FunctionComponent } from 'react';
3
+
3
4
  export type SlackChannelComboboxInputMessages = {
4
5
  disconnected: string;
5
6
  error: string;
@@ -1,5 +1,6 @@
1
1
  import { SlackChannel, SlackChannelConnection } from '@knocklabs/client';
2
2
  import { FunctionComponent } from 'react';
3
+
3
4
  export interface SlackChannelListBoxProps {
4
5
  slackChannels: SlackChannel[];
5
6
  isLoading: boolean;
@@ -1,5 +1,6 @@
1
1
  import { SlackChannel } from '@knocklabs/client';
2
2
  import { FunctionComponent } from 'react';
3
+
3
4
  export interface SlackChannelOptionProps {
4
5
  channel: SlackChannel;
5
6
  isLoading: boolean;
@@ -1,5 +1,6 @@
1
1
  import { SlackChannel } from '@knocklabs/client';
2
2
  import { FunctionComponent } from 'react';
3
+
3
4
  export interface SlackConnectedChannelTagProps {
4
5
  channel: SlackChannel;
5
6
  updateConnectedChannels: (channelId: string) => void;
@@ -1,5 +1,6 @@
1
1
  import { SlackChannel, SlackChannelConnection } from '@knocklabs/client';
2
2
  import { FunctionComponent } from 'react';
3
+
3
4
  export interface SlackConnectedChannelTagListProps {
4
5
  connectedChannels: SlackChannelConnection[] | null;
5
6
  slackChannels: SlackChannel[];
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  declare const SlackConnectionError: FunctionComponent;
3
4
  export default SlackConnectionError;
4
5
  //# sourceMappingURL=SlackConnectionError.d.ts.map
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  export interface CheckmarkIconProps {
3
4
  isConnected: boolean;
4
5
  size?: string;
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  export interface CloseIconProps {
3
4
  width?: string;
4
5
  height?: string;
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  declare const HashtagIcon: FunctionComponent;
3
4
  export default HashtagIcon;
4
5
  //# sourceMappingURL=HashtagIcon.d.ts.map
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  declare const InfoIcon: FunctionComponent;
3
4
  export default InfoIcon;
4
5
  //# sourceMappingURL=InfoIcon.d.ts.map
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  declare const LockIcon: FunctionComponent;
3
4
  export default LockIcon;
4
5
  //# sourceMappingURL=LockIcon.d.ts.map
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  declare const SearchIcon: FunctionComponent;
3
4
  export default SearchIcon;
4
5
  //# sourceMappingURL=SearchIcon.d.ts.map
@@ -1,4 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
+
2
3
  export interface SlackIconProps {
3
4
  height: string;
4
5
  width: string;
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.33",
5
+ "version": "0.3.0-rc-2.0",
6
6
  "license": "MIT",
7
7
  "main": "dist/cjs/index.js",
8
8
  "module": "dist/esm/index.mjs",
@@ -33,6 +33,7 @@
33
33
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
34
34
  "format": "prettier \"src/**/*.{js,ts,tsx}\" --write",
35
35
  "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
36
+ "gen:tokens": "node ./scripts/generateCssTokens.js",
36
37
  "test": "vitest run",
37
38
  "test:watch": "vitest",
38
39
  "type:check": "tsc --noEmit",
@@ -51,11 +52,14 @@
51
52
  "react-dom": "^16.11.0 || ^17.0.0 || ^18.0.0"
52
53
  },
53
54
  "dependencies": {
54
- "@knocklabs/client": "^0.10.17",
55
- "@knocklabs/react-core": "^0.2.29",
55
+ "@knocklabs/client": "^0.11.0-rc-2.0",
56
+ "@knocklabs/react-core": "^0.3.0-rc-2.0",
56
57
  "@popperjs/core": "^2.11.8",
57
- "@radix-ui/react-popover": "1.0.7",
58
- "@radix-ui/react-visually-hidden": "1.0.3",
58
+ "@radix-ui/react-dialog": "^1.1.2",
59
+ "@radix-ui/react-popover": "^1.0.7",
60
+ "@radix-ui/react-visually-hidden": "^1.0.3",
61
+ "@telegraph/tokens": "^0.0.13",
62
+ "clsx": "^2.1.1",
59
63
  "lodash.debounce": "^4.0.8",
60
64
  "react-popper": "^2.3.0",
61
65
  "react-popper-tooltip": "^4.4.2"
@@ -65,21 +69,21 @@
65
69
  "@types/lodash.debounce": "^4.0.9",
66
70
  "@types/react": "^18.3.6",
67
71
  "@types/react-dom": "^18.2.15",
68
- "@typescript-eslint/eslint-plugin": "^8.19.1",
69
- "@typescript-eslint/parser": "^8.16.0",
70
- "@vitejs/plugin-react": "^4.3.4",
72
+ "@typescript-eslint/eslint-plugin": "^6.20.0",
73
+ "@typescript-eslint/parser": "^8.8.1",
74
+ "@vitejs/plugin-react": "^4.3.3",
71
75
  "babel-plugin-react-require": "^4.0.3",
72
76
  "eslint": "^8.56.0",
73
77
  "eslint-plugin-react-hooks": "^5.0.0",
74
- "eslint-plugin-react-refresh": "^0.4.14",
75
- "jsdom": "^25.0.1",
78
+ "eslint-plugin-react-refresh": "^0.4.4",
79
+ "jsdom": "^24.0.0",
76
80
  "react": "^18.2.0",
77
81
  "react-dom": "^18.2.0",
78
82
  "rimraf": "^6.0.1",
79
83
  "rollup-plugin-execute": "^1.1.1",
80
84
  "typescript": "^5.6.3",
81
85
  "vite": "^5.0.0",
82
- "vite-plugin-dts": "^4.3.0",
86
+ "vite-plugin-dts": "^3.6.3",
83
87
  "vite-plugin-no-bundle": "^4.0.0",
84
88
  "vitest": "^2.1.4"
85
89
  }