@redsift/dashboard 7.0.2 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +2 -2
- package/index.js +1 -17
- package/index.js.map +1 -1
- package/package.json +4 -4
package/index.d.ts
CHANGED
|
@@ -151,12 +151,12 @@ interface LocaleText$2 {
|
|
|
151
151
|
* Component props.
|
|
152
152
|
*/
|
|
153
153
|
interface HorizontalBarChartProps extends ComponentProps<'div'> {
|
|
154
|
+
/** Whether the x axis labels are rotated or not. */
|
|
155
|
+
areXLabelsRotated?: boolean;
|
|
154
156
|
/** Number of categories to use, the rest being put into a new category called "Others". */
|
|
155
157
|
caping?: number;
|
|
156
158
|
/** Caption. */
|
|
157
159
|
caption?: string;
|
|
158
|
-
/** Whether the x axis labels are rotated or not. */
|
|
159
|
-
areXLabelsRotated?: boolean;
|
|
160
160
|
/** Dataset to use to generate the chart, if no context is provided. */
|
|
161
161
|
data?: JSONArray;
|
|
162
162
|
/** Which datagrid column the chart is filtering and using which operation. */
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ColorTheme, getColorScale, scheme, PieChartLabelVariant, PieChartSize, PieChartTheme, PieChartVariant, StyledPieChartTitle, StyledPieChartCenterText, StyledPieChartLabel, StyledPieChartCaption } from '@redsift/charts';
|
|
1
|
+
import { ColorTheme, getColorScale, scheme, StyledHorizontalBarChartTitle, StyledHorizontalBarChartCaption, PieChartLabelVariant, PieChartSize, PieChartTheme, PieChartVariant, StyledPieChartTitle, StyledPieChartCenterText, StyledPieChartLabel, StyledPieChartCaption } from '@redsift/charts';
|
|
2
2
|
export { ColorTheme, PieChartLabelVariant, PieChartSize, PieChartTheme, PieChartVariant } from '@redsift/charts';
|
|
3
3
|
import React, { useContext, useMemo, useState, useLayoutEffect, useRef, useCallback, useEffect, forwardRef, useReducer, useId } from 'react';
|
|
4
4
|
import styled, { css } from 'styled-components';
|
|
@@ -4073,22 +4073,6 @@ const StyledHorizontalBarChart = styled.div`
|
|
|
4073
4073
|
}
|
|
4074
4074
|
}
|
|
4075
4075
|
`;
|
|
4076
|
-
const StyledHorizontalBarChartTitle = styled.div`
|
|
4077
|
-
align-items: center;
|
|
4078
|
-
display: flex;
|
|
4079
|
-
flex-direction: row;
|
|
4080
|
-
font-family: var(--redsift-typography-h4-font-family);
|
|
4081
|
-
font-size: var(--redsift-typography-h4-font-size);
|
|
4082
|
-
font-weight: var(--redsift-typography-h4-font-weight);
|
|
4083
|
-
gap: 16px;
|
|
4084
|
-
line-height: var(--redsift-typography-h4-line-height);
|
|
4085
|
-
`;
|
|
4086
|
-
const StyledHorizontalBarChartCaption = styled.p`
|
|
4087
|
-
font-family: var(--redsift-typography-caption-font-family);
|
|
4088
|
-
font-size: var(--redsift-typography-caption-font-size);
|
|
4089
|
-
font-weight: var(--redsift-typography-caption-font-weight);
|
|
4090
|
-
line-height: var(--redsift-typography-caption-line-height);
|
|
4091
|
-
`;
|
|
4092
4076
|
const StyledHorizontalBarChartContainer = styled.div`
|
|
4093
4077
|
display: flex;
|
|
4094
4078
|
align-items: center;
|