@xylabs/sdk-react 2.9.9 → 2.9.13
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/dist/calcSpacing.js +3 -3
- package/dist/calcSpacing.js.map +1 -1
- package/dist/cjs5/components/Portal.d.ts +1 -0
- package/dist/cjs5/index.js +1127 -1651
- package/dist/cjs5/index.js.map +1 -1
- package/dist/components/AppBarEx/AppBarEx.js +7 -7
- package/dist/components/AppBarEx/AppBarEx.js.map +1 -1
- package/dist/components/AppBarEx/AppBarEx.stories.js +3 -4
- package/dist/components/AppBarEx/AppBarEx.stories.js.map +1 -1
- package/dist/components/Background.js +2 -3
- package/dist/components/Background.js.map +1 -1
- package/dist/components/BasePage/BasePage.js +7 -6
- package/dist/components/BasePage/BasePage.js.map +1 -1
- package/dist/components/BasePage/BasePage.stories.js +5 -6
- package/dist/components/BasePage/BasePage.stories.js.map +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbsEx.js +12 -12
- package/dist/components/Breadcrumbs/BreadcrumbsEx.js.map +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbsEx.stories.js +4 -5
- package/dist/components/Breadcrumbs/BreadcrumbsEx.stories.js.map +1 -1
- package/dist/components/BusyCircularProgress.js +5 -5
- package/dist/components/BusyCircularProgress.js.map +1 -1
- package/dist/components/BusyLinearProgress.js +5 -5
- package/dist/components/BusyLinearProgress.js.map +1 -1
- package/dist/components/ButtonEx/ButtonEx.js +5 -5
- package/dist/components/ButtonEx/ButtonEx.js.map +1 -1
- package/dist/components/ButtonEx/ButtonEx.stories.js +5 -6
- package/dist/components/ButtonEx/ButtonEx.stories.js.map +1 -1
- package/dist/components/ButtonEx/ButtonExBase.js +6 -6
- package/dist/components/ButtonEx/ButtonExBase.js.map +1 -1
- package/dist/components/ButtonEx/ButtonExTo.js +6 -6
- package/dist/components/ButtonEx/ButtonExTo.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsent.js +5 -6
- package/dist/components/CookieConsent/CookieConsent.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsent.stories.js +10 -11
- package/dist/components/CookieConsent/CookieConsent.stories.js.map +1 -1
- package/dist/components/CookieConsent/CookieConsentBody.js +11 -11
- package/dist/components/CookieConsent/CookieConsentBody.js.map +1 -1
- package/dist/components/CoverProgress.js +4 -5
- package/dist/components/CoverProgress.js.map +1 -1
- package/dist/components/Errors/ErrorViewer.js +5 -5
- package/dist/components/Errors/ErrorViewer.js.map +1 -1
- package/dist/components/Errors/ErrorViewer.stories.js +3 -4
- package/dist/components/Errors/ErrorViewer.stories.js.map +1 -1
- package/dist/components/Errors/ErrorsViewer.js +5 -5
- package/dist/components/Errors/ErrorsViewer.js.map +1 -1
- package/dist/components/Errors/ErrorsViewer.stories.js +3 -4
- package/dist/components/Errors/ErrorsViewer.stories.js.map +1 -1
- package/dist/components/EthAccount/EthAccount.js +12 -12
- package/dist/components/EthAccount/EthAccount.js.map +1 -1
- package/dist/components/EthAccount/EthAccount.stories.js +8 -9
- package/dist/components/EthAccount/EthAccount.stories.js.map +1 -1
- package/dist/components/EthBlock.js +3 -4
- package/dist/components/EthBlock.js.map +1 -1
- package/dist/components/Experiments/Experiment.js +2 -2
- package/dist/components/Experiments/Experiment.js.map +1 -1
- package/dist/components/Experiments/Experiments.js +43 -66
- package/dist/components/Experiments/Experiments.js.map +1 -1
- package/dist/components/Experiments/Experiments.stories.js +5 -6
- package/dist/components/Experiments/Experiments.stories.js.map +1 -1
- package/dist/components/Experiments/ExperimentsDebugger.js +20 -22
- package/dist/components/Experiments/ExperimentsDebugger.js.map +1 -1
- package/dist/components/Experiments/ExperimentsDebugger.stories.js +3 -4
- package/dist/components/Experiments/ExperimentsDebugger.stories.js.map +1 -1
- package/dist/components/Experiments/models/index.js +2 -2
- package/dist/components/Experiments/models/index.js.map +1 -1
- package/dist/components/FlexBox/BusyBox.js +6 -6
- package/dist/components/FlexBox/BusyBox.js.map +1 -1
- package/dist/components/FlexBox/BusyBox.stories.js +7 -8
- package/dist/components/FlexBox/BusyBox.stories.js.map +1 -1
- package/dist/components/FlexBox/FlexCol.js +4 -5
- package/dist/components/FlexBox/FlexCol.js.map +1 -1
- package/dist/components/FlexBox/FlexCol.stories.js +10 -11
- package/dist/components/FlexBox/FlexCol.stories.js.map +1 -1
- package/dist/components/FlexBox/FlexRow.js +4 -5
- package/dist/components/FlexBox/FlexRow.js.map +1 -1
- package/dist/components/FlexBox/FlexRow.stories.js +14 -15
- package/dist/components/FlexBox/FlexRow.stories.js.map +1 -1
- package/dist/components/HoverScale.js +12 -15
- package/dist/components/HoverScale.js.map +1 -1
- package/dist/components/Identicon.js +22 -22
- package/dist/components/Identicon.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeContext.js +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeContext.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js +7 -9
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.js.map +1 -1
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js +3 -4
- package/dist/components/InvertableThemeProvider/InvertableThemeProvider.stories.js.map +1 -1
- package/dist/components/LinkEx/LinkToEx.js +4 -4
- package/dist/components/LinkEx/LinkToEx.js.map +1 -1
- package/dist/components/NumberStatus/NumberStatus.js +10 -10
- package/dist/components/NumberStatus/NumberStatus.js.map +1 -1
- package/dist/components/NumberStatus/NumberStatus.stories.js +11 -12
- package/dist/components/NumberStatus/NumberStatus.stories.js.map +1 -1
- package/dist/components/Portal.d.ts +1 -0
- package/dist/components/Portal.js +21 -0
- package/dist/components/Portal.js.map +1 -0
- package/dist/components/QuickTipButton/QuickTipButton.js +5 -5
- package/dist/components/QuickTipButton/QuickTipButton.js.map +1 -1
- package/dist/components/QuickTipButton/QuickTipButton.stories.js +3 -4
- package/dist/components/QuickTipButton/QuickTipButton.stories.js.map +1 -1
- package/dist/components/RedirectWithQuery.js +6 -8
- package/dist/components/RedirectWithQuery.js.map +1 -1
- package/dist/components/RichResult/RichResult.js +4 -5
- package/dist/components/RichResult/RichResult.js.map +1 -1
- package/dist/components/ScrollToTop.js +3 -3
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/ScrollToTopButton.js +8 -8
- package/dist/components/ScrollToTopButton.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.js +8 -8
- package/dist/components/TokenAmount/TokenAmount.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.stories.js +9 -10
- package/dist/components/TokenAmount/TokenAmount.stories.js.map +1 -1
- package/dist/components/dialogs/ErrorDialog.js +12 -12
- package/dist/components/dialogs/ErrorDialog.js.map +1 -1
- package/dist/components/dialogs/ErrorDialog.stories.js +3 -4
- package/dist/components/dialogs/ErrorDialog.stories.js.map +1 -1
- package/dist/components/dialogs/MessageDialog.js +4 -4
- package/dist/components/dialogs/MessageDialog.js.map +1 -1
- package/dist/components/dialogs/MessageDialog.stories.js +3 -4
- package/dist/components/dialogs/MessageDialog.stories.js.map +1 -1
- package/dist/contexts/CookieConsent/Context.js +1 -1
- package/dist/contexts/CookieConsent/Context.js.map +1 -1
- package/dist/contexts/CookieConsent/Loader.js +8 -10
- package/dist/contexts/CookieConsent/Loader.js.map +1 -1
- package/dist/contexts/CookieConsent/use.js +1 -1
- package/dist/contexts/CookieConsent/use.js.map +1 -1
- package/dist/contexts/Ethers/Context.js +1 -1
- package/dist/contexts/Ethers/Context.js.map +1 -1
- package/dist/contexts/Ethers/Infura.js +8 -9
- package/dist/contexts/Ethers/Infura.js.map +1 -1
- package/dist/contexts/Ethers/Loader.js +3 -3
- package/dist/contexts/Ethers/Loader.js.map +1 -1
- package/dist/contexts/Ethers/MetaMask.js +73 -100
- package/dist/contexts/Ethers/MetaMask.js.map +1 -1
- package/dist/contexts/Ethers/MyEtherWallet.js +54 -80
- package/dist/contexts/Ethers/MyEtherWallet.js.map +1 -1
- package/dist/contexts/Ethers/Opera.js +39 -51
- package/dist/contexts/Ethers/Opera.js.map +1 -1
- package/dist/contexts/Ethers/Trust.js +30 -42
- package/dist/contexts/Ethers/Trust.js.map +1 -1
- package/dist/contexts/NetworkSettings/Context.js +1 -1
- package/dist/contexts/NetworkSettings/Context.js.map +1 -1
- package/dist/contexts/NetworkSettings/Loader.js +3 -4
- package/dist/contexts/NetworkSettings/Loader.js.map +1 -1
- package/dist/contexts/UserEvents/Context.js +1 -1
- package/dist/contexts/UserEvents/Context.js.map +1 -1
- package/dist/contexts/UserEvents/Loader.js +2 -4
- package/dist/contexts/UserEvents/Loader.js.map +1 -1
- package/dist/esm2015/components/Portal.d.ts +1 -0
- package/dist/esm2015/index.js +1127 -1651
- package/dist/esm2015/index.js.map +1 -1
- package/dist/esm2017/components/Portal.d.ts +1 -0
- package/dist/esm2017/index.js +1127 -1651
- package/dist/esm2017/index.js.map +1 -1
- package/dist/esm5/components/Portal.d.ts +1 -0
- package/dist/esm5/index.js +1127 -1651
- package/dist/esm5/index.js.map +1 -1
- package/dist/hooks/useBreakpoint.js +7 -7
- package/dist/hooks/useBreakpoint.js.map +1 -1
- package/dist/hooks/useLocalStorage.js +5 -6
- package/dist/hooks/useLocalStorage.js.map +1 -1
- package/dist/hooks/useMounted.js +5 -6
- package/dist/hooks/useMounted.js.map +1 -1
- package/dist/hooks/useNavigateToEthAddress.js +7 -7
- package/dist/hooks/useNavigateToEthAddress.js.map +1 -1
- package/dist/hooks/useSpacing.js +2 -2
- package/dist/hooks/useSpacing.js.map +1 -1
- package/dist/hooks/useUserEvents.js +5 -2
- package/dist/hooks/useUserEvents.js.map +1 -1
- package/dist/hooks/useWebP.js +19 -32
- package/dist/hooks/useWebP.js.map +1 -1
- package/dist/hooks/useWindowSize.js +4 -5
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/lib/Tracking/Drip/BaseEvent.js +18 -28
- package/dist/lib/Tracking/Drip/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Drip/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Drip/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Drip/StandardEvents.js +4 -7
- package/dist/lib/Tracking/Drip/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Facebook/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Facebook/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Facebook/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/Fbq.js +11 -13
- package/dist/lib/Tracking/Facebook/Fbq.js.map +1 -1
- package/dist/lib/Tracking/Facebook/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Facebook/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Facebook/StandardEvents.js +38 -42
- package/dist/lib/Tracking/Facebook/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Facebook/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Facebook/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/Google/BaseEvent.js +23 -45
- package/dist/lib/Tracking/Google/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Google/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/Gtag.js +37 -41
- package/dist/lib/Tracking/Google/Gtag.js.map +1 -1
- package/dist/lib/Tracking/Google/Gtm.js +18 -21
- package/dist/lib/Tracking/Google/Gtm.js.map +1 -1
- package/dist/lib/Tracking/Google/StandardEvent.js +2 -8
- package/dist/lib/Tracking/Google/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Google/StandardEvents.js +62 -66
- package/dist/lib/Tracking/Google/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Google/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Google/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/Reddit/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Reddit/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Reddit/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/Rdt.js +11 -15
- package/dist/lib/Tracking/Reddit/Rdt.js.map +1 -1
- package/dist/lib/Tracking/Reddit/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Reddit/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Reddit/StandardEvents.js +18 -21
- package/dist/lib/Tracking/Reddit/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Referrer.js +12 -13
- package/dist/lib/Tracking/Referrer.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Snapchat/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/Snaptr.js +10 -21
- package/dist/lib/Tracking/Snapchat/Snaptr.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/StandardEvent.js +7 -19
- package/dist/lib/Tracking/Snapchat/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Snapchat/StandardEvents.js +60 -64
- package/dist/lib/Tracking/Snapchat/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Tiktok/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/CustomEvent.js +8 -21
- package/dist/lib/Tracking/Tiktok/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/StandardEvent.js +8 -21
- package/dist/lib/Tracking/Tiktok/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/StandardEvents.js +34 -38
- package/dist/lib/Tracking/Tiktok/StandardEvents.js.map +1 -1
- package/dist/lib/Tracking/Tiktok/Ttq.js +14 -18
- package/dist/lib/Tracking/Tiktok/Ttq.js.map +1 -1
- package/dist/lib/Tracking/Xy/BaseEvent.js +8 -16
- package/dist/lib/Tracking/Xy/BaseEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/CustomEvent.js +2 -8
- package/dist/lib/Tracking/Xy/CustomEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/StandardEvent.js +2 -8
- package/dist/lib/Tracking/Xy/StandardEvent.js.map +1 -1
- package/dist/lib/Tracking/Xy/UserEventHandler.js +23 -54
- package/dist/lib/Tracking/Xy/UserEventHandler.js.map +1 -1
- package/dist/lib/Tracking/XyoUserEventHandler.js +22 -54
- package/dist/lib/Tracking/XyoUserEventHandler.js.map +1 -1
- package/dist/lib/getApiStage.js +1 -1
- package/dist/lib/getApiStage.js.map +1 -1
- package/dist/lib/global.js +1 -1
- package/dist/lib/global.js.map +1 -1
- package/dist/lib/isLocalHost.js +1 -1
- package/dist/lib/isLocalHost.js.map +1 -1
- package/dist/lib/profile.js +13 -22
- package/dist/lib/profile.js.map +1 -1
- package/dist/lib/safeLocalStorage.js +3 -3
- package/dist/lib/safeLocalStorage.js.map +1 -1
- package/dist/lib/safeSessionStorage.js +3 -3
- package/dist/lib/safeSessionStorage.js.map +1 -1
- package/dist/lib/useAsyncEffect.js +5 -5
- package/dist/lib/useAsyncEffect.js.map +1 -1
- package/dist/mergeBoxlikeStyles.js +19 -5
- package/dist/mergeBoxlikeStyles.js.map +1 -1
- package/dist/node/components/Portal.d.ts +1 -0
- package/dist/node/index.js +1127 -1651
- package/dist/node/index.js.map +1 -1
- package/dist/node-esm/components/Portal.d.ts +1 -0
- package/dist/node-esm/index.js +1127 -1651
- package/dist/node-esm/index.js.map +1 -1
- package/package.json +13 -12
- package/src/components/BasePage/BasePage.tsx +2 -0
- package/src/components/Portal.tsx +28 -0
- package/src/components/index.ts +1 -0
- package/src/hooks/useUserEvents.ts +3 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { NumberStatus } from './NumberStatus';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: NumberStatus,
|
|
7
6
|
parameters: {
|
|
@@ -11,53 +10,53 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Components/NumberStatus',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const NumberStatusTemplate = (args) => _jsx(NumberStatus, Object.assign({}, args), void 0);
|
|
14
|
+
const Default = NumberStatusTemplate.bind({});
|
|
16
15
|
Default.args = {
|
|
17
16
|
title: 'Default',
|
|
18
17
|
value: 100,
|
|
19
18
|
};
|
|
20
|
-
|
|
19
|
+
const Default6Digits = NumberStatusTemplate.bind({});
|
|
21
20
|
Default6Digits.args = {
|
|
22
21
|
title: 'Default-6',
|
|
23
22
|
value: 334455,
|
|
24
23
|
};
|
|
25
|
-
|
|
24
|
+
const Default10Digits = NumberStatusTemplate.bind({});
|
|
26
25
|
Default10Digits.args = {
|
|
27
26
|
title: 'Default-10',
|
|
28
27
|
value: 334455667788,
|
|
29
28
|
};
|
|
30
|
-
|
|
29
|
+
const Small = NumberStatusTemplate.bind({});
|
|
31
30
|
Small.args = {
|
|
32
31
|
size: 'small',
|
|
33
32
|
title: 'Small',
|
|
34
33
|
value: 100,
|
|
35
34
|
};
|
|
36
|
-
|
|
35
|
+
const Small6Digits = NumberStatusTemplate.bind({});
|
|
37
36
|
Small6Digits.args = {
|
|
38
37
|
size: 'small',
|
|
39
38
|
title: 'Small-6',
|
|
40
39
|
value: 334455,
|
|
41
40
|
};
|
|
42
|
-
|
|
41
|
+
const Small10Digits = NumberStatusTemplate.bind({});
|
|
43
42
|
Small10Digits.args = {
|
|
44
43
|
size: 'small',
|
|
45
44
|
title: 'Small-10',
|
|
46
45
|
value: 334455667788,
|
|
47
46
|
};
|
|
48
|
-
|
|
47
|
+
const Large = NumberStatusTemplate.bind({});
|
|
49
48
|
Large.args = {
|
|
50
49
|
size: 'large',
|
|
51
50
|
title: 'Large',
|
|
52
51
|
value: 100,
|
|
53
52
|
};
|
|
54
|
-
|
|
53
|
+
const Large6Digits = NumberStatusTemplate.bind({});
|
|
55
54
|
Large6Digits.args = {
|
|
56
55
|
size: 'large',
|
|
57
56
|
title: 'Large-6',
|
|
58
57
|
value: 334455,
|
|
59
58
|
};
|
|
60
|
-
|
|
59
|
+
const Large10Digits = NumberStatusTemplate.bind({});
|
|
61
60
|
Large10Digits.args = {
|
|
62
61
|
size: 'large',
|
|
63
62
|
title: 'Large-10',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStatus.stories.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumberStatus.stories.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,yBAAyB;CACK,CAAA;AAEvC,MAAM,oBAAoB,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAK,IAAI,UAAiB,CAAA;AAEnH,MAAM,OAAO,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,cAAc,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,cAAc,CAAC,IAAI,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,eAAe,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,aAAa,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,KAAK,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,aAAa,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,GACd,CAAA;AAED,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
//TODO - Move into SDK
|
|
4
|
+
const Portal = ({ children, className, el = 'div', target = 'body' }) => {
|
|
5
|
+
const [container] = useState(document.createElement(el));
|
|
6
|
+
if (className) {
|
|
7
|
+
container.classList.add(className);
|
|
8
|
+
}
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const targetElement = document.querySelector(target);
|
|
11
|
+
if (!targetElement) {
|
|
12
|
+
console.warn(`Unable to find target element: ${target}`);
|
|
13
|
+
}
|
|
14
|
+
targetElement === null || targetElement === void 0 ? void 0 : targetElement.appendChild(container);
|
|
15
|
+
return () => {
|
|
16
|
+
targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeChild(container);
|
|
17
|
+
};
|
|
18
|
+
}, [container, target]);
|
|
19
|
+
return createPortal(children, container);
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=Portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/components/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASxC,sBAAsB;AACtB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAe,EAAE,EAAE;IAC1G,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IACxD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;KACnC;IACD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACpD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,kCAAkC,MAAM,EAAE,CAAC,CAAA;SACzD;QACD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACrC,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QACvC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC1C,CAAC,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { IconButton } from '@mui/material';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { AiOutlineQuestionCircle } from 'react-icons/ai';
|
|
6
6
|
import { MessageDialog } from '../dialogs';
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
return (_jsxs(_Fragment, { children: [_jsx(IconButton,
|
|
7
|
+
const QuickTipButton = (_a) => {
|
|
8
|
+
var { title, children } = _a, props = __rest(_a, ["title", "children"]);
|
|
9
|
+
const [messageOpen, setMessageOpen] = useState(false);
|
|
10
|
+
return (_jsxs(_Fragment, { children: [_jsx(IconButton, Object.assign({ onClick: () => setMessageOpen(true), size: "small" }, props, { children: _jsx(AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), _jsx(MessageDialog, Object.assign({ onOk: () => setMessageOpen(false), onCancel: () => setMessageOpen(false), onClose: () => setMessageOpen(false), open: messageOpen, title: title !== null && title !== void 0 ? title : '' }, { children: children }), void 0)] }, void 0));
|
|
11
11
|
};
|
|
12
12
|
export { QuickTipButton };
|
|
13
13
|
//# sourceMappingURL=QuickTipButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickTipButton.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,
|
|
1
|
+
{"version":3,"file":"QuickTipButton.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,MAAM,cAAc,GAA8B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,8BACE,KAAC,UAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,cACrE,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,WAAI,YAC1B,EACb,KAAC,aAAa,kBACZ,IAAI,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,gBAEjB,QAAQ,YACK,YACf,CACJ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Typography } from '@mui/material';
|
|
4
3
|
import { QuickTipButton } from './QuickTipButton';
|
|
5
|
-
|
|
4
|
+
const StorybookEntry = {
|
|
6
5
|
argTypes: {},
|
|
7
6
|
component: QuickTipButton,
|
|
8
7
|
parameters: {
|
|
@@ -12,8 +11,8 @@ var StorybookEntry = {
|
|
|
12
11
|
},
|
|
13
12
|
title: 'Components/QuickTipButton',
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const Template = (args) => _jsx(QuickTipButton, Object.assign({}, args), void 0);
|
|
15
|
+
const Default = Template.bind({});
|
|
17
16
|
Default.args = {
|
|
18
17
|
children: _jsx(Typography, { children: "This is a test quick tip. This message is supposed to explain something." }, void 0),
|
|
19
18
|
title: 'Sample Quick Tip',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickTipButton.stories.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QuickTipButton.stories.js","sourceRoot":"","sources":["../../../src/components/QuickTipButton/QuickTipButton.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,2BAA2B;CACK,CAAA;AAEzC,MAAM,QAAQ,GAA0C,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,cAAc,oBAAK,IAAI,UAAmB,CAAA;AAE7G,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAC,UAAU,mGAAsF;IAC3G,KAAK,EAAE,kBAAkB;CAC1B,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { useEffect } from 'react';
|
|
4
3
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
useEffect(function () {
|
|
4
|
+
const RedirectWithQuery = ({ to, toOptions }) => {
|
|
5
|
+
const newPath = `${to}${document.location.search}`;
|
|
6
|
+
const navigate = useNavigate();
|
|
7
|
+
const { pathname } = useLocation();
|
|
8
|
+
useEffect(() => {
|
|
11
9
|
if (newPath !== pathname) {
|
|
12
|
-
navigate(newPath,
|
|
10
|
+
navigate(newPath, Object.assign({ replace: true }, toOptions));
|
|
13
11
|
}
|
|
14
12
|
});
|
|
15
13
|
return _jsx("div", {}, void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedirectWithQuery.js","sourceRoot":"","sources":["../../src/components/RedirectWithQuery.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RedirectWithQuery.js","sourceRoot":"","sources":["../../src/components/RedirectWithQuery.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAuB,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAOhF,MAAM,iBAAiB,GAAuC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,OAAO,GAAG,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,CAAC,OAAO,kBAAI,OAAO,EAAE,IAAI,IAAK,SAAS,EAAG,CAAA;SACnD;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,uBAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
const RichResult = (props) => {
|
|
3
|
+
const { thing } = props;
|
|
4
|
+
const thingWithContext = thing;
|
|
6
5
|
thingWithContext['@context'] = 'https://schema.org';
|
|
7
|
-
return _jsx("script",
|
|
6
|
+
return _jsx("script", Object.assign({ type: "application/ld+json" }, { children: JSON.stringify(thingWithContext) }), void 0);
|
|
8
7
|
};
|
|
9
8
|
export { RichResult };
|
|
10
9
|
//# sourceMappingURL=RichResult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichResult.js","sourceRoot":"","sources":["../../../src/components/RichResult/RichResult.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichResult.js","sourceRoot":"","sources":["../../../src/components/RichResult/RichResult.tsx"],"names":[],"mappings":";AAYA,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,gBAAgB,GAAG,KAA2B,CAAA;IACpD,gBAAgB,CAAC,UAAU,CAAC,GAAG,oBAAoB,CAAA;IACnD,OAAO,+BAAQ,IAAI,EAAC,qBAAqB,gBAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAU,CAAA;AACvF,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import { useLocation } from 'react-router-dom';
|
|
3
3
|
// The point of this component it to return to the top of the page on any router navigate
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
useEffect(
|
|
4
|
+
export const ScrollToTop = () => {
|
|
5
|
+
const { pathname } = useLocation();
|
|
6
|
+
useEffect(() => {
|
|
7
7
|
window.scrollTo(0, 0);
|
|
8
8
|
}, [pathname]);
|
|
9
9
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,yFAAyF;AAEzF,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,yFAAyF;AAEzF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Box, useScrollTrigger, useTheme, Zoom } from '@mui/material';
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
4
|
+
const ScrollToTopButton = (_a) => {
|
|
5
|
+
var { children, anchorId } = _a, props = __rest(_a, ["children", "anchorId"]);
|
|
6
|
+
const trigger = useScrollTrigger({
|
|
7
7
|
disableHysteresis: true,
|
|
8
8
|
threshold: 100,
|
|
9
9
|
});
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const handleClick = (event) => {
|
|
11
|
+
const anchor = (event.target.ownerDocument || document).querySelector(`#${anchorId}`);
|
|
12
12
|
if (anchor) {
|
|
13
13
|
anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
return (_jsx(Zoom,
|
|
16
|
+
const theme = useTheme();
|
|
17
|
+
return (_jsx(Zoom, Object.assign({ in: trigger }, props, { children: _jsx(Box, Object.assign({ zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation" }, { children: children }), void 0) }), void 0));
|
|
18
18
|
};
|
|
19
19
|
export { ScrollToTopButton };
|
|
20
20
|
//# sourceMappingURL=ScrollToTopButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../src/components/ScrollToTopButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAOhF,
|
|
1
|
+
{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../src/components/ScrollToTopButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAOhF,MAAM,iBAAiB,GAAqC,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,QAAQ,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA9B,wBAAgC,CAAF;IACzF,MAAM,OAAO,GAAG,gBAAgB,CAAC;QAC/B,iBAAiB,EAAE,IAAI;QACvB,SAAS,EAAE,GAAG;KACf,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC9D,MAAM,MAAM,GAAG,CAAE,KAAK,CAAC,MAAyB,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,aAAa,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAA;QAEzG,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;SAC/D;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,IAAI,kBAAC,EAAE,EAAE,OAAO,IAAM,KAAK,cAC1B,KAAC,GAAG,kBACF,MAAM,EAAE,EAAE,EACV,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,cAAc,gBAElB,QAAQ,YACL,YACD,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Typography } from '@mui/material';
|
|
4
4
|
import { BigNumber } from '@xylabs/sdk-js';
|
|
5
5
|
import { ButtonEx } from '../ButtonEx';
|
|
6
6
|
import { FlexRow } from '../FlexBox';
|
|
7
7
|
import xyoLogo from './img/xyo.svg';
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const base10Shift = (bn, places) => {
|
|
9
|
+
const factor = new BigNumber(10).pow(new BigNumber(Math.abs(places)));
|
|
10
10
|
if (places > 0) {
|
|
11
11
|
return bn.mul(factor);
|
|
12
12
|
}
|
|
@@ -14,11 +14,11 @@ var base10Shift = function (bn, places) {
|
|
|
14
14
|
return bn.div(factor);
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return (_jsx(ButtonEx,
|
|
17
|
+
const TokenAmount = (_a) => {
|
|
18
|
+
var { textFontFamily = '"Source Code Pro",monospace', textColor, statusColor, style, amount, places = -18, logo, label, onButtonClick } = _a, props = __rest(_a, ["textFontFamily", "textColor", "statusColor", "style", "amount", "places", "logo", "label", "onButtonClick"]);
|
|
19
|
+
const adjustedAmount = amount ? base10Shift(amount, places).toNumber() : undefined;
|
|
20
|
+
const amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-';
|
|
21
|
+
return (_jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [_jsxs(FlexRow, { children: [logo ? _jsx("img", { src: xyoLogo, height: 24 }, void 0) : null, label ? (_jsx(Typography, Object.assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), _jsx(Typography, Object.assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
|
|
22
22
|
};
|
|
23
23
|
export { TokenAmount };
|
|
24
24
|
//# sourceMappingURL=TokenAmount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmount.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,OAAO,MAAM,eAAe,CAAA;AAGnC,
|
|
1
|
+
{"version":3,"file":"TokenAmount.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,OAAO,MAAM,eAAe,CAAA;AAGnC,MAAM,WAAW,GAAG,CAAC,EAAa,EAAE,MAAc,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACrE,IAAI,MAAM,GAAG,CAAC,EAAE;QACd,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;SAAM;QACL,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,cAAc,GAAG,6BAA6B,EAC9C,SAAS,EACT,WAAW,EACX,KAAK,EACL,MAAM,EACN,MAAM,GAAG,CAAC,EAAE,EACZ,IAAI,EACJ,KAAK,EACL,aAAa,OAEd,EADI,KAAK,cAVuC,6GAWhD,CADS;IAER,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAElF,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAEvF,OAAO,CACL,KAAC,QAAQ,kBAAC,KAAK,kBAAI,eAAe,EAAE,WAAW,IAAK,KAAK,GAAI,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,aAAa,IAAM,KAAK,cAC/G,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,KAAK,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAC3F,MAAC,OAAO,eACL,IAAI,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,WAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,kBACT,WAAW,EAAE,CAAC,EACd,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAC,SAAS,gBAEhB,KAAK,YACK,CACd,CAAC,CAAC,CAAC,IAAI,YACA,EACV,KAAC,UAAU,kBACT,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,gBAE/B,YAAY,YACF,aACL,YACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { BigNumber } from '@xylabs/sdk-js';
|
|
4
3
|
import { TokenAmount } from './TokenAmount';
|
|
5
|
-
|
|
4
|
+
const StorybookEntry = {
|
|
6
5
|
argTypes: {},
|
|
7
6
|
component: TokenAmount,
|
|
8
7
|
parameters: {
|
|
@@ -12,36 +11,36 @@ var StorybookEntry = {
|
|
|
12
11
|
},
|
|
13
12
|
title: 'Components/TokenAmount',
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const Template = (args) => _jsx(TokenAmount, Object.assign({}, args), void 0);
|
|
15
|
+
const Default = Template.bind({});
|
|
17
16
|
Default.args = {
|
|
18
17
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
19
18
|
};
|
|
20
|
-
|
|
19
|
+
const WithNull = Template.bind({});
|
|
21
20
|
WithNull.args = {
|
|
22
21
|
amount: null,
|
|
23
22
|
};
|
|
24
|
-
|
|
23
|
+
const WithUndefined = Template.bind({});
|
|
25
24
|
WithUndefined.args = {
|
|
26
25
|
amount: undefined,
|
|
27
26
|
};
|
|
28
|
-
|
|
27
|
+
const WithLogo = Template.bind({});
|
|
29
28
|
WithLogo.args = {
|
|
30
29
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
31
30
|
logo: true,
|
|
32
31
|
};
|
|
33
|
-
|
|
32
|
+
const WithLogoAndColor = Template.bind({});
|
|
34
33
|
WithLogoAndColor.args = {
|
|
35
34
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
36
35
|
logo: true,
|
|
37
36
|
statusColor: '#ff0',
|
|
38
37
|
};
|
|
39
|
-
|
|
38
|
+
const WithLabel = Template.bind({});
|
|
40
39
|
WithLabel.args = {
|
|
41
40
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
42
41
|
label: 'Balance',
|
|
43
42
|
};
|
|
44
|
-
|
|
43
|
+
const WithLogoAndLabel = Template.bind({});
|
|
45
44
|
WithLogoAndLabel.args = {
|
|
46
45
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
47
46
|
label: 'Balance',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;CACrD,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,aAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,MAAM;CACpB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAEpG,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Dialog, DialogActions, DialogContent, DialogTitle, Typography } from '@mui/material';
|
|
4
4
|
import { ButtonEx } from '../ButtonEx';
|
|
5
5
|
import { FlexRow } from '../FlexBox';
|
|
6
|
-
|
|
6
|
+
const toAxiosError = (error) => {
|
|
7
7
|
return error.isAxiosError ? error : undefined;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
const ErrorDialogOpen = (_a) => {
|
|
10
10
|
var _b, _c;
|
|
11
|
-
var
|
|
12
|
-
|
|
11
|
+
var { onAction, title = 'Oops. Something went wrong.', error = Error('Unknown Error') } = _a, props = __rest(_a, ["onAction", "title", "error"]);
|
|
12
|
+
const onCloseClicked = () => {
|
|
13
13
|
onAction === null || onAction === void 0 ? void 0 : onAction(false);
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
const onRetryClicked = () => {
|
|
16
16
|
onAction === null || onAction === void 0 ? void 0 : onAction(true);
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return (_jsxs(Dialog,
|
|
18
|
+
const axiosError = toAxiosError(error);
|
|
19
|
+
const message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
|
|
20
|
+
return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsx(DialogTitle, { children: title }, void 0), _jsx(DialogContent, { children: _jsx(FlexRow, { children: _jsx(Typography, Object.assign({ color: "error" }, { children: axiosError ? `${message} [${(_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure'}]` : `${message}` }), void 0) }, void 0) }, void 0), _jsx(DialogActions, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [_jsx(ButtonEx, Object.assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), _jsx(ButtonEx, Object.assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
|
|
21
21
|
};
|
|
22
|
-
export
|
|
23
|
-
var
|
|
22
|
+
export const ErrorDialog = (_a) => {
|
|
23
|
+
var { open, error } = _a, props = __rest(_a, ["open", "error"]);
|
|
24
24
|
if (error) {
|
|
25
|
-
return _jsx(ErrorDialogOpen,
|
|
25
|
+
return _jsx(ErrorDialogOpen, Object.assign({ open: !!error || open, error: error }, props), void 0);
|
|
26
26
|
}
|
|
27
27
|
else {
|
|
28
28
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1G,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAQpC,
|
|
1
|
+
{"version":3,"file":"ErrorDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1G,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAQpC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;IACpC,OAAQ,KAAoB,CAAC,YAAY,CAAC,CAAC,CAAE,KAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;AAC/E,CAAC,CAAA;AAED,MAAM,eAAe,GAA+B,CAAC,EAKpD,EAAE,EAAE;;QALgD,EACnD,QAAQ,EACR,KAAK,GAAG,6BAA6B,EACrC,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,OAE/B,EADI,KAAK,cAJ2C,8BAKpD,CADS;IAER,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC,QAAQ,EAAE,CAAA;IAEjD,OAAO,CACL,MAAC,MAAM,oBAAK,KAAK,eACf,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,cACN,KAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,gBACtB,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,oBAAoB,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,YAC5E,WACL,WACI,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,iBACnE,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,EACX,KAAC,QAAQ,kBAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,mCAEtC,aACH,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IAC7E,IAAI,KAAK,EAAE;QACT,OAAO,KAAC,eAAe,kBAAC,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,UAAI,CAAA;KAC3E;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { ErrorDialog } from './ErrorDialog';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: ErrorDialog,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Dialogs/ErrorDialog',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const Template = (args) => _jsx(ErrorDialog, Object.assign({}, args), void 0);
|
|
14
|
+
const Default = Template.bind({});
|
|
16
15
|
Default.args = {
|
|
17
16
|
error: Error('Test Error'),
|
|
18
17
|
title: 'Test Error',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/ErrorDialog.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,qBAAqB;CACQ,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';
|
|
4
4
|
import { FlexCol, FlexRow } from '../FlexBox';
|
|
5
|
-
export
|
|
6
|
-
var
|
|
7
|
-
return (_jsxs(Dialog,
|
|
5
|
+
export const MessageDialog = (_a) => {
|
|
6
|
+
var { onOk, onCancel, children, title } = _a, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
|
|
7
|
+
return (_jsxs(Dialog, Object.assign({}, props, { children: [_jsx(DialogTitle, { children: title }, void 0), _jsx(DialogContent, { children: _jsx(FlexCol, Object.assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), _jsx(DialogActions, { children: _jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%" }, { children: [_jsx(Button, Object.assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), _jsx(Button, Object.assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=MessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAO7C,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAO7C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAA3C,yCAA6C,CAAF;IACrG,OAAO,CACL,MAAC,MAAM,oBAAK,KAAK,eACf,KAAC,WAAW,cAAE,KAAK,WAAe,EAClC,KAAC,aAAa,cACZ,KAAC,OAAO,kBAAC,UAAU,EAAC,SAAS,gBAAE,QAAQ,YAAW,WACpC,EAChB,KAAC,aAAa,cACZ,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,iBAClD,KAAC,MAAM,kBAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,oCAEhC,EACT,KAAC,MAAM,kBAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,gCAE5B,aACD,WACI,aACT,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { MessageDialog } from './MessageDialog';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: MessageDialog,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Dialogs/MessageDialog',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const Template = (args) => _jsx(MessageDialog, Object.assign({}, args, { children: "Test Message" }), void 0);
|
|
14
|
+
const Default = Template.bind({});
|
|
16
15
|
Default.args = {
|
|
17
16
|
open: true,
|
|
18
17
|
title: 'Test Error',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageDialog.stories.js","sourceRoot":"","sources":["../../../src/components/dialogs/MessageDialog.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,uBAAuB;CACQ,CAAA;AAExC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,wCAA8B,CAAA;AAEtH,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/contexts/CookieConsent/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/contexts/CookieConsent/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,oBAAoB,GAAG,aAAa,CAKvC,EAAE,CAAC,CAAA;AACN,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
|
|
@@ -1,26 +1,24 @@
|
|
|
1
|
-
import { __assign, __read } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { useState } from 'react';
|
|
4
3
|
import { CookieConsentContext } from './Context';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var getAcceptedFromLocalStorage = function () {
|
|
4
|
+
const CookiesAcceptedLocalStorageName = 'CookiesAccepted';
|
|
5
|
+
const CookieConsentLoader = ({ children }) => {
|
|
6
|
+
const getAcceptedFromLocalStorage = () => {
|
|
9
7
|
return localStorage.getItem(CookiesAcceptedLocalStorageName) === 'true';
|
|
10
8
|
};
|
|
11
|
-
|
|
9
|
+
const setAcceptedToLocalStorage = (accepted) => {
|
|
12
10
|
localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
|
|
13
11
|
};
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
const [accepted, setAccepted] = useState(getAcceptedFromLocalStorage());
|
|
13
|
+
const setAcceptedHandler = (accepted) => {
|
|
16
14
|
setAcceptedToLocalStorage(accepted);
|
|
17
15
|
setAccepted(accepted);
|
|
18
16
|
};
|
|
19
|
-
|
|
17
|
+
const clearAccepted = () => {
|
|
20
18
|
localStorage.removeItem(CookiesAcceptedLocalStorageName);
|
|
21
19
|
setAccepted(getAcceptedFromLocalStorage());
|
|
22
20
|
};
|
|
23
|
-
return (_jsx(CookieConsentContext.Provider,
|
|
21
|
+
return (_jsx(CookieConsentContext.Provider, Object.assign({ value: { accepted, clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), void 0));
|
|
24
22
|
};
|
|
25
23
|
export { CookieConsentLoader };
|
|
26
24
|
//# sourceMappingURL=Loader.js.map
|