@quillsql/react 2.11.24 → 2.11.26

package/dist/esm/utils/valueFormatter.d.ts

@@ -1,5 +1,5 @@
 import { type AxisFormat } from '../Dashboard';
-type Field = {
+export type Field = {
     _id: string;
     label: string;
     field: string;
@@ -11,6 +11,7 @@ type Props = {
     fields: Field[];
 };
 export declare const DATE_FORMAT_TYPES: string[];
+export declare const NUMBER_FORMAT_TYPES: string[];
 /**
  * Pretty-prints the given values to their nice-looking string form.
  */

package/dist/esm/utils/valueFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6BAA8B,KAAK,KAAG,MAwChE,CAAC;AAEF,eAAO,MAAM,WAAW;WAIf,GAAG;YACF,MAAM;MACZ,MAoCH,CAAC;AAoMF,eAAO,MAAM,aAAa;;;;WAGhB,MAAM,KACb,MA6CF,CAAC"}
+{"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6BAA8B,KAAK,KAAG,MAwChE,CAAC;AAEF,eAAO,MAAM,WAAW;WAIf,GAAG;YACF,MAAM;MACZ,MAwCH,CAAC;AAoMF,eAAO,MAAM,aAAa;;;;WAGhB,MAAM,KACb,MA6CF,CAAC"}

package/dist/esm/utils/valueFormatter.js

@@ -9,6 +9,13 @@ export const DATE_FORMAT_TYPES = [
     'MMM_dd_hh:mm_ap_pm',
     'wo, yyyy',
 ];
+export const NUMBER_FORMAT_TYPES = [
+    'whole_number',
+    'one_decimal_place',
+    'two_decimal_places',
+    'dollar_amount',
+    'dollar_cents',
+];
 /**
  * Pretty-prints the given values to their nice-looking string form.
  */
@@ -50,6 +57,10 @@ export const valueFormatter = ({ value, field, fields }) => {
     return formatString(value); // by default make this value a string
 };
 export const quillFormat = ({ value, format, }) => {
+    // Handle special case, if value is null and format is numeric display '-'
+    if (value === null && NUMBER_FORMAT_TYPES.includes(format)) {
+        return '-';
+    }
     const HANDLERS = {
         percent: formatPercent,
         dollar_amount: formatDollarAmount,

package/package.json

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

package/dist/cjs/utils/types.d.ts

@@ -1,4 +0,0 @@
-import { Field } from '../hooks/useQuill';
-import { Column } from '../models/Tables';
-export declare function getPostgresBasicType(field: Field | Column): string;
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/utils/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAgDlE"}

package/dist/cjs/utils/types.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPostgresBasicType = void 0;
-function getPostgresBasicType(field) {
-    let format;
-    // first check if column.dataTypeID exists
-    if ('dataTypeID' in field) {
-        switch (field.dataTypeID) {
-            case 20: // int8
-            case 21: // int2
-            case 23: // int4
-            case 700: // float4
-            case 701: // float8
-            case 1700: // numeric
-                format = 'number';
-                break;
-            case 1082: // date
-            case 1083: // time
-            case 1184: // timestamptz
-            case 1114: // timestamp
-                format = 'date';
-                break;
-            case 1043: // varchar
-            default:
-                format = 'string';
-        }
-    }
-    else if (field.fieldType) {
-        // if column.dataTypeID doesn't exist, check column.fieldType
-        switch (field.fieldType) {
-            case 'int8':
-            case 'int2':
-            case 'int4':
-            case 'float4':
-            case 'float8':
-            case 'numeric':
-                format = 'number';
-                break;
-            case 'date':
-            case 'time':
-            case 'timestamptz':
-            case 'timestamp':
-                format = 'date';
-                break;
-            case 'varchar':
-            default:
-                format = 'string';
-        }
-    }
-    return format || 'string';
-}
-exports.getPostgresBasicType = getPostgresBasicType;

package/dist/cjs/utils/valueFormatterCSV.d.ts

@@ -1,17 +0,0 @@
-export type Field = {
-    _id: string;
-    label: string;
-    field: string;
-    format: 'percent';
-};
-type Props = {
-    value: string | number | boolean | undefined | null;
-    field: string | undefined | null;
-    fields: Field[];
-};
-/**
- * Formats a value to CSV-format.
- */
-export declare const valueFormatterCSV: ({ value, field, fields, }: Props) => string | number | boolean;
-export {};
-//# sourceMappingURL=valueFormatterCSV.d.ts.map

package/dist/cjs/utils/valueFormatterCSV.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"valueFormatterCSV.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatterCSV.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8BAI3B,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA+B5B,CAAC"}

package/dist/cjs/utils/valueFormatterCSV.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.valueFormatterCSV = void 0;
-const date_fns_1 = require("date-fns");
-const date_fns_tz_1 = require("date-fns-tz");
-/**
- * Formats a value to CSV-format.
- */
-const valueFormatterCSV = ({ value, field, fields, }) => {
-    if (field === undefined || field === null)
-        return '';
-    if (value === undefined || value === null)
-        return '';
-    const fieldInfo = fields.find((f) => f.field === field);
-    if (!fieldInfo)
-        return '';
-    const HANDLERS = {
-        percent: formatPercent,
-        dollar_amount: formatDollarAmount,
-        dollar_cents: formatDollarCents,
-        whole_number: formatWholeNumber,
-        one_decimal_place: formatOneDecimalPlace,
-        two_decimal_places: formatTwoDecimalPlaces,
-        string: formatString,
-        yyyy: format_YYYY,
-        MMM_yyyy: format_MMM_yyyy,
-        MMM_dd_yyyy: format_MMM_dd_yyyy,
-        hh_ap_pm: format_hh_ap_pm,
-        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
-        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
-        'wo, yyyy': format_wo_yyyy,
-    };
-    // try to handle this value using the associated formatType handler
-    const formatType = fieldInfo.format;
-    if (Object.keys(HANDLERS).includes(formatType)) {
-        return HANDLERS[formatType](value);
-    }
-    return formatString(value); // by default make this value a string
-};
-exports.valueFormatterCSV = valueFormatterCSV;
-/**
- * HELPER FUNCTION DEFINITIONS
- */
-const formatString = (value) => {
-    if (typeof value === 'object') {
-        return JSON.stringify(value);
-    }
-    return value.toString();
-};
-const formatDollarAmount = (value) => Number(value ?? 0);
-const formatDollarCents = (value) => Number(value ?? 0);
-const formatWholeNumber = (value) => Math.round(Number(value));
-const formatOneDecimalPlace = (value) => Number(value).toFixed(1);
-const formatTwoDecimalPlaces = (value) => Number(value).toFixed(2);
-const formatPercent = (value) => {
-    const absoluteValue = isNaN(Number(value)) ? 0 : Math.abs(Number(value));
-    if (absoluteValue < 1.0) {
-        return Number(value);
-    }
-    return Number(value) / 100.0;
-};
-const _getUTCDateHelper = (value, fmt) => {
-    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
-    if (!(0, date_fns_1.isValid)(utcDate))
-        return 'Invalid date';
-    return (0, date_fns_1.format)(utcDate, fmt);
-};
-const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
-const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
-const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
-const format_MMM_dd_yyyy = (value) => _getUTCDateHelper(value, 'dd MMM yyyy');
-const format_MMM_dd_MMM_dd = (value) => {
-    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
-    if (!(0, date_fns_1.isValid)(utcDate))
-        return 'Invalid date';
-    const monday = (0, date_fns_1.startOfWeek)(utcDate, { weekStartsOn: 1 });
-    const sunday = (0, date_fns_1.endOfWeek)(utcDate, { weekStartsOn: 1 });
-    // Check if start and end are in the same month
-    if ((0, date_fns_1.format)(monday, 'MMM') === (0, date_fns_1.format)(sunday, 'MMM')) {
-        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'dd')}`;
-    }
-    else {
-        return `${(0, date_fns_1.format)(monday, 'MMM dd')} - ${(0, date_fns_1.format)(sunday, 'MMM dd')}`;
-    }
-};
-const format_MMM_dd_hh_mm_ap_pm = (value) => {
-    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
-    if (!(0, date_fns_1.isValid)(utcDate))
-        return 'Invalid date';
-    const formatStr = utcDate.getMinutes() === 0 ? 'MMM do h a' : 'MMM do h:mm a';
-    const res = (0, date_fns_1.format)(utcDate, formatStr);
-    return res.slice(0, -2) + res.slice(-2).toLowerCase();
-};
-const format_wo_yyyy = (value) => {
-    const utcDate = (0, date_fns_tz_1.utcToZonedTime)(new Date(value), 'UTC');
-    if (!(0, date_fns_1.isValid)(utcDate))
-        return 'Invalid date';
-    return `${(0, date_fns_1.getWeek)(utcDate)},${utcDate.getFullYear()}`;
-};

package/dist/esm/utils/types.d.ts

@@ -1,4 +0,0 @@
-import { Field } from '../hooks/useQuill';
-import { Column } from '../models/Tables';
-export declare function getPostgresBasicType(field: Field | Column): string;
-//# sourceMappingURL=types.d.ts.map

package/dist/esm/utils/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAgDlE"}

package/dist/esm/utils/types.js

@@ -1,48 +0,0 @@
-export function getPostgresBasicType(field) {
-    let format;
-    // first check if column.dataTypeID exists
-    if ('dataTypeID' in field) {
-        switch (field.dataTypeID) {
-            case 20: // int8
-            case 21: // int2
-            case 23: // int4
-            case 700: // float4
-            case 701: // float8
-            case 1700: // numeric
-                format = 'number';
-                break;
-            case 1082: // date
-            case 1083: // time
-            case 1184: // timestamptz
-            case 1114: // timestamp
-                format = 'date';
-                break;
-            case 1043: // varchar
-            default:
-                format = 'string';
-        }
-    }
-    else if (field.fieldType) {
-        // if column.dataTypeID doesn't exist, check column.fieldType
-        switch (field.fieldType) {
-            case 'int8':
-            case 'int2':
-            case 'int4':
-            case 'float4':
-            case 'float8':
-            case 'numeric':
-                format = 'number';
-                break;
-            case 'date':
-            case 'time':
-            case 'timestamptz':
-            case 'timestamp':
-                format = 'date';
-                break;
-            case 'varchar':
-            default:
-                format = 'string';
-        }
-    }
-    return format || 'string';
-}

package/dist/esm/utils/valueFormatterCSV.d.ts

@@ -1,17 +0,0 @@
-export type Field = {
-    _id: string;
-    label: string;
-    field: string;
-    format: 'percent';
-};
-type Props = {
-    value: string | number | boolean | undefined | null;
-    field: string | undefined | null;
-    fields: Field[];
-};
-/**
- * Formats a value to CSV-format.
- */
-export declare const valueFormatterCSV: ({ value, field, fields, }: Props) => string | number | boolean;
-export {};
-//# sourceMappingURL=valueFormatterCSV.d.ts.map

package/dist/esm/utils/valueFormatterCSV.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"valueFormatterCSV.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatterCSV.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8BAI3B,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA+B5B,CAAC"}

package/dist/esm/utils/valueFormatterCSV.js

@@ -1,95 +0,0 @@
-import { endOfWeek, format, getWeek, isValid, startOfWeek } from 'date-fns';
-import { utcToZonedTime } from 'date-fns-tz';
-/**
- * Formats a value to CSV-format.
- */
-export const valueFormatterCSV = ({ value, field, fields, }) => {
-    if (field === undefined || field === null)
-        return '';
-    if (value === undefined || value === null)
-        return '';
-    const fieldInfo = fields.find((f) => f.field === field);
-    if (!fieldInfo)
-        return '';
-    const HANDLERS = {
-        percent: formatPercent,
-        dollar_amount: formatDollarAmount,
-        dollar_cents: formatDollarCents,
-        whole_number: formatWholeNumber,
-        one_decimal_place: formatOneDecimalPlace,
-        two_decimal_places: formatTwoDecimalPlaces,
-        string: formatString,
-        yyyy: format_YYYY,
-        MMM_yyyy: format_MMM_yyyy,
-        MMM_dd_yyyy: format_MMM_dd_yyyy,
-        hh_ap_pm: format_hh_ap_pm,
-        'MMM_dd-MMM_dd': format_MMM_dd_MMM_dd,
-        'MMM_dd_hh:mm_ap_pm': format_MMM_dd_hh_mm_ap_pm,
-        'wo, yyyy': format_wo_yyyy,
-    };
-    // try to handle this value using the associated formatType handler
-    const formatType = fieldInfo.format;
-    if (Object.keys(HANDLERS).includes(formatType)) {
-        return HANDLERS[formatType](value);
-    }
-    return formatString(value); // by default make this value a string
-};
-/**
- * HELPER FUNCTION DEFINITIONS
- */
-const formatString = (value) => {
-    if (typeof value === 'object') {
-        return JSON.stringify(value);
-    }
-    return value.toString();
-};
-const formatDollarAmount = (value) => Number(value ?? 0);
-const formatDollarCents = (value) => Number(value ?? 0);
-const formatWholeNumber = (value) => Math.round(Number(value));
-const formatOneDecimalPlace = (value) => Number(value).toFixed(1);
-const formatTwoDecimalPlaces = (value) => Number(value).toFixed(2);
-const formatPercent = (value) => {
-    const absoluteValue = isNaN(Number(value)) ? 0 : Math.abs(Number(value));
-    if (absoluteValue < 1.0) {
-        return Number(value);
-    }
-    return Number(value) / 100.0;
-};
-const _getUTCDateHelper = (value, fmt) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    return format(utcDate, fmt);
-};
-const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
-const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
-const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
-const format_MMM_dd_yyyy = (value) => _getUTCDateHelper(value, 'dd MMM yyyy');
-const format_MMM_dd_MMM_dd = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    const monday = startOfWeek(utcDate, { weekStartsOn: 1 });
-    const sunday = endOfWeek(utcDate, { weekStartsOn: 1 });
-    // Check if start and end are in the same month
-    if (format(monday, 'MMM') === format(sunday, 'MMM')) {
-        return `${format(monday, 'MMM dd')} - ${format(sunday, 'dd')}`;
-    }
-    else {
-        return `${format(monday, 'MMM dd')} - ${format(sunday, 'MMM dd')}`;
-    }
-};
-const format_MMM_dd_hh_mm_ap_pm = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    const formatStr = utcDate.getMinutes() === 0 ? 'MMM do h a' : 'MMM do h:mm a';
-    const res = format(utcDate, formatStr);
-    return res.slice(0, -2) + res.slice(-2).toLowerCase();
-};
-const format_wo_yyyy = (value) => {
-    const utcDate = utcToZonedTime(new Date(value), 'UTC');
-    if (!isValid(utcDate))
-        return 'Invalid date';
-    return `${getWeek(utcDate)},${utcDate.getFullYear()}`;
-};