@xylabs/sdk-react 2.9.12 → 2.9.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/cjs5/components/Pixel/PixelDebugger.d.ts +2 -0
  2. package/dist/cjs5/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  3. package/dist/cjs5/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  4. package/dist/cjs5/components/Pixel/hooks/index.d.ts +1 -0
  5. package/dist/cjs5/components/Pixel/index.d.ts +2 -0
  6. package/dist/cjs5/components/Pixel/models/index.d.ts +4 -0
  7. package/dist/cjs5/components/Portal/Portal.d.ts +3 -0
  8. package/dist/cjs5/components/Portal/PortalProps.d.ts +7 -0
  9. package/dist/cjs5/components/Portal/index.d.ts +2 -0
  10. package/dist/cjs5/components/index.d.ts +2 -0
  11. package/dist/cjs5/index.js +70 -2
  12. package/dist/cjs5/index.js.map +1 -1
  13. package/dist/components/Pixel/PixelDebugger.d.ts +2 -0
  14. package/dist/components/Pixel/PixelDebugger.js +26 -0
  15. package/dist/components/Pixel/PixelDebugger.js.map +1 -0
  16. package/dist/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  17. package/dist/components/Pixel/PixelDebugger.stories.js +27 -0
  18. package/dist/components/Pixel/PixelDebugger.stories.js.map +1 -0
  19. package/dist/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  20. package/dist/components/Pixel/PixelDebuggerToggle.js +13 -0
  21. package/dist/components/Pixel/PixelDebuggerToggle.js.map +1 -0
  22. package/dist/components/Pixel/hooks/index.d.ts +1 -0
  23. package/dist/components/Pixel/hooks/index.js +25 -0
  24. package/dist/components/Pixel/hooks/index.js.map +1 -0
  25. package/dist/components/Pixel/index.d.ts +2 -0
  26. package/dist/components/Pixel/index.js +3 -0
  27. package/dist/components/Pixel/index.js.map +1 -0
  28. package/dist/components/Pixel/models/index.d.ts +4 -0
  29. package/dist/components/Pixel/models/index.js +2 -0
  30. package/dist/components/Pixel/models/index.js.map +1 -0
  31. package/dist/components/Portal/Portal.d.ts +3 -0
  32. package/dist/components/Portal/Portal.js +20 -0
  33. package/dist/components/Portal/Portal.js.map +1 -0
  34. package/dist/components/Portal/PortalProps.d.ts +7 -0
  35. package/dist/components/Portal/PortalProps.js +2 -0
  36. package/dist/components/Portal/PortalProps.js.map +1 -0
  37. package/dist/components/Portal/index.d.ts +2 -0
  38. package/dist/components/Portal/index.js +3 -0
  39. package/dist/components/Portal/index.js.map +1 -0
  40. package/dist/components/index.d.ts +2 -0
  41. package/dist/components/index.js +2 -0
  42. package/dist/components/index.js.map +1 -1
  43. package/dist/esm2015/components/Pixel/PixelDebugger.d.ts +2 -0
  44. package/dist/esm2015/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  45. package/dist/esm2015/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  46. package/dist/esm2015/components/Pixel/hooks/index.d.ts +1 -0
  47. package/dist/esm2015/components/Pixel/index.d.ts +2 -0
  48. package/dist/esm2015/components/Pixel/models/index.d.ts +4 -0
  49. package/dist/esm2015/components/Portal/Portal.d.ts +3 -0
  50. package/dist/esm2015/components/Portal/PortalProps.d.ts +7 -0
  51. package/dist/esm2015/components/Portal/index.d.ts +2 -0
  52. package/dist/esm2015/components/index.d.ts +2 -0
  53. package/dist/esm2015/index.js +69 -4
  54. package/dist/esm2015/index.js.map +1 -1
  55. package/dist/esm2017/components/Pixel/PixelDebugger.d.ts +2 -0
  56. package/dist/esm2017/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  57. package/dist/esm2017/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  58. package/dist/esm2017/components/Pixel/hooks/index.d.ts +1 -0
  59. package/dist/esm2017/components/Pixel/index.d.ts +2 -0
  60. package/dist/esm2017/components/Pixel/models/index.d.ts +4 -0
  61. package/dist/esm2017/components/Portal/Portal.d.ts +3 -0
  62. package/dist/esm2017/components/Portal/PortalProps.d.ts +7 -0
  63. package/dist/esm2017/components/Portal/index.d.ts +2 -0
  64. package/dist/esm2017/components/index.d.ts +2 -0
  65. package/dist/esm2017/index.js +69 -4
  66. package/dist/esm2017/index.js.map +1 -1
  67. package/dist/esm5/components/Pixel/PixelDebugger.d.ts +2 -0
  68. package/dist/esm5/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  69. package/dist/esm5/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  70. package/dist/esm5/components/Pixel/hooks/index.d.ts +1 -0
  71. package/dist/esm5/components/Pixel/index.d.ts +2 -0
  72. package/dist/esm5/components/Pixel/models/index.d.ts +4 -0
  73. package/dist/esm5/components/Portal/Portal.d.ts +3 -0
  74. package/dist/esm5/components/Portal/PortalProps.d.ts +7 -0
  75. package/dist/esm5/components/Portal/index.d.ts +2 -0
  76. package/dist/esm5/components/index.d.ts +2 -0
  77. package/dist/esm5/index.js +69 -4
  78. package/dist/esm5/index.js.map +1 -1
  79. package/dist/hooks/useLocalStorage.js +0 -2
  80. package/dist/hooks/useLocalStorage.js.map +1 -1
  81. package/dist/node/components/Pixel/PixelDebugger.d.ts +2 -0
  82. package/dist/node/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  83. package/dist/node/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  84. package/dist/node/components/Pixel/hooks/index.d.ts +1 -0
  85. package/dist/node/components/Pixel/index.d.ts +2 -0
  86. package/dist/node/components/Pixel/models/index.d.ts +4 -0
  87. package/dist/node/components/Portal/Portal.d.ts +3 -0
  88. package/dist/node/components/Portal/PortalProps.d.ts +7 -0
  89. package/dist/node/components/Portal/index.d.ts +2 -0
  90. package/dist/node/components/index.d.ts +2 -0
  91. package/dist/node/index.js +70 -2
  92. package/dist/node/index.js.map +1 -1
  93. package/dist/node-esm/components/Pixel/PixelDebugger.d.ts +2 -0
  94. package/dist/node-esm/components/Pixel/PixelDebugger.stories.d.ts +6 -0
  95. package/dist/node-esm/components/Pixel/PixelDebuggerToggle.d.ts +3 -0
  96. package/dist/node-esm/components/Pixel/hooks/index.d.ts +1 -0
  97. package/dist/node-esm/components/Pixel/index.d.ts +2 -0
  98. package/dist/node-esm/components/Pixel/models/index.d.ts +4 -0
  99. package/dist/node-esm/components/Portal/Portal.d.ts +3 -0
  100. package/dist/node-esm/components/Portal/PortalProps.d.ts +7 -0
  101. package/dist/node-esm/components/Portal/index.d.ts +2 -0
  102. package/dist/node-esm/components/index.d.ts +2 -0
  103. package/dist/node-esm/index.js +69 -4
  104. package/dist/node-esm/index.js.map +1 -1
  105. package/package.json +2 -1
  106. package/src/components/Pixel/PixelDebugger.stories.tsx +37 -0
  107. package/src/components/Pixel/PixelDebugger.tsx +76 -0
  108. package/src/components/Pixel/PixelDebuggerToggle.tsx +24 -0
  109. package/src/components/Pixel/hooks/index.ts +23 -0
  110. package/src/components/Pixel/index.ts +2 -0
  111. package/src/components/Pixel/models/index.ts +4 -0
  112. package/src/components/Portal/Portal.tsx +23 -0
  113. package/src/components/Portal/PortalProps.ts +6 -0
  114. package/src/components/Portal/index.ts +2 -0
  115. package/src/components/index.ts +2 -0
  116. package/src/hooks/useLocalStorage.ts +0 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pixel/hooks/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAqE,EAAE,EAAE;IAC9G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAgC,CAAA;IAC1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YACvC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAC/D,YAAY,CAAC,UAAU,CAAC,CAAA;SACzB;aAAM;YACL,OAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAO,KAAa,EAAE,MAAgC,EAAE,EAAE;gBAChF,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBACzB,OAAO,MAAM,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,EAAE,MAAM,CAAC,CAAA,CAAA;YACzC,CAAC,CAAA,CAAA;SACF;QACD,OAAO,GAAG,EAAE;YACV,yBAAyB;YACzB,IAAI,SAAS,EAAE;gBACb,OAAO,CAAC,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAA;aAClC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AAC7B,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './PixelDebugger';
