gifted-charts-core 0.0.25 → 0.0.27

package/src/components/common/StripAndLabel.js

@@ -0,0 +1,53 @@
+export var getTopAndLeftForStripAndLabel = function (props) {
+    var autoAdjustPointerLabelPosition = props.autoAdjustPointerLabelPosition, pointerX = props.pointerX, pointerLabelWidth = props.pointerLabelWidth, activatePointersOnLongPress = props.activatePointersOnLongPress, yAxisLabelWidth = props.yAxisLabelWidth, pointerRadius = props.pointerRadius, pointerWidth = props.pointerWidth, shiftPointerLabelX = props.shiftPointerLabelX, pointerLabelHeight = props.pointerLabelHeight, pointerYLocal = props.pointerYLocal, pointerStripUptoDataPoint = props.pointerStripUptoDataPoint, pointerStripHeight = props.pointerStripHeight, shiftPointerLabelY = props.shiftPointerLabelY, scrollX = props.scrollX, width = props.width, screenWidth = props.screenWidth;
+    var left = 0;
+    var top = 0;
+    if (autoAdjustPointerLabelPosition) {
+        if (pointerX < pointerLabelWidth / 2) {
+            left = 7;
+        }
+        else if (activatePointersOnLongPress &&
+            pointerX - scrollX < pointerLabelWidth / 2 - 10) {
+            left = 7;
+        }
+        else {
+            if (!activatePointersOnLongPress &&
+                pointerX >
+                    (width || screenWidth - yAxisLabelWidth - 15) - pointerLabelWidth / 2) {
+                left = -pointerLabelWidth - 4;
+            }
+            else if (activatePointersOnLongPress &&
+                pointerX - scrollX >
+                    ((width !== null && width !== void 0 ? width : 0) + 10 || screenWidth - yAxisLabelWidth - 15) -
+                        pointerLabelWidth / 2) {
+                left = -pointerLabelWidth - 4;
+            }
+            else {
+                left = -pointerLabelWidth / 2 + 5;
+            }
+        }
+    }
+    else {
+        left = (pointerRadius || pointerWidth / 2) - 10 + shiftPointerLabelX;
+    }
+    if (autoAdjustPointerLabelPosition) {
+        if (pointerLabelHeight - pointerYLocal > 10) {
+            top = 10;
+        }
+        else {
+            top = -pointerLabelHeight;
+        }
+    }
+    else {
+        top =
+            (pointerStripUptoDataPoint
+                ? pointerRadius || pointerStripHeight / 2
+                : -pointerYLocal + 8) -
+                pointerLabelWidth / 2 +
+                shiftPointerLabelY;
+    }
+    return {
+        top: top,
+        left: left
+    };
+};

package/src/components/common/StripAndLabel.ts

