pace-table-lib 0.0.2 → 1.0.1

package/README.md

@@ -1,12 +1,12 @@
-# 📋 pace-table-lib
-
-A lightweight, reusable, and customizable React Table component built with TypeScript. Ideal for rendering tabular data with dynamic columns and content.
-
----
-
-## 📦 Installation
-
-Install the library in your project:
-
-```bash
-npm install pace-table-lib
+# 📋 pace-table-lib
+
+A lightweight, reusable, and customizable React Table component built with TypeScript. Ideal for rendering tabular data with dynamic columns and content.
+
+---
+
+## 📦 Installation
+
+Install the library in your project:
+
+```bash
+npm install pace-table-lib

package/dist/components/StaticTable/HelperFunctions.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+import { BgColorObj, DisplayUnitsType } from "./StaticTableTypeDec.types";
+export declare function getSpan(arr: string[][], index: number, level: number): number;
+export declare function getCleanString(dimensionMark: string): string;
+export declare function isFirstOccurrence(arr: string[][], index: number, level: number): boolean;
+export declare function getBgColorForCell(dataIndex: number, colorObj: BgColorObj): string;
+export declare function getBgColor(obj: any, type: "row" | "dataField" | "column"): BgColorObj;
+export declare function formatValue(value: any, format: string, decimalValues?: number, displayUnit?: DisplayUnitsType): any;
+export declare function getFontStyleObj(stylePayload: any): CSSProperties;
+export declare function interpolateColor(minColor: string, maxColor: string, ratio: number): string;
+export declare function computeMatrix<T>(rawDataMatrix: number[][], mode: "All" | "Column-wise" | "Row-wise", transformFn: (v: number, min: number, max: number) => T): T[][];

package/dist/components/StaticTable/StaticTable.d.ts

