@orbcharts/plugin-basic 4.0.0-pre-alpha.0

package/dist/plugin-basic/src/utils/gridObservables.d.ts

@@ -0,0 +1,51 @@
+import { Observable } from 'rxjs';
+import { ComputedData, ComputedDatumGrid, ContainerSize, TransformData, ContainerPositionScaled, Layout } from '../types';
+import { SeriesPlotPluginParams } from '../plugins/SeriesPlot/types';
+import * as d3 from 'd3';
+export declare const gridSelectionsObservable: ({ selection, pluginName, layerName, clipPathID, seriesLabels$, gridContainerPosition$, gridAxesTransform$, gridGraphicTransform$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    clipPathID: string;
+    seriesLabels$: Observable<string[]>;
+    gridContainerPosition$: Observable<ContainerPositionScaled[]>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+}) => {
+    seriesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    axesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    defsSelection$: Observable<d3.Selection<SVGDefsElement, string, any, unknown>>;
+    graphicGSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+};
+export declare const gridContainerSelectionsObservable: ({ selection, pluginName, layerName, computedData$, gridContainerPosition$, isSeriesSeprate$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    computedData$: Observable<ComputedData<"grid">>;
+    gridContainerPosition$: Observable<ContainerPositionScaled[]>;
+    isSeriesSeprate$: Observable<boolean>;
+}) => Observable<d3.Selection<SVGGElement, ComputedDatumGrid[], any, unknown>>;
+export declare const gridCategoryPositionFnObservable: ({ pluginParams$, gridAxesSize$, computedData$, gridContainerPosition$, layout$ }: {
+    pluginParams$: Observable<SeriesPlotPluginParams>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    computedData$: Observable<ComputedData<"grid">>;
+    gridContainerPosition$: Observable<ContainerPositionScaled[]>;
+    layout$: Observable<Layout>;
+}) => Observable<(event: any) => {
+    categoryIndex: number;
+    categoryLabel: string;
+}>;
+export declare const gridCategoryPositionObservable: ({ rootSelection, pluginParams$, gridAxesContainerSize$, computedData$, gridContainerPosition$, layout$ }: {
+    rootSelection: d3.Selection<any, unknown, any, unknown>;
+    pluginParams$: Observable<SeriesPlotPluginParams>;
+    gridAxesContainerSize$: Observable<ContainerSize>;
+    computedData$: Observable<ComputedData<"grid">>;
+    gridContainerPosition$: Observable<ContainerPositionScaled[]>;
+    layout$: Observable<Layout>;
+}) => Observable<{
+    categoryIndex: number;
+    categoryLabel: string;
+}>;

package/dist/plugin-basic/src/utils/multivariateObservables.d.ts