2
+ export * from './PixelDebuggerToggle';
@@ -0,0 +1,3 @@
1
+ export * from './PixelDebugger';
2
+ export * from './PixelDebuggerToggle';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pixel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA"}
@@ -0,0 +1,4 @@
1
+ export interface PixelEvent {
2
+ event: string;
3
+ fields?: unknown;
4
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pixel/models/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { PortalProps } from './PortalProps';
3
+ export declare const Portal: React.FC<PortalProps>;
@@ -0,0 +1,20 @@
1
+ import { useEffect, useState } from 'react';
2
+ import { createPortal } from 'react-dom';
3
+ export const Portal = ({ children, className, el = 'div', target = 'body' }) => {
4
+ const [container] = useState(document.createElement(el));
5
+ if (className) {
6
+ container.classList.add(className);
7
+ }
8
+ useEffect(() => {
9
+ const targetElement = document.querySelector(target);
10
+ if (!targetElement) {
11
+ console.warn(`Unable to find target element: ${target}`);
12
+ }
13
+ targetElement === null || targetElement === void 0 ? void 0 : targetElement.appendChild(container);
14
+ return () => {
15
+ targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeChild(container);
16
+ };
17
+ }, [container, target]);
18
+ return createPortal(children, container);
19
+ };
20
+ //# sourceMappingURL=Portal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAIxC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAe,EAAE,EAAE;IACjH,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"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PortalProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ el?: string;
6
+ target?: string;
7
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=PortalProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PortalProps.js","sourceRoot":"","sources":["../../../src/components/Portal/PortalProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './Portal';
2
+ export * from './PortalProps';
@@ -0,0 +1,3 @@
1
+ export * from './Portal';
2
+ export * from './PortalProps';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA"}
@@ -16,6 +16,8 @@ export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
18
  export * from './NumberStatus';
19
+ export * from './Pixel';
20
+ export * from './Portal';
19
21
  export * from './QuickTipButton';
20
22
  export * from './RichResult';
21
23
  export * from './ScrollToTop';
@@ -16,6 +16,8 @@ export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
18
  export * from './NumberStatus';
19
+ export * from './Pixel';
20
+ export * from './Portal';
19
21
  export * from './QuickTipButton';
20
22
  export * from './RichResult';
21
23
  export * from './ScrollToTop';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const PixelDebugger: React.FC;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { ComponentMeta, ComponentStory } from '@storybook/react';
3
+ declare const StorybookEntry: ComponentMeta<import("react").FC<import("../FlexBox/BusyBox").BusyBoxProps>>;
4
+ declare const Default: ComponentStory<import("react").FC<import("../FlexBox/BusyBox").BusyBoxProps>>;
5
+ export { Default };
6
+ export default StorybookEntry;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { BusyBoxProps } from '../FlexBox';
3
+ export declare const PixelDebuggerToggle: React.FC<BusyBoxProps>;
@@ -0,0 +1 @@
1
+ export declare const usePixelAltSendHandler: (altHandler: (event: string, fields?: Record<string, unknown> | undefined) => void) => void;
@@ -0,0 +1,2 @@
1
+ export * from './PixelDebugger';
2
+ export * from './PixelDebuggerToggle';
@@ -0,0 +1,4 @@
1
+ export interface PixelEvent {
2
+ event: string;
3
+ fields?: unknown;
4
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { PortalProps } from './PortalProps';
3
+ export declare const Portal: React.FC<PortalProps>;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PortalProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ el?: string;
6
+ target?: string;
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './Portal';
2
+ export * from './PortalProps';
@@ -16,6 +16,8 @@ export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
18
  export * from './NumberStatus';
19
+ export * from './Pixel';
20
+ export * from './Portal';
19
21
  export * from './QuickTipButton';
20
22
  export * from './RichResult';
21
23
  export * from './ScrollToTop';
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery, Slider } from '@mui/material';
2
+ import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery, Slider, Badge, Card, Divider, FormControl, FormLabel, Switch } from '@mui/material';
3
3
  export { useMediaQuery } from '@mui/material';
