gifted-charts-core 0.0.20 → 0.0.22

package/src/PopulationPyramid/index.ts

@@ -1,9 +1,9 @@
 import {
   AxesAndRulesDefaults,
   populationDefaults,
-  ruleTypes,
-} from "../utils/constants";
-import { PopulationPyramidPropsType, RulesProps } from "./types";
+  ruleTypes
+} from '../utils/constants'
+import { type PopulationPyramidPropsType, type RulesProps } from './types'
 
 export const usePopulationPyramid = (props: PopulationPyramidPropsType) => {
   const {
@@ -122,41 +122,41 @@ export const usePopulationPyramid = (props: PopulationPyramidPropsType) => {
     rightSurplusColor = populationDefaults.rightSurplusColor,
     rightSurplusBorderColor = populationDefaults.rightSurplusBorderColor,
     leftSurplusBorderWidth = populationDefaults.leftSurplusBorderWidth,
-    rightSurplusBorderWidth = populationDefaults.rightSurplusBorderWidth,
-  } = props;
+    rightSurplusBorderWidth = populationDefaults.rightSurplusBorderWidth
+  } = props
 
   const yAxisLabelWidth = hideYAxisText
     ? yAxisThickness
-    : props.yAxisLabelWidth ?? AxesAndRulesDefaults.yAxisLabelWidth;
+    : props.yAxisLabelWidth ?? AxesAndRulesDefaults.yAxisLabelWidth
 
-  const noOfSections = props.noOfSections ?? data.length;
+  const noOfSections = props.noOfSections ?? data.length
   const containerHeight = props.stepHeight
     ? props.stepHeight * noOfSections
-    : height;
-  const stepHeight = props.stepHeight ?? containerHeight / noOfSections;
+    : height
+  const stepHeight = props.stepHeight ?? containerHeight / noOfSections
 
-  const xAxisLabelsHeight = 80;
-  const containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight;
+  const xAxisLabelsHeight = 80
+  const containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight
 
-  const mid = (width + yAxisLabelWidth) / 2;
+  const mid = (width + yAxisLabelWidth) / 2
 
-  const leftMax = Math.max(...data.map((item) => item.left));
-  const rightMax = Math.max(...data.map((item) => item.right));
+  const leftMax = Math.max(...data.map((item) => item.left))
+  const rightMax = Math.max(...data.map((item) => item.right))
 
-  const max = Math.max(leftMax, rightMax);
+  const max = Math.max(leftMax, rightMax)
 
   const xAxisRoundToDigits =
     props.xAxisRoundToDigits ??
-    (max < 0.1 ? 3 : max < 1 ? 2 : max < 10 ? 1 : 0);
+    (max < 0.1 ? 3 : max < 1 ? 2 : max < 10 ? 1 : 0)
 
   const midAxisAndLabelWidth =
     (showMidAxis ? midAxisLabelWidth : 0) / 2 +
-    Math.max(leftBarLabelWidth, rightBarLabelWidth);
+    Math.max(leftBarLabelWidth, rightBarLabelWidth)
   const barWidthFactor =
-    ((width - yAxisLabelWidth) / 2 - midAxisAndLabelWidth) / max;
+    ((width - yAxisLabelWidth) / 2 - midAxisAndLabelWidth) / max
 
-  const leftXAfterMid = mid - (showMidAxis ? midAxisLabelWidth / 2 : 0);
-  const rightXAfterMid = mid + (showMidAxis ? midAxisLabelWidth / 2 : 0);
+  const leftXAfterMid = mid - (showMidAxis ? midAxisLabelWidth / 2 : 0)
+  const rightXAfterMid = mid + (showMidAxis ? midAxisLabelWidth / 2 : 0)
 
   const yAxisLineProps: RulesProps = {
     x1: yAxisLabelWidth,
@@ -164,37 +164,37 @@ export const usePopulationPyramid = (props: PopulationPyramidPropsType) => {
     x2: yAxisLabelWidth,
     y2: containerHeight,
     stroke: yAxisColor,
-    strokeWidth: yAxisThickness,
-  };
+    strokeWidth: yAxisThickness
+  }
   if (props.yAxisStrokeDashArray?.length === 2) {
-    yAxisLineProps.strokeDasharray = props.yAxisStrokeDashArray;
+    yAxisLineProps.strokeDasharray = props.yAxisStrokeDashArray
   }
 
   const midAxisLineCommonProps: RulesProps = {
     y1: 0,
     y2: containerHeight,
-    strokeWidth: props.midAxisThickness ?? yAxisThickness,
-  };
+    strokeWidth: props.midAxisThickness ?? yAxisThickness
+  }
   if (props.midAxisStrokeDashArray?.length === 2) {
-    midAxisLineCommonProps.strokeDasharray = props.midAxisStrokeDashArray;
+    midAxisLineCommonProps.strokeDasharray = props.midAxisStrokeDashArray
   }
 
   const xAxisLabelY =