@@ -0,0 +1,74 @@
+import { Observable } from 'rxjs';
+import { ComputedData, XYAxis, ComputedDatumMultivariate, TransformData, ContainerSize, ContainerPositionScaled, Layout } from '../types';
+import { ComputedXYDatumMultivariate } from '../plugins/ScatterPlot/types';
+import * as d3 from 'd3';
+export declare const multivariateSelectionsObservable: ({ selection, pluginName, layerName, clipPathID, seriesLabels$, containerPosition$, graphicTransform$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    clipPathID: string;
+    seriesLabels$: Observable<string[]>;
+    containerPosition$: Observable<ContainerPositionScaled[]>;
+    graphicTransform$: Observable<TransformData>;
+}) => {
+    seriesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    axesSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+    defsSelection$: Observable<d3.Selection<SVGDefsElement, string, any, unknown>>;
+    graphicGSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+};
+export declare const multivariateContainerSelectionsObservable: ({ selection, pluginName, layerName, clipPathID, computedData$, containerPosition$, isSeriesSeprate$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    clipPathID: string | null;
+    computedData$: Observable<ComputedData<"multivariate">>;
+    containerPosition$: Observable<ContainerPositionScaled[]>;
+    isSeriesSeprate$: Observable<boolean>;
+}) => Observable<d3.Selection<SVGGElement, ComputedDatumMultivariate[], any, unknown>>;
+export declare const multivariateXYPositionObservable: ({ rootSelection, xAxis$, yAxis$, xyValueIndex$, filteredXYMinMaxData$, containerPosition$, containerSize$, layout$ }: {
+    rootSelection: d3.Selection<any, unknown, any, unknown>;
+    xAxis$: Observable<XYAxis>;
+    yAxis$: Observable<XYAxis>;
+    xyValueIndex$: Observable<[number, number]>;
+    filteredXYMinMaxData$: Observable<{
+        minXDatum: ComputedXYDatumMultivariate;
+        maxXDatum: ComputedXYDatumMultivariate;
+        minYDatum: ComputedXYDatumMultivariate;
+        maxYDatum: ComputedXYDatumMultivariate;
+    }>;
+    containerPosition$: Observable<ContainerPositionScaled[]>;
+    containerSize$: Observable<ContainerSize>;
+    layout$: Observable<Layout>;
+}) => Observable<{
+    x: number;
+    y: number;
+    xValue: number;
+    yValue: number;
+}>;
+export declare const ordinalPositionObservable: ({ rootSelection, ordinalScaleDomain$, ordinalScale$, ordinalPadding$, containerSize$, containerPosition$, layout$ }: {
+    rootSelection: d3.Selection<any, unknown, any, unknown>;
+    ordinalScaleDomain$: Observable<[number, number]>;
+    ordinalScale$: Observable<d3.ScaleLinear<number, number>>;
+    ordinalPadding$: Observable<number>;
+    containerSize$: Observable<ContainerSize>;
+    containerPosition$: Observable<ContainerPositionScaled[]>;
+    layout$: Observable<Layout>;
+}) => Observable<{
+    x: number;
+    xValue: number;
+}>;
+export declare const computedRankingAmountObservable: ({ containerSize$, visibleComputedData$, textSizePx$, rankingAmount$ }: {
+    containerSize$: Observable<ContainerSize>;
+    visibleComputedData$: Observable<ComputedDatumMultivariate[][]>;
+    textSizePx$: Observable<number>;
+    rankingAmount$: Observable<"auto" | number>;
+}) => Observable<number>;
+export declare const rankingItemHeightObservable: ({ containerSize$, textSizePx$, computedRankingAmount$ }: {
+    containerSize$: Observable<ContainerSize>;
+    textSizePx$: Observable<number>;
+    computedRankingAmount$: Observable<number>;
+}) => Observable<number>;
+export declare const rankingScaleListObservable: ({ visibleComputedRankingData$, rankingItemHeight$ }: {
+    visibleComputedRankingData$: Observable<ComputedDatumMultivariate[][]>;
+    rankingItemHeight$: Observable<number>;
+}) => Observable<d3.ScalePoint<string>[]>;

package/dist/plugin-basic/src/utils/observables.d.ts

@@ -0,0 +1,34 @@
+import { Observable } from 'rxjs';
+import { ModelType, Theme, EventData } from '../../../core/src/index.ts';
+import { ComputedDatum } from '../types/ComputedData';
+import { Layout, Padding, GraphicStyles, ContainerPositionScaled, Container } from '../types/PluginParams';
+import * as d3 from 'd3';
+export declare function d3EventObservable(selection: d3.Selection<any, any, any, any>, event: any): Observable<MouseEvent>;
+export declare function resizeObservable(elem: HTMLElement | Element): Observable<DOMRectReadOnly>;
+export declare function layoutObservable({ size$, padding$ }: {
+    size$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    padding$: Observable<Padding>;
+}): Observable<Layout>;
+export declare const highlightObservable: <T extends ModelType, D>({ datumList$, styles$, event$ }: {
+    datumList$: Observable<D[]>;
+    styles$: Observable<GraphicStyles>;
+    event$: Observable<EventData<T>>;
+}) => Observable<D[]>;
+export declare const seriesDataMapObservable: <DatumType extends ComputedDatum<"series" | "grid">>({ datumList$ }: {
+    datumList$: Observable<DatumType[]>;
+}) => Observable<Map<string, DatumType[]>>;
+export declare const categoryDataMapObservable: <DatumType extends ComputedDatum<"multivariate" | "graph" | "tree">>({ datumList$ }: {
+    datumList$: Observable<DatumType[]>;
+}) => Observable<Map<string, DatumType[]>>;
+export declare const fontSizePxObservable: (chartParams$: Observable<Theme>) => Observable<number>;
+export declare const containerSizeObservable: ({ layout$, containerPosition$, container$ }: {
+    layout$: Observable<Layout>;
+    containerPosition$: Observable<ContainerPositionScaled[]>;
+    container$: Observable<Container>;
+}) => Observable<{
+    width: number;
+    height: number;
+}>;

