@xplortech/insights-elements-react 0.0.1-draft.7729525

package/README.md

@@ -0,0 +1,35 @@
+# @xplortech/insights-elements-react
+
+React components for Xplor Insights.
+
+## Installation
+
+```bash
+npm install @xplortech/insights-elements-react
+```
+
+## Usage
+
+### With Static Token
+
+```tsx
+import {
+  InsightsWrapper,
+  InsightsLineChart,
+} from "@xplortech/insights-elements-react";
+
+function App() {
+  return (
+    <InsightsWrapper
+      apiUrl="https://api.insights.example.com"
+      token="your-token"
+      onTokenExpired={() => console.log("Token expired")}
+    >
+      <InsightsLineChart
+        reportName="sales-data"
+        filters={{ region: "north" }}
+      />
+    </InsightsWrapper>
+  );
+}
+```

package/dist/components/stencil-generated/components.js

@@ -0,0 +1,30 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import { InsightsBarChart as InsightsBarChartElement, defineCustomElement as defineInsightsBarChart } from "@xplortech/insights-elements/dist/components/insights-bar-chart.js";
+import { InsightsDonutChart as InsightsDonutChartElement, defineCustomElement as defineInsightsDonutChart } from "@xplortech/insights-elements/dist/components/insights-donut-chart.js";
+import { InsightsWrapper as InsightsWrapperElement, defineCustomElement as defineInsightsWrapper } from "@xplortech/insights-elements/dist/components/insights-wrapper.js";
+import React from 'react';
+export const InsightsBarChart = /*@__PURE__*/ createComponent({
+    tagName: 'insights-bar-chart',
+    elementClass: InsightsBarChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineInsightsBarChart
+});
+export const InsightsDonutChart = /*@__PURE__*/ createComponent({
+    tagName: 'insights-donut-chart',
+    elementClass: InsightsDonutChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineInsightsDonutChart
+});
+export const InsightsWrapper = /*@__PURE__*/ createComponent({
+    tagName: 'insights-wrapper',
+    elementClass: InsightsWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineInsightsWrapper
+});

package/dist/index.js

@@ -0,0 +1,4 @@
+// Export only insights-elements React components (not apollo-data)
+import { defineCustomElements } from "@xplortech/insights-elements/loader";
+defineCustomElements();
+export * from "./components/stencil-generated/components";

package/dist/types/components/stencil-generated/components.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { InsightsBarChart as InsightsBarChartElement } from "@xplortech/insights-elements/dist/components/insights-bar-chart.js";
+import { InsightsDonutChart as InsightsDonutChartElement } from "@xplortech/insights-elements/dist/components/insights-donut-chart.js";
+import { InsightsWrapper as InsightsWrapperElement } from "@xplortech/insights-elements/dist/components/insights-wrapper.js";
+export type InsightsBarChartEvents = NonNullable<unknown>;
+export declare const InsightsBarChart: StencilReactComponent<InsightsBarChartElement, InsightsBarChartEvents>;
+export type InsightsDonutChartEvents = NonNullable<unknown>;
+export declare const InsightsDonutChart: StencilReactComponent<InsightsDonutChartElement, InsightsDonutChartEvents>;
+export type InsightsWrapperEvents = NonNullable<unknown>;
+export declare const InsightsWrapper: StencilReactComponent<InsightsWrapperElement, InsightsWrapperEvents>;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components/stencil-generated/components";

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@xplortech/insights-elements-react",
+  "version": "0.0.1-draft.7729525",
+  "description": "React components for Xplor Insights",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": true,
+  "author": "Xplor Technologies",
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xplor/insights-api.git",
+    "directory": "packages/insights-elements-react"
+  },
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "npm run clean && npm run compile",
+    "clean": "rm -rf dist",
+    "compile": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@stencil/react-output-target": "^1.2.0",
+    "@xplortech/insights-elements": "0.0.1-draft.7729525"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.9.3"
+  },
+  "license": "MIT"
+}