@spaced-out/ui-design-system 0.5.32 → 0.5.34-beta.2

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts

@@ -1,13 +1,14 @@
 import * as React from 'react';
+import type { SeriesColumnOptions } from 'highcharts';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export interface StackedBarSeries {
+export type StackedBarSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {
     name: string;
     data: DataOptionsType[];
-}
+};
 export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
     series: Array<StackedBarSeries>;
     isLoading?: boolean;

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,KAAG,KAAK,CAAC,SAoD/B,CAAC"}
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAC;AAKpD,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,KAAG,KAAK,CAAC,SAqD/B,CAAC"}

package/lib/components/Charts/StackedBarChart/StackedBarChart.js

@@ -34,9 +34,8 @@ const StackedBarChart = _ref => {
   } = _ref;
   const chartRef = React.useRef(null);
   const stackedBarSeries = series.map((seriesItem, index) => ({
+    type: 'column',
     ...seriesItem,
-    name: seriesItem.name,
-    data: seriesItem.data,
     color: (0, _charts.getDataVizColor)(index),
     stacking: 'normal',
     pointWidth: _charts.columnPlotWidth

package/lib/components/TokenListInput/TokenListInput.d.ts

@@ -51,6 +51,8 @@ export interface Props<T> {
     inputProps?: Omit<InputProps, 'size'>;
     elevation?: ElevationType;
     testId?: string;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    actionsSlot?: React.ReactNode;
 }
 export declare function TokenListInput<T>(props: Props<T>): React.JSX.Element;
 export declare namespace TokenListInput {

package/lib/components/TokenListInput/TokenListInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListInput.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TokenListInput.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenListInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/TokenListInput/TokenListInput.js

@@ -58,7 +58,9 @@ function TokenListInput(props) {
     resolveTokenValue,
     inputProps,
     elevation = 'modal',
-    testId
+    testId,
+    inputRef: inputRefProp,
+    actionsSlot = null
   } = props;
   const menuRef = React.useRef(null);
   const {
@@ -169,98 +171,101 @@ function TokenListInput(props) {
             slot: 'root'
           }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            onClick: () => {
-              if (disabled || locked || values.length >= limit) {
-                return;
-              }
-              if (!isOpen) {
-                onOpen();
-              }
-            },
-            onFocus: e => {
-              if (disabled || locked || values.length >= limit) {
-                return;
-              }
-              if (!isOpen) {
-                onOpen();
-              }
-              onInputFocus?.(e);
-            },
-            onBlur: e => {
-              onInputBlur?.(e);
-            },
-            className: (0, _classify.default)(_TokenListInputModule.default.box, {
-              [_TokenListInputModule.default.inputDisabled]: disabled,
-              [_TokenListInputModule.default.medium]: size === 'medium',
-              [_TokenListInputModule.default.small]: size === 'small',
-              [_TokenListInputModule.default.withError]: error,
-              [_TokenListInputModule.default.inputLocked]: locked
-            }, classNames?.box),
             ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
-            "data-testid": (0, _qa.generateTestId)({
-              base: testId,
-              slot: 'box'
-            }),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenValueChips.TokenValueChips, {
-              values: values,
-              resolveTokenValue: resolveTokenValue,
-              disabled: disabled,
-              locked: locked,
-              onDismiss: removeValue,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'chips'
-              })
-            }), !hideInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-              ...inputProps,
-              ref: inputRef,
-              type: "text",
-              readOnly: locked,
-              value: inputValue,
-              placeholder: values.length === 0 ? placeholder || inputPlaceholder : inputPlaceholder,
-              onChange: event => {
-                onInputChange?.(event.target.value);
+            className: _TokenListInputModule.default.tokenListInputWrapper,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              onClick: () => {
+                if (disabled || locked || values.length >= limit) {
+                  return;
+                }
                 if (!isOpen) {
                   onOpen();
                 }
               },
-              disabled: disabled || locked,
-              tabIndex: tabIndex,
-              "data-qa-id": "token-list-input",
-              onKeyDown: handleInputKeyDown,
-              className: (0, _classify.default)({
-                [_TokenListInputModule.default.inputMedium]: size === 'medium',
-                [_TokenListInputModule.default.inputSmall]: size === 'small'
-              }, classNames?.input),
-              autoComplete: "off",
-              "data-testid": (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'input'
-              })
-            }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: _TokenListInputModule.default.loaderContainer,
+              onFocus: e => {
+                if (disabled || locked || values.length >= limit) {
+                  return;
+                }
+                if (!isOpen) {
+                  onOpen();
+                }
+                onInputFocus?.(e);
+              },
+              onBlur: e => {
+                onInputBlur?.(e);
+              },
+              className: (0, _classify.default)(_TokenListInputModule.default.box, {
+                [_TokenListInputModule.default.inputDisabled]: disabled,
+                [_TokenListInputModule.default.medium]: size === 'medium',
+                [_TokenListInputModule.default.small]: size === 'small',
+                [_TokenListInputModule.default.withError]: error,
+                [_TokenListInputModule.default.inputLocked]: locked
+              }, classNames?.box),
               "data-testid": (0, _qa.generateTestId)({
                 base: testId,
-                slot: 'loader'
+                slot: 'box'
               }),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenValueChips.TokenValueChips, {
+                values: values,
+                resolveTokenValue: resolveTokenValue,
+                disabled: disabled,
+                locked: locked,
+                onDismiss: removeValue,
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'chips'
+                })
+              }), !hideInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                ...inputProps,
+                ref: (0, _mergeRefs.mergeRefs)([inputRef, inputRefProp]),
+                type: "text",
+                readOnly: locked,
+                value: inputValue,
+                placeholder: values.length === 0 ? placeholder || inputPlaceholder : inputPlaceholder,
+                onChange: event => {
+                  onInputChange?.(event.target.value);
+                  if (!isOpen) {
+                    onOpen();
+                  }
+                },
+                disabled: disabled || locked || inputProps?.disabled,
+                tabIndex: tabIndex,
+                "data-qa-id": "token-list-input",
+                onKeyDown: handleInputKeyDown,
+                className: (0, _classify.default)({
+                  [_TokenListInputModule.default.inputMedium]: size === 'medium',
+                  [_TokenListInputModule.default.inputSmall]: size === 'small'
+                }, classNames?.input),
+                autoComplete: "off",
+                "data-testid": (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'input'
+                })
+              }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: _TokenListInputModule.default.loaderContainer,
+                "data-testid": (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'loader'
+                }),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
+                  size: "small",
+                  colorToken: "colorFillPrimary",
+                  testId: (0, _qa.generateTestId)({
+                    base: testId,
+                    slot: 'loader-icon'
+                  })
+                })
+              }), locked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+                name: "lock",
+                color: disabled ? 'disabled' : 'secondary',
                 size: "small",
