@quillsql/react 2.15.3 → 2.15.4

package/package.json

@@ -1,26 +1,25 @@
 {
   "name": "@quillsql/react",
-  "version": "2.15.3",
+  "version": "2.15.4",
+  "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
-    "dev": "concurrently \"npm run dev:types:cjs\" \"npm run dev:types:esm\" \"npm run dev:esm\" \"npm run dev:cjs\"",
-    "dev:cjs": "babel src --out-dir dist/cjs --extensions \".ts,.tsx\" --copy-files --watch --env-name cjs",
-    "dev:esm": "babel src --out-dir dist/esm --extensions \".ts,.tsx\" --copy-files --watch --env-name esm",
-    "dev:types:cjs": "tsc --emitDeclarationOnly -w",
-    "dev:types:esm": "tsc --emitDeclarationOnly -w -p tsconfig.esm.json",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "lint": "eslint . --max-warnings 0",
-    "pub": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json && npm publish --access public"
+    "pub": "rm -rf dist && tsc && npm publish --access public"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
@@ -61,6 +60,7 @@
     "babel-plugin-inline-dotenv": "^1.7.0",
     "concurrently": "^9.0.1",
     "eslint": "^8.56.0",
+    "tsup": "^8.0.2",
     "typescript": "^5.3.3"
   },
   "peerDependencies": {

package/dist/cjs/Chart.d.ts

@@ -1,224 +0,0 @@
-import { ReactNode, ChangeEvent } from 'react';
-import { QuillTheme } from './models/Theme';
-import { QuillReport } from './models/Report';
-import { Filter, InternalFilter } from './models/Filter';
-import { MultiSelectComponentProps, SelectComponentProps } from './components/UiComponents';
-import { ColorMapType } from './models/Chart';
-interface BaseChartProps {
-    colors?: string[];
-    containerStyle?: React.CSSProperties;
-    className?: string;
-    isAnimationActive?: boolean;
-    hideXAxis?: boolean;
-    hideYAxis?: boolean;
-    hideCartesianGrid?: boolean;
-    hideDateRangeFilter?: boolean;
-    hideHorizontalCartesianGrid?: boolean;
-    hideVerticalCartesianGrid?: boolean;
-    hideSubsequentXAxisTicks?: boolean;
-    cartesianGridLineStyle?: 'solid' | 'dashed';
-    cartesianGridLineColor?: string;
-    comparisonLineStyle?: 'solid' | 'dashed';
-    mapColorsToFields?: (_report: QuillReport, _theme: QuillTheme) => ColorMapType;
-    LoadingComponent?: () => JSX.Element;
-    filters?: InternalFilter[];
-    onClickChartElement?: (data: any) => void;
-}
-interface WithConfig extends BaseChartProps {
-    config?: QuillReport;
-}
-export declare function isEquivalent(filters1: any[], filters2: any[]): boolean;
-/**
- * Props for the Quill Chart component.
- */
-export interface ChartProps {
-    /**
-     * The id of a report to render, if any.
-     *
-     * When a reportId is passed, the chart will first fetch the data necessary to
-     * render this chart, and then it will render the report that it receives from
-     * the server.
-     *
-     */
-    reportId: string;
-    /**
-     * A list of color strings used to color the chart.
-     *
-     * For example, a pie chart would use the colors for each section and a bar
-     * chart would use the colors for each bar.
-     */
-    colors?: string[];
-    /**
-     * Whether to show animations on render complete.
-     */
-    isAnimationActive?: boolean;
-    /**
-     * Whether to hide the x axis.
-     */
-    hideXAxis?: boolean;
-    /**
-     * Whether to hide the y axis.
-     */
-    hideYAxis?: boolean;
-    /**
-     * Whether to hide the cartesian grid lines.
-     */
-    hideCartesianGrid?: boolean;
-    /**
-     * Whether to hide the horizontal cartesian grid lines (default: false).
-     */
-    hideHorizontalCartesianGrid?: boolean;
-    /**
-     * Whether to hide the vertical cartesian grid lines (default: true).
-     */
-    hideVerticalCartesianGrid?: boolean;
-    /**
-     * Whether to hide the all but the first of the X-Axis ticks (default: false).
-     */
-    hideSubsequentXAxisTicks?: boolean;
-    /**
-     * Whether the date range filter has been disabled.
-     */
-    hideDateRangeFilter?: boolean;
-    /** Whether to hide the table filters component, defaulted to true */
-    hideFilters?: boolean;
-    /**
-     * Whether the comparison range shows as dashed for date comparison line
-     * charts (as opposed to the default solid line).
-     */
-    comparisonLineStyle?: 'solid' | 'dashed';
-    /**
-     * Whether the cartesian grid lines show as dashed lines (default: solid).
-     */
-    cartesianGridLineStyle?: 'solid' | 'dashed';
-    /**
-     * The color of cartesian grid lines.
-     */
-    cartesianGridLineColor?: string;
-    /**
-     * An optional function that takes a report and theme and returns a map of
-     * keys used in that report to the colors they should use.
-     *
-     * The color values support RGB hexcodes and CSS color literals.
-     *
-     * @example
-     * ```js
-     * let mapColorsToFields = (item, theme) => {
-     *   return {
-     *     // all the queries with yAxis of 'amount' get colored this way:
-     *     amount: {
-     *       primary: 'red',
-     *       comparison: 'gray',
-     *       primaryGradientStart: 'red',
-     *       primaryGradientStop: 'lightred',
-     *       comparisonGradientStart: '#EFEFEF',
-     *       comparisonGradientStop: '#EFEFEF00',
-     *     },
-     *     total: {
-     *       primary: 'red'
-     *     },
-     *   };
-     * }
-     * ```
-     */
-    mapColorsToFields?: (report: QuillReport, theme: QuillTheme) => ColorMapType;
-    /**
-     * A loading component to show when the chart is loading.
-     */
-    LoadingComponent?: () => JSX.Element;
-    /** A select component prop for the table filters */
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
-    /** A multi select component prop for the table filters */
-    MultiSelectComponent?: (props: MultiSelectComponentProps) => JSX.Element;
-    /** A component that wraps a chart for 'table' chart types. */
-    TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
-        report: QuillReport;
-        onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
-        isLoading?: boolean;
-        error?: string;
-        rowCount?: number;
-        rowCountIsLoading?: boolean;
-        onPageChange?: (page: number) => void;
-        onSortChange?: (sort: {
-            field: string;
-            direction: string;
-        }) => void;
-        hideName?: boolean;
-    }) => JSX.Element;
-    /** A component that wraps a dashboard item for 'metric' chart types. */
-    MetricComponent?: ({ report, onClick, hoverActions, isLoading, children, error, }: {
-        report: QuillReport;
-        onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
-        isLoading?: boolean;
-        children?: ReactNode;
-        error?: string;
-    }) => JSX.Element;
-    /** A date range picker component prop for the table filters */
-    DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
-        preset: string;
-        label?: string;
-        selectWidth?: number;
-        dateRange: {
-            startDate?: Date;
-            endDate?: Date;
-        };
-        presetOptions: {
-            label: string;
-            value: string;
-        }[];
-        onChangeDateRange: ({ startDate, endDate, }: {
-            startDate: Date;
-            endDate: Date;
-        }) => void;
-        onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
-    /** A filter container component component prop for the table filters */
-    FilterContainerComponent?: ({ children, }: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * Styles the top-level container of the Chart.
-     *
-     * This can be useful for TailwindCSS-style classname strings.
-     */
-    className?: string;
-    /**
-     * Styles the top-level container of the Chart.
-     */
-    containerStyle?: React.CSSProperties;
-    /** An array of dashboard filters that are indicated by the frontend dev. */
-    filters?: Filter[];
-    /** A callback function that process specific chart element clicks */
-    onClickChartElement?: (data: any) => void;
-    /** An override for the pivot date bucketing. */
-    dateBucket?: string;
-    /** Whether to send updated data in the chart to its owning dashboard */
-    propagateChanges?: boolean;
-}
-export default function Chart({ colors, reportId, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter, hideFilters, mapColorsToFields, LoadingComponent, SelectComponent, MultiSelectComponent, DateRangePickerComponent, FilterContainerComponent, TableComponent, MetricComponent, filters, onClickChartElement, dateBucket, propagateChanges, }: ChartProps): import("react/jsx-runtime").JSX.Element;
-interface ChartDisplayProps extends WithConfig {
-    loading: boolean;
-    ErrorComponent?: ({ errorMessage }: {
-        errorMessage: string;
-    }) => JSX.Element;
-    colorMap?: ColorMapType;
-    reportId?: string;
-    onPageChange?: (page: number) => void;
-    onSortChange?: (sort: {
-        field: string;
-        direction: string;
-    }) => void;
-    onClickChartElement?: (data: any) => void;
-    scrollable?: boolean;
-    overrideTheme?: QuillTheme;
-    referenceLines?: {
-        label: string;
-        query: number[];
-    }[];
-    showLegend?: boolean;
-}
-export declare const ChartDisplay: ({ reportId, config, colors, className, containerStyle, hideXAxis, hideYAxis, hideCartesianGrid, hideDateRangeFilter, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, cartesianGridLineColor, comparisonLineStyle, isAnimationActive, scrollable, loading, ErrorComponent, colorMap, LoadingComponent, onPageChange, onSortChange, onClickChartElement, overrideTheme, referenceLines, showLegend, }: ChartDisplayProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Chart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":"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"}