@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/FusionChart/_config/helpers.js

@@ -0,0 +1,452 @@
+import { DEFAULT_WIDTH as C, DEFAULT_PALETTE as m, EXTENDED_PALETTE as a, LEGEND_HOVER_FONT_COLOR as g, LEGEND_FONT_COLOR as F, PERCENT_TOOLTIP as b, VALUE_TOOLTIP as f, LABEL_STEP_DEFAULT as d, LABEL_FONT_COLOR as o, AXIS_NAME_FONT_COLOR as t, AXIS_LINE_COLOR as x, SERIES_TOOLTIP as A, DIV_LINE_COLOR as c, CROSS_LINE_COLOR as S } from "../_constant/constants.js";
+import { getCurrencySymbol as i } from "../_utils/chartHelpers.js";
+const s = (e = {}) => ({
+  legendItemFontSize: 10,
+  legendIconScale: ".96",
+  legendBgAlpha: 20,
+  legendItemFontBold: 0,
+  legendItemFontColor: e?.legendItemFontColor || F,
+  legendItemHoverFontColor: g,
+  legendItemFont: e?.legendItemFont || "Roboto, sans-serif"
+}), r = (e, n = {}) => n.legendRight ? {
+  ...e,
+  legendPosition: "right-top",
+  legendCaption: n.legendCaption,
+  legendCaptionAlignment: "left",
+  legendCaptionBold: "1",
+  legendCaptionFontColor: "#000000"
+} : e, T = ({
+  type: e,
+  width: n = C,
+  height: h,
+  dataSource: u,
+  key: L
+}) => ({
+  type: e,
+  width: n,
+  height: h,
+  dataFormat: "json",
+  dataSource: u,
+  ...L ? { key: L } : {}
+}), l = () => ({
+  xAxisName: "",
+  yAxisName: "",
+  labelStep: d,
+  theme: "fusion",
+  showToolTipShadow: "1",
+  showxaxisline: "1",
+  showyaxisline: "1",
+  xaxislinecolor: x,
+  yaxislinecolor: x,
+  xAxisNameFont: "Inter",
+  xAxisNameFontSize: "10",
+  xAxisNameFontColor: t,
+  yAxisNameFont: "Inter",
+  yAxisNameFontSize: "10",
+  yAxisNameFontColor: t,
+  yAxisValueFont: "Inter",
+  yAxisValueFontColor: o,
+  yAxisValueFontSize: 10,
+  labelFont: "Inter",
+  labelFontColor: o,
+  labelFontSize: 10
+}), V = ({
+  divLineDashed: e = "1",
+  numVDivLines: n = "28",
+  plotSpacePercent: h = 60,
+  decimals: u = "2"
+} = {}) => ({
+  ...l(),
+  divLineDashed: e,
+  numVDivLines: n,
+  plotSpacePercent: h,
+  decimals: u,
+  crossLineColor: "#f2f5fa",
+  palettecolors: m,
+  tooltipPosition: "top"
+}), I = (e = {}) => r(
+  {
+    ...l(),
+    showLegend: 0,
+    drawCrossLine: "1",
+    showCrossLineTooltip: "0",
+    crossLineColor: "#f2f5fa",
+    chartBottomMargin: "5",
+    maxColWidth: 30,
+    useRoundEdges: "0",
+    divLineColor: e.divLineColor || c,
+    divLineDashed: e.divLineDashed || "1",
+    palettecolors: e.palettecolors || a,
+    numVDivLines: e.numVDivLines || "28",
+    yAxisValueFontColor: e.yAxisValueFontColor || o,
+    yAxisValueFontSize: e.yAxisValueFontSize || 10,
+    labelFontColor: e.labelFontColor || o,
+    labelFontSize: e.labelFontSize || 10,
+    tooltipPosition: "bottom",
+    numberPrefix: e.graphLabel || i(),
+    plotSpacePercent: e.plotSpacePercent ?? 48,
+    plotToolText: e.plotToolText || "<div class='tooltipItem'><span class='colorSquare' style='background-color:$color'></span><span>$seriesName</span><b>$dataValue</b></div>",
+    interactiveLegend: "1",
+    maxLabelHeight: e.maxLabelHeight,
+    legendIconSides: e.legendIconSides || 4,
+    rotateLabels: e.rotateLabels || 0,
+    numbersuffix: e.numbersuffix || "",
+    valuefontsize: e.valuefontsize,
+    anchorRadius: e.anchorRadius,
+    legendFontColor: e.legendFontColor,
+    legendItemFontSize: 10,
+    legendItemFont: e.legendItemFont || "Inter, sans-serif",
+    xAxisNameFontColor: e.xAxisNameFontColor || t
+  },
+  e
+), y = (e = {}) => r(
+  {
+    ...l(),
+    showLabels: "",
+    adjustDiv: 0,
+    yAxisMinValue: "0.0",
+    minimizeTendency: "1",
+    setAdaptiveYMin: 1,
+    drawCrossLine: "1",
+    showCrossLineTooltip: "0",
+    theme: "fusion",
+    divLineDashed: e.divLineDashed || "1",
+    chartBottomMargin: "5",
+    maxColWidth: 30,
+    useRoundEdges: "0",
+    palettecolors: e.palettecolors || a,
+    numVDivLines: e.numVDivLines || "9",
+    crossLineColor: "#f2f5fa",
+    divLineColor: e.divLineColor || "#ccc",
+    divLineDashLen: "5",
+    divLineDashGap: "6",
+    plotSpacePercent: e.plotSpacePercent ?? 48,
+    plotPaddingPercent: e.plotPaddingPercent ?? 20,
+    ...s(e),
+    showValues: e.show ? "1" : "0",
+    valuefontcolor: o,
+    valuefontsize: e.valuefontsize || "8",
+    valuefontweight: "500",
+    valuelettespacing: "-0.5px",
+    valueFontBold: e.valueFontBold || 0,
+    yAxisValueFontColor: e.yAxisValueFontColor || o,
+    yAxisValueFontSize: e.yAxisValueFontSize || 11,
+    labelFontColor: e.labelFontColor || o,
+    labelFontSize: e.labelFontSize || 10,
+    numberPrefix: i(),
+    interactiveLegend: "1",
+    legendIconSides: e.legendIconSides || 4,
+    rotateLabels: e.rotateLabels || 0,
+    plotToolText: e.plotToolText || "<div class='tooltipItem'><span class='colorSquare' style='background-color:$color'></span><span>$seriesName</span><b>$dataValue</b></div>",
+    numberSuffix: e.numbersuffix || "",
+    legendIconBorderThickness: e.legendIconBorderThickness ?? "1"
+  },
+  e
+), P = (e = {}) => ({
+  ...l(),
+  yAxisMaxValue: e.yAxisMaxValue,
+  divLineDashed: "1",
+  palettecolors: "#8ECFFF",
+  numVDivLines: e.numVDivLines || "28",
+  plotSpacePercent: 60,
+  numDivLines: e.numDivLines || "16",
+  labelFontSize: 12,
+  tooltipPosition: "top",
+  showxaxisline: e.showxaxisline || "1",
+  showyaxisline: e.showyaxisline || "1",
+  showLabels: e.showLabels || "1",
+  showValues: e.showValues || "0",
+  showTooltip: e.showTooltip || "1",
+  showXAxisValues: e.showXAxisValues || "1",
+  showYAxisValues: e.showYAxisValues || "1",
+  divLineAlpha: e.divLineAlpha || "1",
+  plotToolText: e.isPercent ? b : f,
+  drawAnchors: e.drawAnchors || "1",
+  xAxisNameFontSize: e.xAxisNameFontSize || "10",
+  yAxisNameFontSize: e.yAxisNameFontSize || "10"
+}), D = (e = {}) => r(
+  {
+    ...l(),
+    yAxisMaxValue: e.yAxisMaxValue,
+    showLabels: e.showLabels || "",
+    divLineDashed: e.divLineDashed || "1",
+    crossLineColor: "#f2f5fa",
+    palettecolors: e.palettecolors || a,
+    chartBottomMargin: "5",
+    chartLeftMargin: "20",
+    divLineColor: e.divLineColor || c,
+    numVDivLines: e.numVDivLines || "28",
+    yAxisMinValue: 0,
+    plotSpacePercent: 60,
+    ...s({
+      ...e,
+      legendItemFont: e.legendItemFont || "Source Sans Pro"
+    }),
+    yAxisValueFontColor: e.yAxisNameFontColor || o,
+    yAxisValueFontSize: 10,
+    labelFontColor: e.labelFontColor || o,
+    labelFontSize: 10,
+    tooltipPosition: "top",
+    drawCrossLine: "1",
+    showCrossLineTooltip: "0",
+    numberPrefix: i(),
+    decimals: "2",
+    rotateLabels: e.rotateLabels || 0,
+    anchorRadius: e.anchorRadius || "4",
+    plotToolText: e.plotToolText || "<div class='tooltipItem'><span class='colorSquare' style='background-color:$color'></span><span>$seriesName</span><b>$dataValue</b></div>",
+    valueFontSize: e.valueFontSize || "8",
+    numbersuffix: e.numbersuffix,
+    labelStep: e.labelStep || d,
+    connectNullData: e.connectNullData,
+    legendIconBgAlpha: "100",
+    legendIconSides: "4",
+    legendIconBorderThickness: "0",
+    drawCustomLegendIcon: "1",
+    xAxisNameFontColor: e.xAxisNameFontColor || t
+  },
+  e
+), N = (e = {}) => ({
+  ...l(),
+  yAxisMaxValue: e.yAxisMaxValue,
+  drawCrossLine: "1",
+  showCrossLineTooltip: "0",
+  crossLineColor: "#f2f5fa",
+  canvasRightPadding: "15",
+  chartBottomMargin: "5",
+  divLineColor: c,
+  divLineDashed: "1",
+  palettecolors: a,
+  numVDivLines: "5",
+  numDivLines: "16",
+  plotSpacePercent: 40,
+  ...s(e),
+  labelFontSize: 12,
+  tooltipPosition: "bottom",
+  decimals: "2",
+  numberPrefix: e.prefix ?? i(),
+  plotToolText: A
+}), B = (e = {}) => r(
+  {
+    xAxisName: "",
+    yAxisName: "",
+    showxaxisline: "1",
+    xaxislinecolor: "#E6E6E6",
+    showyaxisline: "0",
+    xAxisNameFont: "Inter",
+    xAxisNameFontSize: "10",
+    xAxisNameFontColor: t,
+    yAxisNameFont: "Inter",
+    yAxisNameFontSize: "10",
+    yAxisNameFontColor: t,
+    yAxisValueFont: "Inter",
+    yAxisValueFontColor: o,
+    yAxisValueFontSize: 10,
+    labelFont: "Inter",
+    labelFontColor: o,
+    labelFontSize: 10,
+    bgColor: "#ffffff",
+    canvasBgColor: "#ffffff",
+    showBorder: "0",
+    showCanvasBorder: "0",
+    divLineAlpha: "30",
+    divLineColor: "#CCCCCC",
+    divLineDashed: "1",
+    divLineDashLen: "4",
+    divLineDashGap: "4",
+    showAlternateHGridColor: "0",
+    showAlternateVGridColor: "0",
+    numVDivLines: "0",
+    yAxisMaxValue: e.yAxisMaxValue,
+    showLabels: e.showLabels || "1",
+    chartBottomMargin: "5",
+    chartLeftMargin: e.chartLeftMargin || "20",
+    yAxisMinValue: 0,
+    plotSpacePercent: e.plotSpacePercent ?? 60,
+    ...s({
+      ...e,
+      legendItemFont: e.legendItemFont || "Inter, sans-serif"
+    }),
+    tooltipPosition: "top",
+    drawCrossLine: "1",
+    crossLineColor: "#f2f5fa",
+    numberPrefix: e.graphLabel ? "" : i(),
+    decimals: "2",
+    rotateLabels: e.rotateLabels || 0,
+    numbersuffix: e.numbersuffix || "",
+    labelStep: e.labelStep || d,
+    showLegend: "0",
+    interactiveLegend: "1",
+    legendIconSides: e.legendIconSides || 4,
+    drawAnchors: e.drawAnchors || "1",
+    anchorRadius: "3",
+    anchorAlpha: "0",
+    anchorHoverRadius: "5",
+    anchorHoverAlpha: "100",
+    plotFillAlpha: "85",
+    plotBorderAlpha: "100",
+    plotBorderThickness: "2",
+    usePlotGradientColor: "1",
+    plotGradientColor: "#FFFFFF",
+    plotFillAngle: "90"
+  },
+  e
+), E = (e = {}) => ({
+  ...l(),
+  bgColor: "#ffffff",
+  canvasBgColor: "#ffffff",
+  showBorder: "0",
+  showCanvasBorder: "0",
+  divLineAlpha: "30",
+  divLineColor: "#CCCCCC",
+  divLineDashed: e.divLineDashed || "1",
+  divLineDashLen: "4",
+  divLineDashGap: "4",
+  showAlternateHGridColor: "0",
+  showAlternateVGridColor: "0",
+  numVDivLines: "0",
+  yAxisMaxValue: e.yAxisMaxValue,
+  showLabels: e.showLabels || "1",
+  chartBottomMargin: e.chartBottomMargin || "30",
+  chartLeftMargin: e.chartLeftMargin || "20",
+  yAxisMinValue: 0,
+  plotSpacePercent: e.plotSpacePercent ?? 60,
+  tooltipPosition: "top",
+  drawCrossLine: "1",
+  crossLineColor: "#999999",
+  crossLineAlpha: "60",
+  showCrossLineTooltip: "0",
+  numberPrefix: e.numberPrefix ?? i(),
+  decimals: e.decimals || "0",
+  rotateLabels: e.rotateLabels || 0,
+  numbersuffix: e.numbersuffix || "",
+  labelStep: e.labelStep || d,
+  showLegend: "0",
+  interactiveLegend: "0",
+  legendNumRows: "0",
+  drawAnchors: e.drawAnchors || "1",
+  anchorRadius: e.anchorRadius || "3",
+  anchorBgColor: "#FFFFFF",
+  anchorBorderColor: e.palettecolors?.split(",")[0]?.trim() || "#8ECFFF",
+  anchorBorderThickness: "2",
+  anchorHoverRadius: "4",
+  plotFillAlpha: "30",
+  plotBorderAlpha: "100",
+  plotBorderThickness: "2",
+  showToolTip: "1",
+  seriesNameInToolTip: "0",
+  toolTipSepChar: "",
+  plottooltext: "$toolText",
+  palettecolors: e.palettecolors || "#8ECFFF",
+  // Scroll-specific properties
+  numVisiblePlot: e.numVisiblePlot || "8",
+  scrollShowButtons: "0",
+  scrollColor: "#CCCCCC",
+  scrollHeight: "10",
+  flatScrollBars: "1",
+  scrollPadding: "5",
+  showxaxisline: "1",
+  xaxislinecolor: "#E6E6E6",
+  showyaxisline: "0"
+}), M = (e = {}) => r(
+  {
+    ...l(),
+    showLabels: e.showLabels || "1",
+    divLineDashed: e.divLineDashed || "1",
+    crossLineColor: S,
+    palettecolors: e.palettecolors || a,
+    chartBottomMargin: "5",
+    chartLeftMargin: e.chartLeftMargin || "20",
+    divLineColor: e.divLineColor || c,
+    numVDivLines: e.numVDivLines || "9",
+    yAxisMinValue: 0,
+    plotSpacePercent: e.plotSpacePercent ?? 48,
+    plotPaddingPercent: e.plotPaddingPercent ?? 20,
+    ...s({
+      ...e,
+      legendItemFont: e.legendItemFont || "Inter, sans-serif"
+    }),
+    yAxisValueFontColor: e.yAxisValueFontColor || o,
+    yAxisValueFontSize: e.yAxisValueFontSize || 10,
+    labelFontColor: e.labelFontColor || o,
+    labelFontSize: e.labelFontSize || 10,
+    tooltipPosition: "top",
+    drawCrossLine: e.drawCrossLine || "1",
+    showCrossLineTooltip: "0",
+    decimals: e.decimals || "2",
+    rotateLabels: e.rotateLabels || 0,
+    anchorRadius: e.anchorRadius || "4",
+    numbersuffix: e.numbersuffix || "",
+    showLegend: "0",
+    interactiveLegend: "1",
+    legendIconSides: e.legendIconSides || 4,
+    legendIconBorderThickness: e.legendIconBorderThickness ?? "0",
+    legendIconBgAlpha: "100",
+    drawCustomLegendIcon: "1",
+    maxColWidth: 30,
+    useRoundEdges: "0",
+    showValues: e.showValues || "0"
+  },
+  e
+), z = (e = {}) => ({
+  yAxisMaxValue: e.yAxisMaxValue,
+  animation: "0",
+  showToolTip: e.showToolTip ?? "0",
+  plotToolText: e.plotToolText,
+  caption: "",
+  subCaption: "",
+  numberPrefix: e.numberPrefix ?? "$",
+  bgColor: "#ffffff",
+  startingAngle: "0",
+  showLegend: "0",
+  defaultCenterLabel: e.defaultCenterLabel,
+  centerLabel: "",
+  centerLabelBold: "1",
+  centerLabelFontSize: "10",
+  centerLabelFont: "Inter",
+  centerLabelColor: "#050505",
+  showHoverEffect: "0",
+  plotHighlightEffect: "fadeout|alpha=100",
+  decimals: "0",
+  theme: "fusion",
+  skipOverlapLabels: "0",
+  showLabels: e.showLabels || "1",
+  showValues: "1",
+  palettecolors: e.palettecolors || a,
+  enableSlicing: "0",
+  chartLeftMargin: "10",
+  chartTopMargin: "10",
+  chartRightMargin: "10",
+  chartBottomMargin: "10",
+  pieRadius: e.pieRadius ?? 100,
+  doughnutRadius: e.doughnutRadius ?? 55,
+  labelFontSize: "10",
+  labelFontColor: "#050505",
+  labelFontBold: "1",
+  labelFont: "Inter, sans-serif",
+  labelDistance: "10",
+  isSmartLineSlanted: 1,
+  smartLineColor: "#999999",
+  smartLineThickness: "1",
+  showpercentvalues: "0",
+  showPercentInTooltip: "1",
+  enableSmartLabels: "1",
+  manageLabelOverflow: "0",
+  useDataPlotColorForLabels: "0",
+  enableRotation: "0"
+});
+export {
+  T as getBaseConfig,
+  V as getCommonChartShell,
+  z as getDoughnutChartShell,
+  y as getGroupChartShell,
+  s as getLegendProps,
+  P as getLineChartShell,
+  M as getMsCombiDy2dChartShell,
+  D as getMultipleLineChartShell,
+  E as getScrollAreaChartShell,
+  l as getSharedAxisChartProps,
+  B as getStackedAreaChartShell,
+  N as getStackedBarChartShell,
+  I as getStackedColumnChartShell,
+  r as withRightLegend
+};

