gifted-charts-core 0.0.28 → 0.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gifted-charts-core",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "Mathematical and logical utilities used by react-gifted-charts and react-native-gifted-charts",
   "main": "./src/index.js",
   "files": [

package/src/BarChart/index.d.ts

@@ -3,9 +3,9 @@ import { type lineConfigType, type BarChartPropsType, type barDataItem, type sta
 import { type BarAndLineChartsWrapperTypes, type secondaryYAxisType } from '../utils/types';
 import { type Animated } from 'react-native';
 export interface extendedBarChartPropsType extends BarChartPropsType {
-    heightValue: Animated.Value;
-    widthValue: Animated.Value;
-    opacValue: Animated.Value;
+    heightValue?: Animated.Value;
+    widthValue?: Animated.Value;
+    opacValue?: Animated.Value;
     verticalLinesUptoDataPoint?: boolean;
     secondaryYAxis?: secondaryYAxisType | boolean;
 }
@@ -81,8 +81,8 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     side: string;
     labelWidth: number;
     isThreeD: boolean;
-    animatedHeight: Animated.AnimatedInterpolation<string | number>;
-    appearingOpacity: Animated.AnimatedInterpolation<string | number>;
+    animatedHeight: Animated.AnimatedInterpolation<string | number> | undefined;
+    appearingOpacity: Animated.AnimatedInterpolation<string | number> | undefined;
     autoShiftLabels: boolean;
     yAxisAtTop: boolean;
     secondaryData: import("..").lineDataItem[] | barDataItem[] | undefined;
@@ -95,7 +95,7 @@ export declare const useBarChart: (props: extendedBarChartPropsType) => {
     lineConfig2: lineConfigType;
     lineData: (import("..").lineDataItem | barDataItem | stackDataItem)[];
     lineData2: (import("..").lineDataItem | barDataItem | stackDataItem)[] | undefined;
-    animatedWidth: Animated.AnimatedInterpolation<string | number>;
+    animatedWidth: Animated.AnimatedInterpolation<string | number> | undefined;
     lineBehindBars: boolean;
     points: string;
     setPoints: import("react").Dispatch<import("react").SetStateAction<string>>;

package/src/BarChart/index.js

@@ -365,15 +365,15 @@ export var useBarChart = function (props) {
         setPointerX(x);
         setPointerY(y);
     };
-    var animatedHeight = heightValue.interpolate({
+    var animatedHeight = heightValue === null || heightValue === void 0 ? void 0 : heightValue.interpolate({
         inputRange: [0, 1],
         outputRange: ['0%', '100%']
     });
-    var appearingOpacity = opacValue.interpolate({
+    var appearingOpacity = opacValue === null || opacValue === void 0 ? void 0 : opacValue.interpolate({
         inputRange: [0, 1],
         outputRange: [0, 1]
     });
-    var animatedWidth = widthValue.interpolate({
+    var animatedWidth = widthValue === null || widthValue === void 0 ? void 0 : widthValue.interpolate({
         inputRange: [0, 1],
         outputRange: [0, initialSpacing + totalWidth + endSpacing]
     });

package/src/BarChart/index.ts

@@ -32,9 +32,9 @@ import {
 import { type Animated } from 'react-native'
 
 export interface extendedBarChartPropsType extends BarChartPropsType {
-  heightValue: Animated.Value
-  widthValue: Animated.Value
-  opacValue: Animated.Value
+  heightValue?: Animated.Value
+  widthValue?: Animated.Value
+  opacValue?: Animated.Value
   verticalLinesUptoDataPoint?: boolean
   secondaryYAxis?: secondaryYAxisType | boolean
 }
@@ -578,16 +578,16 @@ export const useBarChart = (props: extendedBarChartPropsType) => {
     setPointerY(y)
   }
 
-  const animatedHeight = heightValue.interpolate({
+  const animatedHeight = heightValue?.interpolate({
     inputRange: [0, 1],
     outputRange: ['0%', '100%']
   })
-  const appearingOpacity = opacValue.interpolate({
+  const appearingOpacity = opacValue?.interpolate({
     inputRange: [0, 1],
     outputRange: [0, 1]
   })
 
-  const animatedWidth = widthValue.interpolate({
+  const animatedWidth = widthValue?.interpolate({
     inputRange: [0, 1],
     outputRange: [0, initialSpacing + totalWidth + endSpacing]
   })

package/src/PopulationPyramid/index.js

@@ -59,7 +59,7 @@ export var usePopulationPyramid = function (props) {
         ? props.stepHeight * noOfSections
         : height;
     var stepHeight = (_s = props.stepHeight) !== null && _s !== void 0 ? _s : containerHeight / noOfSections;
-    var xAxisLabelsHeight = 80;
+    var xAxisLabelsHeight = 30;
     var containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight;
     var mid = (width + yAxisLabelWidth) / 2;
     var leftMax = Math.max.apply(Math, __spreadArray([], __read(data.map(function (item) { return item.left; })), false));

package/src/PopulationPyramid/index.ts

@@ -159,7 +159,7 @@ export const usePopulationPyramid = (props: extendedPopulationPyramidPropsType)
     : height
   const stepHeight = props.stepHeight ?? containerHeight / noOfSections
 
-  const xAxisLabelsHeight = 80
+  const xAxisLabelsHeight = 30
   const containerHeightWithXaxisLabels = containerHeight + xAxisLabelsHeight
 
   const mid = (width + yAxisLabelWidth) / 2

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

@@ -23,6 +23,7 @@ export declare const useBarAndLineChartsWrapper: (props: BarAndLineChartsWrapper
         rotate?: undefined;
         translateY?: undefined;
     })[];
+    transformForHorizontalForReactJS: string;
     horizSectionProps: horizSectionPropTypes;
     referenceLinesOverChartContent: any;
     setCanMomentum: import("react").Dispatch<import("react").SetStateAction<boolean>>;

package/src/components/BarAndLineChartsWrapper/index.js

@@ -216,6 +216,14 @@ export var useBarAndLineChartsWrapper = function (props) {
                 (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52)
         }
     ];
+    var transformForHorizontalForReactJS = "rotate(".concat(rtl ? '-90deg' : '90deg', ")\n  translateY(").concat(-shiftX + (rtl ? -difBwWidthHeight + 14 : difBwWidthHeight) / 2 - 20, ")\n  translateX(").concat(shiftY +
+        (rtl
+            ? (props.width ? -98 - endSpacing : -75 - endSpacing) - difBwWidthHeight
+            : props.width
+                ? difBwWidthHeight
+                : difBwWidthHeight - 40) /
+            2 +
+        (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52), ")");
     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;
@@ -249,6 +257,7 @@ export var useBarAndLineChartsWrapper = function (props) {
         xAxisTextNumberOfLines: xAxisTextNumberOfLines,
         actualContainerWidth: actualContainerWidth,
         transformForHorizontal: transformForHorizontal,
+        transformForHorizontalForReactJS: transformForHorizontalForReactJS,
         horizSectionProps: horizSectionProps,
         referenceLinesOverChartContent: referenceLinesOverChartContent,
         setCanMomentum: setCanMomentum,

package/src/components/BarAndLineChartsWrapper/index.ts

@@ -316,6 +316,21 @@ export const useBarAndLineChartsWrapper = (
     }
   ]
 
+  const transformForHorizontalForReactJS = `rotate(${rtl ? '-90deg' : '90deg'})
+  translateY(${
+    -shiftX + (rtl ? -difBwWidthHeight + 14 : difBwWidthHeight) / 2 - 20
+  })
+  translateX(${
+    shiftY +
+    (rtl
+      ? (props.width ? -98 - endSpacing : -75 - endSpacing) - difBwWidthHeight
+      : props.width
+      ? difBwWidthHeight
+      : difBwWidthHeight - 40) /
+      2 +
+    (yAxisAtTop ? (rtl ? (props.width ? 12 : 40) : 12) : 52)
+  })`
+
   const [canMomentum, setCanMomentum] = useState(false)
 
   const isCloseToEnd = ({
@@ -360,6 +375,7 @@ export const useBarAndLineChartsWrapper = (
     xAxisTextNumberOfLines,
     actualContainerWidth,
     transformForHorizontal,
+    transformForHorizontalForReactJS,
     horizSectionProps,
     referenceLinesOverChartContent,
     setCanMomentum,

package/src/index.d.ts

@@ -34,4 +34,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 } 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';
+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, type Framework } from './utils/types';

package/src/index.ts

@@ -141,5 +141,6 @@ export {
   type LineSegment,
   type LineSvgProps,
   type LineProperties,
-  type DataSet
+  type DataSet,
+  type Framework
 } from './utils/types'