@@ -0,0 +1,4 @@
+import "react-virtualized/styles.css";
+import "./StaticTable.scss";
+import { StaticTableProps } from "./StaticTableTypeDec.types";
+export default function StaticTable({ tableData, leftFixedCellNameList, tableStyleProps, tableWidth, tableHeight, measureFormatConfigs }: StaticTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StaticTable/StaticTableConst.d.ts

@@ -0,0 +1,64 @@
+export declare const TOTAL = "Total";
+export declare const BORDER_STYLE = "1px solid #ccc";
+export declare const MONTHS_SHORT: string[];
+export declare const MONTHS_FULL: string[];
+export declare const DATE_FORMATS: string[];
+export declare const EXCEL_EPOCH_OFFSET = 25569;
+export declare const DATE_FORMAT_OBJ: {
+    readonly DD_MM_YYYY: "DD-MM-YYYY";
+    readonly MM_DD_YYYY: "MM-DD-YYYY";
+    readonly YYYY_MM_DD: "YYYY-MM-DD";
+    readonly YYYY: "YYYY";
+    readonly DD_MM: "DD-MM";
+    readonly MMM_YY: "MMM-YY";
+    readonly YY_MMM: "YY-MMM";
+    readonly MM_YYYY: "MM-YYYY";
+    readonly YYYY_MM: "YYYY-MM";
+    readonly MMMM_YYYY: "MMMM-YYYY";
+    readonly MMMM_YY: "MMMM-YY";
+    readonly DD_MMM: "DD-MMM";
+    readonly DD_MMM_YY: "DD-MMM-YY";
+    readonly DD_MMM_YYYY: "DD-MMM-YYYY";
+};
+export declare const COLOR_BAND_TYPE: {
+    NO_FILL: string;
+    SINGLE: string;
+    ROW_BAND: string;
+    COLUMN_BAND: string;
+};
+export declare const BACKGROUND_COLOR_KEY_MAP: Record<"row" | "dataField" | "column", {
+    backgroundKey: string;
+    customKey: string;
+    oddKey: string;
+    evenKey: string;
+    bandType: string;
+}>;
+export declare const DEFAULT_BG_COLOR = "#ffffff";
+export declare const DISPLAY_UNITS_OBJ: {
+    readonly NONE: "None";
+    readonly THOUSANDS: "Thousands";
+    readonly MILLIONS: "Millions";
+    readonly BILLIONS: "Billions";
+};
+export declare const VALUE_FORMAT_OBJ: {
+    readonly PERCENT_SHORT: ",.0%";
+    readonly PERCENT: "Percentage";
+    readonly GENERAL_EMPTY: "";
+    readonly GENERAL: "General";
+    readonly SCIENTIFIC_SHORT: ".2n";
+    readonly SCIENTIFIC: "Scientific";
+    readonly CURRENCY_USD_SHORT: ".2$";
+    readonly CURRENCY_USD: "Currency-USD";
+    readonly CURRENCY_CAD_SHORT: ".2c";
+    readonly CURRENCY_CAD: "Currency-CAD";
+    readonly CURRENCY_EUR_SHORT: ".2ē";
+    readonly CURRENCY_EUR: "Currency-EUR";
+    readonly CURRENCY_CHF_SHORT: ".2ch";
+    readonly CURRENCY_CHF: "Currency-CHF";
+    readonly CURRENCY_GBP_SHORT: ".2£";
+    readonly CURRENCY_GBP: "Currency-UK";
+    readonly CURRENCY_INR_SHORT: ".2₹";
+    readonly CURRENCY_INR: "Currency-INR";
+    readonly COMMA_SHORT: ",";
+    readonly COMMA: "Comma Separated";
+};

package/dist/components/StaticTable/StaticTableTypeDec.types.d.ts

@@ -0,0 +1,233 @@
+import { CSSProperties } from "react";
+import { DISPLAY_UNITS_OBJ } from "./StaticTableConst";
+export declare enum TotalHeaderPos {
+    Start = "Start",
+    End = "End"
+}
+export type StaticTableProps = {
+    tableData: TableDataTypes;
+    leftFixedCellNameList: string[];
+    tableStyleProps: TableStyleConfig;
+    tableWidth: number;
+    tableHeight: number;
+    measureFormatConfigs?: MeasureFormatObj[];
+};
+export type DisplayUnitsType = typeof DISPLAY_UNITS_OBJ[keyof typeof DISPLAY_UNITS_OBJ];
+type MeasureFormatObj = {
+    measureName?: string;
+    numberFormat: string;
+    decimalPrecision: number;
+    displayUnits: DisplayUnitsType;
+};
+export type CellRendererProps = {
+    columnIndex: number;
+    rowIndex: number;
+    key: string;
+    style: CSSProperties;
+};
+export type BgColorObj = {
+    oddColor: string;
+    evenColor: string;
+};
+type TableDataTypes = {
+    customSortRowwise: string[];
+    uniqueTitleMembers: string[];
+    maximumValueInTable: number;
+    minimumValueInTable: number;
+    maxValueInRowTotalColumn: number;
+    minValueInRowTotalColumn: number;
+    maxValueInColumnTotalRow: number;
+    minValueInColumnTotalRow: number;
+    columnTotalRow: {
+        columnTotal: number;
+        maxValueInColumn: number;
+        minValueInColumn: number;
+    }[];
+    dimensionMarks: string[][];
+    grandTotal: number;
+    measuresBySlice: {
+        sliceMark: string[];
+        measures: number[];
+        measureNames: string[];
+        rowTotal: number;
+        maxValueInRow: number;
+        minValueInRow: number;
+    }[];
+    totalNumberOfRows: number;
+};
+type TableStyleConfig = {
+    ToolTip: {
+        ToolTipNumberFormat: "Comma Separated" | string;
+        ToolTipVisibility: boolean;
+        ToolTipDecimalPrecision: number;
+    };
+    SparkLine: {
+        SparkLineButton: boolean;
+        SparkLineMarkerColor: string;
+        MinMaxLineColor: string;
+        Position: "Start" | "End" | string;
+        HideMarkerButton: boolean;
+        BoxBorderColor: string;
+        BoxFillColor: string;
+        SparkLineAlias: string;
+        PositiveBarChartColor: string;
+        ThresholdValue: number;
+        SparkLineWidth: number;
+        SparkLineType: "Line" | "Bar" | string;
+        MedianColor: string;
+        ThresholdColor: string;
+        ZeroBarChartColor: string;
+        NegativeBarChartColor: string;
+        BarSpacing: number;
+        SparkLineColor: string;
+        BarWidth: number;
+    };
+    ColumnHeader: {
+        OddColumnHeadercolor: string;
+        ColumnSortButton: boolean;
+        ColumnVerticalLineWidth: number;
+        ColumnDisplayUnits: "None" | string;
+        ColumnHeaderFontStyle: string[];
+        ColumnVerticalLineColor: string;
+        ColumnHorizontalLineButton: boolean;
+        ColumnHorizontalLineStyle: "solid" | string;
+        ColumnDecimalPrecision: number;
+        EvenColumnHeadercolor: string;
+        ColumnHorizontalLineColor: string;
+        ColumnHeaderBackgroundcolor: "Single" | string;
+        ColumnHorizontalLineWidth: number;
+        ColumnVerticalLineButton: boolean;
+        ColumnVerticalLineStyle: "solid" | string;
+        CustomColumnHeaderBackgroundcolor: string;
+        ColumnSort: string[];
+        Textalign: "Center" | "Left" | "Right" | string;
+        ColumnHeaderWidth: number;
+        ColumnDisplayUnitsLabel: boolean;
+        ColumnHeaderFontSize: number;
+        HideColumnHeader: boolean;
+        ColumnHeaderFontWeight: "Normal" | "Bold" | string;
+        ColumnHeaderColor: string;
+        ColumnHeaderFontFamily: string;
+    };
+    Table: {
+        RowHeight: number;
+        FixHeaderWidth: number;
+        TableWidth: number;
+        ColumnWrapText: boolean;
+        Conditionalformatting: unknown | null;
+        RowWrapText: boolean;
+        EnablePagination: boolean;
+        FitTable: boolean;
+        ShowZeroRows: boolean;
+        colOrRowHeaderName: string;
+        ConditionalformattingOnOff: boolean;
+    };
+    DataField: {
+        DataFieldFontSize: number;
+        DataFieldVerticalLineColor: string;
+        SubtotalAggregationBy: "Sum" | "Average" | string;
+        measureDataFieldDecimalPrecision: number;
+        DataFieldVerticalLineButton: boolean;
+        DataFieldFontFamily: string;
+        DataFieldFontStyle: string[];
+        DataFieldVerticalLineWidth: number;
+        DataFieldHorizontalLineButton: boolean;
+        selectMeasure: string;
+        CustomDataFieldBackgroundcolor: string;
+        TotalHeaderPosition: "Start" | "End" | string;
+        DataFieldFontWeight: "Normal" | "Bold" | string;
+        OddDataFieldcolor: string;
+        EvenDataFieldcolor: string;
+        DataFieldBackgroundcolor: "Row Band" | "Single" | string;
+        measureNumberFormat: string;
+        ColumnTotal: boolean;
+        DataFieldHorizontalLineColor: string;
+        Textalign: "Left" | "Right" | "Center" | string;
+        DataFieldDisplayUnitsLabel: boolean;
+        DataFieldColor: string;
+        DisplayUnits: DisplayUnitsType;
+        RowTotal: boolean;
+        DataFieldDisplayUnits: "None" | string;
+        DataFieldDecimalPrecision: number;
+        measureDisplayUnits: "None" | string;
+        DataFieldHorizontalLineWidth: number;
+        GrandTotal: boolean;
+        DataFieldVerticalLineStyle: "solid" | string;
+        DataFieldHorizontalLineStyle: "solid" | string;
+        NumberFormat: "Comma Separated" | string;
+    };
+    KPI: {
+        KPIBaseFormat: "All" | "Column-wise" | "Row-wise";
+        KPIVisibility: boolean;
+        KPIMaxColor: string;
+        showContributionToToolTip: boolean;
+        KPIMinColor: string;
+    };
+    RowHeader: {
+        RowHeaderFontFamily: string;
+        RowHeaderFontSize: number;
+        CustomRowHeaderBackgroundcolor: string;
+        RowHeaderColor: string;
+        EvenRowHeadercolor: string;
+        RowSortButton: boolean;
+        RowHeaderFontStyle: string[];
+        VerticalLineColor: string;
+        RowSort: string[];
+        VerticalLineStyle: "solid" | string;
+        VerticalLineWidth: number;
+        RowDecimalPrecision: number;
+        Textalign: "Center" | "Left" | "Right" | string;
+        HorizontalLineButton: boolean;
+        HorizontalLineColor: string;
+        VerticalLineButton: boolean;
+        HorizontalLineWidth: number;
+        HorizontalLineStyle: "solid" | string;
+        RowHeaderBackgroundcolor: "Single" | "Row Band" | string;
+        OddRowHeadercolor: string;
+        HideRowHeader: boolean;
+        RowDisplayUnitsLabel: boolean;
+        RowDisplayUnits: "None" | string;
+        RowHeaderFontWeight: "Normal" | "Bold" | string;
+    };
+    HeatMap: {
+        HeatMapMaxColor: string;
+        ShowHeatMap: boolean;
+        HeatMapMinColor: string;
+        HeatMapView: "All" | "Column-wise" | "Row-wise";
+    };
+    TableTitle: {
+        TableTitleFontStyle: string[];
+        TableTitleText: string;
+        TableTitleFontFamily: string;
+        FormulaID: string;
+        TableTitleFontWeight: "Normal" | "Bold" | string;
+        DynamicTitleText: string;
+        TableTitleHTML: string;
+        TableTitleColor: string;
+        TableTitleFontSize: number;
+        Textalign: "Left" | "Right" | "Center" | string;
+        TableTitleVisibility: boolean;
+    };
+    undoRedo: {
+        isFromUndo: boolean;
+        isFromOnChange: boolean;
+    };
+    Border: {
+        HorizontalBorderLineStyle: "solid" | string;
+        HorizontalBorderLineWidth: number;
+        BorderButtonVisibility: boolean;
+        HorizontalBorderLineColor: string;
+        LineStyle: "solid" | string;
+        HorizontalBorderLineButton: boolean;
+        LineColor: string;
+        VerticalBorderLineWidth: number;
+        LineWidth: number;
+        VerticalBorderLineButton: boolean;
+        VerticalBorderLineColor: string;
+        VerticalBorderLineStyle: "solid" | string;
+    };
+    Styles: {
+        idOfAppliedStyle: string;
+    };
+};
+export {};

package/dist/index.d.ts

@@ -1 +1,2 @@
-export { default as Table } from "./components/tables/Table";
+import "./styles/fonts.css";
+export { default as StaticTable } from "./components/StaticTable/StaticTable";