package/dist/components/FusionChart/_constant/chartTestData.d.ts

@@ -0,0 +1,33 @@
+import { FusionChartProps } from '../_types/fusionChart.types';
+/**
+ * Test props for all FusionChart graph types.
+ * Import and use these to quickly render any chart variant.
+ */
+export declare const COLUMN_2D_PROPS: FusionChartProps;
+export declare const BAR_2D_PROPS: FusionChartProps;
+export declare const GROUP_CHART_PROPS: FusionChartProps;
+export declare const STACKED_COLUMN_PROPS: FusionChartProps;
+export declare const LINE_CHART_PROPS: FusionChartProps;
+export declare const MULTIPLE_LINE_CHART_PROPS: FusionChartProps;
+export declare const STACKED_AREA_PROPS: FusionChartProps;
+export declare const DOUGHNUT_CHART_PROPS: FusionChartProps;
+export declare const STACKED_BAR_CHART_PROPS: FusionChartProps;
+export declare const AREA_CHART_PROPS: FusionChartProps;
+export declare const SANKEY_CHART_PROPS: FusionChartProps;
+/**
+ * All chart props in a single object for easy iteration.
+ */
+export declare const ALL_CHART_PROPS: {
+    column2d: FusionChartProps;
+    bar2d: FusionChartProps;
+    groupChart: FusionChartProps;
+    stackedcolumn2d: FusionChartProps;
+    line: FusionChartProps;
+    multipleLineChart: FusionChartProps;
+    stackedArea: FusionChartProps;
+    doughnutChart: FusionChartProps;
+    stackBarChart: FusionChartProps;
+    area: FusionChartProps;
+    sankey: FusionChartProps;
+};
+//# sourceMappingURL=chartTestData.d.ts.map

package/dist/components/FusionChart/_constant/chartTestData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTestData.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_constant/chartTestData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;GAGG;AAEH,eAAO,MAAM,eAAe,EAAE,gBAkB7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,gBAkB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAwD/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,gBAsElC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAa9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBA4FvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAoEhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,gBAmBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBA2CrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAc9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAsBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;CAY3B,CAAC"}