@xylabs/sdk-react 2.9.31 → 2.9.34

package/dist/components/LinkEx/LinkToEx.d.ts

@@ -2,7 +2,9 @@ import { LinkProps } from '@mui/material';
 import React from 'react';
 import { To } from 'react-router-dom';
 interface Props extends LinkProps {
-    to: To;
+    to?: To;
 }
+declare const LinkEx: React.FC<Props>;
+/** @deprecated use LinkEx instead */
 declare const LinkToEx: React.FC<Props>;
-export { LinkToEx };
+export { LinkEx, LinkToEx };

package/dist/components/LinkEx/LinkToEx.js

@@ -2,9 +2,16 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link } from '@mui/material';
 import { Link as RouterLink } from 'react-router-dom';
-const LinkToEx = (_a) => {
+const LinkEx = (_a) => {
     var { to } = _a, props = __rest(_a, ["to"]);
-    return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
+    if (to) {
+        return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
+    }
+    else {
+        return _jsx(Link, Object.assign({}, props), void 0);
+    }
 };
-export { LinkToEx };
+/** @deprecated use LinkEx instead */
+const LinkToEx = LinkEx;
+export { LinkEx, LinkToEx };
 //# sourceMappingURL=LinkToEx.js.map

package/dist/components/LinkEx/LinkToEx.js.map

@@ -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,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"}
+{"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,MAAM,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC7C,IAAI,EAAE,EAAE;QACN,OAAO,KAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,UAAI,CAAA;KAC1D;SAAM;QACL,OAAO,KAAC,IAAI,oBAAK,KAAK,UAAI,CAAA;KAC3B;AACH,CAAC,CAAA;AAED,qCAAqC;AACrC,MAAM,QAAQ,GAAG,MAAM,CAAA;AAEvB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/LinkEx/index.d.ts

@@ -1,2 +1 @@
-import { LinkToEx } from './LinkToEx';
-export { LinkToEx };
+export * from './LinkToEx';

package/dist/components/LinkEx/index.js

@@ -1,3 +1,2 @@
-import { LinkToEx } from './LinkToEx';
-export { LinkToEx };
+export * from './LinkToEx';
 //# sourceMappingURL=index.js.map

package/dist/components/LinkEx/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkEx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm2015/components/LinkEx/LinkToEx.d.ts

@@ -2,7 +2,9 @@ import { LinkProps } from '@mui/material';
 import React from 'react';
 import { To } from 'react-router-dom';
 interface Props extends LinkProps {
-    to: To;
+    to?: To;
 }
+declare const LinkEx: React.FC<Props>;
+/** @deprecated use LinkEx instead */
 declare const LinkToEx: React.FC<Props>;
-export { LinkToEx };
+export { LinkEx, LinkToEx };

package/dist/esm2015/components/LinkEx/index.d.ts

@@ -1,2 +1 @@
-import { LinkToEx } from './LinkToEx';
-export { LinkToEx };
+export * from './LinkToEx';

package/dist/esm2015/hooks/index.d.ts

@@ -1,9 +1,11 @@
 export * from './useBreakpoint';
+export * from './useInterval';
 export * from './useLocalStorage';
 export * from './useMediaQuery';
 export * from './useMounted';
 export * from './useNavigateToEthAddress';
 export * from './useSpacing';
+export * from './useTimeout';
 export * from './useUserEvents';
 export * from './useWebP';
 export * from './useWindowSize';

package/dist/esm2015/hooks/useInterval.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useInterval: (callback: () => void, delay: number) => import("react").MutableRefObject<number>;

package/dist/esm2015/hooks/useTimeout.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useTimeout: (callback: () => void, delay: number) => import("react").MutableRefObject<number>;

package/dist/esm2015/index.js

@@ -1795,6 +1795,20 @@ const useBreakpoint = () => {
     }
 };
 
+const useInterval = (callback, delay) => {
+    const intervalRef = useRef(-1);
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const tick = () => savedCallback.current();
+        intervalRef.current = window.setInterval(tick, delay);
+        return () => window.clearInterval(intervalRef.current);
+    }, [delay]);
+    return intervalRef;
+};
+
 const useLocalStorage = (key, defaultValue) => {
     const [storedValue, setStoredValue] = useState(() => {
         try {
@@ -1869,6 +1883,20 @@ const useSpacing = (value) => {
     return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
 };
 
+const useTimeout = (callback, delay) => {
+    const timeoutRef = useRef(-1);
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const tick = () => savedCallback.current();
+        timeoutRef.current = window.setTimeout(tick, delay);
+        return () => window.clearTimeout(timeoutRef.current);
+    }, [delay]);
+    return timeoutRef;
+};
+
 const useUserEvents = () => {
     const { userEvents } = useContext(UserEventsContext);
     if (!userEvents) {
@@ -2066,10 +2094,17 @@ const ExperimentsDebugger = (_a) => {
         }) }), void 0));
 };
 
-const LinkToEx = (_a) => {
+const LinkEx = (_a) => {
     var { to } = _a, props = __rest(_a, ["to"]);
-    return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
+    if (to) {
+        return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
+    }
+    else {
+        return jsx(Link, Object.assign({}, props), void 0);
+    }
 };
+/** @deprecated use LinkEx instead */
+const LinkToEx = LinkEx;
 
 const MenuEx = (_a) => {
     var { MenuListProps = {}, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuListProps", "mode", "colorize"]);
@@ -2249,5 +2284,5 @@ const TokenAmount = (_a) => {
     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));
 };
 
-export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, 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, MenuEx, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SelectEx, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
+export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, 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, LinkEx, LinkToEx, MapCategoryType, MenuEx, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SelectEx, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useInterval, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useTimeout, useUserEvents, useWebP, useWindowSize };
 //# sourceMappingURL=index.js.map