4
4
  import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
5
5
  import { makeStyles, createStyles } from '@mui/styles';
@@ -15,6 +15,7 @@ import { parse, stringify } from 'query-string';
15
15
  import { createTheme } from '@mui/material/styles';
16
16
  import clone from 'lodash/clone';
17
17
  import numeral from 'numeral';
18
+ import { createPortal } from 'react-dom';
18
19
 
19
20
  /*! *****************************************************************************
20
21
  Copyright (c) Microsoft Corporation.
@@ -1775,10 +1776,8 @@ const useLocalStorage = (key, defaultValue) => {
1775
1776
  }
1776
1777
  });
1777
1778
  const setValue = (value) => {
1778
- console.log('setValue', value);
1779
1779
  setStoredValue(value);
1780
1780
  setLocalStorageObject(key, value);
1781
- console.log('getValue from ls', getLocalStorageObject(key));
1782
1781
  };
1783
1782
  return [storedValue, setValue];
1784
1783
  };
@@ -2037,6 +2036,72 @@ const NumberStatus = (_a) => {
2037
2036
  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));
2038
2037
  };
2039
2038
 
2039
+ const usePixelAltSendHandler = (altHandler) => {
2040
+ const [pixelSend, setPixelSend] = useState();
2041
+ useEffect(() => {
2042
+ if (!pixelSend && XyPixel.instance.send) {
2043
+ const oldHandler = XyPixel.instance.send.bind(XyPixel.instance);
2044
+ setPixelSend(oldHandler);
2045
+ }
2046
+ else {
2047
+ XyPixel.instance.send = (event, fields) => __awaiter(void 0, void 0, void 0, function* () {
2048
+ altHandler(event, fields);
2049
+ return yield (pixelSend === null || pixelSend === void 0 ? void 0 : pixelSend(event, fields));
2050
+ });
2051
+ }
2052
+ return () => {
2053
+ //restore send on unmount
2054
+ if (pixelSend) {
2055
+ XyPixel.instance.send = pixelSend;
2056
+ }
2057
+ };
2058
+ }, [pixelSend, altHandler]);
2059
+ };
2060
+
2061
+ const PixelDebugger = () => {
2062
+ //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand
2063
+ const theme = useTheme();
2064
+ const [displayEvents, setDisplayEvents] = useState(false);
2065
+ const [events, setEvents] = useState([]);
2066
+ usePixelAltSendHandler((event, fields) => {
2067
+ setEvents((events) => [{ event, fields }, ...events]);
2068
+ });
2069
+ return (jsx("div", Object.assign({ style: { bottom: 0, left: 0, position: 'fixed', width: 350 } }, { children: jsx(Badge, Object.assign({ badgeContent: events.length, color: "primary", sx: { width: '100%' } }, { children: jsx(Card, Object.assign({ variant: "outlined", sx: {
2070
+ backdropFilter: 'blur(16px) saturate(180%)',
2071
+ backgroundColor: 'rgba(18, 18, 18, .70)',
2072
+ overflowY: 'auto',
2073
+ width: '100%',
2074
+ }, color: theme.palette.primary.main }, { children: jsxs(FlexCol, Object.assign({ alignItems: "stretch", sx: { flexFlow: 'column', maxHeight: 400 } }, { children: [jsx(FlexCol, Object.assign({ alignItems: "stretch", sx: { flex: '0 1 auto' } }, { children: jsx(ButtonEx, Object.assign({ variant: "text", onClick: () => setDisplayEvents(!displayEvents) }, { children: "XY Pixel Debugger" }), void 0) }), void 0), displayEvents && !!events.length && (jsx(FlexCol, Object.assign({ alignItems: "stretch", alignContent: "start", padding: 2, sx: { cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' } }, { children: events.map((e, index) => (jsx(PixelEventDetails, Object.assign({ events: events, index: index }, e), `${e.event}-${index}`))) }), void 0)), displayEvents && !events.length && jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: "No Events" }), void 0)] }), void 0) }), void 0) }), void 0) }), void 0));
2075
+ };
2076
+ const PixelEventDetails = ({ event, fields, index, events, }) => {
2077
+ const [isOpen, setIsOpen] = useState(false);
2078
+ return (jsxs(FlexCol, Object.assign({ alignItems: "stretch", marginBottom: 0.5, onClick: () => setIsOpen(!isOpen) }, { children: [jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: event }), void 0), isOpen && (jsx(Typography, Object.assign({ marginBottom: 0.5, variant: "caption" }, { children: JSON.stringify(fields, null, 2) }), void 0)), events[index + 1] && jsx(Divider, {}, void 0)] }), void 0));
2079
+ };
2080
+
2081
+ const Portal = ({ children, className, el = 'div', target = 'body' }) => {
2082
+ const [container] = useState(document.createElement(el));
2083
+ if (className) {
2084
+ container.classList.add(className);
2085
+ }
2086
+ useEffect(() => {
2087
+ const targetElement = document.querySelector(target);
2088
+ if (!targetElement) {
2089
+ console.warn(`Unable to find target element: ${target}`);
2090
+ }
2091
+ targetElement === null || targetElement === void 0 ? void 0 : targetElement.appendChild(container);
2092
+ return () => {
2093
+ targetElement === null || targetElement === void 0 ? void 0 : targetElement.removeChild(container);
2094
+ };
2095
+ }, [container, target]);
2096
+ return createPortal(children, container);
2097
+ };
2098
+
2099
+ const PixelDebuggerToggle = (_a) => {
2100
+ var props = __rest(_a, []);
2101
+ const [showDebugger, setDebugger] = useLocalStorage('isDebuggingPixel', false);
2102
+ return (jsxs(FlexRow, Object.assign({}, props, { children: [jsxs(FormControl, { children: [jsx(FormLabel, { children: "Enable Debugger" }, void 0), jsx(Switch, { checked: showDebugger, onClick: () => setDebugger(!showDebugger) }, void 0)] }, void 0), showDebugger && (jsx(Portal, Object.assign({ target: "#pixelPortal" }, { children: jsx(PixelDebugger, {}, void 0) }), void 0))] }), void 0));
2103
+ };
2104
+
2040
2105
  const QuickTipButton = (_a) => {
2041
2106
  var { title, children } = _a, props = __rest(_a, ["title", "children"]);
2042
2107
  const [messageOpen, setMessageOpen] = useState(false);
@@ -2112,5 +2177,5 @@ const TokenAmount = (_a) => {
2112
2177
  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: img, 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));
2113
2178
  };
2114
2179
 
2115
- export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
2180
+ export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
2116
2181
  //# sourceMappingURL=index.js.map