@knocklabs/react 0.11.20 → 0.11.21
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.
- package/CHANGELOG.md +10 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/modules/guide/providers/KnockGuideProvider.js +1 -1
- package/dist/cjs/modules/guide/providers/KnockGuideProvider.js.map +1 -1
- package/dist/esm/index.mjs +6 -6
- package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs +10 -21
- package/dist/esm/modules/guide/providers/KnockGuideProvider.mjs.map +1 -1
- package/dist/types/modules/guide/components/Toolbar/index.d.ts +0 -1
- package/dist/types/modules/guide/components/Toolbar/index.d.ts.map +1 -1
- package/dist/types/modules/guide/components/index.d.ts +1 -1
- package/dist/types/modules/guide/components/index.d.ts.map +1 -1
- package/dist/types/modules/guide/index.d.ts +1 -1
- package/dist/types/modules/guide/index.d.ts.map +1 -1
- package/dist/types/modules/guide/providers/KnockGuideProvider.d.ts +1 -1
- package/dist/types/modules/guide/providers/KnockGuideProvider.d.ts.map +1 -1
- package/package.json +5 -5
- package/dist/cjs/modules/guide/components/Toolbar/V1/V1.js +0 -2
- package/dist/cjs/modules/guide/components/Toolbar/V1/V1.js.map +0 -1
- package/dist/esm/modules/guide/components/Toolbar/V1/V1.mjs +0 -42
- package/dist/esm/modules/guide/components/Toolbar/V1/V1.mjs.map +0 -1
- package/dist/types/modules/guide/components/Toolbar/V1/V1.d.ts +0 -2
- package/dist/types/modules/guide/components/Toolbar/V1/V1.d.ts.map +0 -1
- package/dist/types/modules/guide/components/Toolbar/V1/index.d.ts +0 -2
- package/dist/types/modules/guide/components/Toolbar/V1/index.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.11.21
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 06367bf: chore(deps): bump the telegraph-packages group with 2 updates
|
|
8
|
+
- ffa7bd2: [Guide] Remove guide toolbar v1 support
|
|
9
|
+
- Updated dependencies [ffa7bd2]
|
|
10
|
+
- @knocklabs/react-core@0.13.13
|
|
11
|
+
- @knocklabs/client@0.21.12
|
|
12
|
+
|
|
3
13
|
## 0.11.20
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const o=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),u=require("./modules/core/components/Icons/Bell.js"),a=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),s=require("./modules/core/components/Icons/CloseCircle.js"),l=require("./modules/core/components/Spinner/Spinner.js"),d=require("./modules/core/hooks/useOnBottomScroll.js"),b=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),m=require("./modules/feed/components/NotificationCell/NotificationCell.js"),C=require("./modules/feed/components/NotificationCell/Avatar.js"),f=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),P=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),k=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),p=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),g=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),y=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),O=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),t=require("./modules/guide/components/Banner/Banner.js"),r=require("./modules/guide/components/Card/Card.js");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const o=require("./modules/core/components/Button/Button.js"),i=require("./modules/core/components/Button/ButtonGroup.js"),u=require("./modules/core/components/Icons/Bell.js"),a=require("./modules/core/components/Icons/CheckmarkCircle.js"),c=require("./modules/core/components/Icons/ChevronDown.js"),s=require("./modules/core/components/Icons/CloseCircle.js"),l=require("./modules/core/components/Spinner/Spinner.js"),d=require("./modules/core/hooks/useOnBottomScroll.js"),b=require("./modules/feed/components/EmptyFeed/EmptyFeed.js"),m=require("./modules/feed/components/NotificationCell/NotificationCell.js"),C=require("./modules/feed/components/NotificationCell/Avatar.js"),f=require("./modules/feed/components/NotificationFeed/NotificationFeed.js"),P=require("./modules/feed/components/NotificationFeed/NotificationFeedHeader.js"),k=require("./modules/feed/components/NotificationFeed/MarkAsRead.js"),p=require("./modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.js"),g=require("./modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.js"),y=require("./modules/feed/components/NotificationIconButton/NotificationIconButton.js"),O=require("./modules/feed/components/UnseenBadge/UnseenBadge.js"),t=require("./modules/guide/components/Banner/Banner.js"),r=require("./modules/guide/components/Card/Card.js");require("@knocklabs/client");const e=require("@knocklabs/react-core");require("@telegraph/button");require("@telegraph/icon");require("@telegraph/layout");require("@telegraph/segmented-control");require("@telegraph/tooltip");require("@telegraph/typography");require("lucide-react");require("react");;/* empty css */require("@telegraph/tag");require("@telegraph/toggle");const n=require("./modules/guide/components/Modal/Modal.js"),S=require("./modules/guide/providers/KnockGuideProvider.js"),j=require("./modules/ms-teams/components/MsTeamsAuthButton/MsTeamsAuthButton.js"),q=require("./modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.js"),h=require("./modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.js"),B=require("./modules/slack/components/SlackAuthButton/SlackAuthButton.js"),K=require("./modules/slack/components/SlackAuthContainer/SlackAuthContainer.js"),M=require("./modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.js");exports.Button=o.Button;exports.ButtonGroup=i.ButtonGroup;exports.BellIcon=u.BellIcon;exports.CheckmarkCircle=a.CheckmarkCircle;exports.ChevronDown=c.ChevronDown;exports.CloseCircle=s.CloseCircle;exports.Spinner=l.Spinner;exports.useOnBottomScroll=d;exports.EmptyFeed=b.EmptyFeed;exports.NotificationCell=m.NotificationCell;exports.Avatar=C.Avatar;exports.NotificationFeed=f.NotificationFeed;exports.NotificationFeedHeader=P.NotificationFeedHeader;exports.MarkAsRead=k.MarkAsRead;exports.NotificationFeedContainer=p.NotificationFeedContainer;exports.NotificationFeedPopover=g.NotificationFeedPopover;exports.NotificationIconButton=y.NotificationIconButton;exports.UnseenBadge=O.UnseenBadge;exports.Banner=t.Banner;exports.BannerView=t.BannerView;exports.Card=r.Card;exports.CardView=r.CardView;Object.defineProperty(exports,"FilterStatus",{enumerable:!0,get:()=>e.FilterStatus});Object.defineProperty(exports,"I18nContext",{enumerable:!0,get:()=>e.I18nContext});Object.defineProperty(exports,"KnockFeedProvider",{enumerable:!0,get:()=>e.KnockFeedProvider});Object.defineProperty(exports,"KnockGuideContext",{enumerable:!0,get:()=>e.KnockGuideContext});Object.defineProperty(exports,"KnockI18nProvider",{enumerable:!0,get:()=>e.KnockI18nProvider});Object.defineProperty(exports,"KnockMsTeamsProvider",{enumerable:!0,get:()=>e.KnockMsTeamsProvider});Object.defineProperty(exports,"KnockProvider",{enumerable:!0,get:()=>e.KnockProvider});Object.defineProperty(exports,"KnockSlackProvider",{enumerable:!0,get:()=>e.KnockSlackProvider});Object.defineProperty(exports,"feedProviderKey",{enumerable:!0,get:()=>e.feedProviderKey});Object.defineProperty(exports,"formatBadgeCount",{enumerable:!0,get:()=>e.formatBadgeCount});Object.defineProperty(exports,"formatTimestamp",{enumerable:!0,get:()=>e.formatTimestamp});Object.defineProperty(exports,"getBadgeAriaLabel",{enumerable:!0,get:()=>e.getBadgeAriaLabel});Object.defineProperty(exports,"locales",{enumerable:!0,get:()=>e.locales});Object.defineProperty(exports,"msTeamsProviderKey",{enumerable:!0,get:()=>e.msTeamsProviderKey});Object.defineProperty(exports,"renderNodeOrFallback",{enumerable:!0,get:()=>e.renderNodeOrFallback});Object.defineProperty(exports,"slackProviderKey",{enumerable:!0,get:()=>e.slackProviderKey});Object.defineProperty(exports,"toSentenceCase",{enumerable:!0,get:()=>e.toSentenceCase});Object.defineProperty(exports,"useAuthenticatedKnockClient",{enumerable:!0,get:()=>e.useAuthenticatedKnockClient});Object.defineProperty(exports,"useConnectedMsTeamsChannels",{enumerable:!0,get:()=>e.useConnectedMsTeamsChannels});Object.defineProperty(exports,"useConnectedSlackChannels",{enumerable:!0,get:()=>e.useConnectedSlackChannels});Object.defineProperty(exports,"useCreateNotificationStore",{enumerable:!0,get:()=>e.useCreateNotificationStore});Object.defineProperty(exports,"useFeedSettings",{enumerable:!0,get:()=>e.useFeedSettings});Object.defineProperty(exports,"useGuide",{enumerable:!0,get:()=>e.useGuide});Object.defineProperty(exports,"useGuideContext",{enumerable:!0,get:()=>e.useGuideContext});Object.defineProperty(exports,"useGuides",{enumerable:!0,get:()=>e.useGuides});Object.defineProperty(exports,"useKnockClient",{enumerable:!0,get:()=>e.useKnockClient});Object.defineProperty(exports,"useKnockFeed",{enumerable:!0,get:()=>e.useKnockFeed});Object.defineProperty(exports,"useKnockMsTeamsClient",{enumerable:!0,get:()=>e.useKnockMsTeamsClient});Object.defineProperty(exports,"useKnockSlackClient",{enumerable:!0,get:()=>e.useKnockSlackClient});Object.defineProperty(exports,"useMsTeamsAuth",{enumerable:!0,get:()=>e.useMsTeamsAuth});Object.defineProperty(exports,"useMsTeamsChannels",{enumerable:!0,get:()=>e.useMsTeamsChannels});Object.defineProperty(exports,"useMsTeamsConnectionStatus",{enumerable:!0,get:()=>e.useMsTeamsConnectionStatus});Object.defineProperty(exports,"useMsTeamsTeams",{enumerable:!0,get:()=>e.useMsTeamsTeams});Object.defineProperty(exports,"useNotificationStore",{enumerable:!0,get:()=>e.useNotificationStore});Object.defineProperty(exports,"useNotifications",{enumerable:!0,get:()=>e.useNotifications});Object.defineProperty(exports,"usePreferences",{enumerable:!0,get:()=>e.usePreferences});Object.defineProperty(exports,"useSlackAuth",{enumerable:!0,get:()=>e.useSlackAuth});Object.defineProperty(exports,"useSlackChannels",{enumerable:!0,get:()=>e.useSlackChannels});Object.defineProperty(exports,"useSlackConnectionStatus",{enumerable:!0,get:()=>e.useSlackConnectionStatus});Object.defineProperty(exports,"useStableOptions",{enumerable:!0,get:()=>e.useStableOptions});Object.defineProperty(exports,"useTranslations",{enumerable:!0,get:()=>e.useTranslations});exports.Modal=n.Modal;exports.ModalView=n.ModalView;exports.KnockGuideProvider=S.KnockGuideProvider;exports.MsTeamsAuthButton=j.MsTeamsAuthButton;exports.MsTeamsAuthContainer=q.MsTeamsAuthContainer;exports.MsTeamsChannelCombobox=h;exports.SlackAuthButton=B.SlackAuthButton;exports.SlackAuthContainer=K.SlackAuthContainer;exports.SlackChannelCombobox=M.SlackChannelCombobox;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@knocklabs/react-core"),n=require("react");require("../components/Banner/Banner.js");require("../components/Card/Card.js");const a=require("../components/Toolbar/V2/V2.js");require("../components/Modal/Modal.js");const d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=d(n),l=({children:e,toolbar:o="v2",readyToTarget:t,listenForUpdates:r=!0,...c})=>u.default.createElement(i.KnockGuideProvider,{...c,readyToTarget:t,listenForUpdates:r},e,o==="v2"&&u.default.createElement(a.V2,{readyToTarget:t,listenForUpdates:r}));exports.KnockGuideProvider=l;
|
|
2
2
|
//# sourceMappingURL=KnockGuideProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KnockGuideProvider.js","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n KnockGuideProvider as KnockGuideProviderCore,\n type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport {
|
|
1
|
+
{"version":3,"file":"KnockGuideProvider.js","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n KnockGuideProvider as KnockGuideProviderCore,\n type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n toolbar?: \"v2\";\n};\n\n// Re-export the core KnockGuideProvider, so we can add React specific\n// functionality like the Toolbar component which shouldn't be included in other\n// contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n children,\n toolbar = \"v2\",\n readyToTarget,\n listenForUpdates = true,\n ...props\n}) => {\n return (\n <KnockGuideProviderCore\n {...props}\n readyToTarget={readyToTarget}\n listenForUpdates={listenForUpdates}\n >\n {children}\n {toolbar === \"v2\" && (\n <ToolbarV2\n readyToTarget={readyToTarget}\n listenForUpdates={listenForUpdates}\n />\n )}\n </KnockGuideProviderCore>\n );\n};\n"],"names":["KnockGuideProvider","children","toolbar","readyToTarget","listenForUpdates","props","React","KnockGuideProviderCore","ToolbarV2"],"mappings":"2XAeaA,EAA+DA,CAAC,CAC3EC,SAAAA,EACAC,QAAAA,EAAU,KACVC,cAAAA,EACAC,iBAAAA,EAAmB,GACnB,GAAGC,CACL,IAEKC,EAAAA,QAAA,cAAAC,EAAA,mBAAA,CACKF,GAAAA,EACJ,cAAAF,EACA,iBAAAC,GAECH,EACAC,IAAY,MACXI,EAAAA,QAAA,cAACE,EACC,GAAA,CAAA,cAAAL,EACA,iBAAAC,EAEH,CACH"}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -20,18 +20,18 @@ import { NotificationIconButton as Q } from "./modules/feed/components/Notificat
|
|
|
20
20
|
import { UnseenBadge as X } from "./modules/feed/components/UnseenBadge/UnseenBadge.mjs";
|
|
21
21
|
import { Banner as Z, BannerView as _ } from "./modules/guide/components/Banner/Banner.mjs";
|
|
22
22
|
import { Card as ee, CardView as oe } from "./modules/guide/components/Card/Card.mjs";
|
|
23
|
-
import "
|
|
23
|
+
import "@knocklabs/client";
|
|
24
24
|
import { FilterStatus as re, I18nContext as ne, KnockFeedProvider as ie, KnockGuideContext as ae, KnockI18nProvider as se, KnockMsTeamsProvider as me, KnockProvider as ue, KnockSlackProvider as pe, feedProviderKey as ce, formatBadgeCount as fe, formatTimestamp as le, getBadgeAriaLabel as de, locales as xe, msTeamsProviderKey as Ce, renderNodeOrFallback as ke, slackProviderKey as Se, toSentenceCase as he, useAuthenticatedKnockClient as Ke, useConnectedMsTeamsChannels as Te, useConnectedSlackChannels as Me, useCreateNotificationStore as ve, useFeedSettings as Be, useGuide as Pe, useGuideContext as Ae, useGuides as Fe, useKnockClient as Ne, useKnockFeed as be, useKnockMsTeamsClient as Ge, useKnockSlackClient as ge, useMsTeamsAuth as we, useMsTeamsChannels as ye, useMsTeamsConnectionStatus as Ie, useMsTeamsTeams as Oe, useNotificationStore as Ve, useNotifications as De, usePreferences as Ee, useSlackAuth as He, useSlackChannels as Le, useSlackConnectionStatus as Re, useStableOptions as Ue, useTranslations as je } from "@knocklabs/react-core";
|
|
25
25
|
import "@telegraph/button";
|
|
26
|
+
import "@telegraph/icon";
|
|
26
27
|
import "@telegraph/layout";
|
|
27
|
-
import "@telegraph/
|
|
28
|
+
import "@telegraph/segmented-control";
|
|
29
|
+
import "@telegraph/tooltip";
|
|
28
30
|
import "@telegraph/typography";
|
|
29
31
|
import "lucide-react";
|
|
32
|
+
import "react";
|
|
30
33
|
/* empty css */
|
|
31
|
-
import "@
|
|
32
|
-
import "@telegraph/icon";
|
|
33
|
-
import "@telegraph/segmented-control";
|
|
34
|
-
import "@telegraph/tooltip";
|
|
34
|
+
import "@telegraph/tag";
|
|
35
35
|
import "@telegraph/toggle";
|
|
36
36
|
import { Modal as ze, ModalView as Je } from "./modules/guide/components/Modal/Modal.mjs";
|
|
37
37
|
import { KnockGuideProvider as We } from "./modules/guide/providers/KnockGuideProvider.mjs";
|
|
@@ -1,28 +1,17 @@
|
|
|
1
1
|
import { KnockGuideProvider as c } from "@knocklabs/react-core";
|
|
2
|
-
import
|
|
2
|
+
import o from "react";
|
|
3
3
|
import "../components/Banner/Banner.mjs";
|
|
4
4
|
import "../components/Card/Card.mjs";
|
|
5
|
-
import {
|
|
6
|
-
import { V2 as u } from "../components/Toolbar/V2/V2.mjs";
|
|
5
|
+
import { V2 as n } from "../components/Toolbar/V2/V2.mjs";
|
|
7
6
|
import "../components/Modal/Modal.mjs";
|
|
8
|
-
const
|
|
9
|
-
children:
|
|
10
|
-
toolbar:
|
|
11
|
-
readyToTarget:
|
|
12
|
-
listenForUpdates:
|
|
13
|
-
...
|
|
14
|
-
}) => /* @__PURE__ */ r.createElement(
|
|
15
|
-
c,
|
|
16
|
-
{
|
|
17
|
-
...i,
|
|
18
|
-
readyToTarget: t,
|
|
19
|
-
listenForUpdates: m,
|
|
20
|
-
trackDebugParams: e === "v1"
|
|
21
|
-
},
|
|
22
|
-
o,
|
|
23
|
-
e === "v2" ? /* @__PURE__ */ r.createElement(u, { readyToTarget: t, listenForUpdates: m }) : /* @__PURE__ */ r.createElement(n, null)
|
|
24
|
-
);
|
|
7
|
+
const G = ({
|
|
8
|
+
children: t,
|
|
9
|
+
toolbar: i = "v2",
|
|
10
|
+
readyToTarget: r,
|
|
11
|
+
listenForUpdates: e = !0,
|
|
12
|
+
...m
|
|
13
|
+
}) => /* @__PURE__ */ o.createElement(c, { ...m, readyToTarget: r, listenForUpdates: e }, t, i === "v2" && /* @__PURE__ */ o.createElement(n, { readyToTarget: r, listenForUpdates: e }));
|
|
25
14
|
export {
|
|
26
|
-
|
|
15
|
+
G as KnockGuideProvider
|
|
27
16
|
};
|
|
28
17
|
//# sourceMappingURL=KnockGuideProvider.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n KnockGuideProvider as KnockGuideProviderCore,\n type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport {
|
|
1
|
+
{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"sourcesContent":["import {\n KnockGuideProvider as KnockGuideProviderCore,\n type KnockGuideProviderProps,\n} from \"@knocklabs/react-core\";\nimport React from \"react\";\n\nimport { ToolbarV2 } from \"../components\";\n\ntype Props = KnockGuideProviderProps & {\n toolbar?: \"v2\";\n};\n\n// Re-export the core KnockGuideProvider, so we can add React specific\n// functionality like the Toolbar component which shouldn't be included in other\n// contexts (e.g. React Native).\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n children,\n toolbar = \"v2\",\n readyToTarget,\n listenForUpdates = true,\n ...props\n}) => {\n return (\n <KnockGuideProviderCore\n {...props}\n readyToTarget={readyToTarget}\n listenForUpdates={listenForUpdates}\n >\n {children}\n {toolbar === \"v2\" && (\n <ToolbarV2\n readyToTarget={readyToTarget}\n listenForUpdates={listenForUpdates}\n />\n )}\n </KnockGuideProviderCore>\n );\n};\n"],"names":["KnockGuideProvider","children","toolbar","readyToTarget","listenForUpdates","props","React","KnockGuideProviderCore","ToolbarV2"],"mappings":";;;;;;AAeO,MAAMA,IAA+DA,CAAC;AAAA,EAC3EC,UAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEKC,gBAAAA,EAAA,cAAAC,GAAA,EACKF,GAAAA,GACJ,eAAAF,GACA,kBAAAC,KAECH,GACAC,MAAY,QACXI,gBAAAA,EAAA,cAACE,GACC,EAAA,eAAAL,GACA,kBAAAC,GAEH,CACH;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/guide/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/guide/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { Banner, BannerView, Card, CardView, Modal, ModalView,
|
|
1
|
+
export { Banner, BannerView, Card, CardView, Modal, ModalView, ToolbarV2, } from './components';
|
|
2
2
|
export { KnockGuideProvider } from './providers';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { KnockGuideProviderProps } from '@knocklabs/react-core';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
type Props = KnockGuideProviderProps & {
|
|
4
|
-
toolbar?: "
|
|
4
|
+
toolbar?: "v2";
|
|
5
5
|
};
|
|
6
6
|
export declare const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>>;
|
|
7
7
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KnockGuideProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,OAAO,CAAC,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"KnockGuideProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/providers/KnockGuideProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAKF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAsBvE,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.11.
|
|
5
|
+
"version": "0.11.21",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/cjs/index.js",
|
|
8
8
|
"module": "dist/esm/index.mjs",
|
|
@@ -72,17 +72,17 @@
|
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
|
-
"@knocklabs/client": "^0.21.
|
|
76
|
-
"@knocklabs/react-core": "^0.13.
|
|
75
|
+
"@knocklabs/client": "^0.21.12",
|
|
76
|
+
"@knocklabs/react-core": "^0.13.13",
|
|
77
77
|
"@popperjs/core": "^2.11.8",
|
|
78
78
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
79
79
|
"@radix-ui/react-hover-card": "^1.1.15",
|
|
80
80
|
"@telegraph/button": ">=0.6.0",
|
|
81
|
-
"@telegraph/combobox": ">=0.2.
|
|
81
|
+
"@telegraph/combobox": ">=0.2.7",
|
|
82
82
|
"@telegraph/icon": ">=0.5.0",
|
|
83
83
|
"@telegraph/layout": ">=0.5.0",
|
|
84
84
|
"@telegraph/segmented-control": ">=0.2.4",
|
|
85
|
-
"@telegraph/select": ">=0.0.
|
|
85
|
+
"@telegraph/select": ">=0.0.90",
|
|
86
86
|
"@telegraph/tag": ">=0.2.1",
|
|
87
87
|
"@telegraph/toggle": ">=0.1.3",
|
|
88
88
|
"@telegraph/tokens": ">=0.2.0",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("@knocklabs/react-core"),c=require("@telegraph/button"),l=require("@telegraph/layout"),g=require("@telegraph/tag"),p=require("@telegraph/typography"),n=require("lucide-react"),h=require("../KnockButton.js"),m=require("../shared.js");;/* empty css */const y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=y(u),C=()=>{const[e,s]=u.useState(!1),{client:r}=i.useGuideContext(),o=i.useStore(r.store,f=>f.debug);if(!(o!=null&&o.forcedGuideKey))return null;const d=()=>{r.exitDebugMode()},a=()=>{s(!e)};return e?t.default.createElement(h.KnockButton,{onClick:a}):t.default.createElement(l.Stack,{gap:"2",align:"center",position:"fixed",top:"4",right:"4",backgroundColor:"surface-2",bg:"surface-2",shadow:"3",rounded:"3",py:"2",px:"3","data-tgph-appearance":"dark",style:{zIndex:m.TOOLBAR_Z_INDEX}},t.default.createElement(l.Stack,{gap:"2",align:"center",direction:"row"},t.default.createElement(g.Tag,{color:"green",variant:"soft",icon:{icon:n.Wrench,"aria-hidden":!0}},"Debug"),t.default.createElement(p.Text,{as:"div",size:"1",weight:"medium",w:"full",maxWidth:"40",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},o.forcedGuideKey),t.default.createElement(c.Button,{onClick:d,size:"1",variant:"soft",trailingIcon:{icon:n.Undo2,"aria-hidden":!0}},"Exit"),t.default.createElement(c.Button,{onClick:a,size:"1",variant:"soft",leadingIcon:{icon:n.Minimize2,alt:"Collapse guide toolbar"}})))};exports.V1=C;
|
|
2
|
-
//# sourceMappingURL=V1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"V1.js","sources":["../../../../../../../src/modules/guide/components/Toolbar/V1/V1.tsx"],"sourcesContent":["import { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\n\nexport const V1 = () => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n const { client } = useGuideContext();\n const debugState = useStore(client.store, (state) => state.debug);\n\n if (!debugState?.forcedGuideKey) {\n return null;\n }\n\n const handleExit = () => {\n client.exitDebugMode();\n };\n\n const handleToggleCollapse = () => {\n setIsCollapsed(!isCollapsed);\n };\n\n if (isCollapsed) {\n return <KnockButton onClick={handleToggleCollapse} />;\n }\n\n return (\n <Stack\n gap=\"2\"\n align=\"center\"\n position=\"fixed\"\n top=\"4\"\n right=\"4\"\n backgroundColor=\"surface-2\"\n bg=\"surface-2\"\n shadow=\"3\"\n rounded=\"3\"\n py=\"2\"\n px=\"3\"\n data-tgph-appearance=\"dark\"\n style={{ zIndex: TOOLBAR_Z_INDEX }}\n >\n <Stack gap=\"2\" align=\"center\" direction=\"row\">\n <Tag\n color=\"green\"\n variant=\"soft\"\n icon={{ icon: Wrench, \"aria-hidden\": true }}\n >\n Debug\n </Tag>\n\n <Text\n as=\"div\"\n size=\"1\"\n weight=\"medium\"\n w=\"full\"\n maxWidth=\"40\"\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {debugState.forcedGuideKey}\n </Text>\n\n <Button\n onClick={handleExit}\n size=\"1\"\n variant=\"soft\"\n trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n >\n Exit\n </Button>\n\n <Button\n onClick={handleToggleCollapse}\n size=\"1\"\n variant=\"soft\"\n leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n />\n </Stack>\n </Stack>\n );\n};\n"],"names":["V1","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","exitDebugMode","handleToggleCollapse","React","KnockButton","Stack","zIndex","TOOLBAR_Z_INDEX","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Button","Undo2","Minimize2","alt"],"mappings":"6bAYaA,EAAKA,IAAM,CACtB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9C,CAAEC,OAAAA,GAAWC,kBAAgB,EAC7BC,EAAaC,EAAAA,SAASH,EAAOI,MAAQC,GAAUA,EAAMC,KAAK,EAE5D,GAAA,EAACJ,GAAAA,MAAAA,EAAYK,gBACR,OAAA,KAGT,MAAMC,EAAaA,IAAM,CACvBR,EAAOS,cAAc,CACvB,EAEMC,EAAuBA,IAAM,CACjCZ,EAAe,CAACD,CAAW,CAC7B,EAEA,OAAIA,EACKc,EAAAA,QAAA,cAACC,EAAAA,YAAY,CAAA,QAASF,CAAwB,CAAA,EAIrDC,EAAA,QAAA,cAACE,EACC,MAAA,CAAA,IAAI,IACJ,MAAM,SACN,SAAS,QACT,IAAI,IACJ,MAAM,IACN,gBAAgB,YAChB,GAAG,YACH,OAAO,IACP,QAAQ,IACR,GAAG,IACH,GAAG,IACH,uBAAqB,OACrB,MAAO,CAAEC,OAAQC,EAAAA,eAAAA,GAEjBJ,EAAAA,QAAA,cAACE,EAAM,MAAA,CAAA,IAAI,IAAI,MAAM,SAAS,UAAU,KAAA,0BACrCG,MACC,CAAA,MAAM,QACN,QAAQ,OACR,KAAM,CAAEC,KAAMC,EAAAA,OAAQ,cAAe,EAAA,CAAO,EAAA,OAG9C,EAEAP,EAAA,QAAA,cAACQ,QACC,GAAG,MACH,KAAK,IACL,OAAO,SACP,EAAE,OACF,SAAS,KACT,MAAO,CACLC,SAAU,SACVC,aAAc,WACdC,WAAY,QAGbpB,CAAAA,EAAAA,EAAWK,cACd,EAECI,EAAA,QAAA,cAAAY,EAAA,OAAA,CACC,QAASf,EACT,KAAK,IACL,QAAQ,OACR,aAAc,CAAES,KAAMO,EAAAA,MAAO,cAAe,EAAK,CAAA,EAAE,MAGrD,EAECb,UAAA,cAAAY,EAAAA,OAAA,CACC,QAASb,EACT,KAAK,IACL,QAAQ,OACR,YAAa,CAAEO,KAAMQ,EAAAA,UAAWC,IAAK,wBAAyB,CAAA,CAAE,CAEpE,CACF,CAEJ"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import e, { useState as d } from "react";
|
|
2
|
-
import { useGuideContext as m, useStore as p } from "@knocklabs/react-core";
|
|
3
|
-
import { Button as n } from "@telegraph/button";
|
|
4
|
-
import { Stack as a } from "@telegraph/layout";
|
|
5
|
-
import { Tag as f } from "@telegraph/tag";
|
|
6
|
-
import { Text as u } from "@telegraph/typography";
|
|
7
|
-
import { Wrench as g, Undo2 as h, Minimize2 as x } from "lucide-react";
|
|
8
|
-
import { KnockButton as E } from "../KnockButton.mjs";
|
|
9
|
-
import { TOOLBAR_Z_INDEX as C } from "../shared.mjs";
|
|
10
|
-
/* empty css */
|
|
11
|
-
const D = () => {
|
|
12
|
-
const [o, l] = d(!1), {
|
|
13
|
-
client: r
|
|
14
|
-
} = m(), t = p(r.store, (s) => s.debug);
|
|
15
|
-
if (!(t != null && t.forcedGuideKey))
|
|
16
|
-
return null;
|
|
17
|
-
const c = () => {
|
|
18
|
-
r.exitDebugMode();
|
|
19
|
-
}, i = () => {
|
|
20
|
-
l(!o);
|
|
21
|
-
};
|
|
22
|
-
return o ? /* @__PURE__ */ e.createElement(E, { onClick: i }) : /* @__PURE__ */ e.createElement(a, { gap: "2", align: "center", position: "fixed", top: "4", right: "4", backgroundColor: "surface-2", bg: "surface-2", shadow: "3", rounded: "3", py: "2", px: "3", "data-tgph-appearance": "dark", style: {
|
|
23
|
-
zIndex: C
|
|
24
|
-
} }, /* @__PURE__ */ e.createElement(a, { gap: "2", align: "center", direction: "row" }, /* @__PURE__ */ e.createElement(f, { color: "green", variant: "soft", icon: {
|
|
25
|
-
icon: g,
|
|
26
|
-
"aria-hidden": !0
|
|
27
|
-
} }, "Debug"), /* @__PURE__ */ e.createElement(u, { as: "div", size: "1", weight: "medium", w: "full", maxWidth: "40", style: {
|
|
28
|
-
overflow: "hidden",
|
|
29
|
-
textOverflow: "ellipsis",
|
|
30
|
-
whiteSpace: "nowrap"
|
|
31
|
-
} }, t.forcedGuideKey), /* @__PURE__ */ e.createElement(n, { onClick: c, size: "1", variant: "soft", trailingIcon: {
|
|
32
|
-
icon: h,
|
|
33
|
-
"aria-hidden": !0
|
|
34
|
-
} }, "Exit"), /* @__PURE__ */ e.createElement(n, { onClick: i, size: "1", variant: "soft", leadingIcon: {
|
|
35
|
-
icon: x,
|
|
36
|
-
alt: "Collapse guide toolbar"
|
|
37
|
-
} })));
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
D as V1
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=V1.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"V1.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V1/V1.tsx"],"sourcesContent":["import { useGuideContext, useStore } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tag } from \"@telegraph/tag\";\nimport { Text } from \"@telegraph/typography\";\nimport { Minimize2, Undo2, Wrench } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\n\nexport const V1 = () => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n const { client } = useGuideContext();\n const debugState = useStore(client.store, (state) => state.debug);\n\n if (!debugState?.forcedGuideKey) {\n return null;\n }\n\n const handleExit = () => {\n client.exitDebugMode();\n };\n\n const handleToggleCollapse = () => {\n setIsCollapsed(!isCollapsed);\n };\n\n if (isCollapsed) {\n return <KnockButton onClick={handleToggleCollapse} />;\n }\n\n return (\n <Stack\n gap=\"2\"\n align=\"center\"\n position=\"fixed\"\n top=\"4\"\n right=\"4\"\n backgroundColor=\"surface-2\"\n bg=\"surface-2\"\n shadow=\"3\"\n rounded=\"3\"\n py=\"2\"\n px=\"3\"\n data-tgph-appearance=\"dark\"\n style={{ zIndex: TOOLBAR_Z_INDEX }}\n >\n <Stack gap=\"2\" align=\"center\" direction=\"row\">\n <Tag\n color=\"green\"\n variant=\"soft\"\n icon={{ icon: Wrench, \"aria-hidden\": true }}\n >\n Debug\n </Tag>\n\n <Text\n as=\"div\"\n size=\"1\"\n weight=\"medium\"\n w=\"full\"\n maxWidth=\"40\"\n style={{\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }}\n >\n {debugState.forcedGuideKey}\n </Text>\n\n <Button\n onClick={handleExit}\n size=\"1\"\n variant=\"soft\"\n trailingIcon={{ icon: Undo2, \"aria-hidden\": true }}\n >\n Exit\n </Button>\n\n <Button\n onClick={handleToggleCollapse}\n size=\"1\"\n variant=\"soft\"\n leadingIcon={{ icon: Minimize2, alt: \"Collapse guide toolbar\" }}\n />\n </Stack>\n </Stack>\n );\n};\n"],"names":["V1","isCollapsed","setIsCollapsed","useState","client","useGuideContext","debugState","useStore","store","state","debug","forcedGuideKey","handleExit","exitDebugMode","handleToggleCollapse","React","KnockButton","Stack","zIndex","TOOLBAR_Z_INDEX","Tag","icon","Wrench","Text","overflow","textOverflow","whiteSpace","Button","Undo2","Minimize2","alt"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAKA,MAAM;AACtB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9C;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB,GAC7BC,IAAaC,EAASH,EAAOI,OAAQC,CAAAA,MAAUA,EAAMC,KAAK;AAE5D,MAAA,EAACJ,KAAAA,QAAAA,EAAYK;AACR,WAAA;AAGT,QAAMC,IAAaA,MAAM;AACvBR,IAAAA,EAAOS,cAAc;AAAA,EACvB,GAEMC,IAAuBA,MAAM;AACjCZ,IAAAA,EAAe,CAACD,CAAW;AAAA,EAC7B;AAEA,SAAIA,IACKc,gBAAAA,EAAA,cAACC,GAAY,EAAA,SAASF,EAAwB,CAAA,IAIrDC,gBAAAA,EAAA,cAACE,GACC,EAAA,KAAI,KACJ,OAAM,UACN,UAAS,SACT,KAAI,KACJ,OAAM,KACN,iBAAgB,aAChB,IAAG,aACH,QAAO,KACP,SAAQ,KACR,IAAG,KACH,IAAG,KACH,wBAAqB,QACrB,OAAO;AAAA,IAAEC,QAAQC;AAAAA,EAAAA,KAEjBJ,gBAAAA,EAAA,cAACE,GAAM,EAAA,KAAI,KAAI,OAAM,UAAS,WAAU,MAAA,mCACrCG,GACC,EAAA,OAAM,SACN,SAAQ,QACR,MAAM;AAAA,IAAEC,MAAMC;AAAAA,IAAQ,eAAe;AAAA,EAAA,EAAO,GAAA,OAG9C,GAEAP,gBAAAA,EAAA,cAACQ,KACC,IAAG,OACH,MAAK,KACL,QAAO,UACP,GAAE,QACF,UAAS,MACT,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EAGbpB,EAAAA,GAAAA,EAAWK,cACd,GAECI,gBAAAA,EAAA,cAAAY,GAAA,EACC,SAASf,GACT,MAAK,KACL,SAAQ,QACR,cAAc;AAAA,IAAES,MAAMO;AAAAA,IAAO,eAAe;AAAA,EAAK,EAAA,GAAE,MAGrD,GAECb,gBAAAA,EAAA,cAAAY,GAAA,EACC,SAASb,GACT,MAAK,KACL,SAAQ,QACR,aAAa;AAAA,IAAEO,MAAMQ;AAAAA,IAAWC,KAAK;AAAA,EAAyB,EAAA,CAAE,CAEpE,CACF;AAEJ;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"V1.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V1/V1.tsx"],"names":[],"mappings":"AAUA,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,EAAE,sDAgFd,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/guide/components/Toolbar/V1/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC"}
|