@milaboratories/graph-maker 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -0
- package/dist/GraphMaker/components/AesButton.vue.d.ts +36 -0
- package/dist/GraphMaker/components/AesSettings/AesDataMapping.vue.d.ts +30 -0
- package/dist/GraphMaker/components/AesSettings/FixedColorsList.vue.d.ts +48 -0
- package/dist/GraphMaker/components/AesSettings/FixedDotShapeList.vue.d.ts +37 -0
- package/dist/GraphMaker/components/AesSettings/FixedLineTypeList.vue.d.ts +37 -0
- package/dist/GraphMaker/components/AesSettings/FormWrapper.vue.d.ts +30 -0
- package/dist/GraphMaker/components/AesSettings/PalettesForm.vue.d.ts +21 -0
- package/dist/GraphMaker/components/AesSettings/constants.d.ts +29 -0
- package/dist/GraphMaker/components/AesSettings/types.d.ts +34 -0
- package/dist/GraphMaker/components/BtnIconGroup.vue.d.ts +31 -0
- package/dist/GraphMaker/components/Chart.vue.d.ts +25 -0
- package/dist/GraphMaker/components/CollapsableBlock.vue.d.ts +40 -0
- package/dist/GraphMaker/components/DendroTable.vue.d.ts +20 -0
- package/dist/GraphMaker/components/DendroTooltip.vue.d.ts +27 -0
- package/dist/GraphMaker/components/DoubleContourTemp.vue.d.ts +9 -0
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts +21 -0
- package/dist/GraphMaker/components/DragAndDrop/DndBasketChip.vue.d.ts +23 -0
- package/dist/GraphMaker/components/DragAndDrop/DndChip.vue.d.ts +23 -0
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts +34 -0
- package/dist/GraphMaker/components/DragAndDrop/types.d.ts +49 -0
- package/dist/GraphMaker/components/MultiselectButton.vue.d.ts +27 -0
- package/dist/GraphMaker/components/PanelModal.vue.d.ts +17 -0
- package/dist/GraphMaker/components/PlColorSlider.vue.d.ts +29 -0
- package/dist/GraphMaker/components/PlColorSliderThumb.vue.d.ts +53 -0
- package/dist/GraphMaker/components/Popup.vue.d.ts +51 -0
- package/dist/GraphMaker/components/SettingsTabs/index.vue.d.ts +27 -0
- package/dist/GraphMaker/components/TransitionSlidePanel.vue.d.ts +11 -0
- package/dist/GraphMaker/components/Zoom/ZoomInput.vue.d.ts +19 -0
- package/dist/GraphMaker/components/Zoom/index.vue.d.ts +2 -0
- package/dist/GraphMaker/composition/useComponent.d.ts +9 -0
- package/dist/GraphMaker/constant.d.ts +191 -0
- package/dist/GraphMaker/dataBindAes.d.ts +53 -0
- package/dist/GraphMaker/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/AxesSettingsForm/index.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/DendroForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/DiscreteForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/FormLayout.vue.d.ts +12 -0
- package/dist/GraphMaker/forms/DataMappingForm/HeatmapForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/ScatterplotForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/index.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts +33 -0
- package/dist/GraphMaker/forms/LayersForm/AesSelector.vue.d.ts +35 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/Dendro.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/Heatmap.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Bar.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/BinnedDots.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Boxplot.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Errorbar.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/JitteredDots.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Line.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Sina.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedBar.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/Violin.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/discrete/utils.d.ts +4 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Curve.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/Layer/scatterplot/Scatter.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/LayersForm/index.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/StatisticsForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/TemplateForm.vue.d.ts +2 -0
- package/dist/GraphMaker/forms/index.d.ts +41 -0
- package/dist/GraphMaker/helpers.d.ts +1 -0
- package/dist/GraphMaker/icons/ArrowLeft.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/AxesIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BarAndErrorIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BarAndLineIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BarIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BinnedDotsIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BoxplotAndBinnedIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BoxplotAndJitterIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/BoxplotIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ColorsIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/DendroIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Down.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ExportIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/FrameBottom.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/FrameEmpty.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/FrameFull.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/FrameLeft.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/FrameLeftBottom.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/HeatmapIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/JitteredDotsIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LayersIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LineAndBinnedIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LineAndErrorbarIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LineAndJitterIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LineIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/LinkIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/MinusIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/PlusIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Reorder.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Right.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Rotation0.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Rotation45.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/Rotation90.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ScatterplotIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/SinaIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/StackedBarIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/StatisticsIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/TemplateIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ViolinAndBinnedIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ViolinAndJitterIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/icons/ViolinIcon.vue.d.ts +2 -0
- package/dist/GraphMaker/index.vue.d.ts +30 -0
- package/dist/GraphMaker/keys.d.ts +1 -0
- package/dist/GraphMaker/store.d.ts +850 -0
- package/dist/GraphMaker/types.d.ts +53 -0
- package/dist/GraphMaker/utils/calculateDiscreteGroups.d.ts +3 -0
- package/dist/GraphMaker/utils/composeChartSettings.d.ts +10 -0
- package/dist/GraphMaker/utils/copyJSON.d.ts +1 -0
- package/dist/GraphMaker/utils/getAxesDataFromForms.d.ts +19 -0
- package/dist/GraphMaker/utils/getFixedColumnOrAxisIdFromSettings.d.ts +4 -0
- package/dist/GraphMaker/utils/getLayersDataFromForms.d.ts +12 -0
- package/dist/GraphMaker/utils/getStatisticsOptions.d.ts +13 -0
- package/dist/GraphMaker/utils/getUsedAesInMapping.d.ts +5 -0
- package/dist/GraphMaker/utils/index.d.ts +5 -0
- package/dist/GraphMaker/utils/saveToFile.d.ts +1 -0
- package/dist/graph-maker.js +119404 -0
- package/dist/graph-maker.umd.cjs +23761 -0
- package/dist/lib.d.ts +4 -0
- package/dist/main.d.ts +1 -0
- package/dist/style.css +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +41 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ChartType, InputState } from '@milaboratories/pf-plots';
|
|
2
|
+
import { AxesState, getDefaultLayersSettings, LayersSettings, StatisticsState } from './constant.ts';
|
|
3
|
+
import { AestheticMappingCategorical } from './dataBindAes.ts';
|
|
4
|
+
import { PTableRecordSingleValueFilter } from '@platforma-sdk/model';
|
|
5
|
+
|
|
6
|
+
export type GraphMakerSettings = {
|
|
7
|
+
chartType: ChartType;
|
|
8
|
+
optionsState: InputState | null;
|
|
9
|
+
statisticsSettings: StatisticsState | null;
|
|
10
|
+
axesSettings: AxesState | null;
|
|
11
|
+
layersSettings: ReturnType<typeof getDefaultLayersSettings> | null;
|
|
12
|
+
template: LayersTemplate | null;
|
|
13
|
+
dataBindAes: Record<string, AestheticMappingCategorical> | null;
|
|
14
|
+
labelsModifier?: (id: string, label: string) => string;
|
|
15
|
+
fixedOptions?: {
|
|
16
|
+
inputName: string;
|
|
17
|
+
selectedSource: PTableRecordSingleValueFilter['column'];
|
|
18
|
+
selectedFilterValue?: string | number;
|
|
19
|
+
}[];
|
|
20
|
+
};
|
|
21
|
+
export type ReactiveState = {
|
|
22
|
+
chartType: ChartType;
|
|
23
|
+
template: LayersTemplate;
|
|
24
|
+
optionsState: InputState;
|
|
25
|
+
layersSettings: LayersSettings;
|
|
26
|
+
axesSettings: AxesState;
|
|
27
|
+
statisticsSettings: StatisticsState;
|
|
28
|
+
dataBindAes: Record<string, AestheticMappingCategorical>;
|
|
29
|
+
chartScale: number;
|
|
30
|
+
dendroInfoByClick: null | {
|
|
31
|
+
x: number;
|
|
32
|
+
y: number;
|
|
33
|
+
info: Record<string, string | number>;
|
|
34
|
+
};
|
|
35
|
+
dendroSelectedNodeId: null | number;
|
|
36
|
+
};
|
|
37
|
+
export type DiscreteLayer = "box" | "binnedDots" | "jitteredDots" | "violin" | "bar" | "stackedBar" | "line" | "errorbar" | "sina";
|
|
38
|
+
export type DiscreteLayersTemplate = DiscreteLayer | "box_binnedDots" | "box_jitteredDots" | "violin_binnedDots" | "violin_jitteredDots" | 'line_jitteredDots' | 'line_binnedDots' | 'line_errorbar' | 'bar_line' | 'bar_errorbar';
|
|
39
|
+
export type ScatterplotLayer = 'dots' | 'curve';
|
|
40
|
+
export type ScatterplotLayersTemplate = ScatterplotLayer | 'curve_dots';
|
|
41
|
+
export type HeatmapLayer = 'heatmap';
|
|
42
|
+
export type HeatmapLayerTemplate = HeatmapLayer;
|
|
43
|
+
export type DendroLayer = 'dendro';
|
|
44
|
+
export type DendroLayerTemplate = DendroLayer;
|
|
45
|
+
export type LayersTemplate = DiscreteLayersTemplate | ScatterplotLayersTemplate | HeatmapLayerTemplate | DendroLayerTemplate;
|
|
46
|
+
export type Layer = DiscreteLayer | ScatterplotLayer | HeatmapLayer | DendroLayer;
|
|
47
|
+
export type TitlePosition = 'left' | 'right' | 'center';
|
|
48
|
+
export type LabelsPosition = 'top' | 'bottom' | 'left' | 'right' | 'hidden';
|
|
49
|
+
export type LabelsRotation = 'center' | '45deg' | '90deg';
|
|
50
|
+
export type AxisTitleMode = 'auto' | 'custom' | 'hidden';
|
|
51
|
+
export type Scale = 'linear' | 'log';
|
|
52
|
+
export type Frame = 'full' | 'empty' | 'left' | 'bottom' | 'left-bottom';
|
|
53
|
+
export type HeatmapFrame = 'full' | 'none';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DemoDataStore, InputGuide, InputState } from '@milaboratories/pf-plots';
|
|
2
|
+
import { GraphMakerSettings, ReactiveState } from '../types.ts';
|
|
3
|
+
|
|
4
|
+
export declare function composeChartSettings(inputGuide: InputGuide<InputState>, reactiveState: ReactiveState, dataStore: DemoDataStore, fixedOptions?: GraphMakerSettings['fixedOptions']): Promise<{
|
|
5
|
+
settings: Record<string, unknown>;
|
|
6
|
+
dataByColumns: {
|
|
7
|
+
type: "columns";
|
|
8
|
+
values: Record<string, (string | number)[]>;
|
|
9
|
+
};
|
|
10
|
+
} | null>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function copyJSON(obj: unknown): any;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AxesState } from '../constant.ts';
|
|
2
|
+
import { ChartType } from '@milaboratories/pf-plots';
|
|
3
|
+
|
|
4
|
+
type AxesSettings = {
|
|
5
|
+
xAxis: Record<string, string | boolean | number | undefined>;
|
|
6
|
+
yAxis: Record<string, string | boolean | number | undefined>;
|
|
7
|
+
frame: {
|
|
8
|
+
type: string;
|
|
9
|
+
};
|
|
10
|
+
orientation?: string;
|
|
11
|
+
title?: Record<string, string>;
|
|
12
|
+
facetSettings: {
|
|
13
|
+
nCols: number;
|
|
14
|
+
sharedX?: boolean;
|
|
15
|
+
sharedY?: boolean;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare function getAxesDataFromForms(axesFormsData: AxesState, chartType: ChartType): AxesSettings;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AxisId, ColumnId, DemoDataStore } from '@milaboratories/pf-plots';
|
|
2
|
+
import { PTableRecordSingleValueFilter } from '@platforma-sdk/model';
|
|
3
|
+
|
|
4
|
+
export declare function getFixedColumnOrAxisIdFromSettings(dataStore: DemoDataStore, id: PTableRecordSingleValueFilter['column']): Promise<ColumnId | AxisId | null>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LayersSettings, MappingLink, StatisticsState } from '../constant.ts';
|
|
2
|
+
import { LayersTemplate } from '../types.ts';
|
|
3
|
+
import { ChartType, InputState } from '@milaboratories/pf-plots';
|
|
4
|
+
import { DotShape, LineType } from '../components/AesSettings/types.ts';
|
|
5
|
+
|
|
6
|
+
export declare function getStatLayers(statisticsSettings: StatisticsState): ChartLayerSettings[];
|
|
7
|
+
export type ChartLayerSettings = {
|
|
8
|
+
[key: string]: string | boolean | null | Record<string, string | DotShape | LineType | boolean | number | MappingLink> | undefined;
|
|
9
|
+
type: string;
|
|
10
|
+
aes?: Record<string, string | DotShape | LineType | boolean | number | MappingLink>;
|
|
11
|
+
};
|
|
12
|
+
export declare function getChartLayersSettings(chartType: ChartType, template: LayersTemplate, layerSettings: LayersSettings, statisticsSettings: StatisticsState, optionsState: InputState): ChartLayerSettings[];
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Store } from '../store.ts';
|
|
2
|
+
|
|
3
|
+
type Option = {
|
|
4
|
+
text: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function getReferenceGroupOptions(primaryGroups: string[]): Option[];
|
|
8
|
+
export declare function getOverallTestMethodOptions(primaryGroups: string[]): {
|
|
9
|
+
value: string;
|
|
10
|
+
text: string;
|
|
11
|
+
}[];
|
|
12
|
+
export declare function checkStatisticsInputsValidity(store: Store): () => Promise<void>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { AesType, getDefaultLayersSettings, getInitialStatisticsState } from '../constant.ts';
|
|
2
|
+
import { ChartType, InputState } from '@milaboratories/pf-plots';
|
|
3
|
+
import { LayersTemplate } from '../types.ts';
|
|
4
|
+
|
|
5
|
+
export declare function getUsedAesInMapping(chartType: ChartType, template: LayersTemplate, layersSettings: ReturnType<typeof getDefaultLayersSettings>, statisticsSettings: ReturnType<typeof getInitialStatisticsState>, optionsState: InputState): Record<string, Record<AesType, boolean>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function saveToFile(blob: Blob, name: string): void;
|