@js-smart/react-kit 1.2.0 → 4.1.0

package/lib/components/NextLink.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+/**
+ * Reusable custom Next.js 13 Link component.
+ *
+ * @param props Properties of the React Node
+ *
+ * @author Pavan Kumar Jadda
+ * @since 0.3.2
+ */
+export declare function NextLink(props: {
+    href: string;
+    linkText?: string;
+    target?: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/lib/components/table/TablePaginationActions.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface TablePaginationActionsProps {
+    count: number;
+    page: number;
+    rowsPerPage: number;
+    onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
+}
+export declare function TablePaginationActions(props: TablePaginationActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/tabs/TabPanel.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export declare function TabPanel(props: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function a11yProps(index: number): {
+    id: string;
+    'aria-controls': string;
+};
+interface TabPanelProps {
+    children?: React.ReactNode;
+    index: number;
+    value: string;
+}
+export {};

package/lib/types/ProgressState.d.ts

@@ -1,7 +1,7 @@
 export interface ProgressState {
-    loading: boolean;
-    success: boolean;
-    error: boolean;
-    complete: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+    isComplete: boolean;
     message: string;
 }

package/lib/utils/CssUtils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Get the value of a CSS variable
+ *
+ * @param variable The name of the CSS variable
+ *
+ * @returns The value of the CSS variable
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.6.0
+ */
+export declare function getCssVariable(variable: string): string;

package/lib/utils/DateUtils.d.ts

@@ -1,6 +1,6 @@
 /**
  * Sets Cookie expiration to 24 hours. By default, server sets 60 minutes expiration but after each API request it extends to another 60 minutes. In client side set 24 hours as expiration date,
- * if the user hasn't refreshed web page in 60 minutes, they would get HTTP 401 error and redirected to login page. And redirect URL will be stored in cookie
+ * if the user hasn't refreshed web page in 60 minutes, they would get HTTP 401 isError and redirected to login page. And redirect URL will be stored in cookie
  *
  * @author Pavan Kumar Jadda
  * @since 0.2.30

package/lib/utils/ProgressStateUtils.d.ts

@@ -20,7 +20,7 @@ export declare const initializeState: () => ProgressState;
  */
 export declare const markLoading: (progressState: ProgressState) => ProgressState;
 /**
- * Update state as success
+ * Update state as isSuccess
  *
  * @return ProgressState Updated State Object
  *
@@ -29,7 +29,7 @@ export declare const markLoading: (progressState: ProgressState) => ProgressStat
  */
 export declare const markSuccess: (progressState: ProgressState, message?: string) => ProgressState;
 /**
- * Update state as failure or error
+ * Update state as failure or isError
  *
  * @return ProgressState Updated State Object
  *

package/lib/utils/fetchClient.d.ts

@@ -4,7 +4,7 @@
  * @param {string} url - The URL to request.
  * @param {RequestInit} [options] - Options for the fetch request.
  * @returns {Promise<T>} - A promise that resolves to the JSON response of type T.
- * @throws {Error} - Throws an error if the response is not OK.
+ * @throws {Error} - Throws an isError if the response is not OK.
  *
  * @author Pavan Kumar Jadda
  * @since 1.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@js-smart/react-kit",
   "private": false,
-  "version": "1.2.0",
+  "version": "4.1.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "publishConfig": {

package/style.css

@@ -0,0 +1 @@
+:root{--primary-color: #153d77;--secondary-color: #607d8b;--success-color: #198754;--error-color: #ff1744;--white-color: #fff;--background-color: #dedede;--pdf-color: #f40f02;--word-document-color: #2b579a}