@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-Dl006GKy.mjs";
-import { C as g } from "../CategoryStore-MUwRWH9e.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import { C as g } from "../CategoryStore-DTgyAMM7.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/common/components/Loader.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 interface LoaderProps {
     height?: number;
     label?: string;
     size?: number;
 }
-declare const Loader: ({ height, label, size }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Loader: React.FC<LoaderProps>;
 export default Loader;

package/dist/common/components/accountfilter/AccountFilterOptions.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Account } from '../../types';
+import { Account } from '../../types/Account';
 import { MappedAccount, MappedAccounts, MappedOptions } from '../../utils/AccountFilter';
 export type AccountFilterOptionsCopy = {
     accountTypeAccounts: string;

package/dist/common/components/barchart/Bar.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+interface BarProps {
+    ariaLabel?: string;
+    color: string;
+    height: number;
+    index: number;
+    label: string;
+    onClick?: (index: number) => void;
+    selectedIndex?: number;
+    value: number;
+}
+/**
+ * The Bar component is what displays the colored (optionally clickable) bar
+ *
+ * @param ariaLabel OPTIONAL aria label used on the bar
+ * @param color The color of the bar
+ * @param height The pixel height of the bar
+ * @param index The index of the bar
+ * @param label The label to use above (on positive bars) or below (on negative bars)
+ * @param onClick OPTIONAL function to call if the bar is clicked
+ * @param selectedIndex OPTIONAL indicates the selected bar
+ * @param value Value representing the bar
+ */
+declare const Bar: React.FC<BarProps>;
+export default Bar;

package/dist/common/components/barchart/BarChart.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type BarChartData = {
+    ariaLabel: string;
+    label: string;
+    value: number;
+};
+export interface BarChartProps {
+    average?: number;
+    barWidth?: number | string;
+    color: string;
+    data: BarChartData[];
+    height: number;
+    legendLabelAverage: string;
+    legendLabelMain: string;
+    onBarClick?: (index: number) => void;
+    selectedIndex?: number;
+    valueFormatter?: (value: number) => string;
+}
+/**
+ * BarChart component to display a vertical bar chart given an array of data
+ *
+ * @param average OPTIONAL custom average not based on average or all value
+ * @param barWidth OPTIONAL pixel or percentage width of bars
+ * @param color Color of the bars
+ * @param data An array of chart data. Chart data must contain and aria label, label and value.
+ * @param height Height in pixels of the chart
+ * @param legendLabelAverage Label to use on legend for the average value
+ * @param legendLabelMain Label to use on the legend for the data
+ * @param onBarClick OPTIONAL function to call if bar is clicked
+ * @param selectedIndex OPTIONAL indicates the selected bar
+ * @param valueFormatter OPTIONAL function to call to format the value displayed with the bars
+ */
+declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;

package/dist/common/components/barchart/BarColumn.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+interface BarColumnProps {
+    ariaLabel?: string;
+    averageLineHeight: number;
+    bottomHeight: number;
+    color: string;
+    index?: number;
+    onClick?: (index: number) => void;
+    range: number;
+    selectedIndex?: number;
+    topHeight: number;
+    value: number;
+    valueLabel?: string;
+    width?: number | string;
+    xAxisLabel?: string;
+}
+/**
+ * The BarColumn component represents a single vertical slice of the bar chart.  It contains from top to bottom
+ * the positive section, which will only display a bar if value > 0, the zero line, the average line, negative
+ * section, which will only display a bar if value < 0 and the X-Axis label.
+ *
+ * @param ariaLabel OPTIONAL aria label used to label the bar
+ * @param averageLineHeight the pixel height above/below the zero line for the dashed average line
+ * @param bottomHeight the height of the bottom (negative) section
+ * @param color the color of the bar
+ * @param index OPTIONAL index of the bar (Only used when bar is clickable)
+ * @param onClick OPTIONAL function to call if the bar is clicked
+ * @param range
+ * @param selectedIndex OPTIONAL indicates the selected bar
+ * @param topHeight the pixel height of the top (positvie section)
+ * @param value the value for the bar
+ * @param valueLabel OPTIONAL string value to use for the bar
+ * @param width OPTIONAL pixel or percentage width of the bar
+ * @param xAxisLabel label for the X-Axis
+ */
+declare const BarColumn: React.FC<BarColumnProps>;
+export default BarColumn;

package/dist/common/components/barchart/Legend.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface BarChartLegendProps {
+    color: string;
+    labelAverage: string;
+    labelMain: string;
+}
+declare const Legend: React.FC<BarChartLegendProps>;
+export default Legend;

package/dist/common/components/barchart/Util.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Returns a sum
+ *
+ * @param acc accumulator
+ * @param value current value
+ */
+export declare const sumReducer: (acc: number, value: number) => number;
+/**
+ * Returns the max range
+ *
+ * @param acc accumulator
+ * @param value current value
+ */
+export declare const rangeReducer: (acc: number, value: number) => number;
+/**
+ * Returns an array with the value of an object added
+ *
+ * @param acc accumulator
+ * @param value current value
+ */
+export declare const valueReducer: (acc: number[], value: {
+    value: number;
+}) => number[];
+/**
+ * Returns full height if only the first section is visible, half height if both sections
+ * are visible and 0 if the first section is not visible
+ *
+ * @param hasSection1 If the first section is visible
+ * @param hasSection2 If the second section is visible
+ * @param fullHeight The full height
+ */
+export declare const getSectionHeight: (hasSection1: boolean, hasSection2: boolean, fullHeight: number) => number;
+/**
+ * Returns the +/- pixel height of the average line.  This is calcluated using the percentange of average
+ * to max value multiplied by the height.  If the max value is less than 0, then we use negative min value.
+ *
+ * @param average The average value
+ * @param max The maximum value
+ * @param min The minimum value
+ * @param height The height of the container the average line displays in.
+ */
+export declare const getAverageLineHeight: (average: number, max: number, min: number, height: number) => number;

package/dist/common/components/barchart/index.d.ts

@@ -0,0 +1 @@
+export { default as BarChart } from './BarChart';

package/dist/common/components/charts/linechart/CustomMark.d.ts

@@ -18,5 +18,5 @@ interface CustomMarkProps extends MarkElementProps {
     labelFontSize?: number;
     valueFormatterString?: string;
 }
-export declare const CustomMark: (props: CustomMarkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomMark: React.FC<CustomMarkProps>;
 export {};

package/dist/common/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './accountfilter';
+export * from './barchart';
 export * from './calendar';
 export * from './charts';
 export * from './daterangeselector';