@xdcs-protocol/ui-kit 1.0.1 → 1.0.3

package/dist/types/components/LeftPanel.d.ts

@@ -1,10 +1,2 @@
-export declare const boldSx: {
-    fontFamily: string;
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    mb: number;
-};
 declare const LeftPanel: () => import("react/jsx-runtime").JSX.Element;
 export default LeftPanel;

package/dist/types/components/NewTanstacktable.d.ts

@@ -0,0 +1,10 @@
+export interface NewTanstacktableProps {
+    title?: string;
+    data: any[];
+    columns: any;
+    rowSize?: number;
+    showSearchField?: boolean;
+    showCardFooter?: boolean;
+}
+declare const NewTanstacktable: ({ title, data, columns, rowSize, showSearchField, showCardFooter, }: NewTanstacktableProps) => import("react/jsx-runtime").JSX.Element;
+export default NewTanstacktable;

package/dist/types/components/ROICalculatorCard.d.ts

@@ -0,0 +1,2 @@
+declare const ROICalculatorCard: () => import("react/jsx-runtime").JSX.Element;
+export default ROICalculatorCard;

package/dist/types/components/StakingAPYCard.d.ts

@@ -0,0 +1,2 @@
+declare const StakingAPYCard: () => import("react/jsx-runtime").JSX.Element;
+export default StakingAPYCard;

package/dist/types/components/StyledSlider.d.ts

@@ -1,2 +1,2 @@
-declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "disabled" | "className" | "style" | "classes" | "sx" | "track" | "defaultValue" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "scale" | "size" | "name" | "value" | "slots" | "slotProps" | "orientation" | "max" | "min" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "step" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "disabled" | "className" | "style" | "classes" | "color" | "scale" | "sx" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "size" | "name" | "value" | "slots" | "slotProps" | "orientation" | "max" | "min" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "step" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export default StyledSlider;

package/dist/types/components/ValidStatsCard.d.ts

@@ -0,0 +1,2 @@
+declare const ValidStatsCard: () => import("react/jsx-runtime").JSX.Element;
+export default ValidStatsCard;

package/dist/types/components/XDCLiquidStaking.d.ts

