npm - @kong-ui-public/analytics-metric-provider - Versions diffs - 7.0.5 → 7.1.1 - Mend

@kong-ui-public/analytics-metric-provider 7.0.5 → 7.1.1

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.

Files changed (34) hide show

package/dist/types/components/display/MetricsCard.vue.d.ts ADDED Viewed

@@ -0,0 +1,511 @@
+import type { PropType } from 'vue';
+import { MetricCardSize, MetricCardType } from '../../enums';
+import type { HeaderTag } from '@kong/kongponents';
+declare const _default: import("vue").DefineComponent<{
+    cardType: {
+        type: PropType<MetricCardType>;
+        required: true;
+        default: MetricCardType;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    tooltip: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    timeframe: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    metricValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    metricChange: {
+        type: StringConstructor;
+        required: true;
+    };
+    changePolarity: {
+        type: NumberConstructor;
+        required: true;
+    };
+    trendIcon: {
+        type: PropType<import("vue").DefineComponent<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>>, {
+            title: string;
+            color: string;
+            display: string;
+            decorative: boolean;
+            size: string | number;
+            as: string;
+        }, {}>>;
+        default: import("vue").DefineComponent<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>>, {
+            title: string;
+            color: string;
+            display: string;
+            decorative: boolean;
+            size: string | number;
+            as: string;
+        }, {}>;
+    };
+    trendRange: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    cardSize: {
+        type: PropType<MetricCardSize>;
+        required: false;
+        default: () => MetricCardSize;
+    };
+    hasContainerTitle: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    titleTag: {
+        type: PropType<HeaderTag>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    cardType: {
+        type: PropType<MetricCardType>;
+        required: true;
+        default: MetricCardType;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    tooltip: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    timeframe: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    metricValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    metricChange: {
+        type: StringConstructor;
+        required: true;
+    };
+    changePolarity: {
+        type: NumberConstructor;
+        required: true;
+    };
+    trendIcon: {
+        type: PropType<import("vue").DefineComponent<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>>, {
+            title: string;
+            color: string;
+            display: string;
+            decorative: boolean;
+            size: string | number;
+            as: string;
+        }, {}>>;
+        default: import("vue").DefineComponent<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            display: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            decorative: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                required: false;
+                default: "24px";
+                validator: (sizeValue: string | number) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>>, {
+            title: string;
+            color: string;
+            display: string;
+            decorative: boolean;
+            size: string | number;
+            as: string;
+        }, {}>;
+    };
+    trendRange: {
+        type: StringConstructor;
+        default: string;
+    };
+    hasError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    cardSize: {
+        type: PropType<MetricCardSize>;
+        required: false;
+        default: () => MetricCardSize;
+    };
+    hasContainerTitle: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    titleTag: {
+        type: PropType<HeaderTag>;
+        default: string;
+    };
+}>>, {
+    title: string;
+    cardType: MetricCardType;
+    description: string;
+    tooltip: string;
+    timeframe: string;
+    metricValue: string;
+    trendIcon: import("vue").DefineComponent<{
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        display: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        decorative: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: "24px";
+            validator: (sizeValue: string | number) => boolean;
+        };
+        as: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        color: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        display: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        decorative: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            required: false;
+            default: "24px";
+            validator: (sizeValue: string | number) => boolean;
+        };
+        as: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        title: string;
+        color: string;
+        display: string;
+        decorative: boolean;
+        size: string | number;
+        as: string;
+    }, {}>;
+    trendRange: string;
+    hasError: boolean;
+    errorMessage: string;
+    cardSize: MetricCardSize;
+    hasContainerTitle: boolean;
+    titleTag: HeaderTag;
+}, {}>;
+export default _default;
+//# sourceMappingURL=MetricsCard.vue.d.ts.map

package/dist/types/components/display/MetricsCard.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MetricsCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/display/MetricsCard.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AASnC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmelD,wBA0EG"}

package/dist/types/composables/useMetricCardBuilder.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { MetricCardDef, MetricCardType } from '@kong-ui-public/metric-cards';
+import type { MetricCardDef } from '../types';
+import type { MetricCardType } from '../enums';
 import type { Ref } from 'vue';
 import type { ChronologicalMappedMetrics } from './useMetricFetcher';
 import { DEFAULT_KEY } from './useMetricFetcher';

package/dist/types/composables/useMetricCardBuilder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMetricCardBuilder.d.ts","sourceRoot":"","sources":["../../../src/composables/useMetricCardBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,~~8BAA8B~~,CAAA;~~AACjF~~,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,gBAAiB,0BAA0B,UAAU,SAAS,GAAG,UAAU,uBAAsB,MAAM,GAAG,kBAAkB,qBAAmC,MAAM,EAAE,WAY5L,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,aAAa,CAAC,CAyCrF"}
1	+ {"version":3,"file":"useMetricCardBuilder.d.ts","sourceRoot":"","sources":["../../../src/composables/useMetricCardBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,gBAAiB,0BAA0B,UAAU,SAAS,GAAG,UAAU,uBAAsB,MAAM,GAAG,kBAAkB,qBAAmC,MAAM,EAAE,WAY5L,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,aAAa,CAAC,CAyCrF"}

package/dist/types/enums/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './metric-card-type.enum';
+export * from './metric-card-size.enum';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/enums/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/enums/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA"}

package/dist/types/enums/metric-card-size.enum.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum MetricCardSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg",
+    ExtraLarge = "xl"
+}
+//# sourceMappingURL=metric-card-size.enum.d.ts.map

package/dist/types/enums/metric-card-size.enum.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"metric-card-size.enum.d.ts","sourceRoot":"","sources":["../../../src/enums/metric-card-size.enum.ts"],"names":[],"mappings":"AACA,oBAAY,cAAc;IACxB,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;IACZ,UAAU,OAAO;CAClB"}

