@ktnpm_devops/react-component 0.0.1

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,42 @@
+/** Orbit design token values for programmatic use (e.g., ECharts theming). */
+export declare const orbitTokens: {
+    readonly brand: {
+        readonly orange: "#FF6B5A";
+        readonly orangeLight: "#FF8575";
+        readonly orangeDark: "#E65548";
+        readonly orangeSoft: "rgba(255, 107, 90, 0.12)";
+    };
+    readonly purple: {
+        readonly base: "#2D1B2E";
+        readonly light: "#4A3044";
+    };
+    readonly semantic: {
+        readonly success: "#047857";
+        readonly successSoft: "#ECFDF5";
+        readonly warning: "#B45309";
+        readonly warningSoft: "#FFFBEB";
+        readonly danger: "#B91C1C";
+        readonly dangerSoft: "#FEF2F2";
+        readonly info: "#1D4ED8";
+        readonly infoSoft: "#DBEAFE";
+    };
+    readonly dark: {
+        readonly semantic: {
+            readonly success: "#34D399";
+            readonly successSoft: "rgba(16, 185, 129, 0.12)";
+            readonly warning: "#FACC15";
+            readonly warningSoft: "rgba(250, 204, 21, 0.12)";
+            readonly danger: "#F87171";
+            readonly dangerSoft: "rgba(248, 113, 113, 0.12)";
+            readonly info: "#60A5FA";
+            readonly infoSoft: "rgba(96, 165, 250, 0.12)";
+        };
+    };
+    readonly radius: {
+        readonly sm: "6px";
+        readonly md: "10px";
+        readonly lg: "16px";
+        readonly pill: "999px";
+    };
+};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/tokens/tokens.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCd,CAAC"}

package/dist/tokens/tokens.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tokens.test.d.ts.map

package/dist/tokens/tokens.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.test.d.ts","sourceRoot":"","sources":["../../src/tokens/tokens.test.ts"],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,52 @@
+/** Common option type for select/dropdown components. */
+export interface SelectOption<T = string> {
+    label: string;
+    value: T;
+}
+/** Date range with start and end timestamps. */
+export interface DateRange {
+    start: string;
+    end: string;
+}
+/** Generic chart data point. */
+export interface ChartDataPoint {
+    timestamp: string;
+    value: number;
+    label?: string;
+}
+/** Sankey flow row for the SankeyCard chart component. */
+export interface SankeyFlowRow {
+    source: string;
+    target: string;
+    value: number;
+    color?: string;
+}
+/** Row data for the LiveExplorerTable. */
+export interface LiveExplorerRow {
+    id: string;
+    [key: string]: unknown;
+}
+/** Counter timeseries data point. */
+export interface CounterTimeseriesPoint {
+    timestamp: string;
+    value: number;
+    counterName?: string;
+}
+/** Annotation marker for chart overlays. */
+export interface ChartAnnotation {
+    id: string;
+    timestamp: string;
+    label: string;
+    color?: string;
+}
+/** Stacked bar category data. */
+export interface StackedBarCategory {
+    category: string;
+    values: Record<string, number>;
+}
+/** Temporal trend data point. */
+export interface TemporalTrendPoint {
+    timestamp: string;
+    series: Record<string, number>;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,gDAAgD;AAChD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,gCAAgC;AAChC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0DAA0D;AAC1D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0CAA0C;AAC1C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC"}

package/dist/utils/chartExport.d.ts

@@ -0,0 +1,11 @@
+export type TableData = Array<Array<string | number>>;
+export declare const toStringTable: (table: TableData) => string[][];
+export declare const sanitizeFilename: (value: string) => string;
+export declare const exportTableToCsv: (table: TableData, filename: string) => void;
+export declare const getChartPngDataUrl: (chart: {
+    getDataURL: (opts: Record<string, unknown>) => string;
+}) => string;
+export declare const downloadImageDataUrl: (dataUrl: string, filename: string) => void;
+export declare const openPrintWindowWithChart: (title: string, chartDataUrl: string, table: TableData) => void;
+export declare const composeFilename: (title: string, suffix?: string) => string;
+//# sourceMappingURL=chartExport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chartExport.d.ts","sourceRoot":"","sources":["../../src/utils/chartExport.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAKtD,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,MAAM,EAAE,EACE,CAAC;AAE5D,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MAOhD,CAAC;AA2BF,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,EAAE,UAAU,MAAM,SAMlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAA;CAAE,KAAG,MACxB,CAAC;AAE/E,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,EAAE,UAAU,MAAM,SAOrE,CAAC;AAWF,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,EAAE,cAAc,MAAM,EAAE,OAAO,SAAS,SAiB7F,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,WAO7D,CAAC"}

package/dist/utils/chartExport.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chartExport.test.d.ts.map

package/dist/utils/chartExport.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartExport.test.d.ts","sourceRoot":"","sources":["../../src/utils/chartExport.test.ts"],"names":[],"mappings":""}

package/dist/utils/format.d.ts

@@ -0,0 +1,14 @@
+export declare const truncateWithEllipsis: (value: string, maxLength?: number) => string;
+export declare const formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
+export declare const formatBytes: (value: number) => string;
+interface FormatDataTimestampOptions {
+    fallback?: string;
+    withSeconds?: boolean;
+    timeZone?: string;
+    showTimeZoneLabel?: boolean;
+}
+export declare const formatDataTimestamp: (value: string | null | undefined, options?: FormatDataTimestampOptions) => string;
+export declare const formatLocalISOString: (date: Date) => string;
+export declare const generateUUID: () => string;
+export {};
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,EAAE,kBAAc,WAIjE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,UAAU,IAAI,CAAC,mBAAmB,WACL,CAAC;AAE1E,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,MAW3C,CAAC;AAEF,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAsBD,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,UAAS,0BAA+B,KACvC,MASF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,MAAM,IAAI,KAAG,MAGjD,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,MAS/B,CAAC"}

package/dist/utils/format.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=format.test.d.ts.map

package/dist/utils/format.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.test.d.ts","sourceRoot":"","sources":["../../src/utils/format.test.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@ktnpm_devops/react-component",
+  "version": "0.0.1",
+  "description": "Kenmei Technologies React Component Library",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./tokens": "./dist/tokens/index.css",
+    "./tokens/orbit": "./dist/tokens/orbit-tokens.css",
+    "./tokens/semantic": "./dist/tokens/semantic-tokens.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "vite build && pnpm build:css",
+    "build:css": "node scripts/copy-css-tokens.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx,css}'",
+    "typecheck": "tsc --noEmit",
+    "storybook:build": "storybook build -o storybook-static",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "changeset publish",
+    "dashboard": "node scripts/generate-dashboard.mjs",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "echarts": {
+      "optional": true
+    },
+    "echarts-for-react": {
+      "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.8",
+    "@storybook/addon-a11y": "^8.4.0",
+    "@storybook/addon-essentials": "^8.4.0",
+    "@storybook/addon-interactions": "^8.4.0",
+    "@storybook/addon-themes": "^8.4.0",
+    "@storybook/react": "^8.4.0",
+    "@storybook/react-vite": "^8.4.0",
+    "@testing-library/jest-dom": "^6.4.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.0",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "@vitest/coverage-v8": "^2.0.0",
+    "echarts": "^5.6.0",
+    "echarts-for-react": "^3.0.2",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "happy-dom": "^14.0.0",
+    "lucide-react": "^0.441.0",
+    "prettier": "^3.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.4.0",
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vite-plugin-dts": "^3.9.0",
+    "vitest": "^2.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kenmeitechnologies/react-component.git"
+  }
+}