@star-insure/sdk 3.3.1 → 4.1.0

package/dist/types/misc/index.d.ts

@@ -9,7 +9,7 @@ export interface FilterOption {
     label: string;
     name: string;
     options?: FilterValue[];
-    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist';
+    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column';
 }
 export interface FilterValue {
     label: string;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@star-insure/sdk",
     "description": "The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.",
     "author": "alexclark_nz",
-    "version": "3.3.1",
+    "version": "4.1.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -21,7 +21,7 @@
         "dev": "tsdx watch",
         "start": "tsdx watch",
         "build": "tsdx build",
-        "test": "tsdx test --passWithNoTests",
+        "test": "TZ='Pacific/Auckland' tsdx test --passWithNoTests",
         "lint": "tsdx lint",
         "prepare": "tsdx build",
         "size": "size-limit",

package/src/components/common/Modal.tsx

@@ -7,10 +7,11 @@ interface Props {
     isActive?: boolean;
     onClose: () => void;
     title?: string;
+    width?: string;
     className?: string;
 }
 
-export default function Modal({ children, isActive = false, onClose, title, className = '' }: Props) {
+export default function Modal({ children, isActive = false, onClose, title, width = '', className = '' }: Props) {
     return (
         <Transition.Root show={isActive} as={Fragment}>
             <Dialog as="div" className="fixed z-[110] inset-0 overflow-y-auto" onClose={onClose}>
@@ -36,7 +37,7 @@ export default function Modal({ children, isActive = false, onClose, title, clas
                         leaveFrom="opacity-100 translate-y-0 sm:scale-100"
                         leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                     >
-                        <div className={`${className} w-full align-start inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-3xl sm:p-6`}>
+                        <div className={`${className} w-full align-start inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-7xl sm:p-6 ${width}`}>
                             <div className={`flex gap-4 mb-4 text-asphalt ${title ? 'border-b-2 border-asphalt pb-4' : ''}`}>
                                 {title && <h3 className="font-black text-lg">{title}</h3>}
                                 <button type="button" onClick={onClose} className="ml-auto transition-all hover:opacity-50">

package/src/components/common/Toasts.tsx

@@ -7,7 +7,7 @@ export default function Toasts() {
     const { toasts } = useToast();
 
     return (
-        <div className="fixed bottom-4 right-4 z-[110] flex flex-col gap-6">
+        <div className="fixed bottom-4 right-4 z-[120] flex flex-col gap-6">
             {toasts.map((toast: Toast) => (
                 <ToastItem {...toast} key={toast._id} />
             ))}

package/src/components/tables/TableRow.tsx

@@ -4,14 +4,14 @@ import cn from 'classnames';
 interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
     children: React.ReactNode;
     className?: string;
-    onClick?: () => void;
+    onClick?: (e?: React.SyntheticEvent) => void;
 }
 
 export default function TableRow({ children, className = '', onClick = () => {}, ...props }: Props) {
     const bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50'
 
     return (
-        <tr {...props} className={cn(className, bgClass, 'hover:bg-gray-100')} onClick={onClick}>
+        <tr {...props} className={cn(className, bgClass, 'hover:bg-gray-100')} onClick={(e) => onClick(e)}>
             {children}
         </tr>
     )

package/src/lib/dates.ts

@@ -1,30 +1,111 @@
 import { format, parse } from "date-fns";
 
-export function parseDate(dateString: string): Date {
-    // Make sure we've only got 10 characters
-    return parse(dateString.substring(0, 10), 'yyyy-MM-dd', new Date());
+/**
+ * Formats a date like "Jan 1, 2022 at 9:50am"
+ */
+export function formatDateNice(date: string|null|undefined, includeTime: boolean = true) {
+    const formatString = includeTime ? "MMM d, yyyy 'at' h:mma" : 'MMM d, yyyy';
+    const formatFunc = includeTime ? formatDateTime : formatDate;
+
+    return formatFunc(date, formatString);
 }
 
-export function parseDateTime(dateTimeString: string): Date {
-    return parse(dateTimeString, 'yyyy-MM-dd HH:mm:ss', new Date());
+/**
+ * Formats a date like "01/01/2022 09:50"
+ */
+export function formatDateForTable(date: string|null|undefined, includeTime: boolean = true) {
+    return includeTime ? formatDateTime(date) : formatDate(date);
 }
 
 /**
- * Formats a date like "Jan 1, 2022 at 9:50am"
+ * Formats a date to Star Insure standard format - dd/mm/yyyy
  */
-export function formatDateNice(date: string, includeTime: boolean = true) {
-    const formatString = includeTime ? "MMM d, yyyy 'at' h:mma" : 'MMM d, yyyy';
-    const parsed = includeTime ? parseDateTime(date) : parseDate(date);
+export function formatDate(date: Date|string|null|undefined, overrideFormatString?: string) {
+    // If date is undefined or null
+    if (!date) {
+        return '';
+    }
+
+    const formatString = overrideFormatString || 'dd/MM/yyyy';
+
+    // If date is a date object
+    if (date instanceof Date) {
+        return format(date, formatString);
+    }
+
+    /*
+     * If date is a string, first attempt to parse it in non-standard formats
+     * Only parse the first 10 characters of the string
+     * dd/MM/yyyy, dd-MM-yyyy, dd.MM.yyyy
+     */
+    const nonStandardDate = date
+        .substring(0, 10)
+        .split('-').join('/')
+        .split('.').join('/');
 
-    return format(parsed, formatString);
+    const parsedDate = parse(nonStandardDate, 'dd/MM/yyyy', new Date());
+    if (parsedDate.toString() !== 'Invalid Date') {
+        return format(parsedDate, formatString);
+    }
+
+    // Then attempt to parse it natively
+    const nativelyParsedDate = new Date(date);
+    if (nativelyParsedDate.toString() !== 'Invalid Date') {
+        return format(nativelyParsedDate, formatString);
+    }
+
+    return '';
 }
 
 /**
- * Formats a date like "01/01/2022 9:50AM"
+ * Formats a dateTime to Star Insure standard format - dd/mm/yyyy hh:mm
  */
-export function formatDateForTable(date: string, includeTime: boolean = true) {
-    const formatString = includeTime ? 'dd/MM/yyyy h:mma' : 'dd/MM/yyyy';
-    const parsed = includeTime ? parseDateTime(date) : parseDate(date);
+export function formatDateTime(dateTime: Date|string|null|undefined, overrideFormatString?: string) {
+    // If date is undefined or null
+    if (!dateTime) {
+        return '';
+    }
+
+    const formatString = overrideFormatString || 'dd/MM/yyyy HH:mm';
+
+    // If date is a date object
+    if (dateTime instanceof Date) {
+        return format(dateTime, formatString);
+    }
+
+    /*
+     * If date is a string, first attempt to parse it in non-standard formats
+     * dd/MM/yyyy HH:mm, dd-MM-yyyy HH:mm, dd.MM.yyyy HH:mm,
+     * dd/MM/yyyy hh:mm a, dd-MM-yyyy hh:mm a, dd.MM.yyyy hh:mm a,
+     * dd/MM/yyyy HH:mm:ss, dd-MM-yyyy HH:mm:ss, dd.MM.yyyy HH:mm:ss,
+     * dd/MM/yyyy hh:mm:ss a, dd-MM-yyyy hh:mm:ss a, dd.MM.yyyy hh:mm:ss a
+     */
+    const nonStandardDateTime = dateTime
+        // Remove commas between date and time
+        .split(',').join('')
+
+        // Only parse the first 22 characters of the string
+        .substring(0, 22)
+
+        // Replace dashes and dots with slashes
+        .split('-').join('/')
+        .split('.').join('/');
+
+    const is12Hour = ['AM', 'PM'].includes(nonStandardDateTime.slice(-2).toUpperCase());
+    const hasSeconds = nonStandardDateTime.split(':').length === 3;
+
+    const nonStandardFormat = (`dd/MM/yyyy ${is12Hour ? 'hh' : 'HH'}:mm${hasSeconds ? ':ss' : ''} ${is12Hour ? 'a' : ''}`).trim();
+
+    const parsedDateTime = parse(nonStandardDateTime, nonStandardFormat, new Date());
+    if (parsedDateTime.toString() !== 'Invalid Date') {
+        return format(parsedDateTime, formatString);
+    }
+
+    // Then attempt to parse it natively
+    const nativelyParsedDateTime = new Date(dateTime);
+    if (nativelyParsedDateTime.toString() !== 'Invalid Date') {
+        return format(nativelyParsedDateTime, formatString);
+    }
 
-    return format(parsed, formatString);
+    return '';
 }

package/src/lib/money.ts

@@ -52,7 +52,11 @@ export function gstCalc(input: number|string): {
 /**
  * Formats a value nicely
  */
- export function formatMoney(value: string|number, decimals: number = 2): string {
+export function formatMoney(value: string|number|null|undefined, decimals: number = 2): string {
+    if (value === null || value === undefined) {
+        return '';
+    }
+
     let toFormat = value;
     if (typeof value === 'string') {
         toFormat = value.replace(/[^\d.-]/g, '')

package/src/types/misc/index.ts

@@ -11,7 +11,7 @@ export interface FilterOption {
     label: string;
     name: string;
     options?: FilterValue[];
-    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist';
+    type?: 'options' | 'date' | 'greaterThan' | 'scope' | 'select' | 'datalist' | 'column';
 }
 
 export interface FilterValue {