@@ -1,4 +1,3 @@
-import { screenWidth } from '../../utils/constants'
 import { type StripAndLabelProps } from './types'
 
 interface IgetTopAndLeftForStripAndLabel {
@@ -24,7 +23,8 @@ export const getTopAndLeftForStripAndLabel = (
     pointerStripHeight,
     shiftPointerLabelY,
     scrollX,
-    width
+    width,
+    screenWidth
   } = props
   let left = 0
   let top = 0

package/src/components/common/types.d.ts

@@ -0,0 +1,31 @@
+import { type ColorValue, type PointerEvent } from 'react-native';
+import { type Pointer } from '../../utils/types';
+import { type barDataItem, type stackDataItem } from '../../BarChart/types';
+export interface StripAndLabelProps {
+    autoAdjustPointerLabelPosition: boolean;
+    pointerX: number;
+    pointerLabelWidth: number;
+    activatePointersOnLongPress: boolean;
+    yAxisLabelWidth: number;
+    pointerRadius: number;
+    pointerWidth: number;
+    shiftPointerLabelX: number;
+    pointerLabelHeight: number;
+    pointerYLocal: number;
+    pointerStripUptoDataPoint: boolean;
+    pointerStripHeight: number;
+    shiftPointerLabelY: number;
+    pointerItemLocal: barDataItem | stackDataItem;
+    showPointerStrip: boolean;
+    pointerStripWidth: number;
+    containerHeight: number;
+    xAxisThickness: number;
+    pointerStripColor: ColorValue;
+    pointerConfig: Pointer;
+    pointerLabelComponent: Function;
+    secondaryPointerItem: barDataItem | stackDataItem;
+    scrollX: number;
+    pointerEvents: PointerEvent;
+    width: number;
+    screenWidth: number;
+}

package/src/components/common/types.js

@@ -0,0 +1 @@
+export {};

package/src/components/common/types.ts

@@ -28,4 +28,5 @@ export interface StripAndLabelProps {
   scrollX: number
   pointerEvents: PointerEvent
   width: number
+  screenWidth: number
 }

package/src/index.d.ts

@@ -0,0 +1,37 @@
+/***********************************************************************************************************************
+/*****************************************              Bar Chart              *****************************************
+/***********************************************************************************************************************/
+export { useBarChart } from './BarChart';
+export { getPropsForAnimated2DWithGradient } from './BarChart/Animated2DWithGradient';
+export { useRenderStackBars } from './BarChart/RenderStackBars';
+export { type stackDataItem, type StackedBarChartPropsType, type BarChartPropsType, type defaultLineConfigType, type barDataItem, type Animated2DWithGradientPropsType, type RenderBarsPropsType, type trianglePropTypes, type animatedBarPropTypes, type FocusedBarConfig, type CommonPropsFor2Dand3DbarsType } from './BarChart/types';
+/************************************************************************************************************************
+/*****************************************              Line Chart              *****************************************
+/************************************************************************************************************************/
+export { useLineChart } from './LineChart';
+export { useLineChartBiColor } from './LineChart/LineChartBiColor';
+export { type LineChartPropsType, type lineDataItem, type bicolorLineDataItem, type LineChartBicolorPropsType } from './LineChart/types';
+/***********************************************************************************************************************
+/*****************************************              Pie Chart              *****************************************
+/***********************************************************************************************************************/
+export { usePieChart } from './PieChart';
+export { getPieChartMainProps } from './PieChart/main';
+export { type PieChartPropsType, type pieDataItem, type PieChartMainProps } from './PieChart/types';
+/***********************************************************************************************************************
+/************************************          Population Pyramid Chart             ************************************
+/***********************************************************************************************************************/
+export { usePopulationPyramid } from './PopulationPyramid';
+export { type popnPyramidDataItem, type popnPyramidDataItemReactJS, type RulesProps, type RulesPropsReactJS, type RulesPropsType, type PopulationPyramidPropsType, type PopulationPyramidPropsTypeReactJS, type TPopulationPyramidPropsType, type extendedPopulationPyramidPropsType } from './PopulationPyramid/types';
+/***********************************************************************************************************************
+/************************************             Common Components                 ************************************
+/***********************************************************************************************************************/
+export { useAnimatedThreeDBar } from './components/AnimatedThreeDBar';
+export { getHorizSectionVals } from './components/BarAndLineChartsWrapper/getHorizSectionsVals';
+export { useBarAndLineChartsWrapper } from './components/BarAndLineChartsWrapper';
+export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel';
+/***********************************************************************************************************************
+/*********************************          common utils, constants and types           ********************************
+/***********************************************************************************************************************/
+export { rnVersion, 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 } from './utils/constants';
+export { type RuleType, type RuleTypes, type RulesConfig, type CurveType, type EdgePosition, 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 } from './utils/types';

package/src/index.js

@@ -0,0 +1,32 @@
+/***********************************************************************************************************************
+/*****************************************              Bar Chart              *****************************************
+/***********************************************************************************************************************/
+export { useBarChart } from './BarChart';
+export { getPropsForAnimated2DWithGradient } from './BarChart/Animated2DWithGradient';
+export { useRenderStackBars } from './BarChart/RenderStackBars';
+/************************************************************************************************************************
+/*****************************************              Line Chart              *****************************************
+/************************************************************************************************************************/
+export { useLineChart } from './LineChart';
+export { useLineChartBiColor } from './LineChart/LineChartBiColor';
+/***********************************************************************************************************************
+/*****************************************              Pie Chart              *****************************************
+/***********************************************************************************************************************/
+export { usePieChart } from './PieChart';
+export { getPieChartMainProps } from './PieChart/main';
+/***********************************************************************************************************************
+/************************************          Population Pyramid Chart             ************************************
+/***********************************************************************************************************************/
+export { usePopulationPyramid } from './PopulationPyramid';
+/***********************************************************************************************************************
+/************************************             Common Components                 ************************************
+/***********************************************************************************************************************/
+export { useAnimatedThreeDBar } from './components/AnimatedThreeDBar';
+export { getHorizSectionVals } from './components/BarAndLineChartsWrapper/getHorizSectionsVals';
+export { useBarAndLineChartsWrapper } from './components/BarAndLineChartsWrapper';
+export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel';
+/***********************************************************************************************************************
+/*********************************          common utils, constants and types           ********************************
+/***********************************************************************************************************************/
+export { rnVersion, 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 } from './utils/constants';

package/src/index.ts

@@ -0,0 +1,146 @@
+/***********************************************************************************************************************
+/*****************************************              Bar Chart              *****************************************
+/***********************************************************************************************************************/
+
+export { useBarChart } from './BarChart'
+export { getPropsForAnimated2DWithGradient } from './BarChart/Animated2DWithGradient'
+export { useRenderStackBars } from './BarChart/RenderStackBars'
+export {
+  type stackDataItem,
+  type StackedBarChartPropsType,
+  type BarChartPropsType,
+  type defaultLineConfigType,
+  type barDataItem,
+  type Animated2DWithGradientPropsType,
+  type RenderBarsPropsType,
+  type trianglePropTypes,
+  type animatedBarPropTypes,
+  type FocusedBarConfig,
+  type CommonPropsFor2Dand3DbarsType
+} from './BarChart/types'
+
+/************************************************************************************************************************
+/*****************************************              Line Chart              *****************************************
+/************************************************************************************************************************/
+
+export { useLineChart } from './LineChart'
+export { useLineChartBiColor } from './LineChart/LineChartBiColor'
+export {
+  type LineChartPropsType,
+  type lineDataItem,
+  type bicolorLineDataItem,
+  type LineChartBicolorPropsType
+} from './LineChart/types'
+
+/***********************************************************************************************************************
+/*****************************************              Pie Chart              *****************************************
+/***********************************************************************************************************************/
+
+export { usePieChart } from './PieChart'
+export { getPieChartMainProps } from './PieChart/main'
+export {
+  type PieChartPropsType,
+  type pieDataItem,
+  type PieChartMainProps
+} from './PieChart/types'
+
+/***********************************************************************************************************************
+/************************************          Population Pyramid Chart             ************************************
+/***********************************************************************************************************************/
+
+export { usePopulationPyramid } from './PopulationPyramid'
+export {
+  type popnPyramidDataItem,
+  type popnPyramidDataItemReactJS,
+  type RulesProps,
+  type RulesPropsReactJS,
+  type RulesPropsType,
+  type PopulationPyramidPropsType,
+  type PopulationPyramidPropsTypeReactJS,
+  type TPopulationPyramidPropsType,
+  type extendedPopulationPyramidPropsType
+} from './PopulationPyramid/types'
+
+/***********************************************************************************************************************
+/************************************             Common Components                 ************************************
+/***********************************************************************************************************************/
+
+export { useAnimatedThreeDBar } from './components/AnimatedThreeDBar'
+export { getHorizSectionVals } from './components/BarAndLineChartsWrapper/getHorizSectionsVals'
+export { useBarAndLineChartsWrapper } from './components/BarAndLineChartsWrapper'
+export { getTopAndLeftForStripAndLabel } from './components/common/StripAndLabel'
+
+/***********************************************************************************************************************
+/*********************************          common utils, constants and types           ********************************
+/***********************************************************************************************************************/
+
+export {
+  rnVersion,
+  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
+} from './utils/constants'
+
+export {
+  type RuleType,
+  type RuleTypes,
+  type RulesConfig,
+  type CurveType,
+  type EdgePosition,
+  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
+} from './utils/types'

package/src/utils/constants.d.ts

@@ -0,0 +1,248 @@
+import { type defaultLineConfigType } from '../BarChart/types';
+import { CurveType, EdgePosition, type RuleTypes } from './types';
+import { type FontStyle } from 'react-native-svg';
+export declare enum chartTypes {
+    BAR = 0,
+    LINE = 1,
+    LINE_BI_COLOR = 2
+}
+export declare const defaultCurvature = 0.2;
+export declare enum yAxisSides {
+    LEFT = 0,
+    RIGHT = 1
+}
+export declare enum loc {
+    IN = 0,
+    UP = 1,
+    DOWN = 2
+}
+export declare const SEGMENT_START = "segmentStart";
+export declare const SEGMENT_END = "segmentEnd";
+export declare const RANGE_ENTER = "RangeEnter";
+export declare const RANGE_EXIT = "RangeExit";
+export declare const STOP = "stop";
+export declare const ruleTypes: RuleTypes;
+export declare const AxesAndRulesDefaults: {
+    yAxisSide: yAxisSides;
+    yAxisColor: string;
+    yAxisExtraHeight: number;
+    yAxisThickness: number;
+    trimYAxisAtTop: boolean;
+    overflowTop: number;
+    xAxisColor: string;
+    xAxisThickness: number;
+    xAxisType: string;
+    xAxisTextNumberOfLines: number;
+    xAxisLabelsVerticalShift: number;
+    dashWidth: number;
+    dashGap: number;
+    backgroundColor: string;
+    hideRules: boolean;
+    rulesType: string;
+    rulesThickness: number;
+    rulesColor: string;
+    rulesConfigArray: never[];
+    rotateLabel: boolean;
+    showYAxisIndices: boolean;
+    yAxisIndicesHeight: number;
+    yAxisIndicesWidth: number;
+    yAxisIndicesColor: string;
+    showXAxisIndices: boolean;
+    xAxisIndicesHeight: number;
+    xAxisIndicesWidth: number;
+    xAxisIndicesColor: string;
+    hideOrigin: boolean;
+    hideYAxisText: boolean;
+    yAxisTextNumberOfLines: number;
+    showVerticalLines: boolean;
+    verticalLinesThickness: number;
+    verticalLinesColor: string;
+    verticalLinesStrokeDashArray: string;
+    verticalLinesShift: number;
+    verticalLinesZIndex: number;
+    verticalLinesSpacing: number;
+    verticalLinesUptoDataPoint: boolean;
+    noOfSections: number;
+    containerHeight: number;
+    width: number;
+    labelWidth: number;
+    labelsExtraHeight: number;
+    yAxisLabelWidth: number;
+    yAxisEmptyLabelWidth: number;
+    showFractionalValues: boolean;
+    roundToDigits: number;
+    referenceLinesOverChartContent: boolean;
+};
+export declare const defaultArrowConfig: {
+    length: number;
+    width: number;
+    strokeWidth: number;
+    strokeColor: string;
+    fillColor: string;
+    showArrowBase: boolean;
+};
+export declare const BarDefaults: {
+    barWidth: number;
+    spacing: number;
+    capThickness: number;
+    capColor: string;
+    capRadius: number;
+    barBorderColor: string;
+    horizontal: boolean;
+    rtl: boolean;
+    labelsWidthForHorizontal: number;
+    yAxisAtTop: boolean;
+    rotateYAxisTexts: undefined;
+    intactTopLabel: boolean;
+    showLine: boolean;
+    lineBehindBars: boolean;
+    disableScroll: boolean;
+    scrollToEnd: boolean;
+    scrollAnimation: boolean;
+    showScrollIndicator: boolean;
+    scrollEventThrottle: number;
+    side: string;
+    isAnimated: boolean;
+    animationDuration: number;
+    opacity: number;
+    isThreeD: boolean;
+    frontColor: string;
+    threeDBarGradientColor: string;
+    threeDBarFrontColor: string;
+    threeDBarSideColor: string;
+    threeDBarTopColor: string;
+    endReachedOffset: number;
+    focusedBarFrontColor: string;
+    focusedThreeDBarFrontColor: string;
+    focusedBarSideColor: string;
+    focusedBarTopColor: string;
+};
+export declare const defaultLineConfig: defaultLineConfigType;
+export declare const LineDefaults: {
+    color: string;
+    curvature: number;
+    curveType: CurveType;
+    thickness: number;
+    isAnimated: boolean;
+    hideDataPoints: boolean;
+    spacing: number;
+    initialSpacing: number;
+    endSpacing: number;
+    animationDuration: number;
+    animateTogether: boolean;
+    disableScroll: boolean;
+    scrollToEnd: boolean;
+    scrollAnimation: boolean;
+    showScrollIndicator: boolean;
+    scrollEventThrottle: number;
+    showValuesAsDataPointsText: boolean;
+    dataPointsHeight: number;
+    dataPointsWidth: number;
+    dataPointsRadius: number;
+    dataPointsColor: string;
+    dataPointsColor2: string;
+    dataPointsColor3: string;
+    dataPointsShape: string;
+    textFontSize: number;
+    textColor: string;
+    startFillColor: string;
+    endFillColor: string;
+    lineGradient: boolean;
+    lineGradientStartColor: string;
+    lineGradientEndColor: string;
+    startOpacity: number;
+    endOpacity: number;
+    focusEnabled: boolean;
+    showDataPointOnFocus: boolean;
+    showStripOnFocus: boolean;
+    showTextOnFocus: boolean;
+    stripWidth: number;
+    unFocusOnPressOut: boolean;
+    delayBeforeUnFocus: number;
+    edgePosition: EdgePosition;
+    endReachedOffset: number;
+};
+export declare const defaultPointerConfig: {
+    height: number;
+    width: number;
+    radius: number;
+    pointerColor: string;
+    pointerComponent: null;
+    showPointerStrip: boolean;
+    pointerStripHeight: number;
+    pointerStripWidth: number;
+    pointerStripColor: string;
+    pointerStripUptoDataPoint: boolean;
+    pointerLabelComponent: null;
+    stripOverPointer: boolean;
+    shiftPointerLabelX: number;
+    shiftPointerLabelY: number;
+    pointerLabelWidth: number;
+    pointerLabelHeight: number;
+    autoAdjustPointerLabelPosition: boolean;
+    pointerVanishDelay: number;
+    activatePointersOnLongPress: boolean;
+    activatePointersDelay: number;
+    initialPointerIndex: number;
+    initialPointerAppearDelay: number;
+    persistPointer: boolean;
+    hidePointer1: boolean;
+    hidePointer2: boolean;
+    hidePointer3: boolean;
+    hidePointer4: boolean;
+    hidePointer5: boolean;
+    hideSecondaryPointer: boolean;
+    barTouchable: boolean;
+    stripBehindBars: boolean;
+    resetPointerOnDataChange: boolean;
+};
+export declare const pieColors: string[];
+export declare const populationDefaults: {
+    height: number;
+    verticalMarginBetweenBars: number;
+    barsMapToYAxisSections: boolean;
+    xAxisNoOfSections: number;
+    showXAxisIndices: boolean;
+    xAxisIndicesWidth: number;
+    xAxisIndicesHeight: number;
+    xAxisIndicesColor: string;
+    showXAxisLabelTexts: boolean;
+    xAxisRoundToDigits: number;
+    showVerticalLines: boolean;
+    verticalLinesColor: string;
+    verticalLinesThickness: number;
+    verticalLinesType: string;
+    verticalLinesStrokeDashArray: number[];
+    defaultFontSize: number;
+    defaultFontColor: string;
+    defaultFontStyle: FontStyle;
+    defaultFontWeight: number;
+    defaultFontFamily: string;
+    yAxisLabelTextMarginRight: number;
+    showValuesAsBarLabels: boolean;
+    showMidAxis: boolean;
+    midAxisLabelWidth: number;
+    midAxisType: string;
+    leftBarLabelWidth: number;
+    rightBarLabelWidth: number;
+    leftBarColor: string;
+    rightBarColor: string;
+    leftBarBorderColor: string;
+    rightBarBorderColor: string;
+    leftBarBorderWidth: number;
+    rightBarBorderWidth: number;
+    leftBarBorderRadius: number;
+    rightBarBorderRadius: number;
+    allCornersRounded: boolean;
+    showSurplus: boolean;
+    showSurplusLeft: boolean;
+    showSurplusRight: boolean;
+    leftSurplusColor: string;
+    leftSurplusBorderColor: string;
+    rightSurplusColor: string;
+    rightSurplusBorderColor: string;
+    leftSurplusBorderWidth: number;
+    rightSurplusBorderWidth: number;
+    prefix: string;
+    suffix: string;
+};