@cfx-dev/ui-components 5.0.22 → 5.0.23

package/dist/utils/contexts/AnalyticsContext/index.d.ts

@@ -0,0 +1,6 @@
+import { default as AnalyticsContext } from './AnalyticsContext';
+import { AnalyticsProvider } from './AnalyticsProvider';
+import { default as useAnalytics } from './useAnalytics';
+import { default as useSiteLinkClick } from './useSiteLinkClick';
+
+export { AnalyticsContext, AnalyticsProvider, useAnalytics, useSiteLinkClick, };

package/dist/utils/contexts/AnalyticsContext/index.js

@@ -0,0 +1,10 @@
+import { default as o } from "./AnalyticsContext.js";
+import { AnalyticsProvider as a } from "./AnalyticsProvider.js";
+import { default as f } from "./useAnalytics.js";
+import { default as l } from "./useSiteLinkClick.js";
+export {
+  o as AnalyticsContext,
+  a as AnalyticsProvider,
+  f as useAnalytics,
+  l as useSiteLinkClick
+};

package/dist/utils/contexts/AnalyticsContext/useAnalytics.d.ts

@@ -0,0 +1 @@
+export default function useAnalytics(): import('./AnalyticsContext').AnalyticsContextValue;

package/dist/utils/contexts/AnalyticsContext/useAnalytics.js

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import o from "./AnalyticsContext.js";
+function r() {
+  return t(o);
+}
+export {
+  r as default
+};

package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface UseSiteLinkClickProps {
+    stopPropagation?: boolean;
+}
+export default function useSiteLinkClick({ stopPropagation, }?: UseSiteLinkClickProps): (event: React.MouseEvent<HTMLAnchorElement>) => void;
+export {};

package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.js

@@ -0,0 +1,22 @@
+import { useContext as o, useCallback as r } from "react";
+import a from "./AnalyticsContext.js";
+function l({
+  stopPropagation: t = !1
+} = {}) {
+  const {
+    trackEvent: e,
+    getParamsFromElementEvent: i
+  } = o(a);
+  return r(
+    (n) => {
+      t && n.stopPropagation(), e({
+        action: "site_link_click",
+        properties: i(n)
+      });
+    },
+    [e, i, t]
+  );
+}
+export {
+  l as default
+};

package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface MediaQueryContextValueType {
+    isMobile: boolean | null;
+    isTablet: boolean | null;
+    isDesktop: boolean | null;
+    isLDesktop: boolean | null;
+    size: number | null;
+}
+declare const MediaQueryContext: React.Context<MediaQueryContextValueType>;
+export default MediaQueryContext;

package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.js

@@ -0,0 +1,11 @@
+import e from "react";
+const t = e.createContext({
+  isMobile: null,
+  isTablet: null,
+  isDesktop: null,
+  isLDesktop: null,
+  size: null
+});
+export {
+  t as default
+};

package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+declare const _default: React.NamedExoticComponent<{
+    children?: React.ReactNode | undefined;
+}>;
+export default _default;

package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.js

@@ -0,0 +1,38 @@
+import { jsx as a } from "react/jsx-runtime";
+import r from "react";
+import "../../ui/ui.js";
+import { MediaQueryValuesMap as t } from "../../ui/ui.types.js";
+import d from "./MediaQueryContext.js";
+function m(o) {
+  const {
+    children: u
+  } = o, i = r.useRef(null), [e, s] = r.useState(null);
+  r.useLayoutEffect(() => {
+    const n = () => {
+      typeof window > "u" || (i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+        s(window.innerWidth);
+      }, 250));
+    };
+    return window.addEventListener("resize", n), n(), () => {
+      window.removeEventListener("resize", n);
+    };
+  }, []);
+  const l = r.useMemo(() => e === null ? {
+    size: null,
+    isMobile: null,
+    isTablet: null,
+    isDesktop: null,
+    isLDesktop: null
+  } : {
+    size: e,
+    isMobile: e < t.medium,
+    isTablet: e >= t.medium && e < t.large,
+    isDesktop: e >= t.large && e < t.xlarge,
+    isLDesktop: e >= t.xlarge
+  }, [e]);
+  return /* @__PURE__ */ a(d.Provider, { value: l, children: u });
+}
+const M = r.memo(m);
+export {
+  M as default
+};

