@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BusyBox.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAY,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,
|
|
1
|
+
{"version":3,"file":"BusyBox.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAY,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,MAAM,OAAO,GAA2B,CAAC,EAcxC,EAAE,EAAE;QAdoC,EACvC,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,KAAK,OAEN,EADI,KAAK,cAb+B,gKAcxC,CADS;IAER,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,GAAG,kBACF,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAC,UAAU,EACnB,KAAK,EACH,UAAU;YACR,CAAC,iBACG,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EACjD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAC9B,KAAK,EAEZ,CAAC,CAAC,KAAK,IAEP,KAAK,eAER,QAAQ,EACR,IAAI,IAAI,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,KAAC,kBAAkB,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,IAAM,eAAe,UAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,IAAI,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CACpC,KAAC,oBAAoB,kBAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,IAAM,iBAAiB,UAAI,CACxG,CAAC,CAAC,CAAC,IAAI,aACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { BusyBox } from './BusyBox';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: BusyBox,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Components/BusyBox',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const BusyBoxTemplate = (args) => _jsx(BusyBox, Object.assign({}, args), void 0);
|
|
14
|
+
const Circular = BusyBoxTemplate.bind({});
|
|
16
15
|
Circular.args = {
|
|
17
16
|
bgcolor: 'gray',
|
|
18
17
|
busy: true,
|
|
@@ -21,7 +20,7 @@ Circular.args = {
|
|
|
21
20
|
padding: 2,
|
|
22
21
|
width: 360,
|
|
23
22
|
};
|
|
24
|
-
|
|
23
|
+
const Linear = BusyBoxTemplate.bind({});
|
|
25
24
|
Linear.args = {
|
|
26
25
|
bgcolor: 'gray',
|
|
27
26
|
busy: true,
|
|
@@ -30,7 +29,7 @@ Linear.args = {
|
|
|
30
29
|
padding: 2,
|
|
31
30
|
width: 360,
|
|
32
31
|
};
|
|
33
|
-
|
|
32
|
+
const LinearBuffer = BusyBoxTemplate.bind({});
|
|
34
33
|
LinearBuffer.args = {
|
|
35
34
|
bgcolor: 'gray',
|
|
36
35
|
busy: true,
|
|
@@ -42,7 +41,7 @@ LinearBuffer.args = {
|
|
|
42
41
|
padding: 2,
|
|
43
42
|
width: 360,
|
|
44
43
|
};
|
|
45
|
-
|
|
44
|
+
const LinearDeterminate = BusyBoxTemplate.bind({});
|
|
46
45
|
LinearDeterminate.args = {
|
|
47
46
|
bgcolor: 'gray',
|
|
48
47
|
busy: true,
|
|
@@ -54,7 +53,7 @@ LinearDeterminate.args = {
|
|
|
54
53
|
padding: 2,
|
|
55
54
|
width: 360,
|
|
56
55
|
};
|
|
57
|
-
|
|
56
|
+
const LinearQuery = BusyBoxTemplate.bind({});
|
|
58
57
|
LinearQuery.args = {
|
|
59
58
|
bgcolor: 'gray',
|
|
60
59
|
busy: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BusyBox.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BusyBox.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/BusyBox.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,eAAe,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAE/F,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,aAAa;KACvB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,IAAI;IACV,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;IACD,WAAW,EAAE,QAAQ;IACrB,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,KAAK,EAAE,GAAG;CACX,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA;AAEzE,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { BusyBox } from './BusyBox';
|
|
4
|
-
|
|
5
|
-
return _jsx(BusyBox,
|
|
3
|
+
const FlexCol = (props) => {
|
|
4
|
+
return _jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
|
|
6
5
|
};
|
|
7
|
-
|
|
8
|
-
return _jsx(FlexCol,
|
|
6
|
+
const FlexGrowCol = (props) => {
|
|
7
|
+
return _jsx(FlexCol, Object.assign({ flexGrow: 1 }, props), void 0);
|
|
9
8
|
};
|
|
10
9
|
export { FlexCol, FlexGrowCol };
|
|
11
10
|
//# sourceMappingURL=FlexCol.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexCol.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlexCol.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,MAAM,OAAO,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC3D,OAAO,KAAC,OAAO,kBAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,IAAK,KAAK,UAAI,CAAA;AACjH,CAAC,CAAA;AAED,MAAM,WAAW,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC/D,OAAO,KAAC,OAAO,kBAAC,QAAQ,EAAE,CAAC,IAAM,KAAK,UAAI,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { FlexCol } from './FlexCol';
|
|
4
3
|
import { FlexRow } from './FlexRow';
|
|
5
|
-
|
|
4
|
+
const StorybookEntry = {
|
|
6
5
|
argTypes: {},
|
|
7
6
|
component: FlexCol,
|
|
8
7
|
parameters: {
|
|
@@ -12,17 +11,17 @@ var StorybookEntry = {
|
|
|
12
11
|
},
|
|
13
12
|
title: 'Components/FlexCol',
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const Template = (args) => _jsx(FlexCol, Object.assign({}, args), void 0);
|
|
15
|
+
const testRows = {
|
|
17
16
|
border: 'solid 1px gray',
|
|
18
|
-
children: (_jsxs(_Fragment, { children: [_jsx(FlexRow,
|
|
17
|
+
children: (_jsxs(_Fragment, { children: [_jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row One" }), void 0), _jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Two" }), void 0), _jsx(FlexRow, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Row Three" }), void 0)] }, void 0)),
|
|
19
18
|
};
|
|
20
|
-
|
|
21
|
-
StretchAlignedItems.args =
|
|
22
|
-
|
|
23
|
-
FlexStartAlignedItems.args =
|
|
24
|
-
|
|
25
|
-
FlexEndAlignedItems.args =
|
|
19
|
+
const StretchAlignedItems = Template.bind({});
|
|
20
|
+
StretchAlignedItems.args = Object.assign(Object.assign({ alignItems: 'stretch' }, testRows), { title: 'StretchAlignedItems' });
|
|
21
|
+
const FlexStartAlignedItems = Template.bind({});
|
|
22
|
+
FlexStartAlignedItems.args = Object.assign(Object.assign({ alignItems: 'flex-start' }, testRows), { title: 'FlexStartAlignedItems' });
|
|
23
|
+
const FlexEndAlignedItems = Template.bind({});
|
|
24
|
+
FlexEndAlignedItems.args = Object.assign(Object.assign({ alignItems: 'flex-end' }, testRows), { title: 'FlexEndAlignedItems' });
|
|
26
25
|
export { FlexEndAlignedItems, FlexStartAlignedItems, StretchAlignedItems };
|
|
27
26
|
// eslint-disable-next-line import/no-default-export
|
|
28
27
|
export default StorybookEntry;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexCol.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlexCol.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexCol.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAExF,MAAM,QAAQ,GAAG;IACf,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,qCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,uCAEpC,YACT,CACJ;CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,iCACtB,UAAU,EAAE,SAAS,IAClB,QAAQ,KACX,KAAK,EAAE,qBAAqB,GAC7B,CAAA;AAED,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,qBAAqB,CAAC,IAAI,iCACxB,UAAU,EAAE,YAAY,IACrB,QAAQ,KACX,KAAK,EAAE,uBAAuB,GAC/B,CAAA;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC7C,mBAAmB,CAAC,IAAI,iCACtB,UAAU,EAAE,UAAU,IACnB,QAAQ,KACX,KAAK,EAAE,qBAAqB,GAC7B,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,CAAA;AAE1E,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { BusyBox } from './BusyBox';
|
|
4
|
-
|
|
5
|
-
return _jsx(BusyBox,
|
|
3
|
+
const FlexRow = (props) => {
|
|
4
|
+
return _jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
|
|
6
5
|
};
|
|
7
|
-
|
|
8
|
-
return _jsx(FlexRow,
|
|
6
|
+
const FlexGrowRow = (props) => {
|
|
7
|
+
return _jsx(FlexRow, Object.assign({ flexGrow: 1 }, props), void 0);
|
|
9
8
|
};
|
|
10
9
|
export { FlexGrowRow, FlexRow };
|
|
11
10
|
//# sourceMappingURL=FlexRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexRow.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlexRow.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAIjD,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IAChD,OAAO,KAAC,OAAO,kBAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,IAAK,KAAK,UAAI,CAAA;AAC9G,CAAC,CAAA;AAED,MAAM,WAAW,GAA2B,CAAC,KAAK,EAAE,EAAE;IACpD,OAAO,KAAC,OAAO,kBAAC,QAAQ,EAAE,CAAC,IAAM,KAAK,UAAI,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { FlexCol } from './FlexCol';
|
|
4
3
|
import { FlexRow } from './FlexRow';
|
|
5
|
-
|
|
4
|
+
const StorybookEntry = {
|
|
6
5
|
argTypes: {},
|
|
7
6
|
component: FlexRow,
|
|
8
7
|
parameters: {
|
|
@@ -12,21 +11,21 @@ var StorybookEntry = {
|
|
|
12
11
|
},
|
|
13
12
|
title: 'Components/FlexRow',
|
|
14
13
|
};
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const Template = (args) => _jsx(FlexRow, Object.assign({}, args), void 0);
|
|
15
|
+
const testColumns = {
|
|
17
16
|
border: 'solid 1px gray',
|
|
18
|
-
children: (_jsxs(_Fragment, { children: [_jsx(FlexCol,
|
|
17
|
+
children: (_jsxs(_Fragment, { children: [_jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column One" }), void 0), _jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Two" }), void 0), _jsx(FlexCol, Object.assign({ margin: 1, padding: 1, bgcolor: "gray" }, { children: "Column Three" }), void 0)] }, void 0)),
|
|
19
18
|
};
|
|
20
|
-
|
|
21
|
-
SpaceBetweenJustifiedContent.args =
|
|
22
|
-
|
|
23
|
-
SpaceAroundJustifiedContent.args =
|
|
24
|
-
|
|
25
|
-
SpaceEvenlyJustifiedContent.args =
|
|
26
|
-
|
|
27
|
-
FlexStartJustifiedContent.args =
|
|
28
|
-
|
|
29
|
-
FlexEndJustifiedContent.args =
|
|
19
|
+
const SpaceBetweenJustifiedContent = Template.bind({});
|
|
20
|
+
SpaceBetweenJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-between', title: 'SpaceBetweenJustifiedContent' });
|
|
21
|
+
const SpaceAroundJustifiedContent = Template.bind({});
|
|
22
|
+
SpaceAroundJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-around', title: 'SpaceAroundJustifiedContent' });
|
|
23
|
+
const SpaceEvenlyJustifiedContent = Template.bind({});
|
|
24
|
+
SpaceEvenlyJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'space-evenly', title: 'SpaceEvenlyJustifiedContent' });
|
|
25
|
+
const FlexStartJustifiedContent = Template.bind({});
|
|
26
|
+
FlexStartJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'flex-start', title: 'FlexStartJustifiedContent' });
|
|
27
|
+
const FlexEndJustifiedContent = Template.bind({});
|
|
28
|
+
FlexEndJustifiedContent.args = Object.assign(Object.assign({}, testColumns), { justifyContent: 'flex-end', title: 'FlexEndJustifiedContent' });
|
|
30
29
|
export { FlexEndJustifiedContent, FlexStartJustifiedContent, SpaceAroundJustifiedContent, SpaceBetweenJustifiedContent, SpaceEvenlyJustifiedContent, };
|
|
31
30
|
// eslint-disable-next-line import/no-default-export
|
|
32
31
|
export default StorybookEntry;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexRow.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlexRow.stories.js","sourceRoot":"","sources":["../../../src/components/FlexBox/FlexRow.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oBAAoB;CACK,CAAA;AAElC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,oBAAK,IAAI,UAAY,CAAA;AAExF,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,CACR,8BACE,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,wCAEpC,EACV,KAAC,OAAO,kBAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,0CAEpC,YACT,CACJ;CACF,CAAA;AAED,MAAM,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtD,4BAA4B,CAAC,IAAI,mCAC5B,WAAW,KACd,cAAc,EAAE,eAAe,EAC/B,KAAK,EAAE,8BAA8B,GACtC,CAAA;AAED,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,mCAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,MAAM,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,2BAA2B,CAAC,IAAI,mCAC3B,WAAW,KACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,6BAA6B,GACrC,CAAA;AAED,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,yBAAyB,CAAC,IAAI,mCACzB,WAAW,KACd,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAE,2BAA2B,GACnC,CAAA;AAED,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,uBAAuB,CAAC,IAAI,mCACvB,WAAW,KACd,cAAc,EAAE,UAAU,EAC1B,KAAK,EAAE,yBAAyB,GACjC,CAAA;AAED,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,2BAA2B,GAC5B,CAAA;AAED,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { Box } from '@mui/material';
|
|
4
3
|
import { createStyles, makeStyles } from '@mui/styles';
|
|
5
4
|
import { FlexRow } from './FlexBox';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
transitionTimingFunction: 'ease',
|
|
15
|
-
},
|
|
5
|
+
const HoverScale = (props) => {
|
|
6
|
+
const { children, scale = 1.1 } = props;
|
|
7
|
+
const useStyles = makeStyles(() => createStyles({
|
|
8
|
+
zoomdiv: {
|
|
9
|
+
'&:hover': {
|
|
10
|
+
transform: `scale(${scale})`,
|
|
11
|
+
transitionDuration: '0.2s',
|
|
12
|
+
transitionTimingFunction: 'ease',
|
|
16
13
|
},
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
return (_jsx(FlexRow, { children: _jsx(Box,
|
|
14
|
+
},
|
|
15
|
+
}));
|
|
16
|
+
const classes = useStyles();
|
|
17
|
+
return (_jsx(FlexRow, { children: _jsx(Box, Object.assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
|
|
21
18
|
};
|
|
22
19
|
export { HoverScale };
|
|
23
20
|
//# sourceMappingURL=HoverScale.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoverScale.js","sourceRoot":"","sources":["../../src/components/HoverScale.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HoverScale.js","sourceRoot":"","sources":["../../src/components/HoverScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;IAEvC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;QACX,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,SAAS,EAAE,SAAS,KAAK,GAAG;gBAC5B,kBAAkB,EAAE,MAAM;gBAC1B,wBAAwB,EAAE,MAAM;aACjC;SACF;KACF,CAAC,CACH,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,KAAC,OAAO,cACN,KAAC,GAAG,kBAAC,SAAS,EAAE,OAAO,CAAC,OAAO,gBAAG,QAAQ,YAAO,WACzC,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import md5 from 'md5';
|
|
4
4
|
import { useEffect, useRef } from 'react';
|
|
5
5
|
import { FlexRow } from './FlexBox';
|
|
6
|
-
|
|
6
|
+
const range = (n, in_min, in_max, out_min, out_max) => {
|
|
7
7
|
return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
|
|
8
8
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
const updateCanvas = (canvas, props) => {
|
|
10
|
+
const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props;
|
|
11
|
+
let { fg } = props;
|
|
12
|
+
const hash = md5(value);
|
|
13
|
+
const block = Math.floor(size / count);
|
|
14
|
+
const hashcolor = hash.slice(0, 6);
|
|
15
|
+
const current = canvas.current;
|
|
16
16
|
if (!current) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
19
|
if (palette && palette.length) {
|
|
20
|
-
|
|
20
|
+
const index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
|
|
21
21
|
fg = palette[index];
|
|
22
22
|
}
|
|
23
23
|
current.width = block * count + iconPadding;
|
|
24
24
|
current.height = block * count + iconPadding;
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
const arr = hash.split('').map((el) => {
|
|
26
|
+
const parsedEl = parseInt(el, 16);
|
|
27
27
|
if (parsedEl < 8) {
|
|
28
28
|
return 0;
|
|
29
29
|
}
|
|
@@ -31,16 +31,16 @@ var updateCanvas = function (canvas, props) {
|
|
|
31
31
|
return 1;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
|
|
34
|
+
const map = [];
|
|
35
35
|
map[0] = map[4] = arr.slice(0, 5);
|
|
36
36
|
map[1] = map[3] = arr.slice(5, 10);
|
|
37
37
|
map[2] = arr.slice(10, 15);
|
|
38
|
-
|
|
38
|
+
const ctx = current.getContext('2d');
|
|
39
39
|
if (ctx) {
|
|
40
40
|
ctx.imageSmoothingEnabled = false;
|
|
41
41
|
ctx.clearRect(0, 0, current.width, current.height);
|
|
42
|
-
map.forEach(
|
|
43
|
-
row.forEach(
|
|
42
|
+
map.forEach((row, i) => {
|
|
43
|
+
row.forEach((el, j) => {
|
|
44
44
|
if (el) {
|
|
45
45
|
ctx.fillStyle = fg ? fg : '#' + hashcolor;
|
|
46
46
|
ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
|
|
@@ -53,13 +53,13 @@ var updateCanvas = function (canvas, props) {
|
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
useEffect(
|
|
60
|
-
updateCanvas(canvas, { bg
|
|
56
|
+
const Identicon = (_a) => {
|
|
57
|
+
var { size = 400, className = 'identicon', bg, count, fg, iconPadding, palette, value } = _a, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
|
|
58
|
+
const canvas = useRef(null);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
|
|
61
61
|
});
|
|
62
|
-
return (_jsx(FlexRow,
|
|
62
|
+
return (_jsx(FlexRow, Object.assign({}, props, { children: _jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
|
|
63
63
|
};
|
|
64
64
|
export { Identicon };
|
|
65
65
|
//# sourceMappingURL=Identicon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../src/components/Identicon.tsx"],"names":[],"mappings":";;AAAA,OAAO,GAAG,MAAM,KAAK,CAAA;AACrB,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAgB,OAAO,EAAE,MAAM,WAAW,CAAA;AAEjD,
|
|
1
|
+
{"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../src/components/Identicon.tsx"],"names":[],"mappings":";;AAAA,OAAO,GAAG,MAAM,KAAK,CAAA;AACrB,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAgB,OAAO,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,MAAc,EAAE,MAAc,EAAE,OAAe,EAAE,OAAe,EAAE,EAAE;IAC5F,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,OAAO,CAAA;AAC3E,CAAC,CAAA;AAaD,MAAM,YAAY,GAAG,CAAC,MAA0C,EAAE,KAAqB,EAAE,EAAE;IACzF,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,GAAG,aAAa,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAA;IACjG,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAClB,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAA;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAElC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;IAE9B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAM;KACP;IAED,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;QACzF,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;KACpB;IAED,OAAO,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAA;IAC3C,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAA;IAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QACpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;QACjC,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,OAAO,CAAC,CAAA;SACT;aAAM;YACL,OAAO,CAAC,CAAA;SACT;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,EAAE,CAAA;IAEd,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACjC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAClC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IAE1B,MAAM,GAAG,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACpC,IAAI,GAAG,EAAE;QACP,GAAG,CAAC,qBAAqB,GAAG,KAAK,CAAA;QACjC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QAElD,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACrB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;gBACpB,IAAI,EAAE,EAAE;oBACN,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAA;oBACzC,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,EAAE,KAAK,GAAG,CAAC,GAAG,WAAW,EAAE,KAAK,GAAG,WAAW,EAAE,KAAK,GAAG,WAAW,CAAC,CAAA;iBACzG;qBAAM;oBACL,GAAG,CAAC,SAAS,GAAG,EAAE,CAAA;oBAClB,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,EAAE,KAAK,GAAG,CAAC,GAAG,WAAW,EAAE,KAAK,GAAG,WAAW,EAAE,KAAK,GAAG,WAAW,CAAC,CAAA;iBACzG;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAA6B,CAAC,EAU5C,EAAE,EAAE;QAVwC,EAC3C,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,WAAW,EACvB,EAAE,EACF,KAAK,EACL,EAAE,EACF,WAAW,EACX,OAAO,EACP,KAAK,OAEN,EADI,KAAK,cATmC,6EAU5C,CADS;IAER,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;IACvF,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,OAAO,oBAAK,KAAK,cAChB,iBAAQ,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAI,YAC3E,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvertableThemeContext.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,
|
|
1
|
+
{"version":3,"file":"InvertableThemeContext.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,sBAAsB,GAAG,aAAa,CAAkB;IAC5D,OAAO,EAAE,EAAE;CACZ,CAAC,CAAA;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
|
|
@@ -1,27 +1,25 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { responsiveFontSizes, ScopedCssBaseline, ThemeProvider } from '@mui/material';
|
|
4
3
|
import { createTheme } from '@mui/material/styles';
|
|
5
4
|
import clone from 'lodash/clone';
|
|
6
5
|
import { useContext } from 'react';
|
|
7
6
|
import { InvertableThemeContext } from './InvertableThemeContext';
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
clonedOptions.palette = (_c = clonedOptions.palette) !== null && _c !== void 0 ? _c : {};
|
|
7
|
+
const InvertableThemeProvider = ({ options, children, dark, scoped = false, invert = false, noResponsiveFonts, }) => {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
const contextInvertableTheme = useContext(InvertableThemeContext);
|
|
10
|
+
const clonedOptions = clone((_a = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _a !== void 0 ? _a : {});
|
|
11
|
+
clonedOptions.palette = (_b = clonedOptions.palette) !== null && _b !== void 0 ? _b : {};
|
|
14
12
|
if (invert) {
|
|
15
13
|
clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
|
|
16
14
|
}
|
|
17
15
|
if (dark !== undefined) {
|
|
18
16
|
clonedOptions.palette.mode = dark ? 'dark' : 'light';
|
|
19
17
|
}
|
|
20
|
-
|
|
18
|
+
let theme = createTheme(clonedOptions);
|
|
21
19
|
if (!noResponsiveFonts) {
|
|
22
20
|
theme = responsiveFontSizes(theme);
|
|
23
21
|
}
|
|
24
|
-
return scoped ? (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeContext.Provider,
|
|
22
|
+
return scoped ? (_jsx(ScopedCssBaseline, { children: _jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (_jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0));
|
|
25
23
|
};
|
|
26
24
|
export { InvertableThemeProvider };
|
|
27
25
|
//# sourceMappingURL=InvertableThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvertableThemeProvider.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvertableThemeProvider.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,MAAM,uBAAuB,GAA2C,CAAC,EACvE,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,iBAAiB,GAClB,EAAE,EAAE;;IACH,MAAM,sBAAsB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,sBAAsB,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA;IAE5E,aAAa,CAAC,OAAO,GAAG,MAAA,aAAa,CAAC,OAAO,mCAAI,EAAE,CAAA;IAEnD,IAAI,MAAM,EAAE;QACV,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;KACtF;IAED,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;KACrD;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,CAAA;IAEtC,IAAI,CAAC,iBAAiB,EAAE;QACtB,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,iBAAiB,cAChB,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,WAChB,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAChE,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAiB,YACvB,CACnC,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { InvertableThemeProvider } from './InvertableThemeProvider';
|
|
4
|
-
|
|
3
|
+
const StorybookEntry = {
|
|
5
4
|
argTypes: {},
|
|
6
5
|
component: InvertableThemeProvider,
|
|
7
6
|
parameters: {
|
|
@@ -11,8 +10,8 @@ var StorybookEntry = {
|
|
|
11
10
|
},
|
|
12
11
|
title: 'Components/InvertableThemeProvider',
|
|
13
12
|
};
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
const Template = (args) => (_jsx(InvertableThemeProvider, Object.assign({}, args), void 0));
|
|
14
|
+
const Default = Template.bind({});
|
|
16
15
|
Default.args = {};
|
|
17
16
|
export { Default };
|
|
18
17
|
// eslint-disable-next-line import/no-default-export
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvertableThemeProvider.stories.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvertableThemeProvider.stories.js","sourceRoot":"","sources":["../../../src/components/InvertableThemeProvider/InvertableThemeProvider.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,oCAAoC;CACK,CAAA;AAElD,MAAM,QAAQ,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,CACzE,KAAC,uBAAuB,oBAAK,IAAI,UAA4B,CAC9D,CAAA;AAED,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA;AAEjB,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Link } from '@mui/material';
|
|
4
4
|
import { Link as RouterLink } from 'react-router-dom';
|
|
5
|
-
|
|
6
|
-
var to = _a
|
|
7
|
-
return _jsx(Link,
|
|
5
|
+
const LinkToEx = (_a) => {
|
|
6
|
+
var { to } = _a, props = __rest(_a, ["to"]);
|
|
7
|
+
return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
|
|
8
8
|
};
|
|
9
9
|
export { LinkToEx };
|
|
10
10
|
//# sourceMappingURL=LinkToEx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,
|
|
1
|
+
{"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,MAAM,QAAQ,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC/C,OAAO,KAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,UAAI,CAAA;AAC3D,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useTheme } from '@mui/material';
|
|
4
4
|
import numeral from 'numeral';
|
|
5
5
|
import { ButtonEx } from '../ButtonEx';
|
|
6
6
|
import { FlexCol, FlexGrowRow } from '../FlexBox';
|
|
7
|
-
|
|
7
|
+
const NumberStatus = (_a) => {
|
|
8
8
|
var _b, _c;
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return (_jsx(ButtonEx,
|
|
9
|
+
var { error, format = '0[.]0a', color = 'primary', title, value, size, fontSize, rounded = false, autoWidth = false, style } = _a, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
const palette = color === 'inherit' ? undefined : theme.palette[color];
|
|
12
|
+
const bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
|
|
13
|
+
const bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
|
|
14
|
+
const sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
|
|
15
|
+
const calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
|
|
16
|
+
return (_jsx(ButtonEx, Object.assign({ size: size, padding: 0, style: Object.assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: _jsxs(FlexCol, Object.assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [_jsx(FlexGrowRow, Object.assign({ bgcolor: bgColorTop, color: theme.palette.getContrastText(bgColorTop), fontSize: calcFontSize, fontFamily: "Source Code Pro,monospace", alignItems: "center", height: sizePixels * 0.75 }, { children: numeral(value).format(format) }), void 0), _jsx(FlexGrowRow, Object.assign({ bgcolor: bgColorBottom, borderTop: "1px", color: theme.palette.getContrastText(bgColorBottom), fontSize: sizePixels * 0.12, fontFamily: theme.typography.fontFamily, height: sizePixels * 0.25 }, { children: title }), void 0)] }), void 0) }), void 0));
|
|
17
17
|
};
|
|
18
18
|
export { NumberStatus };
|
|
19
19
|
//# sourceMappingURL=NumberStatus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStatus.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,OAAO,MAAM,SAAS,CAAA;AAG7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGjD,
|
|
1
|
+
{"version":3,"file":"NumberStatus.js","sourceRoot":"","sources":["../../../src/components/NumberStatus/NumberStatus.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,OAAO,MAAM,SAAS,CAAA;AAG7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGjD,MAAM,YAAY,GAAgC,CAAC,EAYlD,EAAE,EAAE;;QAZ8C,EACjD,KAAK,EACL,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,KAAK,OAEN,EADI,KAAK,cAXyC,mGAYlD,CADS;IAER,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAEtE,MAAM,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAA;IAClE,MAAM,aAAa,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAA;IAEvE,MAAM,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAErE,MAAM,YAAY,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,UAAU,GAAG,GAAG,CAAA;IAEjD,OAAO,CACL,KAAC,QAAQ,kBACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,EACV,KAAK,kBACH,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACpD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,KAAK,KAEN,KAAK,cAET,MAAC,OAAO,kBACN,UAAU,EAAC,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACtC,IAAI,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,iBAEnC,KAAC,WAAW,kBACV,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,EAChD,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAC,2BAA2B,EACtC,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,UAAU,GAAG,IAAI,gBAExB,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,YAClB,EACd,KAAC,WAAW,kBACV,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,EACnD,QAAQ,EAAE,UAAU,GAAG,IAAI,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EACvC,MAAM,EAAE,UAAU,GAAG,IAAI,gBAExB,KAAK,YACM,aACN,YACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
|