-    containerHeight + xAxisLabelFontSize + 6 + xAxisLabelShiftY;
+    containerHeight + xAxisLabelFontSize + 6 + xAxisLabelShiftY
   const xAxisIndicesCommonProps = {
     y1: containerHeight - xAxisIndicesHeight / 2 + xAxisIndicesShiftY,
     y2: containerHeight + xAxisIndicesHeight / 2 + xAxisIndicesShiftY,
     stroke: xAxisIndicesColor,
-    strokeWidth: xAxisIndicesWidth,
-  };
+    strokeWidth: xAxisIndicesWidth
+  }
   const verticalLinesCommonProps: RulesProps = {
     y1: 0,
     y2: containerHeight,
     stroke: verticalLinesColor,
-    strokeWidth: verticalLinesThickness,
-  };
+    strokeWidth: verticalLinesThickness
+  }
   if (verticalLinesType !== ruleTypes.SOLID) {
-    verticalLinesCommonProps.strokeDasharray = verticalLinesStrokeDashArray;
+    verticalLinesCommonProps.strokeDasharray = verticalLinesStrokeDashArray
   }
   const xAxisLabelsCommonProps = {
     y: xAxisLabelY + xAxisLabelShiftY,
@@ -202,13 +202,13 @@ export const usePopulationPyramid = (props: PopulationPyramidPropsType) => {
     fontSize: xAxisLabelFontSize,
     fontStyle: xAxisLabelFontStyle,
     fontWeight: xAxisLabelFontWeight,
-    fontFamily: xAxisLabelFontFamily,
-  };
+    fontFamily: xAxisLabelFontFamily
+  }
 
-  const getXLabel = (index: number) =>
+  const getXLabel = (index: number): string =>
     ((leftXAfterMid * index) / xAxisNoOfSections / barWidthFactor)
       .toFixed(xAxisRoundToDigits)
-      .toString();
+      .toString()
 
   return {
     height,
@@ -325,6 +325,6 @@ export const usePopulationPyramid = (props: PopulationPyramidPropsType) => {
     xAxisIndicesCommonProps,
     verticalLinesCommonProps,
     xAxisLabelsCommonProps,
-    getXLabel,
-  };
-};
+    getXLabel
+  }
+}

package/src/PopulationPyramid/types.ts

