gifted-charts-core 0.1.19 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./src/index.js",
   "files": [
@@ -12,20 +12,20 @@
     "lint": "eslint src/**/*.ts"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
-    "@types/react-native": "^0.72.2",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-native": "^0.73.0",
     "eslint": "^8.56.0",
-    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-config-love": "^62.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
-    "typescript": "^5.3.3"
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
     "react": "*",

package/src/BarChart/RenderStackBars.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { type StackedBarChartPropsType, type stackDataItem } from './types';
 export declare const useRenderStackBars: (props: StackedBarChartPropsType) => {
     cotainsNegative: boolean;
     noAnimation: boolean;
-    localBarInnerComponent: ((item?: stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+    localBarInnerComponent: ((item?: stackDataItem, index?: number) => import("react").ReactNode) | undefined;
     borderRadius: number | undefined;
     borderTopLeftRadius: number | undefined;
     borderTopRightRadius: number | undefined;

package/src/BarChart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type lineConfigType, type BarChartPropsType, type barDataItem, type stackDataItem } from './types';
 import { type BarAndLineChartsWrapperTypes, type secondaryYAxisType } from '../utils/types';
 import { type Animated } from 'react-native';
@@ -75,7 +74,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     rtl: boolean;
     intactTopLabel: boolean;
     barBorderColor: import("react-native").ColorValue;
-    barInnerComponent: ((item?: barDataItem | stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+    barInnerComponent: ((item?: stackDataItem | barDataItem, index?: number) => import("react").ReactNode) | undefined;
     xAxisTextNumberOfLines: number;
     selectedIndex: number;
     setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
@@ -148,7 +147,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
         barBorderTopRightRadius: number | undefined;
         barBorderBottomLeftRadius: number | undefined;
         barBorderBottomRightRadius: number | undefined;
-        barInnerComponent: ((item?: barDataItem | stackDataItem | undefined, index?: number | undefined) => import("react").ReactNode) | undefined;
+        barInnerComponent: ((item?: stackDataItem | barDataItem, index?: number) => import("react").ReactNode) | undefined;
         color: import("react-native").ColorValue | undefined;
         showGradient: boolean | undefined;
         gradientColor: import("react-native").ColorValue | undefined;

package/src/BarChart/types.d.ts

@@ -1,6 +1,6 @@
 import { type ColorValue, type GestureResponderEvent, type ViewStyle } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
-import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType } from '../utils/types';
+import { XAxisConfig, type CurveType, type Pointer, type RuleType, type RulesConfig, type referenceConfigType, type secondaryYAxisType, type Linecap } from '../utils/types';
 import { type Component, type ReactNode } from 'react';
 import { type lineDataItem } from '../LineChart/types';
 export interface stackDataItem {
@@ -202,6 +202,7 @@ export interface BarChartPropsType {
     verticalLinesZIndex?: number;
     noOfVerticalLines?: number;
     verticalLinesSpacing?: number;
+    verticalLinesStrokeLinecap?: Linecap;
     showYAxisIndices?: boolean;
     showXAxisIndices?: boolean;
     yAxisIndicesHeight?: number;

package/src/BarChart/types.ts

@@ -11,7 +11,8 @@ import {
   type RuleType,
   type RulesConfig,
   type referenceConfigType,
-  type secondaryYAxisType
+  type secondaryYAxisType,
+  type Linecap
 } from '../utils/types'
 import { type Component, type ReactNode } from 'react'
 import { type lineDataItem } from '../LineChart/types'
@@ -225,6 +226,7 @@ export interface BarChartPropsType {
   verticalLinesZIndex?: number
   noOfVerticalLines?: number
   verticalLinesSpacing?: number
+  verticalLinesStrokeLinecap?: Linecap
 
   showYAxisIndices?: boolean
   showXAxisIndices?: boolean

package/src/LineChart/LineChartBiColor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineChartBicolorPropsType, type bicolorLineDataItem } from './types';
 import { type BarAndLineChartsWrapperTypes } from '../utils/types';
 interface Points {

package/src/LineChart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LineChartPropsType, type lineDataItem } from './types';
 import { type BarAndLineChartsWrapperTypes, EdgePosition, type LineSegment } from '../utils/types';
 import { type Animated } from 'react-native';

package/src/LineChart/types.d.ts

@@ -1,6 +1,6 @@
 import { GestureResponderEvent, type ColorValue } from 'react-native';
 import { type yAxisSides } from '../utils/constants';
-import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType } from '../utils/types';
+import { XAxisConfig, type CurveType, type DataSet, type EdgePosition, type HighlightedRange, type LineSegment, type Pointer, type RuleType, type RulesConfig, type arrowConfigType, type referenceConfigType, type secondaryLineConfigType, type secondaryYAxisType, type Linecap } from '../utils/types';
 export interface LineChartPropsType {
     height?: number;
     overflowTop?: number;
@@ -91,6 +91,7 @@ export interface LineChartPropsType {
     verticalLinesZIndex?: number;
     noOfVerticalLines?: number;
     verticalLinesSpacing?: number;
+    verticalLinesStrokeLinecap?: Linecap;
     hideAxesAndRules?: boolean;
     areaChart?: boolean;
     areaChart1?: boolean;

package/src/LineChart/types.ts

@@ -13,7 +13,8 @@ import {
   type arrowConfigType,
   type referenceConfigType,
   type secondaryLineConfigType,
-  type secondaryYAxisType
+  type secondaryYAxisType,
+  type Linecap
 } from '../utils/types'
 
 export interface LineChartPropsType {
@@ -82,7 +83,7 @@ export interface LineChartPropsType {
   unFocusOnPressOut?: boolean
   delayBeforeUnFocus?: number
   focusedDataPointIndex?: number
-  
+
   showValuesAsDataPointsText?: boolean
 
   rulesType?: RuleType
@@ -109,6 +110,7 @@ export interface LineChartPropsType {
   verticalLinesZIndex?: number
   noOfVerticalLines?: number
   verticalLinesSpacing?: number
+  verticalLinesStrokeLinecap?: Linecap
   hideAxesAndRules?: boolean
   areaChart?: boolean
   areaChart1?: boolean

package/src/PopulationPyramid/index.d.ts

@@ -110,10 +110,10 @@ export declare const usePopulationPyramid: (props: extendedPopulationPyramidProp
     leftXAfterMid: number;
     rightXAfterMid: number;
     yAxisLineProps: {
-        framework?: Framework.reactNative | undefined;
+        framework?: Framework.reactNative;
     } & import("./types").RulesProps;
     midAxisLineCommonProps: {
-        framework?: Framework.reactNative | undefined;
+        framework?: Framework.reactNative;
     } & import("./types").RulesProps;
     xAxisLabelY: number;
     xAxisIndicesCommonProps: {
@@ -123,7 +123,7 @@ export declare const usePopulationPyramid: (props: extendedPopulationPyramidProp
         strokeWidth: number;
     };
     verticalLinesCommonProps: {
-        framework?: Framework.reactNative | undefined;
+        framework?: Framework.reactNative;
     } & import("./types").RulesProps;
     xAxisLabelsCommonProps: {
         y: number;

package/src/PopulationPyramid/index.js

@@ -28,8 +28,8 @@ import { AxesAndRulesDefaults, populationDefaults } from '../utils/constants';
 import { Framework } from '../utils/types';
 export var usePopulationPyramid = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-    var framework = props.framework, _v = props.height, height = _v === void 0 ? populationDefaults.height : _v, _w = props.width, width = _w === void 0 ? props.screenWidth : _w, _x = props.verticalMarginBetweenBars, verticalMarginBetweenBars = _x === void 0 ? populationDefaults.verticalMarginBetweenBars : _x, _y = props.barsMapToYAxisSections, barsMapToYAxisSections = _y === void 0 ? populationDefaults.barsMapToYAxisSections : _y, data = props.data, _z = props.hideRules, hideRules = _z === void 0 ? AxesAndRulesDefaults.hideRules : _z, _0 = props.hideYAxisText, hideYAxisText = _0 === void 0 ? AxesAndRulesDefaults.hideYAxisText : _0, _1 = props.yAxisThickness, yAxisThickness = _1 === void 0 ? AxesAndRulesDefaults.yAxisThickness : _1, _2 = props.xAxisThickness, xAxisThickness = _2 === void 0 ? AxesAndRulesDefaults.xAxisThickness : _2, _3 = props.xAxisType, xAxisType = _3 === void 0 ? AxesAndRulesDefaults.xAxisType : _3, _4 = props.xAxisNoOfSections, xAxisNoOfSections = _4 === void 0 ? populationDefaults.xAxisNoOfSections : _4, _5 = props.showXAxisIndices, showXAxisIndices = _5 === void 0 ? populationDefaults.showXAxisIndices : _5, _6 = props.xAxisIndicesWidth, xAxisIndicesWidth = _6 === void 0 ? populationDefaults.xAxisIndicesWidth : _6, _7 = props.xAxisIndicesHeight, xAxisIndicesHeight = _7 === void 0 ? populationDefaults.xAxisIndicesHeight : _7, _8 = props.xAxisIndicesShiftY, xAxisIndicesShiftY = _8 === void 0 ? 0 : _8, _9 = props.showXAxisLabelTexts, showXAxisLabelTexts = _9 === void 0 ? populationDefaults.showXAxisLabelTexts : _9, _10 = props.xAxisLabelFontSize, xAxisLabelFontSize = _10 === void 0 ? populationDefaults.defaultFontSize : _10, _11 = props.xAxisLabelFontStyle, xAxisLabelFontStyle = _11 === void 0 ? populationDefaults.defaultFontStyle : _11, _12 = props.xAxisLabelFontWeight, xAxisLabelFontWeight = _12 === void 0 ? populationDefaults.defaultFontWeight : _12, _13 = props.xAxisLabelFontFamily, xAxisLabelFontFamily = _13 === void 0 ? populationDefaults.defaultFontFamily : _13, _14 = props.xAxisLabelShiftX, xAxisLabelShiftX = _14 === void 0 ? 0 : _14, _15 = props.xAxisLabelShiftY, xAxisLabelShiftY = _15 === void 0 ? 0 : _15, _16 = props.xAxisLabelPrefix, xAxisLabelPrefix = _16 === void 0 ? populationDefaults.prefix : _16, _17 = props.xAxisLabelSuffix, xAxisLabelSuffix = _17 === void 0 ? populationDefaults.suffix : _17, formatXAxisLabels = props.formatXAxisLabels, _18 = props.showVerticalLines, showVerticalLines = _18 === void 0 ? populationDefaults.showVerticalLines : _18, _19 = props.verticalLinesThickness, verticalLinesThickness = _19 === void 0 ? populationDefaults.verticalLinesThickness : _19, _20 = props.verticalLinesType, verticalLinesType = _20 === void 0 ? populationDefaults.verticalLinesType : _20, _21 = props.verticalLinesStrokeDashArray, verticalLinesStrokeDashArray = _21 === void 0 ? populationDefaults.verticalLinesStrokeDashArray : _21, _22 = props.showYAxisIndices, showYAxisIndices = _22 === void 0 ? AxesAndRulesDefaults.showYAxisIndices : _22, _23 = props.yAxisIndicesWidth, yAxisIndicesWidth = _23 === void 0 ? AxesAndRulesDefaults.yAxisIndicesWidth : _23, _24 = props.yAxisIndicesHeight, yAxisIndicesHeight = _24 === void 0 ? AxesAndRulesDefaults.yAxisIndicesHeight : _24, _25 = props.yAxisLabelFontSize, yAxisLabelFontSize = _25 === void 0 ? populationDefaults.defaultFontSize : _25, _26 = props.yAxisLabelFontStyle, yAxisLabelFontStyle = _26 === void 0 ? populationDefaults.defaultFontStyle : _26, _27 = props.yAxisLabelFontWeight, yAxisLabelFontWeight = _27 === void 0 ? populationDefaults.defaultFontWeight : _27, _28 = props.yAxisLabelFontFamily, yAxisLabelFontFamily = _28 === void 0 ? populationDefaults.defaultFontFamily : _28, _29 = props.yAxisLabelTextMarginRight, yAxisLabelTextMarginRight = _29 === void 0 ? populationDefaults.yAxisLabelTextMarginRight : _29, _30 = props.yAxisLabelTexts, yAxisLabelTexts = _30 === void 0 ? [] : _30, _31 = props.showValuesAsBarLabels, showValuesAsBarLabels = _31 === void 0 ? populationDefaults.showValuesAsBarLabels : _31, _32 = props.rulesThickness, rulesThickness = _32 === void 0 ? AxesAndRulesDefaults.rulesThickness : _32, _33 = props.rulesType, rulesType = _33 === void 0 ? AxesAndRulesDefaults.rulesType : _33, _34 = props.dashWidth, dashWidth = _34 === void 0 ? AxesAndRulesDefaults.dashWidth : _34, _35 = props.dashGap, dashGap = _35 === void 0 ? AxesAndRulesDefaults.dashGap : _35, _36 = props.leftBarLabelWidth, leftBarLabelWidth = _36 === void 0 ? populationDefaults.leftBarLabelWidth : _36, _37 = props.leftBarLabelFontSize, leftBarLabelFontSize = _37 === void 0 ? (_a = props.barLabelFontSize) !== null && _a !== void 0 ? _a : populationDefaults.defaultFontSize : _37, _38 = props.leftBarLabelFontStyle, leftBarLabelFontStyle = _38 === void 0 ? (_b = props.barLabelFontStyle) !== null && _b !== void 0 ? _b : populationDefaults.defaultFontStyle : _38, _39 = props.leftBarLabelFontWeight, leftBarLabelFontWeight = _39 === void 0 ? (_c = props.barLabelFontWeight) !== null && _c !== void 0 ? _c : populationDefaults.defaultFontWeight : _39, _40 = props.leftBarLabelFontFamily, leftBarLabelFontFamily = _40 === void 0 ? (_d = props.barLabelFontFamily) !== null && _d !== void 0 ? _d : populationDefaults.defaultFontFamily : _40, _41 = props.leftBarLabelPrefix, leftBarLabelPrefix = _41 === void 0 ? populationDefaults.prefix : _41, _42 = props.leftBarLabelSuffix, leftBarLabelSuffix = _42 === void 0 ? populationDefaults.suffix : _42, _43 = props.rightBarLabelWidth, rightBarLabelWidth = _43 === void 0 ? populationDefaults.rightBarLabelWidth : _43, _44 = props.rightBarLabelFontSize, rightBarLabelFontSize = _44 === void 0 ? (_e = props.barLabelFontSize) !== null && _e !== void 0 ? _e : populationDefaults.defaultFontSize : _44, _45 = props.rightBarLabelFontStyle, rightBarLabelFontStyle = _45 === void 0 ? (_f = props.barLabelFontStyle) !== null && _f !== void 0 ? _f : populationDefaults.defaultFontStyle : _45, _46 = props.rightBarLabelFontWeight, rightBarLabelFontWeight = _46 === void 0 ? (_g = props.barLabelFontWeight) !== null && _g !== void 0 ? _g : populationDefaults.defaultFontWeight : _46, _47 = props.rightBarLabelFontFamily, rightBarLabelFontFamily = _47 === void 0 ? (_h = props.barLabelFontFamily) !== null && _h !== void 0 ? _h : populationDefaults.defaultFontFamily : _47, _48 = props.rightBarLabelPrefix, rightBarLabelPrefix = _48 === void 0 ? populationDefaults.prefix : _48, _49 = props.rightBarLabelSuffix, rightBarLabelSuffix = _49 === void 0 ? populationDefaults.suffix : _49, formatBarLabels = props.formatBarLabels, _50 = props.showMidAxis, showMidAxis = _50 === void 0 ? populationDefaults.showMidAxis : _50, _51 = props.midAxisLabelWidth, midAxisLabelWidth = _51 === void 0 ? populationDefaults.midAxisLabelWidth : _51, _52 = props.midAxisLabelFontSize, midAxisLabelFontSize = _52 === void 0 ? populationDefaults.defaultFontSize : _52, _53 = props.midAxisLabelFontStyle, midAxisLabelFontStyle = _53 === void 0 ? populationDefaults.defaultFontStyle : _53, _54 = props.midAxisLabelFontWeight, midAxisLabelFontWeight = _54 === void 0 ? populationDefaults.defaultFontWeight : _54, _55 = props.midAxisLabelFontFamily, midAxisLabelFontFamily = _55 === void 0 ? populationDefaults.defaultFontFamily : _55, _56 = props.leftBarBorderWidth, leftBarBorderWidth = _56 === void 0 ? (_j = props.barBorderWidth) !== null && _j !== void 0 ? _j : populationDefaults.leftBarBorderWidth : _56, _57 = props.rightBarBorderWidth, rightBarBorderWidth = _57 === void 0 ? (_k = props.barBorderWidth) !== null && _k !== void 0 ? _k : populationDefaults.rightBarBorderWidth : _57, _58 = props.leftBarBorderRadius, leftBarBorderRadius = _58 === void 0 ? (_l = props.barBorderRadius) !== null && _l !== void 0 ? _l : populationDefaults.leftBarBorderRadius : _58, _59 = props.rightBarBorderRadius, rightBarBorderRadius = _59 === void 0 ? (_m = props.barBorderRadius) !== null && _m !== void 0 ? _m : populationDefaults.rightBarBorderRadius : _59, _60 = props.allCornersRounded, allCornersRounded = _60 === void 0 ? populationDefaults.allCornersRounded : _60, _61 = props.showSurplus, showSurplus = _61 === void 0 ? populationDefaults.showSurplus : _61, _62 = props.showSurplusLeft, showSurplusLeft = _62 === void 0 ? populationDefaults.showSurplusLeft : _62, _63 = props.showSurplusRight, showSurplusRight = _63 === void 0 ? populationDefaults.showSurplusRight : _63, _64 = props.leftSurplusBorderWidth, leftSurplusBorderWidth = _64 === void 0 ? populationDefaults.leftSurplusBorderWidth : _64, _65 = props.rightSurplusBorderWidth, rightSurplusBorderWidth = _65 === void 0 ? populationDefaults.rightSurplusBorderWidth : _65;
-    var _66 = props.yAxisColor, yAxisColor = _66 === void 0 ? AxesAndRulesDefaults.yAxisColor : _66, _67 = props.xAxisColor, xAxisColor = _67 === void 0 ? AxesAndRulesDefaults.xAxisColor : _67, _68 = props.xAxisIndicesColor, xAxisIndicesColor = _68 === void 0 ? populationDefaults.xAxisIndicesColor : _68, _69 = props.xAxisLabelColor, xAxisLabelColor = _69 === void 0 ? populationDefaults.defaultFontColor : _69, _70 = props.verticalLinesColor, verticalLinesColor = _70 === void 0 ? populationDefaults.verticalLinesColor : _70, _71 = props.yAxisIndicesColor, yAxisIndicesColor = _71 === void 0 ? AxesAndRulesDefaults.yAxisIndicesColor : _71, _72 = props.yAxisLabelColor, yAxisLabelColor = _72 === void 0 ? populationDefaults.defaultFontColor : _72, _73 = props.rulesColor, rulesColor = _73 === void 0 ? AxesAndRulesDefaults.rulesColor : _73, _74 = props.leftBarLabelColor, leftBarLabelColor = _74 === void 0 ? (_o = props.barLabelColor) !== null && _o !== void 0 ? _o : populationDefaults.defaultFontColor : _74, _75 = props.rightBarLabelColor, rightBarLabelColor = _75 === void 0 ? (_p = props.barLabelColor) !== null && _p !== void 0 ? _p : populationDefaults.defaultFontColor : _75, _76 = props.midAxisLabelColor, midAxisLabelColor = _76 === void 0 ? populationDefaults.defaultFontColor : _76, _77 = props.leftBarColor, leftBarColor = _77 === void 0 ? populationDefaults.leftBarColor : _77, _78 = props.rightBarColor, rightBarColor = _78 === void 0 ? populationDefaults.rightBarColor : _78, _79 = props.leftBarBorderColor, leftBarBorderColor = _79 === void 0 ? populationDefaults.leftBarBorderColor : _79, _80 = props.rightBarBorderColor, rightBarBorderColor = _80 === void 0 ? populationDefaults.rightBarBorderColor : _80, _81 = props.leftSurplusColor, leftSurplusColor = _81 === void 0 ? populationDefaults.leftSurplusColor : _81, _82 = props.leftSurplusBorderColor, leftSurplusBorderColor = _82 === void 0 ? populationDefaults.leftSurplusBorderColor : _82, _83 = props.rightSurplusColor, rightSurplusColor = _83 === void 0 ? populationDefaults.rightSurplusColor : _83, _84 = props.rightSurplusBorderColor, rightSurplusBorderColor = _84 === void 0 ? populationDefaults.rightSurplusBorderColor : _84;
+    var framework = props.framework, _v = props.height, height = _v === void 0 ? populationDefaults.height : _v, _w = props.width, width = _w === void 0 ? props.screenWidth : _w, _x = props.verticalMarginBetweenBars, verticalMarginBetweenBars = _x === void 0 ? populationDefaults.verticalMarginBetweenBars : _x, _y = props.barsMapToYAxisSections, barsMapToYAxisSections = _y === void 0 ? populationDefaults.barsMapToYAxisSections : _y, data = props.data, _z = props.hideRules, hideRules = _z === void 0 ? AxesAndRulesDefaults.hideRules : _z, _0 = props.hideYAxisText, hideYAxisText = _0 === void 0 ? AxesAndRulesDefaults.hideYAxisText : _0, _1 = props.yAxisThickness, yAxisThickness = _1 === void 0 ? AxesAndRulesDefaults.yAxisThickness : _1, _2 = props.xAxisThickness, xAxisThickness = _2 === void 0 ? AxesAndRulesDefaults.xAxisThickness : _2, _3 = props.xAxisType, xAxisType = _3 === void 0 ? AxesAndRulesDefaults.xAxisType : _3, _4 = props.xAxisNoOfSections, xAxisNoOfSections = _4 === void 0 ? populationDefaults.xAxisNoOfSections : _4, _5 = props.showXAxisIndices, showXAxisIndices = _5 === void 0 ? populationDefaults.showXAxisIndices : _5, _6 = props.xAxisIndicesWidth, xAxisIndicesWidth = _6 === void 0 ? populationDefaults.xAxisIndicesWidth : _6, _7 = props.xAxisIndicesHeight, xAxisIndicesHeight = _7 === void 0 ? populationDefaults.xAxisIndicesHeight : _7, _8 = props.xAxisIndicesShiftY, xAxisIndicesShiftY = _8 === void 0 ? 0 : _8, _9 = props.showXAxisLabelTexts, showXAxisLabelTexts = _9 === void 0 ? populationDefaults.showXAxisLabelTexts : _9, _10 = props.xAxisLabelFontSize, xAxisLabelFontSize = _10 === void 0 ? populationDefaults.defaultFontSize : _10, _11 = props.xAxisLabelFontStyle, xAxisLabelFontStyle = _11 === void 0 ? populationDefaults.defaultFontStyle : _11, _12 = props.xAxisLabelFontWeight, xAxisLabelFontWeight = _12 === void 0 ? populationDefaults.defaultFontWeight : _12, _13 = props.xAxisLabelFontFamily, xAxisLabelFontFamily = _13 === void 0 ? populationDefaults.defaultFontFamily : _13, _14 = props.xAxisLabelShiftX, xAxisLabelShiftX = _14 === void 0 ? 0 : _14, _15 = props.xAxisLabelShiftY, xAxisLabelShiftY = _15 === void 0 ? 0 : _15, _16 = props.xAxisLabelPrefix, xAxisLabelPrefix = _16 === void 0 ? populationDefaults.prefix : _16, _17 = props.xAxisLabelSuffix, xAxisLabelSuffix = _17 === void 0 ? populationDefaults.suffix : _17, formatXAxisLabels = props.formatXAxisLabels, _18 = props.showVerticalLines, showVerticalLines = _18 === void 0 ? populationDefaults.showVerticalLines : _18, _19 = props.verticalLinesThickness, verticalLinesThickness = _19 === void 0 ? populationDefaults.verticalLinesThickness : _19, _20 = props.verticalLinesType, verticalLinesType = _20 === void 0 ? populationDefaults.verticalLinesType : _20, _21 = props.verticalLinesStrokeDashArray, verticalLinesStrokeDashArray = _21 === void 0 ? populationDefaults.verticalLinesStrokeDashArray : _21, _22 = props.verticalLinesStrokeLinecap, verticalLinesStrokeLinecap = _22 === void 0 ? populationDefaults.verticalLinesStrokeLinecap : _22, _23 = props.showYAxisIndices, showYAxisIndices = _23 === void 0 ? AxesAndRulesDefaults.showYAxisIndices : _23, _24 = props.yAxisIndicesWidth, yAxisIndicesWidth = _24 === void 0 ? AxesAndRulesDefaults.yAxisIndicesWidth : _24, _25 = props.yAxisIndicesHeight, yAxisIndicesHeight = _25 === void 0 ? AxesAndRulesDefaults.yAxisIndicesHeight : _25, _26 = props.yAxisLabelFontSize, yAxisLabelFontSize = _26 === void 0 ? populationDefaults.defaultFontSize : _26, _27 = props.yAxisLabelFontStyle, yAxisLabelFontStyle = _27 === void 0 ? populationDefaults.defaultFontStyle : _27, _28 = props.yAxisLabelFontWeight, yAxisLabelFontWeight = _28 === void 0 ? populationDefaults.defaultFontWeight : _28, _29 = props.yAxisLabelFontFamily, yAxisLabelFontFamily = _29 === void 0 ? populationDefaults.defaultFontFamily : _29, _30 = props.yAxisLabelTextMarginRight, yAxisLabelTextMarginRight = _30 === void 0 ? populationDefaults.yAxisLabelTextMarginRight : _30, _31 = props.yAxisLabelTexts, yAxisLabelTexts = _31 === void 0 ? [] : _31, _32 = props.showValuesAsBarLabels, showValuesAsBarLabels = _32 === void 0 ? populationDefaults.showValuesAsBarLabels : _32, _33 = props.rulesThickness, rulesThickness = _33 === void 0 ? AxesAndRulesDefaults.rulesThickness : _33, _34 = props.rulesType, rulesType = _34 === void 0 ? AxesAndRulesDefaults.rulesType : _34, _35 = props.dashWidth, dashWidth = _35 === void 0 ? AxesAndRulesDefaults.dashWidth : _35, _36 = props.dashGap, dashGap = _36 === void 0 ? AxesAndRulesDefaults.dashGap : _36, _37 = props.leftBarLabelWidth, leftBarLabelWidth = _37 === void 0 ? populationDefaults.leftBarLabelWidth : _37, _38 = props.leftBarLabelFontSize, leftBarLabelFontSize = _38 === void 0 ? (_a = props.barLabelFontSize) !== null && _a !== void 0 ? _a : populationDefaults.defaultFontSize : _38, _39 = props.leftBarLabelFontStyle, leftBarLabelFontStyle = _39 === void 0 ? (_b = props.barLabelFontStyle) !== null && _b !== void 0 ? _b : populationDefaults.defaultFontStyle : _39, _40 = props.leftBarLabelFontWeight, leftBarLabelFontWeight = _40 === void 0 ? (_c = props.barLabelFontWeight) !== null && _c !== void 0 ? _c : populationDefaults.defaultFontWeight : _40, _41 = props.leftBarLabelFontFamily, leftBarLabelFontFamily = _41 === void 0 ? (_d = props.barLabelFontFamily) !== null && _d !== void 0 ? _d : populationDefaults.defaultFontFamily : _41, _42 = props.leftBarLabelPrefix, leftBarLabelPrefix = _42 === void 0 ? populationDefaults.prefix : _42, _43 = props.leftBarLabelSuffix, leftBarLabelSuffix = _43 === void 0 ? populationDefaults.suffix : _43, _44 = props.rightBarLabelWidth, rightBarLabelWidth = _44 === void 0 ? populationDefaults.rightBarLabelWidth : _44, _45 = props.rightBarLabelFontSize, rightBarLabelFontSize = _45 === void 0 ? (_e = props.barLabelFontSize) !== null && _e !== void 0 ? _e : populationDefaults.defaultFontSize : _45, _46 = props.rightBarLabelFontStyle, rightBarLabelFontStyle = _46 === void 0 ? (_f = props.barLabelFontStyle) !== null && _f !== void 0 ? _f : populationDefaults.defaultFontStyle : _46, _47 = props.rightBarLabelFontWeight, rightBarLabelFontWeight = _47 === void 0 ? (_g = props.barLabelFontWeight) !== null && _g !== void 0 ? _g : populationDefaults.defaultFontWeight : _47, _48 = props.rightBarLabelFontFamily, rightBarLabelFontFamily = _48 === void 0 ? (_h = props.barLabelFontFamily) !== null && _h !== void 0 ? _h : populationDefaults.defaultFontFamily : _48, _49 = props.rightBarLabelPrefix, rightBarLabelPrefix = _49 === void 0 ? populationDefaults.prefix : _49, _50 = props.rightBarLabelSuffix, rightBarLabelSuffix = _50 === void 0 ? populationDefaults.suffix : _50, formatBarLabels = props.formatBarLabels, _51 = props.showMidAxis, showMidAxis = _51 === void 0 ? populationDefaults.showMidAxis : _51, _52 = props.midAxisLabelWidth, midAxisLabelWidth = _52 === void 0 ? populationDefaults.midAxisLabelWidth : _52, _53 = props.midAxisLabelFontSize, midAxisLabelFontSize = _53 === void 0 ? populationDefaults.defaultFontSize : _53, _54 = props.midAxisLabelFontStyle, midAxisLabelFontStyle = _54 === void 0 ? populationDefaults.defaultFontStyle : _54, _55 = props.midAxisLabelFontWeight, midAxisLabelFontWeight = _55 === void 0 ? populationDefaults.defaultFontWeight : _55, _56 = props.midAxisLabelFontFamily, midAxisLabelFontFamily = _56 === void 0 ? populationDefaults.defaultFontFamily : _56, _57 = props.leftBarBorderWidth, leftBarBorderWidth = _57 === void 0 ? (_j = props.barBorderWidth) !== null && _j !== void 0 ? _j : populationDefaults.leftBarBorderWidth : _57, _58 = props.rightBarBorderWidth, rightBarBorderWidth = _58 === void 0 ? (_k = props.barBorderWidth) !== null && _k !== void 0 ? _k : populationDefaults.rightBarBorderWidth : _58, _59 = props.leftBarBorderRadius, leftBarBorderRadius = _59 === void 0 ? (_l = props.barBorderRadius) !== null && _l !== void 0 ? _l : populationDefaults.leftBarBorderRadius : _59, _60 = props.rightBarBorderRadius, rightBarBorderRadius = _60 === void 0 ? (_m = props.barBorderRadius) !== null && _m !== void 0 ? _m : populationDefaults.rightBarBorderRadius : _60, _61 = props.allCornersRounded, allCornersRounded = _61 === void 0 ? populationDefaults.allCornersRounded : _61, _62 = props.showSurplus, showSurplus = _62 === void 0 ? populationDefaults.showSurplus : _62, _63 = props.showSurplusLeft, showSurplusLeft = _63 === void 0 ? populationDefaults.showSurplusLeft : _63, _64 = props.showSurplusRight, showSurplusRight = _64 === void 0 ? populationDefaults.showSurplusRight : _64, _65 = props.leftSurplusBorderWidth, leftSurplusBorderWidth = _65 === void 0 ? populationDefaults.leftSurplusBorderWidth : _65, _66 = props.rightSurplusBorderWidth, rightSurplusBorderWidth = _66 === void 0 ? populationDefaults.rightSurplusBorderWidth : _66;
+    var _67 = props.yAxisColor, yAxisColor = _67 === void 0 ? AxesAndRulesDefaults.yAxisColor : _67, _68 = props.xAxisColor, xAxisColor = _68 === void 0 ? AxesAndRulesDefaults.xAxisColor : _68, _69 = props.xAxisIndicesColor, xAxisIndicesColor = _69 === void 0 ? populationDefaults.xAxisIndicesColor : _69, _70 = props.xAxisLabelColor, xAxisLabelColor = _70 === void 0 ? populationDefaults.defaultFontColor : _70, _71 = props.verticalLinesColor, verticalLinesColor = _71 === void 0 ? populationDefaults.verticalLinesColor : _71, _72 = props.yAxisIndicesColor, yAxisIndicesColor = _72 === void 0 ? AxesAndRulesDefaults.yAxisIndicesColor : _72, _73 = props.yAxisLabelColor, yAxisLabelColor = _73 === void 0 ? populationDefaults.defaultFontColor : _73, _74 = props.rulesColor, rulesColor = _74 === void 0 ? AxesAndRulesDefaults.rulesColor : _74, _75 = props.leftBarLabelColor, leftBarLabelColor = _75 === void 0 ? (_o = props.barLabelColor) !== null && _o !== void 0 ? _o : populationDefaults.defaultFontColor : _75, _76 = props.rightBarLabelColor, rightBarLabelColor = _76 === void 0 ? (_p = props.barLabelColor) !== null && _p !== void 0 ? _p : populationDefaults.defaultFontColor : _76, _77 = props.midAxisLabelColor, midAxisLabelColor = _77 === void 0 ? populationDefaults.defaultFontColor : _77, _78 = props.leftBarColor, leftBarColor = _78 === void 0 ? populationDefaults.leftBarColor : _78, _79 = props.rightBarColor, rightBarColor = _79 === void 0 ? populationDefaults.rightBarColor : _79, _80 = props.leftBarBorderColor, leftBarBorderColor = _80 === void 0 ? populationDefaults.leftBarBorderColor : _80, _81 = props.rightBarBorderColor, rightBarBorderColor = _81 === void 0 ? populationDefaults.rightBarBorderColor : _81, _82 = props.leftSurplusColor, leftSurplusColor = _82 === void 0 ? populationDefaults.leftSurplusColor : _82, _83 = props.leftSurplusBorderColor, leftSurplusBorderColor = _83 === void 0 ? populationDefaults.leftSurplusBorderColor : _83, _84 = props.rightSurplusColor, rightSurplusColor = _84 === void 0 ? populationDefaults.rightSurplusColor : _84, _85 = props.rightSurplusBorderColor, rightSurplusBorderColor = _85 === void 0 ? populationDefaults.rightSurplusBorderColor : _85;
     if (framework === Framework.reactJS) {
         yAxisColor = yAxisColor.toString();
         xAxisColor = xAxisColor.toString();
@@ -97,7 +97,8 @@ export var usePopulationPyramid = function (props) {
         y1: 0,
         y2: containerHeight,
         stroke: verticalLinesColor,
-        strokeWidth: verticalLinesThickness
+        strokeWidth: verticalLinesThickness,
+        strokeLinecap: verticalLinesStrokeLinecap
     };
     verticalLinesCommonProps.strokeDasharray = getStrokeDashArray(verticalLinesStrokeDashArray);
     var xAxisLabelsCommonProps = {

package/src/PopulationPyramid/index.ts

@@ -1,9 +1,14 @@
 import { getStrokeDashArray } from '../utils'
 import { AxesAndRulesDefaults, populationDefaults } from '../utils/constants'
-import { Framework } from '../utils/types'
-import { type extendedPopulationPyramidPropsType, type RulesPropsType } from './types'
+import { Framework, type Linecap } from '../utils/types'
+import {
+  type extendedPopulationPyramidPropsType,
+  type RulesPropsType
+} from './types'
 
-export const usePopulationPyramid = (props: extendedPopulationPyramidPropsType) => {
+export const usePopulationPyramid = (
+  props: extendedPopulationPyramidPropsType
+) => {
   const {
     framework,
     height = populationDefaults.height,
@@ -37,6 +42,7 @@ export const usePopulationPyramid = (props: extendedPopulationPyramidPropsType)
     verticalLinesThickness = populationDefaults.verticalLinesThickness,
     verticalLinesType = populationDefaults.verticalLinesType,
     verticalLinesStrokeDashArray = populationDefaults.verticalLinesStrokeDashArray,
+    verticalLinesStrokeLinecap = populationDefaults.verticalLinesStrokeLinecap,
 
     showYAxisIndices = AxesAndRulesDefaults.showYAxisIndices,
     yAxisIndicesWidth = AxesAndRulesDefaults.yAxisIndicesWidth,
@@ -218,7 +224,8 @@ export const usePopulationPyramid = (props: extendedPopulationPyramidPropsType)
     y1: 0,
     y2: containerHeight,
     stroke: verticalLinesColor,
-    strokeWidth: verticalLinesThickness
+    strokeWidth: verticalLinesThickness,
+    strokeLinecap: verticalLinesStrokeLinecap as Linecap
   }
   verticalLinesCommonProps.strokeDasharray = getStrokeDashArray(
     verticalLinesStrokeDashArray

package/src/PopulationPyramid/types.d.ts

@@ -1,5 +1,5 @@
 import { type ColorValue } from 'react-native';
-import { type Framework, type RuleTypes } from '../utils/types';
+import { type Linecap, type Framework, type RuleTypes } from '../utils/types';
 import { type FontStyle, type FontWeight } from 'react-native-svg';
 export interface popnPyramidDataItem {
     left: number;
@@ -75,6 +75,7 @@ export interface RulesProps {
     stroke?: ColorValue;
     strokeWidth?: number;
     strokeDasharray?: number[] | string;
+    strokeLinecap?: Linecap;
 }
 export type RulesPropsReactJS = RulesProps & {
     stroke?: string;
@@ -117,6 +118,7 @@ export interface PopulationPyramidPropsType {
     verticalLinesThickness?: number;
     verticalLinesType?: RuleTypes;
     verticalLinesStrokeDashArray?: number[] | string;
+    verticalLinesStrokeLinecap?: Linecap;
     noOfSections?: number;
     barsMapToYAxisSections?: boolean;
     showYAxisIndices?: boolean;

package/src/PopulationPyramid/types.ts

@@ -1,5 +1,5 @@
 import { type ColorValue } from 'react-native'
-import { type Framework, type RuleTypes } from '../utils/types'
+import { type Linecap, type Framework, type RuleTypes } from '../utils/types'
 import { type FontStyle, type FontWeight } from 'react-native-svg'
 
 export interface popnPyramidDataItem {
@@ -83,6 +83,7 @@ export interface RulesProps {
   stroke?: ColorValue
   strokeWidth?: number
   strokeDasharray?: number[] | string
+  strokeLinecap?: Linecap
 }
 
 export type RulesPropsReactJS = RulesProps & {
@@ -128,6 +129,7 @@ export interface PopulationPyramidPropsType {
   verticalLinesThickness?: number
   verticalLinesType?: RuleTypes
   verticalLinesStrokeDashArray?: number[] | string
+  verticalLinesStrokeLinecap?: Linecap
 
   noOfSections?: number
   barsMapToYAxisSections?: boolean

package/src/components/AnimatedThreeDBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type animatedBarPropTypes } from '../../BarChart/types';
 export declare const useAnimatedThreeDBar: (props: animatedBarPropTypes) => {
     showGradient: boolean;

package/src/components/BarAndLineChartsWrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LineInBarChartPropsType, type BarAndLineChartsWrapperTypes, type horizSectionPropTypes } from '../../utils/types';
 import { type NativeScrollEvent } from 'react-native';
 export declare const useBarAndLineChartsWrapper: (props: BarAndLineChartsWrapperTypes) => {
@@ -46,6 +45,7 @@ export declare const useBarAndLineChartsWrapper: (props: BarAndLineChartsWrapper
         verticalLinesStrokeDashArray: any;
         verticalLinesShift: any;
         verticalLinesUptoDataPoint: any;
+        verticalLinesStrokeLinecap: any;
         xAxisThickness: number;
         labelsExtraHeight: number;
         containerHeight: number;

package/src/components/BarAndLineChartsWrapper/index.js

@@ -37,7 +37,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { useEffect, useState } from 'react';
 import { AxesAndRulesDefaults, BarDefaults } from '../../utils/constants';
 export var useBarAndLineChartsWrapper = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
     var chartType = props.chartType, containerHeight = props.containerHeight, noOfSectionsBelowXAxis = props.noOfSectionsBelowXAxis, sectionColors = props.sectionColors, stepHeight = props.stepHeight, negativeStepHeight = props.negativeStepHeight, labelsExtraHeight = props.labelsExtraHeight, yAxisLabelWidth = props.yAxisLabelWidth, horizontal = props.horizontal, rtl = props.rtl, shiftX = props.shiftX, shiftY = props.shiftY, initialSpacing = props.initialSpacing, data = props.data, stackData = props.stackData, secondaryData = props.secondaryData, barWidth = props.barWidth, xAxisThickness = props.xAxisThickness, totalWidth = props.totalWidth, spacing = props.spacing, lineConfig = props.lineConfig, lineConfig2 = props.lineConfig2, maxValue = props.maxValue, lineData = props.lineData, lineData2 = props.lineData2, animatedWidth = props.animatedWidth, lineBehindBars = props.lineBehindBars, points = props.points, points2 = props.points2, arrowPoints = props.arrowPoints, width = props.width, horizSections = props.horizSections, endSpacing = props.endSpacing, horizontalRulesStyle = props.horizontalRulesStyle, noOfSections = props.noOfSections, showFractionalValues = props.showFractionalValues, axesAndRulesProps = props.axesAndRulesProps, yAxisLabelTexts = props.yAxisLabelTexts, yAxisOffset = props.yAxisOffset, rotateYAxisTexts = props.rotateYAxisTexts, pointerConfig = props.pointerConfig, getPointerProps = props.getPointerProps, pointerIndex = props.pointerIndex, pointerX = props.pointerX, pointerY = props.pointerY, scrollEventThrottle = props.scrollEventThrottle, endReachedOffset = props.endReachedOffset, isRTL = props.isRTL, selectedIndex = props.selectedIndex;
     var yAxisAtTop = rtl ? !props.yAxisAtTop : props.yAxisAtTop;
     var hideOrigin = (_a = axesAndRulesProps.hideOrigin) !== null && _a !== void 0 ? _a : AxesAndRulesDefaults.hideOrigin;
@@ -87,6 +87,7 @@ export var useBarAndLineChartsWrapper = function (props) {
     var verticalLinesZIndex = (_7 = axesAndRulesProps.verticalLinesZIndex) !== null && _7 !== void 0 ? _7 : AxesAndRulesDefaults.verticalLinesZIndex;
     var verticalLinesSpacing = (_8 = axesAndRulesProps.verticalLinesSpacing) !== null && _8 !== void 0 ? _8 : AxesAndRulesDefaults.verticalLinesSpacing;
     var verticalLinesUptoDataPoint = (_9 = axesAndRulesProps.verticalLinesUptoDataPoint) !== null && _9 !== void 0 ? _9 : AxesAndRulesDefaults.verticalLinesUptoDataPoint;
+    var verticalLinesStrokeLinecap = (_10 = axesAndRulesProps.verticalLinesStrokeLinecap) !== null && _10 !== void 0 ? _10 : AxesAndRulesDefaults.verticalLinesStrokeLinecap;
     var noOfVerticalLines = axesAndRulesProps.noOfVerticalLines;
     var secondaryXAxis = axesAndRulesProps.secondaryXAxis;
     var verticalLinesAr = noOfVerticalLines
@@ -159,7 +160,7 @@ export var useBarAndLineChartsWrapper = function (props) {
         spacing: spacing,
         containerHeight: containerHeight,
         lineConfig: lineConfig,
-        maxValue: (_10 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _10 !== void 0 ? _10 : maxValue,
+        maxValue: (_11 = secondaryYAxis === null || secondaryYAxis === void 0 ? void 0 : secondaryYAxis.maxValue) !== null && _11 !== void 0 ? _11 : maxValue,
         animatedWidth: animatedWidth,
         lineBehindBars: lineBehindBars,
         points: points,
@@ -178,7 +179,7 @@ export var useBarAndLineChartsWrapper = function (props) {
     var verticalLinesProps = {
         verticalLinesAr: verticalLinesAr,
         verticalLinesSpacing: verticalLinesSpacing,
-        spacing: (_11 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _11 !== void 0 ? _11 : spacing,
+        spacing: (_12 = lineConfig === null || lineConfig === void 0 ? void 0 : lineConfig.spacing) !== null && _12 !== void 0 ? _12 : spacing,
         initialSpacing: initialSpacing,
         verticalLinesZIndex: verticalLinesZIndex,
         verticalLinesHeight: verticalLinesHeight,
@@ -187,6 +188,7 @@ export var useBarAndLineChartsWrapper = function (props) {
         verticalLinesStrokeDashArray: verticalLinesStrokeDashArray,
         verticalLinesShift: verticalLinesShift,
         verticalLinesUptoDataPoint: verticalLinesUptoDataPoint,
+        verticalLinesStrokeLinecap: verticalLinesStrokeLinecap,
         xAxisThickness: xAxisThickness,
         labelsExtraHeight: labelsExtraHeight,
         containerHeight: containerHeight,
@@ -232,7 +234,7 @@ export var useBarAndLineChartsWrapper = function (props) {
                 : difBwWidthHeight - 40) /
             2 +
         (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52), ")");
-    var _12 = __read(useState(false), 2), canMomentum = _12[0], setCanMomentum = _12[1];
+    var _13 = __read(useState(false), 2), canMomentum = _13[0], setCanMomentum = _13[1];
     var isCloseToEnd = function (_a) {
         var layoutMeasurement = _a.layoutMeasurement, contentOffset = _a.contentOffset, contentSize = _a.contentSize;
         return isRTL

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -162,6 +162,9 @@ export const useBarAndLineChartsWrapper = (
   const verticalLinesUptoDataPoint =
     axesAndRulesProps.verticalLinesUptoDataPoint ??
     AxesAndRulesDefaults.verticalLinesUptoDataPoint
+  const verticalLinesStrokeLinecap =
+    axesAndRulesProps.verticalLinesStrokeLinecap ??
+    AxesAndRulesDefaults.verticalLinesStrokeLinecap
   const noOfVerticalLines = axesAndRulesProps.noOfVerticalLines
   const secondaryXAxis = axesAndRulesProps.secondaryXAxis
 
@@ -279,6 +282,7 @@ export const useBarAndLineChartsWrapper = (
     verticalLinesStrokeDashArray,
     verticalLinesShift,
     verticalLinesUptoDataPoint,
+    verticalLinesStrokeLinecap,
     xAxisThickness,
     labelsExtraHeight,
     containerHeight,

package/src/index.d.ts

@@ -35,4 +35,4 @@ export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel
 /***********************************************************************************************************************/
 export { getCumulativeWidth, getLighterColor, svgQuadraticCurvePath, svgPath, bezierCommand, getSegmentString, getCurvePathWithSegments, getPreviousSegmentsLastPoint, getPathWithHighlight, getRegionPathObjects, getSegmentedPathObjects, getArrowPoints, getAxesAndRulesProps, getExtendedContainerHeightWithPadding, getSecondaryDataWithOffsetIncluded, getArrowProperty, getAllArrowProperties, maxAndMinUtil, computeMaxAndMinItems, getLabelTextUtil, getXForLineInBar, getYForLineInBar, clone, getLineConfigForBarChart, adjustToOffset } from './utils';
 export { chartTypes, yAxisSides, loc, SEGMENT_START, SEGMENT_END, RANGE_ENTER, RANGE_EXIT, STOP, ruleTypes, AxesAndRulesDefaults, defaultArrowConfig, BarDefaults, defaultLineConfig, LineDefaults, defaultPointerConfig, pieColors, populationDefaults, defaultAnimationDuration } from './utils/constants';
-export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps } from './utils/types';
+export { type RuleType, type RuleTypes, type RulesConfig, CurveType, EdgePosition, type LabelsPosition, type PointerEvents, type secondaryYAxisType, type secondaryLineConfigType, type referenceConfigType, type arrowConfigType, type horizSectionPropTypes, type HorizSectionsType, type BarAndLineChartsWrapperTypes, type Pointer, type HighlightedRange, type LineSegment, type LineSvgProps, type LineProperties, type DataSet, Framework, type XAxisConfig, type LineInBarChartPropsType, type DataPointProps, type Linecap } from './utils/types';

package/src/index.ts

@@ -148,5 +148,6 @@ export {
   Framework,
   type XAxisConfig,
   type LineInBarChartPropsType,
-  type DataPointProps
+  type DataPointProps,
+  type Linecap
 } from './utils/types'

package/src/utils/constants.d.ts

@@ -64,6 +64,7 @@ export declare const AxesAndRulesDefaults: {
     verticalLinesZIndex: number;
     verticalLinesSpacing: number;
     verticalLinesUptoDataPoint: boolean;
+    verticalLinesStrokeLinecap: string;
     noOfSections: number;
     containerHeight: number;
     width: number;
@@ -217,6 +218,7 @@ export declare const populationDefaults: {
     verticalLinesThickness: number;
     verticalLinesType: string;
     verticalLinesStrokeDashArray: number[];
+    verticalLinesStrokeLinecap: string;
     defaultFontSize: number;
     defaultFontColor: string;
     defaultFontStyle: FontStyle;

package/src/utils/constants.js

@@ -74,6 +74,7 @@ export var AxesAndRulesDefaults = {
     verticalLinesZIndex: -1,
     verticalLinesSpacing: 0,
     verticalLinesUptoDataPoint: false,
+    verticalLinesStrokeLinecap: 'butt',
     noOfSections: 10,
     containerHeight: 200,
     width: 200,
@@ -270,6 +271,7 @@ export var populationDefaults = {
     verticalLinesThickness: 1,
     verticalLinesType: ruleTypes.DASHED,
     verticalLinesStrokeDashArray: [4, 8],
+    verticalLinesStrokeLinecap: 'butt',
     defaultFontSize: 12,
     defaultFontColor: 'black',
     defaultFontStyle: 'normal',

package/src/utils/constants.ts

@@ -1,5 +1,5 @@
 import { type defaultLineConfigType } from '../BarChart/types'
-import { CurveType, EdgePosition, type RuleTypes } from './types'
+import { CurveType, EdgePosition, Linecap, type RuleTypes } from './types'
 import { type FontStyle } from 'react-native-svg'
 
 // Global
@@ -88,6 +88,7 @@ export const AxesAndRulesDefaults = {
   verticalLinesZIndex: -1,
   verticalLinesSpacing: 0,
   verticalLinesUptoDataPoint: false,
+  verticalLinesStrokeLinecap: 'butt',
 
   noOfSections: 10,
   containerHeight: 200,
@@ -308,6 +309,7 @@ export const populationDefaults = {
   verticalLinesThickness: 1,
   verticalLinesType: ruleTypes.DASHED,
   verticalLinesStrokeDashArray: [4, 8],
+  verticalLinesStrokeLinecap: 'butt',
 
   defaultFontSize: 12,
   defaultFontColor: 'black',

package/src/utils/index.d.ts

@@ -81,7 +81,7 @@ interface MaxAndMin {
 }
 export declare const maxAndMinUtil: (maxItem: number, minItem: number, roundToDigits?: number, showFractionalValues?: boolean) => MaxAndMin;
 export declare const computeMaxAndMinItems: (data: any[] | undefined, roundToDigits?: number, showFractionalValues?: boolean) => MaxAndMin;
-export declare const getLabelTextUtil: (val: string, index: number, showFractionalValues?: boolean, yAxisLabelTexts?: string[], yAxisOffset?: number, yAxisLabelPrefix?: string, yAxisLabelSuffix?: string, roundToDigits?: number, formatYLabel?: ((label: string) => string) | undefined) => string;
+export declare const getLabelTextUtil: (val: string, index: number, showFractionalValues?: boolean, yAxisLabelTexts?: string[], yAxisOffset?: number, yAxisLabelPrefix?: string, yAxisLabelSuffix?: string, roundToDigits?: number, formatYLabel?: (label: string) => string) => string;
 export declare const getXForLineInBar: (index: number, firstBarWidth: number, currentBarWidth: number, yAxisLabelWidth: number, lineConfig: any, spacing: number) => number;
 export declare const getYForLineInBar: (value: number | undefined, shiftY: number | undefined, containerHeight: number, maxValue: number) => number;
 export declare const clone: (obj: any) => any;

package/src/utils/index.js

@@ -537,6 +537,7 @@ export var getAxesAndRulesProps = function (props, stepValue, negativeStepValue,
         verticalLinesZIndex: props.verticalLinesZIndex,
         verticalLinesSpacing: props.verticalLinesSpacing,
         noOfVerticalLines: props.noOfVerticalLines,
+        verticalLinesStrokeLinecap: props.verticalLinesStrokeLinecap,
         // specific to Line charts-
         verticalLinesUptoDataPoint: props.verticalLinesUptoDataPoint,
         roundToDigits: props.roundToDigits,

package/src/utils/index.ts

@@ -733,6 +733,7 @@ export const getAxesAndRulesProps = (
     verticalLinesZIndex: props.verticalLinesZIndex,
     verticalLinesSpacing: props.verticalLinesSpacing,
     noOfVerticalLines: props.noOfVerticalLines,
+    verticalLinesStrokeLinecap: props.verticalLinesStrokeLinecap,
 
     // specific to Line charts-
     verticalLinesUptoDataPoint: props.verticalLinesUptoDataPoint,

package/src/utils/types.d.ts

@@ -8,6 +8,7 @@ export declare enum Framework {
 }
 export type RuleType = 'solid' | 'dashed' | 'dotted' | string;
 export type LabelsPosition = 'onBorder' | 'outward' | 'inward' | 'mid';
+export type Linecap = 'butt' | 'square' | 'round';
 export interface RuleTypes {
     SOLID: RuleType;
     DASHED: RuleType;

package/src/utils/types.ts

@@ -1,7 +1,11 @@
 import { type ColorValue } from 'react-native'
 import { type chartTypes, type yAxisSides } from './constants'
 import { type lineDataItem } from '../LineChart/types'
-import { lineConfigType, type barDataItem, type stackDataItem } from '../BarChart/types'
+import {
+  lineConfigType,
+  type barDataItem,
+  type stackDataItem
+} from '../BarChart/types'
 
 export enum Framework {
   reactJS,
@@ -12,6 +16,8 @@ export type RuleType = 'solid' | 'dashed' | 'dotted' | string
 
 export type LabelsPosition = 'onBorder' | 'outward' | 'inward' | 'mid'
 
+export type Linecap = 'butt' | 'square' | 'round'
+
 export interface RuleTypes {
   SOLID: RuleType
   DASHED: RuleType
@@ -139,15 +145,15 @@ export interface LineInBarChartPropsType {
 }
 
 export interface DataPointProps {
-  data: any[];
-  lineConfig: ExtendedLineConfigType;
-  barWidth?: number;
-  containerHeight: number;
-  maxValue: number;
-  firstBarWidth: number;
-  yAxisLabelWidth: number;
-  spacing: number;
-  selectedIndex: number;
+  data: any[]
+  lineConfig: ExtendedLineConfigType
+  barWidth?: number
+  containerHeight: number
+  maxValue: number
+  firstBarWidth: number
+  yAxisLabelWidth: number
+  spacing: number
+  selectedIndex: number
 }
 
 export interface referenceConfigType {