@quillsql/react 2.10.27 → 2.10.29

package/dist/esm/utils/valueFormatter.js

@@ -50,6 +50,8 @@ export const valueFormatter = ({ value, field, fields }) => {
     return formatString(value); // by default make this value a string
 };
 export const quillFormat = ({ value, format, }) => {
+    if (value === undefined || value === null)
+        return '';
     const HANDLERS = {
         percent: formatPercent,
         dollar_amount: formatDollarAmount,
@@ -68,7 +70,7 @@ export const quillFormat = ({ value, format, }) => {
     };
     // try to handle this value using the associated formatType handler
     const formatType = format;
-    if (Object.keys(HANDLERS).includes(formatType)) {
+    if (HANDLERS[formatType]) {
         // if bigquery date type, we have to pull the value out of the json
         if (DATE_FORMAT_TYPES.includes(formatType) &&
             typeof value === 'object' &&
@@ -96,38 +98,38 @@ const formatString = (value) => {
  *
  * eg. @example format(1234.567) => "$1,235"
  */
+const formatterDollar = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    maximumFractionDigits: 0,
+});
 const formatDollarAmount = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency: 'USD',
-        maximumFractionDigits: 0,
-    });
-    return formatter.format(Number(value ?? 0));
+    return formatterDollar.format(Number(value ?? 0));
 };
 /**
  * Formats the value as a (rounded) currency amount in dollars and cents.
  *
  * @example format(1234.567) => "$1,234.57"
  */
+const formatterCentsDollar = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
 const formatDollarCents = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency: 'USD',
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    });
-    return formatter.format(Number(value ?? 0));
+    return formatterCentsDollar.format(Number(value ?? 0));
 };
 /**
  * Formats the value as a (rounded) integer.
  *
  * @example format(1234.567) => "1,235"
  */
+const wholeNumberFormatter = new Intl.NumberFormat('en-US', {
+    maximumFractionDigits: 0,
+});
 const formatWholeNumber = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        maximumFractionDigits: 0,
-    });
-    return formatter.format(Number(value));
+    return wholeNumberFormatter.format(Number(value));
 };
 /**
  * Formats the value as a number rounded to exactly one decimal place.
@@ -146,12 +148,12 @@ const formatOneDecimalPlace = (value) => {
  *
  * @example format(1234.567) => "1,234.57"
  */
+const formatterTwoDecimalPlaces = new Intl.NumberFormat('en-US', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
 const formatTwoDecimalPlaces = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    });
-    return formatter.format(Number(value));
+    return formatterTwoDecimalPlaces.format(Number(value));
 };
 /**
  * Formats the value as a percentage.
@@ -166,13 +168,13 @@ const formatTwoDecimalPlaces = (value) => {
  * @example format(1234.567) => "123,456.70%"
  * @example format(99) => "9,900.00%"
  */
+const formatterPercent = new Intl.NumberFormat('en-US', {
+    style: 'percent',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+});
 const formatPercent = (value) => {
-    const formatter = new Intl.NumberFormat('en-US', {
-        style: 'percent',
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    });
-    return formatter.format(Number(value));
+    return formatterPercent.format(Number(value));
 };
 // Converts the value to a UTC date with the given format string. If the
 // resulting date is invalid, it returns "Invalid date".
@@ -216,3 +218,29 @@ const format_wo_yyyy = (value) => {
         return 'Invalid date';
     return `${getWeek(utcDate)},${utcDate.getFullYear()}`;
 };
