@js-smart/react-kit 5.18.1 → 5.20.0

package/lib/components/DismissibleAlert.d.ts

@@ -12,6 +12,7 @@ type DismissibleAlertProps = {
     dismissible?: boolean;
     dismissOnTimeOut?: boolean;
     dismissTimeOut?: number;
+    ariaLabel?: string;
 };
 export declare function DismissibleAlert(props: Readonly<DismissibleAlertProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/NextLink.d.ts

@@ -4,6 +4,7 @@ interface Props {
     linkText?: string;
     target?: string;
     children?: React.ReactNode;
+    ariaLabel?: string;
 }
 /**
  * Reusable custom Next.js 13 Link component.

package/lib/components/OpenInNewIconLink.d.ts

@@ -4,6 +4,7 @@ interface Props {
     linkText: string;
     target: string;
     children?: React.ReactNode;
+    ariaLabel?: string;
 }
 /**
  * Reusable component to open a link in new tab and show open new icon at the end

package/lib/components/buttons/CancelButton.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
 /**
  * Reusable Success Button component properties
  *
@@ -12,11 +12,12 @@ interface CancelButtonProps {
     name?: string;
     dataCy?: string;
     sx?: SxProps<Theme>;
-    type?: "button" | "submit" | "reset";
-    variant?: "text" | "outlined" | "contained";
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     onClick: () => void;
     startIcon?: React.ReactNode;
+    ariaLabel?: string;
 }
 /**
  * Reusable Cancel Button component

package/lib/components/buttons/DeleteButton.d.ts

@@ -3,14 +3,15 @@ interface DeleteButtonProps {
     loading: boolean;
     label?: string;
     loadingLabel?: string;
-    loadingPosition?: "start" | "end" | "center";
-    type?: "button" | "submit" | "reset" | undefined;
-    variant?: "text" | "outlined" | "contained";
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    loadingPosition?: 'start' | 'end' | 'center';
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     name?: string;
     dataCy?: string;
     startIcon?: React.ReactNode;
     onClick: () => void;
+    ariaLabel?: string;
 }
 export declare function DeleteButton(props: DeleteButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/buttons/EditIconButton.d.ts

@@ -3,6 +3,7 @@ interface EditIconButtonProps {
     tooltipTitle: string;
     onClick: React.Dispatch<React.SetStateAction<boolean>>;
     color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    ariaLabel?: string;
 }
 export declare function EditIconButton(props: Readonly<EditIconButtonProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/buttons/ExcelButton.d.ts

@@ -15,6 +15,7 @@ interface SuccessButtonProps {
     onClick: () => void;
     startIcon?: React.ReactNode;
     dataCy?: string;
+    ariaLabel?: string;
 }
 /**
  * Reusable Excel Button component

package/lib/components/buttons/GoBackButton.d.ts

@@ -5,6 +5,7 @@ interface GoBackButtonProps {
     children?: React.ReactNode;
     navigate: NavigateFunction;
     color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    ariaLabel?: string;
 }
 export declare function GoBackButton(props: GoBackButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/buttons/HistoryButton.d.ts

@@ -17,6 +17,7 @@ interface HistoryButtonProps {
     startIcon?: React.ReactNode;
     variant?: 'text' | 'outlined' | 'contained';
     color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    ariaLabel?: string;
 }
 /**
  * Reusable History Button component

package/lib/components/buttons/LoadingSuccessButton.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
 /**
  * Reusable Success Button component properties
  *
@@ -8,15 +8,16 @@ import { SxProps, Theme } from '@mui/material';
  */
 interface Props {
     children?: React.ReactNode;
-    type?: "button" | "submit" | "reset";
+    type?: 'button' | 'submit' | 'reset';
     name?: string;
     loading: boolean;
     dataCy?: string;
     startIcon?: React.ReactNode;
     sx?: SxProps<Theme>;
     onClick?: () => void;
-    variant?: "text" | "outlined" | "contained";
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    ariaLabel?: string;
 }
 /**
  * Reusable Success Loading Button

package/lib/components/buttons/ManageButton.d.ts

@@ -9,6 +9,7 @@ interface ManageButtonProps {
     startIcon?: React.ReactNode;
     onClick: () => void;
     children?: React.ReactNode;
+    ariaLabel?: string;
 }
 export declare function ManageButton(props: ManageButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/buttons/SuccessButton.d.ts

@@ -17,6 +17,7 @@ interface SuccessButtonProps {
     startIcon?: React.ReactNode;
     variant?: "text" | "outlined" | "contained";
     color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    ariaLabel?: string;
 }
 /**
  * Reusable Success Button component

package/lib/constants/AppConstants.d.ts

@@ -10,6 +10,19 @@ export declare enum SystemConfig {
     SYSTEM_DATE_FORMAT = "MM/dd/yyyy",
     SYSTEM_DATE_TIME_FORMAT = "MM/dd/yyyy hh:mm:ss a",
     ISO_DATE_FORMAT = "yyyy-MM-dd",
-    SYSTEM_COOKIE_TIMEOUT_HOURS = 24,
     SYSTEM_COOKIE_TIMEOUT_MILLI_SECONDS = 3600000
 }
+/**
+ * Temporal Date Format Options
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const TEMPORAL_DATE_FORMAT: Intl.DateTimeFormatOptions;
+/**
+ * Temporal Date Time Format Options
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const TEMPORAL_DATE_TIME_FORMAT: Intl.DateTimeFormatOptions;

package/lib/utils/DateUtil.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Format date using Temporal API to App Date Time Format
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const formatToAppDateTime: (date: Date | string | undefined) => string;
+/**
+ * Format date using Temporal API to App Date Format
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const formatToAppDate: (date: Date | string | undefined) => string;
+/**
+ * Format ISO formatted date to App Date Format
+ *
+ * @param date - The ISO formatted date to format
+ * @returns The formatted date
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const formatIsoToAppDate: (date: string | undefined) => string;
+/**
+ * Format old date to ISO format date string (YYYY-MM-DD)
+ *
+ * @param date - The old date to format
+ * @returns The formatted date
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const formatOldDateToIsoString: (date: Date | string | undefined | null) => string;
+/**
+ * Format old date to ISO format date string (YYYY-MM-DD)
+ *
+ * @param date - The old date to format
+ * @returns The formatted date
+ *
+ * @author Pavan Kumar Jadda
+ * @since 0.2.30
+ */
+export declare const formatOldDateToIsoDate: (date: Date | string | undefined) => string;
+/**
+ * Parse ISO formatted date to old date object
+ *
+ * @param date - The ISO formatted date to parse
+ * @returns The parsed date
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const parseIsoDate: (date: string | undefined | null) => Date | null;
+/**
+ * Format Unix time to old date object
+ *
+ * @param date - The Unix time to format
+ * @returns The formatted date
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const formatUnixTimeToOldDate: (date: number | string | undefined) => Date | undefined;
+/**
+ * Check if date1 is after date2
+ *
+ * @param date1 - The first date to compare
+ * @param date2 - The second date to compare
+ * @returns True if date1 is after date2, false otherwise
+ *
+ * @author Pavan Kumar Jadda
+ * @since 1.10.2
+ */
+export declare const isAfter: (date1: Date | string | undefined, date2: Date | string | undefined) => boolean;

package/package.json

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

package/lib/utils/DateUtils.d.ts

@@ -1,22 +0,0 @@
-/**
- * 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 isError and redirected to login page. And redirect URL will be stored in cookie
- *
- * @author Pavan Kumar Jadda
- * @since 0.2.30
- */
-export declare const setCookieExpirationDate: () => Date;
-/**
- * Convert String format browser Date Time to ISO Date
- *
- * @author Pavan Kumar Jadda
- * @since 0.2.30
- */
-export declare const convertToIsoDate: (currentDateTime: string) => string;
-/**
- * Convert String format browser Date Time to ISO Date
- *
- * @author Pavan Kumar Jadda
- * @since 0.2.30
- */
-export declare const formatDate: (date: string | undefined, newFormat: string) => string;