@taiv/ui 1.1.0 → 1.3.0

package/dist/types/types.d.ts

@@ -0,0 +1,20 @@
+export type SelectOption = {
+    value: string;
+    label: string;
+};
+export type DataPoint = {
+    key: string;
+    value: string | number;
+};
+export type PieDataPoint = {
+    key: string;
+    value: string | number;
+    color?: string;
+};
+export type ChartSeries = {
+    name: string;
+    data: DataPoint[];
+    color?: string;
+    type?: 'line' | 'area' | 'bar';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;CAChC,CAAC"}

package/dist/types/types.js

@@ -0,0 +1,2 @@
+//TODO: Maybe move these out into separate files whenever it gets more complex
+export {};

package/dist/utils/charts.d.ts

@@ -0,0 +1,13 @@
+import { formats, truncation } from '../constants/data';
+import { DataPoint } from '../types/types';
+interface FormatOptions {
+    truncateAt?: keyof typeof truncation;
+    decimalPlaces?: number;
+}
+export declare const getChartFormatter: (format: keyof typeof formats, options?: FormatOptions) => ((value: string | number) => string);
+export declare const aggregateDataByDate: (data: DataPoint[]) => {
+    key: string;
+    value: number;
+}[];
+export {};
+//# sourceMappingURL=charts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/utils/charts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAiB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,UAAU,aAAa;IACrB,UAAU,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,OAAO,OAAO,EAAE,UAAU,aAAa,KAAG,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAa5H,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,SAAS,EAAE;;;GAmBpD,CAAC"}

package/dist/utils/charts.js

@@ -0,0 +1,48 @@
+import dayjs from 'dayjs';
+import { numberFormats, truncation } from '../constants/data';
+const formatAndTruncate = (value, format, options) => {
+    var _a, _b;
+    const absValue = Math.abs(value);
+    const config = numberFormats[format];
+    const truncateConfig = truncation[(_a = options === null || options === void 0 ? void 0 : options.truncateAt) !== null && _a !== void 0 ? _a : 'thousand'];
+    const computedDecimalPlaces = (_b = options === null || options === void 0 ? void 0 : options.decimalPlaces) !== null && _b !== void 0 ? _b : config.decimalPlaces;
+    if (absValue >= truncateConfig.threshold) {
+        return `${config.prefix}${(value / truncateConfig.threshold).toFixed(1)}${truncateConfig.suffix}${config.suffix}`;
+    }
+    else {
+        return `${config.prefix}${value.toFixed(computedDecimalPlaces)}${config.suffix}`;
+    }
+};
+export const getChartFormatter = (format, options) => {
+    if (format === 'string') {
+        return (value) => String(value);
+    }
+    else if (format in numberFormats) {
+        return (value) => {
+            const numValue = typeof value === 'string' ? parseFloat(value) : value;
+            if (isNaN(numValue)) {
+                return String(value);
+            }
+            return formatAndTruncate(numValue, format, options);
+        };
+    }
+    throw new Error(`Invalid format: ${format}`);
+};
+export const aggregateDataByDate = (data) => {
+    const dailyTotals = data.reduce((acc, item) => {
+        const date = dayjs(item.key).format('MMM DD');
+        const value = typeof item.value === 'number' ? item.value : 0;
+        if (!acc[date]) {
+            acc[date] = 0;
+        }
+        acc[date] += value;
+        return acc;
+    }, {});
+    const result = Object.keys(dailyTotals)
+        .map((date) => ({
+        key: date,
+        value: dailyTotals[date],
+    }))
+        .sort((a, b) => dayjs(a.key, 'MMM DD').valueOf() - dayjs(b.key, 'MMM DD').valueOf());
+    return result;
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { getOptionLabel, getOptionByValue } from './select';
+export { getChartFormatter, aggregateDataByDate } from './charts';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { getOptionLabel, getOptionByValue } from './select';
+export { getChartFormatter, aggregateDataByDate } from './charts';

package/dist/utils/select.d.ts

@@ -0,0 +1,5 @@
+import { SelectOption } from '../types';
+export declare function getOptionLabel<T extends SelectOption>(value: string, options: T[] | undefined | null, fallbackLabel?: string): string;
+export declare function getOptionByValue<T extends SelectOption>(value: string, options: T[] | undefined | null): T | undefined;
+export type { SelectOption };
+//# sourceMappingURL=select.d.ts.map

package/dist/utils/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAKzI;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,SAAS,CAGtH;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/utils/select.js

@@ -0,0 +1,12 @@
+export function getOptionLabel(value, options, fallbackLabel = '') {
+    var _a;
+    if (!options || value == null)
+        return fallbackLabel;
+    const option = options.find((opt) => opt.value === value);
+    return (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : fallbackLabel;
+}
+export function getOptionByValue(value, options) {
+    if (!options || value == null)
+        return undefined;
+    return options.find((opt) => opt.value === value);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",
@@ -36,7 +36,9 @@
   "exports": {
     ".": "./dist/components/index.js",
     "./hooks": "./dist/hooks/index.js",
-    "./constants": "./dist/constants/index.js"
+    "./constants": "./dist/constants/index.js",
+    "./utils": "./dist/utils/index.js",
+    "./types": "./dist/types/index.js"
   },
   "overrides": {
     "@reduxjs/toolkit": {