package/dist/types/enums/metric-card-type.enum.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum MetricCardType {
+    GENERIC_COUNT = "GenericCount",
+    TRAFFIC = "Traffic",
+    ERROR_RATE = "ErrorRate",
+    LATENCY = "Latency"
+}
+//# sourceMappingURL=metric-card-type.enum.d.ts.map

package/dist/types/enums/metric-card-type.enum.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"metric-card-type.enum.d.ts","sourceRoot":"","sources":["../../../src/enums/metric-card-type.enum.ts"],"names":[],"mappings":"AACA,oBAAY,cAAc;IACxB,aAAa,iBAAiB;IAC9B,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,OAAO,YAAY;CACpB"}

package/dist/types/index.d.ts CHANGED Viewed

@@ -3,4 +3,6 @@ import MetricsConsumer from './components/MetricsConsumer.vue';
 import { mockExploreResponseFromCypress, mockExploreResponse } from './mockExploreResponse';
 export { MetricsProvider, MetricsConsumer, mockExploreResponseFromCypress, mockExploreResponse, };
 export * from './types';
+export * from './enums';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3F,OAAO,EACL,eAAe,EACf,eAAe,EACf,8BAA8B,EAC9B,mBAAmB,GACpB,CAAA;AAED,cAAc,SAAS,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3F,OAAO,EACL,eAAe,EACf,eAAe,EACf,8BAA8B,EAC9B,mBAAmB,GACpB,CAAA;AAED,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA"}

package/dist/types/types/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './fetcher-types';
+export * from './metric-card';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}

package/dist/types/types/metric-card.d.ts ADDED Viewed

@@ -0,0 +1,36 @@
+import type { MetricCardType, MetricCardSize } from '../enums';
+import type { KongIcon as GenericIcon } from '@kong/icons';
+import type { HeaderTag } from '@kong/kongponents';
+export interface MetricCardDef {
+    cardType?: MetricCardType;
+    currentValue: number;
+    previousValue: number;
+    increaseIsBad: boolean;
+    formatValueFn?: (rawValue: number) => string;
+    formatChangeFn?: (rawValue: number) => string;
+    description?: string;
+    title?: string;
+    titleTag?: HeaderTag;
+    hasError?: boolean;
+    tooltip?: string;
+    trendRange?: string;
+}
+export interface MetricCardDisplayValue {
+    metricValue: string;
+    metricChange: string;
+    changePolarity: number;
+    trendIcon?: typeof GenericIcon;
+    cardSize?: MetricCardSize;
+    hasContainerTitle?: boolean;
+}
+export interface MetricCardContainerOptions {
+    cards: Array<MetricCardDef>;
+    fallbackDisplayText: string;
+    hasTrendAccess: boolean;
+    loading: boolean;
+    cardSize?: MetricCardSize;
+    containerTitle?: string;
+    containerDescription?: string;
+    errorMessage?: string;
+}
+//# sourceMappingURL=metric-card.d.ts.map

package/dist/types/types/metric-card.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../../src/types/metric-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9D,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,WAAW,CAAA;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC3B,mBAAmB,EAAE,MAAM,CAAA;IAC3B,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}

package/dist/types/utilities/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './trend-display';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/types/utilities/trend-display.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import type { IndeterminateSmallIcon as GenericIcon } from '@kong/icons';
+export declare const DECIMAL_DISPLAY = 2;
+export declare const DECIMAL_ROUNDING_PRECISION: number;
+/**
+ * Beneficial increase (eg: Traffic) is considered good.
+ * Detrimental increase (eg: Error traffic) is considered bad, and behave in the opposite manner.
+ * @param {number} delta - A numeric representation of week-to-week change
+ * @param {Boolean} thisIsBad - Flag to determine whether change is beneficial or detrimental
+ * @returns {string}
+ */
+export declare const changePolarity: (delta: number, hasTrendAccess: boolean, thisIsBad?: boolean) => number;
+/**
+ * Determines the trend value to be displayed by the metric card
+ * @param {number} delta The change amount during the given time period.  Assumed to be a percentage; e.g., delta = 0.1 will be rendered as '10.00%'.
+ * @param {Boolean} hasTrendAccess Whether the user's Tier allows it
+ * @returns {string}
+ */
+export declare const metricChange: (delta: number, hasTrendAccess: boolean, fallback: string) => string;
+export declare const calculateChange: (curr: number, prev: number) => number;
+/**
+ * Determines whether to display an upward or downward trend, or no change
+ */
+export declare const defineIcon: (polarity: number, thisIsBad?: boolean) => typeof GenericIcon;
+//# sourceMappingURL=trend-display.d.ts.map

package/dist/types/utilities/trend-display.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"trend-display.d.ts","sourceRoot":"","sources":["../../../src/utilities/trend-display.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,sBAAsB,IAAI,WAAW,EACtC,MAAM,aAAa,CAAA;AAGpB,eAAO,MAAM,eAAe,IAAI,CAAA;AAGhC,eAAO,MAAM,0BAA0B,QAAsB,CAAA;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,kBAAkB,OAAO,cAAY,OAAO,KAAW,MAalG,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,kBAAkB,OAAO,YAAY,MAAM,KAAG,MAIvF,CAAA;AAGD,eAAO,MAAM,eAAe,SAAU,MAAM,QAAQ,MAAM,WAOzD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,cAAa,OAAO,KAAW,kBAUzE,CAAA"}