package/dist/utils/contexts/MediaQueryContext/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MediaQueryContext } from './MediaQueryContext';
+export { default as MediaQueryContextProvider } from './MediaQueryContextProvider';
+export { default as useMediaQuery } from './useMediaQuery';
+export type { MediaQueryContextValueType } from './MediaQueryContext';

package/dist/utils/contexts/MediaQueryContext/index.js

@@ -0,0 +1,8 @@
+import { default as t } from "./MediaQueryContext.js";
+import { default as o } from "./MediaQueryContextProvider.js";
+import { default as u } from "./useMediaQuery.js";
+export {
+  t as MediaQueryContext,
+  o as MediaQueryContextProvider,
+  u as useMediaQuery
+};

package/dist/utils/contexts/MediaQueryContext/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare function useMediaQuery(): import('./MediaQueryContext').MediaQueryContextValueType;
+export default useMediaQuery;

package/dist/utils/contexts/MediaQueryContext/useMediaQuery.js

@@ -0,0 +1,8 @@
+import e from "react";
+import t from "./MediaQueryContext.js";
+function u() {
+  return e.useContext(t);
+}
+export {
+  u as default
+};

package/dist/utils/contexts/StoreContext/StoreContext.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export type StoreSpliceType = (start: number, end?: number) => void;
+export interface StoreContextValueType<T> {
+    data: T[];
+    push: (items: T[]) => void;
+    unshift: (items: T[]) => void;
+    clear: () => void;
+    splice: StoreSpliceType;
+    lastUpdate: number;
+    isLoadingCount: number | null;
+    setIsLoadingCount: (count: number | null) => void;
+}
+declare function createStoreContext<T>(initialValue: T[]): React.Context<StoreContextValueType<T>>;
+export default createStoreContext;

package/dist/utils/contexts/StoreContext/StoreContext.js

@@ -0,0 +1,21 @@
+import e from "react";
+function n(t) {
+  return e.createContext({
+    data: t,
+    push: () => {
+    },
+    unshift: () => {
+    },
+    clear: () => {
+    },
+    splice: () => {
+    },
+    lastUpdate: 0,
+    isLoadingCount: null,
+    setIsLoadingCount: () => {
+    }
+  });
+}
+export {
+  n as default
+};

package/dist/utils/contexts/StoreContext/index.d.ts

@@ -0,0 +1,2 @@
+export { default as createStoreContext } from './StoreContext';
+export type { StoreContextValueType, StoreSpliceType } from './StoreContext';

package/dist/utils/contexts/StoreContext/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./StoreContext.js";
+export {
+  o as createStoreContext
+};

package/dist/utils/formatBytes.d.ts

@@ -0,0 +1 @@
+export declare function formatBytes(bytes: number, decimals?: number): string;

package/dist/utils/formatBytes.js

@@ -0,0 +1,12 @@
+function f(t, o = 2) {
+  if (!t || t === 0)
+    return "0 Bytes";
+  const r = 1024;
+  if (t < r)
+    return `${t} Bytes`;
+  const n = t / r;
+  return n < r ? `${n.toFixed(o)} KB` : `${(n / r).toFixed(o)} MB`;
+}
+export {
+  f as formatBytes
+};

package/dist/utils/hooks/useCarousel.d.ts

@@ -0,0 +1,11 @@
+interface UseCarouselProps {
+    slidesToScroll?: number;
+}
+export declare const useCarousel: ({ slidesToScroll, }?: UseCarouselProps) => {
+    carouselRef: import('embla-carousel-react').EmblaViewportRefType;
+    carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
+    currentPage: number;
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+};
+export {};