-                colorToken: "colorFillPrimary",
+                className: _TokenListInputModule.default.lockIcon,
                 testId: (0, _qa.generateTestId)({
                   base: testId,
-                  slot: 'loader-icon'
+                  slot: 'lock-icon'
                 })
-              })
-            }), locked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-              name: "lock",
-              color: disabled ? 'disabled' : 'secondary',
-              size: "small",
-              className: _TokenListInputModule.default.lockIcon,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'lock-icon'
-              })
-            })]
+              })]
+            }), actionsSlot ? actionsSlot : null]
           }), !isOpen && (Boolean(helperText) || errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _TokenListInputModule.default.footerTextContainer,
             "data-testid": (0, _qa.generateTestId)({

package/lib/components/TokenListInput/TokenListInput.module.css

@@ -49,11 +49,15 @@
   border: borderWidthPrimary solid colorBorderPrimary;
 }
 
-.box:not(.withError):not(.inputDisabled):not(.inputLocked):not(.inputHidden):hover {
+.box:not(.withError):not(.inputDisabled):not(.inputLocked):not(
+    .inputHidden
+  ):hover {
   border: borderWidthPrimary solid colorBorderTertiary;
 }
 
-.box:not(.withError):not(.inputDisabled):not(.inputLocked):not(.inputHidden):focus-within {
+.box:not(.withError):not(.inputDisabled):not(.inputLocked):not(
+    .inputHidden
+  ):focus-within {
   border: borderWidthPrimary solid colorFillPrimary;
   box-shadow: borderWidthNone borderWidthNone borderWidthNone
     borderWidthTertiary colorFocusPrimary;
@@ -115,6 +119,12 @@
   min-height: smallBoxHeight;
 }
 
+.tokenListInputWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: spaceXSmall;
+}
+
 .inputMedium {
   composes: formInputMedium from '../../styles/typography.module.css';
   min-width: calc(sizeFluid/4);

package/lib/types/charts.d.ts

@@ -1,253 +1,28 @@
-export interface ChartOptions {
-    chart?: {
-        polar?: boolean;
-        type?: string;
-        margin?: Array<number>;
-        style?: CSSObject;
-        spacing?: [number, number, number, number];
-        spacingBottom?: number;
-        spacingLeft?: number;
-        spacingRight?: number;
-        spacingTop?: number;
-        events?: {
-            render?: (this: unknown) => void;
-        };
-    };
-    title?: {
-        align?: string;
-        floating?: boolean;
-        margin?: number;
-        style?: {
-            color?: string;
-            fontWeight?: string;
-        };
-        text?: string | null;
-        useHTML?: boolean;
-        verticalAlign?: 'top' | 'middle' | 'bottom';
-        widthAdjust?: number;
-        x?: number;
-        y?: number;
-    };
-    exporting?: {
-        allowHTML?: boolean;
-        allowTableSorting?: boolean;
-        buttons?: {
-            contextButton?: {
-                enabled?: boolean;
-            };
-        };
-        enabled?: boolean;
-        filename?: string;
-        showExportInProgress?: boolean;
-        showTable?: boolean;
-        sourceHeight?: number;
-        sourceWidth?: number;
-        useRowspanHeaders?: boolean;
-        width?: number;
-    };
-    credits?: Credits;
-    tooltip?: ChartTooltip;
-    xAxis?: AxisOptions;
-    yAxis?: AxisOptions;
-    zAxis?: AxisOptions;
-    drilldown?: Drilldown;
-    plotOptions?: PlotOptionsType;
-    series?: Array<SeriesOptionsType>;
-    subtitle?: {
-        useHTML: boolean;
-        text?: string;
-        verticalAlign?: 'middle';
-        align?: string;
-        style?: CSSObject;
-        x?: number;
-    };
-    pane?: {
-        center?: [string, string];
-        size?: string;
-    };
-    legend?: LegendOptionsType;
-    navigation?: Navigation;
-}
-export interface AxisOptions {
-    categories?: Array<string>;
-    gridLineInterpolation?: 'circle' | 'polygon';
-    lineWidth?: number;
-    tickmarkPlacement?: string;
-    labels?: {
-        align?: string;
-        distance?: number;
-        style?: CSSObject;
-        formatter?: (this: Highcharts.AxisLabelsFormatterContextObject) => string;
-    };
-    title?: {
-        text?: string;
-        margin?: number;
-        style?: CSSObject;
-    };
-    type?: string;
-    padding?: number;
-    lineColor?: string;
-    min?: number;
-    max?: number;
-    tickInterval?: number;
-}
-export interface BreadcrumbsOptions {
-    floating?: boolean;
-    style?: CSSObject;
-    buttonTheme?: ButtonTheme;
-}
-export interface LegendOptionsType {
-    layout?: string;
-    align?: string;
-    verticalAlign?: string;
-    itemMarginBottom?: number;
-    padding?: number;
-    itemStyle?: CSSObject;
-    enabled?: boolean;
-    symbolHeight?: number;
-    symbolWidth?: number;
-    symbolPadding?: number;
-    width?: string;
-    [key: string]: unknown;
-}
-export interface CSSObject {
-    alignItems?: string;
-    color?: string;
-    display?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontStyle?: string;
-    fontWeight?: string;
-    letterSpacing?: string;
-    lineHeight?: string;
-    margin?: number;
-    textAlign?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    alignContent?: string;
-    overflow?: string;
-    textOverflow?: string;
-    zIndex?: number;
-    paddingTop?: string;
-    transform?: string;
-    textOutline?: string;
-}
-export interface DataOptionsType {
-    y?: number;
-    id?: string;
-    to?: string;
-    from?: string;
-    name?: string;
-    color?: string;
-    weight?: number;
-    drilldown?: string;
-}
-export interface SeriesOptionsType {
-    id?: string;
-    name?: string;
-    keys?: Array<string>;
-    data: Array<DataOptionsType>;
-    nodes?: Array<DataOptionsType>;
-}
+import type Highcharts from 'highcharts';
+export type ChartOptions = Highcharts.Options;
+export type AxisOptions = Highcharts.AxisOptions;
+export type BreadcrumbsOptions = Highcharts.NavigationBreadcrumbsOptions;
+export type LegendOptionsType = Highcharts.LegendOptions;
+export type CSSObject = Highcharts.CSSObject;
+export type DataOptionsType = Highcharts.PointOptionsObject;
+export type SeriesOptionsType = Highcharts.SeriesOptionsType;
+export type ColumnSeriesOptions = Highcharts.SeriesColumnOptions;
+export type LineSeriesOptions = Highcharts.SeriesLineOptions;
+export type PieSeriesOptions = Highcharts.SeriesPieOptions;
+export type FunnelSeriesOptions = Highcharts.SeriesFunnelOptions;
+export type SankeySeriesOptions = Highcharts.SeriesSankeyOptions;
+export type SankeyNodeOptions = Highcharts.SeriesSankeyNodesOptionsObject;
+export type SankeyPointOptions = Highcharts.SeriesSankeyPointOptionsObject;
+export type Drilldown = Highcharts.DrilldownOptions;
+export type PlotOptionsType = Highcharts.PlotOptions;
+export type ChartTooltip = Highcharts.TooltipOptions;
+export type Legend = Highcharts.LegendOptions;
+export type Credits = Highcharts.CreditsOptions;
+export type Navigation = Highcharts.NavigationOptions;
+export type ChartBreadcrumbs = Highcharts.NavigationBreadcrumbsOptions;
+export type ButtonTheme = Highcharts.NavigationBreadcrumbsButtonThemeOptions;
+export type Position = Highcharts.NavigationBreadcrumbsPositionOptions;
 export interface ChartRef {
     chart?: Highcharts.Chart;
 }
-export interface Drilldown {
-    activeAxisLabelStyle?: CSSObject;
-    activeDataLabelStyle?: CSSObject;
-    series?: Array<SeriesOptionsType>;
-    breadcrumbs?: BreadcrumbsOptions;
-}
-export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel' | 'sankey' | 'column', {
-    innerSize?: string;
-    allowPointSelect?: boolean;
-    cursor?: 'pointer';
-    nodeWidth?: number;
-    nodePadding?: number;
-    dataLabels?: {
-        enabled?: boolean;
-        distance?: number;
-        connectorColor?: string;
-        useHTML?: boolean;
-        format?: string;
-        style?: CSSObject;
-    };
-    showInLegend?: boolean;
-    center?: [string, string];
-    size?: string;
-    borderWidth?: number;
-    borderRadius?: number;
-    neckWidth?: string | number;
-    neckHeight?: string | number;
-    minSize?: string | number;
-    width?: string | number;
-    clip?: boolean;
-    column?: {
-        pointWidth?: number;
-    };
-    pointWidth?: number;
-}>>;
-export interface ChartTooltip {
-    useHTML?: boolean;
-    followPointer?: boolean;
-    backgroundColor?: string;
-    style?: CSSObject;
-    outside?: boolean;
-    headerFormat?: string;
-    pointFormat?: string;
-    shared?: boolean;
-}
-export interface Legend {
-    align?: 'left' | 'center' | 'right';
-    alignColumns?: boolean;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderRadius?: number;
-    borderWidth?: number;
-    className?: string;
-    enabled?: boolean;
-    floating?: boolean;
-    itemDistance?: number;
-    itemMarginBottom?: number;
-    labelFormat?: string;
-    layout?: 'horizontal' | 'vertical' | 'proximate';
-    margin?: number;
-    maxHeight?: number;
-    padding?: number;
-    reversed?: boolean;
-    x?: number;
-    y?: number;
-}
-export interface Credits {
-    enabled?: boolean;
-    href?: string;
-    position?: {
-        align?: 'right' | 'left';
-        verticalAlign?: 'bottom' | 'top';
-        x?: number;
-        y?: number;
-    };
-}
-export interface Navigation {
-    breadcrumbs?: ChartBreadcrumbs;
-}
-export interface ChartBreadcrumbs {
-    position?: Position;
-    style?: CSSObject;
-    buttonTheme?: ButtonTheme;
-    separator?: {
-        text?: string;
-    };
-}
-export interface ButtonTheme {
-    style?: CSSObject;
-}
-export interface Position {
-    align?: string;
-    verticalAlign?: string;
-    x?: number;
-    y?: number;
-}
 //# sourceMappingURL=charts.d.ts.map

package/lib/types/charts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,kBAAkB,CAAC;AAC5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC3E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,CAAC;AACrD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,uCAAuC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,oCAAoC,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B"}

package/lib/utils/charts/charts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CA4DpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,OAAO,CAAC,YAAY,CAAC,EACrC,aAAa,OAAO,CAAC,YAAY,CAAC,KACjC,YAAsD,CAAC"}
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CA6DpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,OAAO,CAAC,YAAY,CAAC,EACrC,aAAa,OAAO,CAAC,YAAY,CAAC,KACjC,YAAsD,CAAC"}

package/lib/utils/charts/charts.js

@@ -27,7 +27,7 @@ const commonChartOptions = exports.commonChartOptions = {
     spacingRight: 0
   },
   title: {
-    text: null
+    text: undefined
   },
   exporting: {
     buttons: {
@@ -69,7 +69,8 @@ const commonChartOptions = exports.commonChartOptions = {
   },
   xAxis: {
     type: 'category',
-    padding: 0
+    minPadding: 0,
+    maxPadding: 0
   },
   navigation: {
     breadcrumbs: {

package/lib/utils/charts/donutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAKtE,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoBD,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,mBAAmB,KAAG,YA4ExB,CAAC"}
+{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAKtE,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAWD,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,mBAAmB,KAAG,YA+ExB,CAAC"}

package/lib/utils/charts/donutChart.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.rightLegendColumn = exports.getDonutChartOptions = void 0;
 var _charts = require("./charts");
 var _helpers = require("./helpers");
-// Add proper type for Highcharts chart instance
-
 /**
  * Defining these constants here so that internal calculations are self explanatory.
  */
@@ -50,10 +48,10 @@ const getDonutChartOptions = _ref => {
       events: {
         render() {
           const chart = this;
-          const containerWidth = chart.renderTo.offsetWidth;
+          const containerWidth = chart.chartWidth;
           const desiredHeight = CHART_WIDTH * containerWidth;
           // 5px adjustment required due to borderWidth mostly.
-          const centerTextX = isLegendEnabled ? parseInt(chart.plotWidth) * CHART_CENTER + 5 : 0;
+          const centerTextX = isLegendEnabled ? chart.plotWidth * CHART_CENTER + 5 : 0;
           chart.update({
             chart: {
               height: desiredHeight // Set the height dynamically based on the container's width

package/lib/utils/charts/funnelChart.d.ts

@@ -1,3 +1,4 @@
+import type Highcharts from 'highcharts';
 import type { ChartOptions, Drilldown } from '../../types/charts';
 import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/FunnelChart';
 /**
@@ -5,6 +6,6 @@ import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/Funne
  * It will not take userPassed option into account.
  */
 export declare const getFunnelChartOptions: () => ChartOptions;
-export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<FunnelSeriesItem>;
+export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<Highcharts.SeriesFunnelOptions>;
 export declare const addColorsToFunnelDrilldownSeries: (drilldownSeries: Drilldown, showInLegend?: boolean) => Drilldown;
 //# sourceMappingURL=funnelChart.d.ts.map