+export const compareValues = (a, b, column) => {
+    const valueA = a[column];
+    const valueB = b[column];
+    // Null checks
+    if (valueA === null && valueB === null) {
+        return 0; // Both values are null, consider them equal
+    }
+    else if (valueA === null) {
+        return -1; // ValueA is null, consider it smaller
+    }
+    else if (valueB === null) {
+        return 1; // ValueB is null, consider it smaller
+    }
+    // For numbers
+    if (!isNaN(valueA) && !isNaN(valueB)) {
+        return valueA - valueB;
+    }
+    // For dates
+    const dateA = new Date(valueA);
+    const dateB = new Date(valueB);
+    if (!isNaN(dateA.getTime()) && !isNaN(dateB.getTime())) {
+        return dateA.getTime() - dateB.getTime();
+    }
+    // For strings
+    return valueA.localeCompare(valueB);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.10.27",
+  "version": "2.10.29",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",

package/dist/cjs/Table.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-export interface TableColumn {
-    label: string;
-    field: string;
-}
-interface ChartIdTableProps {
-    chartId: string;
-    containerStyle?: React.CSSProperties;
-    csvFilename?: string;
-}
-interface DataTableProps {
-    columns: TableColumn[];
-    rows: object[];
-    containerStyle?: React.CSSProperties;
-    csvFilename?: string;
-    showDownloadCsvButton?: boolean;
-    LoadingComponent?: () => JSX.Element;
-    loading?: boolean;
-    height?: string;
-}
-declare const Table: ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, loading, height, }: ChartIdTableProps | DataTableProps) => import("react/jsx-runtime").JSX.Element;
-interface TableButtonComponentProps {
-    onClick: () => void;
-}
-export declare function SpecialTable({ columns, rows, height, containerStyle, loading, LoadingComponent, theme, showDownloadCsvButton, csvFilename, DownloadCSVButtonComponent, AddToDashboardButtonComponent, }: {
-    columns: any[];
-    rows: any[];
-    height: string;
-    containerStyle?: React.CSSProperties;
-    loading?: boolean;
-    LoadingComponent?: () => JSX.Element;
-    theme?: any;
-    showDownloadCsvButton?: boolean;
-    csvFilename?: string;
-    DownloadCSVButtonComponent?: (props: TableButtonComponentProps) => JSX.Element;
-    AddToDashboardButtonComponent?: (props: TableButtonComponentProps) => JSX.Element;
-}): import("react/jsx-runtime").JSX.Element | null;
-export default Table;
-//# sourceMappingURL=Table.d.ts.map

package/dist/cjs/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,uHAUR,iBAAiB,GAAG,cAAc,4CAqCpC,CAAC;AAEF,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkCD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,qBAA4B,EAC5B,WAAW,EACX,0BAA0B,EAC1B,6BAA6B,GAC9B,EAAE;IACD,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,CAC3B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;IACjB,6BAA6B,CAAC,EAAE,CAC9B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;CAClB,kDAqhBA;AA6MD,eAAe,KAAK,CAAC"}

package/dist/esm/Table.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-export interface TableColumn {
-    label: string;
-    field: string;
-}
-interface ChartIdTableProps {
-    chartId: string;
-    containerStyle?: React.CSSProperties;
-    csvFilename?: string;
-}
-interface DataTableProps {
-    columns: TableColumn[];
-    rows: object[];
-    containerStyle?: React.CSSProperties;
-    csvFilename?: string;
-    showDownloadCsvButton?: boolean;
-    LoadingComponent?: () => JSX.Element;
-    loading?: boolean;
-    height?: string;
-}
-declare const Table: ({ chartId, columns, rows, containerStyle, csvFilename, showDownloadCsvButton, LoadingComponent, loading, height, }: ChartIdTableProps | DataTableProps) => import("react/jsx-runtime").JSX.Element;
-interface TableButtonComponentProps {
-    onClick: () => void;
-}
-export declare function SpecialTable({ columns, rows, height, containerStyle, loading, LoadingComponent, theme, showDownloadCsvButton, csvFilename, DownloadCSVButtonComponent, AddToDashboardButtonComponent, }: {
-    columns: any[];
-    rows: any[];
-    height: string;
-    containerStyle?: React.CSSProperties;
-    loading?: boolean;
-    LoadingComponent?: () => JSX.Element;
-    theme?: any;
-    showDownloadCsvButton?: boolean;
-    csvFilename?: string;
-    DownloadCSVButtonComponent?: (props: TableButtonComponentProps) => JSX.Element;
-    AddToDashboardButtonComponent?: (props: TableButtonComponentProps) => JSX.Element;
-}): import("react/jsx-runtime").JSX.Element | null;
-export default Table;
-//# sourceMappingURL=Table.d.ts.map

package/dist/esm/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,uHAUR,iBAAiB,GAAG,cAAc,4CAqCpC,CAAC;AAEF,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAkCD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,qBAA4B,EAC5B,WAAW,EACX,0BAA0B,EAC1B,6BAA6B,GAC9B,EAAE;IACD,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,CAC3B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;IACjB,6BAA6B,CAAC,EAAE,CAC9B,KAAK,EAAE,yBAAyB,KAC7B,GAAG,CAAC,OAAO,CAAC;CAClB,kDAqhBA;AA6MD,eAAe,KAAK,CAAC"}