@@ -1,8 +1 @@
-export declare const regularSx: {
-    fontFamily: string;
-    fontWeight: number;
-    fontStyle: string;
-    lineHeight: string;
-    letterSpacing: string;
-};
 export default function XDCLiquidStaking(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/base/CardFooter.d.ts

@@ -0,0 +1 @@
+export declare const CardFooter: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/core/AddressFieldTools.d.ts

@@ -14,5 +14,5 @@ export interface AddressFieldToolsProps {
     onOpenExplorer?: (url: string) => void;
     onAddToWallet?: () => Promise<void> | void;
 }
-declare const AddressFieldTools: ({ address, showAddress, showCopyButton, showInBlockExplorer, withBackground, isTransaction, showAddToWallet, shrinkAddress, chainId, onCopy, onOpenExplorer, onAddToWallet, }: AddressFieldToolsProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddressFieldTools: ({ address: rawAddress, showAddress, showCopyButton, showInBlockExplorer, withBackground, isTransaction, showAddToWallet, shrinkAddress, chainId, onCopy, onOpenExplorer, onAddToWallet, }: AddressFieldToolsProps) => import("react/jsx-runtime").JSX.Element;
 export default AddressFieldTools;

package/dist/types/components/defaults/DataNotAvailable.d.ts

@@ -0,0 +1,24 @@
+/**
+ * A React component that displays a message indicating that no data is available.
+ *
+ * It renders an image with a semi-transparent opacity and an optional custom style.
+ *
+ * @param {object} props - The component props.
+ * @param {object} [props.sx] - Optional custom style for the image.
+ *
+ * @example
+ * import React from 'react';
+ * import DataNotAvailable from './DataNotAvailable';
+ *
+ * const MyComponent = () => {
+ *   return (
+ *     <DataNotAvailable sx={{ width: 200, height: 200 }} />
+ *   );
+ * };
+ *
+ * @returns {React.ReactElement} A React element representing the "no data available" message.
+ */
+declare const DataNotAvailable: ({ sx }: {
+    sx?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DataNotAvailable;

package/dist/types/helpers/number.d.ts

@@ -0,0 +1 @@
+export declare function formatNumberWithSuffix(n: number): string;

package/dist/types/hooks/useRightPanel.d.ts

@@ -0,0 +1,13 @@
+export default function useRightPanel(): {
+    xdcSupply: string | null;
+    xdcSupplyRaw: number | null;
+    tvlUSD: string | null;
+    apys: {
+        LSD_APY?: string;
+        ANCHOR_APY?: string;
+        NATIVE_APY?: string;
+        PRIVATE_APY?: string;
+        PRFI_LIQUID_APY?: string;
+        XDC_TO_USD_RATE?: string;
+    };
+};

package/dist/types/index.d.ts

@@ -1,8 +1,11 @@
 import LeftPanel from "./components/LeftPanel";
 import MainLayout from "./components/MainLayout";
+import NewTanstacktable from "./components/NewTanstacktable";
 export { LeftPanel };
 export { getTheme } from "./theme";
 export { MainLayout as ValidProtocolLayout };
 export { useThemeStore } from "./components/store/useThemeStore";
 export type { WalletStoreState } from "./types/WalletStore";
 export { WalletStoreContext, useWalletStore } from "./hooks/useWalletContext";
+export { textStyles } from "./theme";
+export { NewTanstacktable };

package/dist/types/theme.d.ts

@@ -1,2 +1,17 @@
 import type { PaletteMode } from "@mui/material";
 export declare const getTheme: (mode: PaletteMode) => import("@mui/material").Theme;
+export declare const textStyles: {
+    boldSx: {
+        fontFamily: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    regularSx: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+};

package/dist/types/types/WalletStore.d.ts

@@ -3,15 +3,41 @@ export interface WalletStoreState {
     balance: number;
     wallet: any;
     logoUrl: string;
-    liquidStakingUrl?: string;
-    nativeStakingUrl?: string;
-    anchorStakingUrl?: string;
-    privateStakingUrl?: string;
-    prfiLiquidStakingUrl?: string;
-    bridgeUrl?: string;
-    masternodeDashboardUrl?: string;
-    defiDashboardUrl?: string;
+    liquidStakingUrl?: {
+        url: string;
+        path?: string[];
+    };
+    nativeStakingUrl?: {
+        url: string;
+        path?: string[];
+    };
+    anchorStakingUrl?: {
+        url: string;
+        path?: string[];
+    };
+    privateStakingUrl?: {
+        url: string;
+        path?: string[];
+    };
+    prfiLiquidStakingUrl?: {
+        url: string;
+        path?: string[];
+    };
+    bridgeUrl?: {
+        url: string;
+        path?: string[];
+    };
+    masternodeDashboardUrl?: {
+        url: string;
+        path?: string[];
+    };
+    defiDashboardUrl?: {
+        url: string;
+        path?: string[];
+    };
     docsUrl?: string;
+    validBackendUrl: string;
+    validGraphqlUrl: string;
     isSupported: boolean;
     onConnect: () => Promise<void>;
     onDisconnect: () => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xdcs-protocol/ui-kit",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Common React components library.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -42,8 +42,9 @@
     "react-hot-toast": "^2.6.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.24.0",
+    "web3-utils": "^4.3.1",
     "zustand": "^4.5.2",
-    "web3-utils": "^4.3.1"
+    "@tanstack/react-table": "^8.21.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",
@@ -77,7 +78,8 @@
     "typescript-eslint": "^8.30.1",
     "vite": "^6.3.5",
     "vitest": "^3.2.4",
-    "web3-utils": "^4.3.1"
+    "web3-utils": "^4.3.1",
+    "@tanstack/react-table": "^8.21.3"
   },
   "dependencies": {}
 }