package/dist/plugin-basic/src/utils/orbchartsUtils.d.ts

@@ -0,0 +1,26 @@
+import { ColorType, Theme, ModelDatumBase, ModelType } from '../../../core/src/index.ts';
+import { Layout, Container, ContainerPosition, ContainerPositionScaled, AxisPosition } from '../types/PluginParams';
+import { ComputedDatum } from '../types/ComputedData';
+
+export declare function getMinMaxValue<T extends ModelType>(data: ComputedDatum<T>[]): [number, number];
+export declare function getColorScheme(themeColorScheme: 'light' | 'dark' | 'auto'): "light" | "dark";
+export declare function getColor(colorType: ColorType, theme: Theme): string;
+export declare function getDatumColor({ datum, colorType, theme }: {
+    datum: ModelDatumBase;
+    colorType: ColorType;
+    theme: Theme;
+}): string;
+export declare function seriesColorPredicate(seriesIndex: number, theme: Theme): string;
+export declare function createClassName(pluginName: string, layerName: string, elementName: string, modifier?: string): string;
+export declare function createUniID(pluginName: string, layerName: string, elementName: string): string;
+export declare function calcAxesSize({ xAxisPosition, yAxisPosition, width, height }: {
+    xAxisPosition: AxisPosition;
+    yAxisPosition: AxisPosition;
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+};
+export declare function calcContainerPosition(layout: Layout, container: Container, amount: number): ContainerPosition[];
+export declare function calcContainerPositionScaled(layout: Layout, container: Container, amount: number): ContainerPositionScaled[];

package/dist/plugin-basic/src/utils/seriesObservables.d.ts

@@ -0,0 +1,22 @@
+import { Observable } from 'rxjs';
+import { ContainerPosition } from '../types/PluginParams';
+import { ComputedDatumSeries } from '../types/ComputedData';
+import * as d3 from 'd3';
+export declare const seriesStartSelectionObservable: ({ selection, pluginName, layerName, visibleComputedSortedData$, seriesContainerPosition$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    visibleComputedSortedData$: Observable<ComputedDatumSeries[][]>;
+    seriesContainerPosition$: Observable<ContainerPosition[]>;
+}) => {
+    seriesStartSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+};
+export declare const seriesCenterSelectionObservable: ({ selection, pluginName, layerName, visibleComputedSortedData$, seriesContainerPosition$ }: {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    pluginName: string;
+    layerName: string;
+    visibleComputedSortedData$: Observable<ComputedDatumSeries[][]>;
+    seriesContainerPosition$: Observable<ContainerPosition[]>;
+}) => {
+    seriesCenterSelection$: Observable<d3.Selection<SVGGElement, string, any, unknown>>;
+};

package/dist/plugin-basic/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfigFnObject;
+export default _default;

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export * from '../plugin-basic/src/index'

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@orbcharts/plugin-basic",
+  "version": "4.0.0-pre-alpha.0",
+  "description": "Core codes for OrbCharts",
+  "author": "Blue Planet Inc.",
+  "license": "Apache-2.0",
+  "keywords": [
+    "d3",
+    "rxjs",
+    "typescript",
+    "svg",
+    "visualization",
+    "infographic",
+    "graph",
+    "chart"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/orbcharts-plugin-basic.es.js",
+      "default": "./dist/orbcharts-plugin-basic.umd.js"
+    },
+    "./types": {
+      "development": "./src/types/index.ts",
+      "types": "./dist/src/types/index.d.ts",
+      "default": "./src/types/index.ts"
+    },
+    "./types/*": "./src/types/*.ts",
+    "./*": "./src/*.ts"
+  },
+  "main": "./dist/orbcharts-plugin-basic.umd.js",
+  "module": "./dist/orbcharts-plugin-basic.es.js",
+  "types": "./dist/src/index.d.ts",
+  "unpkg": "./dist/orbcharts-plugin-basic.umd.js",
+  "jsdelivr": "./dist/orbcharts-plugin-basic.umd.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build --mode production"
+  },
+  "devDependencies": {
+    "@types/d3": "^7.4.3",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.9.2",
+    "vite": "^5.3.5",
+    "vite-plugin-dts": "^3.7.3"
+  },
+  "dependencies": {
+    "@orbcharts/core": "workspace:*",
+    "d3": "^7.9.0",
+    "rxjs": "^7.8.2"
+  }
+}