@@ -1,200 +1,199 @@
-import { ColorValue } from "react-native";
-import { RuleTypes } from "../utils/types";
-import { FontStyle, FontWeight } from "react-native-svg";
-
-export type popnPyramidDataItem = {
-    left: number;
-    right: number;
-    leftBarColor?: ColorValue;
-    rightBarColor?: ColorValue;
-    leftBarBorderColor?: ColorValue;
-    rightBarBorderColor?: ColorValue;
-    barBorderWidth?: number;
-    leftBarBorderWidth?: number;
-    rightBarBorderWidth?: number;
-    barBorderRadius?: number;
-    leftBarBorderRadius?: number;
-    rightBarBorderRadius?: number;
-
-    barLabelWidth?: number;
-    barLabelFontSize?: number;
-    barLabelColor?: ColorValue;
-    barLabelFontStyle?: FontStyle;
-    barLabelFontWeight?: FontWeight;
-    barLabelFontFamily?: string;
-
-    leftBarLabel?: string;
-    leftBarLabelWidth?: number;
-    leftBarLabelFontSize?: number;
-    leftBarLabelColor?: ColorValue;
-    leftBarLabelFontStyle?: FontStyle;
-    leftBarLabelFontWeight?: FontWeight;
-    leftBarLabelFontFamily?: string;
-    leftBarLabelShift?: number;
-
-    rightBarLabel?: string;
-    rightBarLabelWidth?: number;
-    rightBarLabelFontSize?: number;
-    rightBarLabelColor?: ColorValue;
-    rightBarLabelFontStyle?: FontStyle;
-    rightBarLabelFontWeight?: FontWeight;
-    rightBarLabelFontFamily?: string;
-    rightBarLabelShift?: number;
-
-    yAxisLabel?: string;
-    midAxisLabel?: string;
-    midAxisLabelFontSize?: number;
-    midAxisLabelColor?: ColorValue;
-    midAxisLabelFontStyle?: FontStyle;
-    midAxisLabelFontWeight?: FontWeight;
-    midAxisLabelFontFamily?: string;
-
-    showSurplus?: boolean;
-    showSurplusLeft?: boolean;
-    showSurplusRight?: boolean;
-    leftSurplusColor?: ColorValue;
-    leftSurplusBorderColor?: ColorValue;
-    rightSurplusColor?: ColorValue;
-    rightSurplusBorderColor?: ColorValue;
-    leftSurplusBorderWidth?: number;
-    rightSurplusBorderWidth?: number;
+import { type ColorValue } from 'react-native'
+import { type RuleTypes } from '../utils/types'
+import { type FontStyle, type FontWeight } from 'react-native-svg'
+
+export interface popnPyramidDataItem {
+  left: number
+  right: number
+  leftBarColor?: ColorValue
+  rightBarColor?: ColorValue
+  leftBarBorderColor?: ColorValue
+  rightBarBorderColor?: ColorValue
+  barBorderWidth?: number
+  leftBarBorderWidth?: number
+  rightBarBorderWidth?: number
+  barBorderRadius?: number
+  leftBarBorderRadius?: number
+  rightBarBorderRadius?: number
+
+  barLabelWidth?: number
+  barLabelFontSize?: number
+  barLabelColor?: ColorValue
+  barLabelFontStyle?: FontStyle
+  barLabelFontWeight?: FontWeight
+  barLabelFontFamily?: string
+
+  leftBarLabel?: string
+  leftBarLabelWidth?: number
+  leftBarLabelFontSize?: number
+  leftBarLabelColor?: ColorValue
+  leftBarLabelFontStyle?: FontStyle
+  leftBarLabelFontWeight?: FontWeight
+  leftBarLabelFontFamily?: string
+  leftBarLabelShift?: number
+
+  rightBarLabel?: string
+  rightBarLabelWidth?: number
+  rightBarLabelFontSize?: number
+  rightBarLabelColor?: ColorValue
+  rightBarLabelFontStyle?: FontStyle
+  rightBarLabelFontWeight?: FontWeight
+  rightBarLabelFontFamily?: string
+  rightBarLabelShift?: number
+
+  yAxisLabel?: string
+  midAxisLabel?: string
+  midAxisLabelFontSize?: number
+  midAxisLabelColor?: ColorValue
+  midAxisLabelFontStyle?: FontStyle
+  midAxisLabelFontWeight?: FontWeight
+  midAxisLabelFontFamily?: string
+
+  showSurplus?: boolean
+  showSurplusLeft?: boolean
+  showSurplusRight?: boolean
+  leftSurplusColor?: ColorValue
+  leftSurplusBorderColor?: ColorValue
+  rightSurplusColor?: ColorValue
+  rightSurplusBorderColor?: ColorValue
+  leftSurplusBorderWidth?: number
+  rightSurplusBorderWidth?: number
 }
 
-export type RulesProps = {
-    x1?: number;
-    y1?: number;
-    x2?: number;
-    y2?: number;
-    stroke?: ColorValue;
-    strokeWidth?: number;
-    strokeDasharray?: Array<number>;
+export interface RulesProps {
+  x1?: number
+  y1?: number
+  x2?: number
+  y2?: number
+  stroke?: ColorValue
+  strokeWidth?: number
+  strokeDasharray?: number[]
 }
 
-export type PopulationPyramidPropsType = {
-    height?: number;
-    width?: number;
-    data: Array<popnPyramidDataItem>;
-    hideRules?: boolean;
-    stepHeight?: number;
-    verticalMarginBetweenBars?: number;
-    hideYAxisText?: boolean;
-    yAxisLabelWidth?: number;
-    yAxisColor?: ColorValue;
-    yAxisThickness?: number;
-    yAxisStrokeDashArray?: Array<number>;
-    xAxisColor?: ColorValue;
-    xAxisThickness?: number;
-    xAxisType?: RuleTypes;
-    xAxisNoOfSections?: number;
-    showXAxisIndices?: boolean;
-    xAxisIndicesWidth?: number;
-    xAxisIndicesHeight?: number;
-    xAxisIndicesColor?: ColorValue;
-    xAxisIndicesShiftY?: number;
-    showXAxisLabelTexts?: boolean;
-    xAxisLabelFontSize?: number;
-    xAxisLabelColor?: ColorValue;
-    xAxisLabelFontStyle?: FontStyle;
-    xAxisLabelFontWeight?: FontWeight;
-    xAxisLabelFontFamily?: string;
-    xAxisLabelShiftX?: number;
-    xAxisLabelShiftY?: number;
-    xAxisRoundToDigits?: number;
-    xAxisLabelPrefix?: string;
-    xAxisLabelSuffix?: string;
-    formatXAxisLabels?: (label: string) => string;
-
-    showVerticalLines?: boolean;
-    verticalLinesColor?: ColorValue;
-    verticalLinesThickness?: number;
-    verticalLinesType?: RuleTypes;
-    verticalLinesStrokeDashArray?: Array<number>;
-
-    noOfSections?: number;
-    barsMapToYAxisSections?: boolean;
-
-    showYAxisIndices?: boolean;
-    yAxisIndicesWidth?: number;
-    yAxisIndicesHeight?: number;
-    yAxisIndicesColor?: ColorValue;
-    yAxisLabelColor?: ColorValue;
-    yAxisLabelFontSize?: number;
-    yAxisLabelTextMarginRight?: number;
-    yAxisLabelTexts?: Array<string>;
-    yAxisLabelFontStyle?: FontStyle;
-    yAxisLabelFontWeight?: FontWeight;
-    yAxisLabelFontFamily?: string;
-
-    showValuesAsBarLabels?: boolean;
-
-
-    rulesThickness?: number;
-    rulesColor?: ColorValue;
-    rulesType?: RuleTypes;
-    dashWidth?: number;
-    dashGap?: number;
-
-    showMidAxis?: boolean;
-    midAxisThickness?: number;
-    midAxisLabelWidth?: number;
-    midAxisColor?: ColorValue;
-    midAxisLeftColor?: ColorValue;
-    midAxisRightColor?: ColorValue;
-    midAxisStrokeDashArray?: Array<number>;
-    midAxisLabelFontSize?: number;
-    midAxisLabelColor?: ColorValue;
-    midAxisLabelFontStyle?: FontStyle;
-    midAxisLabelFontWeight?: FontWeight;
-    midAxisLabelFontFamily?: string;
-
-    barLabelWidth?: number;
-    barLabelFontSize?: number;
-    barLabelColor?: ColorValue;
-    barLabelFontStyle?: FontStyle;
-    barLabelFontWeight?: FontWeight;
-    barLabelFontFamily?: string;
-
-    leftBarLabelWidth?: number;
-    leftBarLabelFontSize?: number;
-    leftBarLabelColor?: ColorValue;
-    leftBarLabelFontStyle?: FontStyle;
-    leftBarLabelFontWeight?: FontWeight;
-    leftBarLabelFontFamily?: string;
-    leftBarLabelShift?: number;
-    leftBarLabelPrefix?: string;
-    leftBarLabelSuffix?: string;
-
-    rightBarLabelWidth?: number;
-    rightBarLabelFontSize?: number;
-    rightBarLabelColor?: ColorValue;
-    rightBarLabelFontStyle?: FontStyle;
-    rightBarLabelFontWeight?: FontWeight;
-    rightBarLabelFontFamily?: string;
-    rightBarLabelShift?: number;
-    rightBarLabelPrefix?: string;
-    rightBarLabelSuffix?: string;
-    formatBarLabels?: (label: string) => string;
-
-    leftBarColor?: ColorValue;
-    rightBarColor?: ColorValue;
-    leftBarBorderColor?: ColorValue;
-    rightBarBorderColor?: ColorValue;
-    barBorderWidth?: number;
-    leftBarBorderWidth?: number;
-    rightBarBorderWidth?: number;
-    barBorderRadius?: number;
-    leftBarBorderRadius?: number;
-    rightBarBorderRadius?: number;
-    allCornersRounded?: boolean;
-
-    showSurplus?: boolean;
-    showSurplusLeft?: boolean;
-    showSurplusRight?: boolean;
-    leftSurplusColor?: ColorValue;
-    leftSurplusBorderColor?: ColorValue;
-    rightSurplusColor?: ColorValue;
-    rightSurplusBorderColor?: ColorValue;
-    leftSurplusBorderWidth?: number;
-    rightSurplusBorderWidth?: number;
-    
-}
+export interface PopulationPyramidPropsType {
+  height?: number
+  width?: number
+  data: popnPyramidDataItem[]
+  hideRules?: boolean
+  stepHeight?: number
+  verticalMarginBetweenBars?: number
+  hideYAxisText?: boolean
+  yAxisLabelWidth?: number
+  yAxisColor?: ColorValue
+  yAxisThickness?: number
+  yAxisStrokeDashArray?: number[]
+  xAxisColor?: ColorValue
+  xAxisThickness?: number
+  xAxisType?: RuleTypes
+  xAxisNoOfSections?: number
+  showXAxisIndices?: boolean
+  xAxisIndicesWidth?: number
+  xAxisIndicesHeight?: number
+  xAxisIndicesColor?: ColorValue
+  xAxisIndicesShiftY?: number
+  showXAxisLabelTexts?: boolean
+  xAxisLabelFontSize?: number
+  xAxisLabelColor?: ColorValue
+  xAxisLabelFontStyle?: FontStyle
+  xAxisLabelFontWeight?: FontWeight
+  xAxisLabelFontFamily?: string
+  xAxisLabelShiftX?: number
+  xAxisLabelShiftY?: number
+  xAxisRoundToDigits?: number
+  xAxisLabelPrefix?: string
+  xAxisLabelSuffix?: string
+  formatXAxisLabels?: (label: string) => string
+
+  showVerticalLines?: boolean
+  verticalLinesColor?: ColorValue
+  verticalLinesThickness?: number
+  verticalLinesType?: RuleTypes
+  verticalLinesStrokeDashArray?: number[]
+
+  noOfSections?: number
+  barsMapToYAxisSections?: boolean
+
+  showYAxisIndices?: boolean
+  yAxisIndicesWidth?: number
+  yAxisIndicesHeight?: number
+  yAxisIndicesColor?: ColorValue
+  yAxisLabelColor?: ColorValue
+  yAxisLabelFontSize?: number
+  yAxisLabelTextMarginRight?: number
+  yAxisLabelTexts?: string[]
+  yAxisLabelFontStyle?: FontStyle
+  yAxisLabelFontWeight?: FontWeight
+  yAxisLabelFontFamily?: string
+
+  showValuesAsBarLabels?: boolean
+
+  rulesThickness?: number
+  rulesColor?: ColorValue
+  rulesType?: RuleTypes
+  dashWidth?: number
+  dashGap?: number
+
+  showMidAxis?: boolean
+  midAxisThickness?: number
+  midAxisLabelWidth?: number
+  midAxisColor?: ColorValue
+  midAxisLeftColor?: ColorValue
+  midAxisRightColor?: ColorValue
+  midAxisStrokeDashArray?: number[]
+  midAxisLabelFontSize?: number
+  midAxisLabelColor?: ColorValue
+  midAxisLabelFontStyle?: FontStyle
+  midAxisLabelFontWeight?: FontWeight
+  midAxisLabelFontFamily?: string
+
+  barLabelWidth?: number
+  barLabelFontSize?: number
+  barLabelColor?: ColorValue
+  barLabelFontStyle?: FontStyle
+  barLabelFontWeight?: FontWeight
+  barLabelFontFamily?: string
+
+  leftBarLabelWidth?: number
+  leftBarLabelFontSize?: number
+  leftBarLabelColor?: ColorValue
+  leftBarLabelFontStyle?: FontStyle
+  leftBarLabelFontWeight?: FontWeight
+  leftBarLabelFontFamily?: string
+  leftBarLabelShift?: number
+  leftBarLabelPrefix?: string
+  leftBarLabelSuffix?: string
+
+  rightBarLabelWidth?: number
+  rightBarLabelFontSize?: number
+  rightBarLabelColor?: ColorValue
+  rightBarLabelFontStyle?: FontStyle
+  rightBarLabelFontWeight?: FontWeight
+  rightBarLabelFontFamily?: string
+  rightBarLabelShift?: number
+  rightBarLabelPrefix?: string
+  rightBarLabelSuffix?: string
+  formatBarLabels?: (label: string) => string
+
+  leftBarColor?: ColorValue
+  rightBarColor?: ColorValue
+  leftBarBorderColor?: ColorValue
+  rightBarBorderColor?: ColorValue
+  barBorderWidth?: number
+  leftBarBorderWidth?: number
+  rightBarBorderWidth?: number
+  barBorderRadius?: number
+  leftBarBorderRadius?: number
+  rightBarBorderRadius?: number
+  allCornersRounded?: boolean
+
+  showSurplus?: boolean
+  showSurplusLeft?: boolean
+  showSurplusRight?: boolean
+  leftSurplusColor?: ColorValue
+  leftSurplusBorderColor?: ColorValue
+  rightSurplusColor?: ColorValue
+  rightSurplusBorderColor?: ColorValue
+  leftSurplusBorderWidth?: number
+  rightSurplusBorderWidth?: number
+
+}

package/src/components/AnimatedThreeDBar/{index.tsx → index.ts}

@@ -1,18 +1,18 @@
-import { useState } from "react";
-import { animatedBarPropTypes } from "../../BarChart/types";
-import { BarDefaults } from "../../utils/constants";
-import { getBarSideColor, getBarTopColor } from "../../utils";
+import { useState } from 'react'
+import { type animatedBarPropTypes } from '../../BarChart/types'
+import { BarDefaults } from '../../utils/constants'
+import { getBarSideColor, getBarTopColor } from '../../utils'
 
 export const useAnimatedThreeDBar = (props: animatedBarPropTypes) => {
   const { focusBarOnPress, index, selectedIndex, focusedBarConfig, item } =
-    props;
-  const isFocused = focusBarOnPress && index === selectedIndex;
-  const localFrontColor = props.frontColor || BarDefaults.threeDBarFrontColor;
+    props
+  const isFocused = focusBarOnPress && index === selectedIndex
+  const localFrontColor = props.frontColor || BarDefaults.threeDBarFrontColor
   const localGradientColor =
-    props.gradientColor || BarDefaults.threeDBarGradientColor;
-  const localSideColor = props.sideColor || BarDefaults.threeDBarSideColor;
-  const localTopColor = props.topColor || BarDefaults.threeDBarTopColor;
-  const localOpacity = props.opacity || 1;
+    props.gradientColor || BarDefaults.threeDBarGradientColor
+  const localSideColor = props.sideColor || BarDefaults.threeDBarSideColor
+  const localTopColor = props.topColor || BarDefaults.threeDBarTopColor
+  const localOpacity = props.opacity || 1
   const {
     isAnimated,
     showGradient = props.showGradient || false,
@@ -30,16 +30,16 @@ export const useAnimatedThreeDBar = (props: animatedBarPropTypes) => {
     ),
     topColor = getBarTopColor(
       isFocused,
-      focusBarOnPress,
+      focusedBarConfig,
       item.topColor,
       localTopColor
     ),
     opacity = isFocused
       ? focusedBarConfig?.opacity ?? localOpacity
-      : localOpacity,
-  } = props;
+      : localOpacity
+  } = props
 
-  const [initialRender, setInitialRender] = useState(isAnimated);
+  const [initialRender, setInitialRender] = useState(isAnimated)
 
   return {
     showGradient,
@@ -55,6 +55,6 @@ export const useAnimatedThreeDBar = (props: animatedBarPropTypes) => {
       : BarDefaults.threeDBarTopColor,
     opacity,
     initialRender,
-    setInitialRender,
-  };
-};
+    setInitialRender
+  }
+}