@xplortech/apollo-data 0.0.5 → 0.0.7

package/dist/types/components/apollo-data-world-map/apollo-data-world-map.d.ts

@@ -0,0 +1,281 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+import { ApolloBase } from '../../apollo-data-base';
+export interface WorldMapDataItem {
+    lon: number;
+    lat: number;
+    value: number;
+    label: string;
+}
+export interface WorldMapSpec {
+    pinColor?: string;
+    pinShape?: 'circle' | 'square' | 'triangle';
+}
+export declare class ApolloDataWorldMapChart extends ApolloBase<WorldMapDataItem[], WorldMapSpec> implements ComponentInterface {
+    el: HTMLElement;
+    /**
+     * Represents a single data point in the world map chart.
+     * @property {number} lon - Longitude coordinate used to position the point on the map.
+     * @property {number} lat - Latitude coordinate used to position the point on the map.
+     * @property {number} value - A numeric metric tied to the point.
+     * @property {string} label - Label displayed for the place or location represented by the point.
+     */
+    adData: string | WorldMapDataItem[];
+    /**
+     * @property {string} pinColor - Color of the pin representing the point.
+     * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+     */
+    adSpec: string | WorldMapSpec;
+    componentDidRender(): Promise<void>;
+    protected getViewData(data: WorldMapDataItem[], spec?: WorldMapSpec): Promise<{
+        $schema: string;
+        description: string;
+        width: number;
+        height: number;
+        autosize: string;
+        background: string;
+        signals: ({
+            name: string;
+            value: number;
+            on: {
+                events: {
+                    type: string;
+                    consume: boolean;
+                };
+                update: string;
+            }[];
+        } | {
+            name: string;
+            value: number;
+            on: {
+                events: string;
+                update: string;
+            }[];
+        })[];
+        projections: {
+            name: string;
+            type: string;
+            scale: {
+                signal: string;
+            };
+            rotate: (number | {
+                signal: string;
+            })[];
+            center: number[];
+            translate: {
+                signal: string;
+            }[];
+        }[];
+        data: ({
+            name: string;
+            url: string;
+            format: {
+                type: string;
+                feature?: undefined;
+            };
+            transform: {
+                type: string;
+                as: string;
+                expr: string;
+            }[];
+            values?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            values: WorldMapDataItem[];
+            url?: undefined;
+            format?: undefined;
+            transform?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            url: string;
+            format: {
+                type: string;
+                feature: string;
+            };
+            transform: ({
+                type: string;
+                from: string;
+                key: string;
+                fields: string[];
+                values: string[];
+                as: string[];
+                expr?: undefined;
+            } | {
+                type: string;
+                expr: string;
+                from?: undefined;
+                key?: undefined;
+                fields?: undefined;
+                values?: undefined;
+                as?: undefined;
+            })[];
+            values?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            source: string;
+            transform: ({
+                type: string;
+                expr: string;
+                projection?: undefined;
+                fields?: undefined;
+                as?: undefined;
+            } | {
+                type: string;
+                projection: string;
+                fields: string[];
+                as: string[];
+                expr?: undefined;
+            })[];
+            url?: undefined;
+            format?: undefined;
+            values?: undefined;
+        } | {
+            name: string;
+            values: {
+                name: string;
+                lon: number;
+                lat: number;
+            }[];
+            transform: {
+                type: string;
+                projection: string;
+                fields: string[];
+                as: string[];
+            }[];
+            url?: undefined;
+            format?: undefined;
+            source?: undefined;
+        })[];
+        marks: ({
+            type: string;
+            from: {
+                data: string;
+            };
+            transform: {
+                type: string;
+                projection: string;
+            }[];
+            encode: {
+                update: {
+                    fill: {
+                        value: string;
+                    };
+                    stroke: {
+                        value: string;
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                    tooltip: {
+                        signal: string;
+                    };
+                    x?: undefined;
+                    y?: undefined;
+                    size?: undefined;
+                    shape?: undefined;
+                    text?: undefined;
+                    align?: undefined;
+                    baseline?: undefined;
+                    fontSize?: undefined;
+                    fontWeight?: undefined;
+                    fillOpacity?: undefined;
+                };
+                hover: {
+                    stroke: {
+                        value: string;
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                };
+            };
+        } | {
+            type: string;
+            from: {
+                data: string;
+            };
+            encode: {
+                update: {
+                    x: {
+                        field: string;
+                    };
+                    y: {
+                        field: string;
+                    };
+                    size: {
+                        value: number;
+                    };
+                    fill: {
+                        value: string;
+                    };
+                    stroke: {
+                        value: string;
+                    };
+                    shape: {
+                        value: "square" | "circle" | "triangle";
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                    tooltip: {
+                        signal: string;
+                    };
+                    text?: undefined;
+                    align?: undefined;
+                    baseline?: undefined;
+                    fontSize?: undefined;
+                    fontWeight?: undefined;
+                    fillOpacity?: undefined;
+                };
+                hover?: undefined;
+            };
+            transform?: undefined;
+        } | {
+            type: string;
+            from: {
+                data: string;
+            };
+            encode: {
+                update: {
+                    x: {
+                        field: string;
+                    };
+                    y: {
+                        field: string;
+                    };
+                    text: {
+                        field: string;
+                    };
+                    align: {
+                        value: string;
+                    };
+                    baseline: {
+                        value: string;
+                    };
+                    fontSize: {
+                        value: number;
+                    };
+                    fontWeight: {
+                        value: string;
+                    };
+                    fill: {
+                        value: string;
+                    };
+                    fillOpacity: {
+                        value: number;
+                    };
+                    stroke?: undefined;
+                    strokeWidth?: undefined;
+                    tooltip?: undefined;
+                    size?: undefined;
+                    shape?: undefined;
+                };
+                hover?: undefined;
+            };
+            transform?: undefined;
+        })[];
+    }>;
+    render(): any;
+}

package/dist/types/components/apollo-data-world-map/apollo-data-world-map.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const ApolloDataWorldMap: Story;

package/dist/types/components.d.ts

@@ -7,12 +7,16 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BarDataItem, BarSpec } from "./components/apollo-data-bar/apollo-data-bar";
 import { DonutDataItem, DonutSpec } from "./components/apollo-data-donut/apollo-data-donut";
+import { HeatMapDataItem, HeatMapSpec } from "./components/apollo-data-heat-map/apollo-data-heat-map";
 import { LineDataItem, LineSpec } from "./components/apollo-data-line/apollo-data-line";
 import { ScatterDataItem, ScatterSpec } from "./components/apollo-data-scatter/apollo-data-scatter";
+import { WorldMapDataItem, WorldMapSpec } from "./components/apollo-data-world-map/apollo-data-world-map";
 export { BarDataItem, BarSpec } from "./components/apollo-data-bar/apollo-data-bar";
 export { DonutDataItem, DonutSpec } from "./components/apollo-data-donut/apollo-data-donut";
+export { HeatMapDataItem, HeatMapSpec } from "./components/apollo-data-heat-map/apollo-data-heat-map";
 export { LineDataItem, LineSpec } from "./components/apollo-data-line/apollo-data-line";
 export { ScatterDataItem, ScatterSpec } from "./components/apollo-data-scatter/apollo-data-scatter";
+export { WorldMapDataItem, WorldMapSpec } from "./components/apollo-data-world-map/apollo-data-world-map";
 export namespace Components {
     interface ApolloDataBarChart {
         /**
@@ -42,6 +46,25 @@ export namespace Components {
          */
         "adSpec": string | DonutSpec;
     }
+    interface ApolloDataHeatMap {
+        /**
+          * Data for the heat map. Each item defines a cell by xLabel, yLabel, and value.
+          * @property {string} xLabel - Label for the X-axis (horizontal).
+          * @property {string} yLabel - Label for the Y-axis (vertical).
+          * @property {number} value - Numeric value encoded as color.
+          * @default []
+         */
+        "adData": string | HeatMapDataItem[];
+        /**
+          * Optional specification for axis titles, color range, and tooltip behavior.
+          * @property {string} [xAxisTitle] - Label for the X-axis.
+          * @property {string} [yAxisTitle] - Label for the Y-axis.
+          * @property {string[]} [colorRange] - Two or more colors for the value scale (Vega interpolates between them).
+          * @property {'auto' | 'none'} [tooltip] - Tooltip behavior.
+          * @default {}
+         */
+        "adSpec": string | HeatMapSpec;
+    }
     interface ApolloDataLineChart {
         /**
           * @default []
@@ -74,6 +97,23 @@ export namespace Components {
          */
         "adSpec": string | ScatterSpec;
     }
+    interface ApolloDataWorldMapChart {
+        /**
+          * Represents a single data point in the world map chart.
+          * @property {number} lon - Longitude coordinate used to position the point on the map.
+          * @property {number} lat - Latitude coordinate used to position the point on the map.
+          * @property {number} value - A numeric metric tied to the point.
+          * @property {string} label - Label displayed for the place or location represented by the point.
+          * @default []
+         */
+        "adData": string | WorldMapDataItem[];
+        /**
+          * @property {string} pinColor - Color of the pin representing the point.
+          * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+          * @default {}
+         */
+        "adSpec": string | WorldMapSpec;
+    }
 }
 declare global {
     interface HTMLApolloDataBarChartElement extends Components.ApolloDataBarChart, HTMLStencilElement {
@@ -88,6 +128,12 @@ declare global {
         prototype: HTMLApolloDataDonutChartElement;
         new (): HTMLApolloDataDonutChartElement;
     };
+    interface HTMLApolloDataHeatMapElement extends Components.ApolloDataHeatMap, HTMLStencilElement {
+    }
+    var HTMLApolloDataHeatMapElement: {
+        prototype: HTMLApolloDataHeatMapElement;
+        new (): HTMLApolloDataHeatMapElement;
+    };
     interface HTMLApolloDataLineChartElement extends Components.ApolloDataLineChart, HTMLStencilElement {
     }
     var HTMLApolloDataLineChartElement: {
@@ -100,11 +146,19 @@ declare global {
         prototype: HTMLApolloDataScatterChartElement;
         new (): HTMLApolloDataScatterChartElement;
     };
+    interface HTMLApolloDataWorldMapChartElement extends Components.ApolloDataWorldMapChart, HTMLStencilElement {
+    }
+    var HTMLApolloDataWorldMapChartElement: {
+        prototype: HTMLApolloDataWorldMapChartElement;
+        new (): HTMLApolloDataWorldMapChartElement;
+    };
     interface HTMLElementTagNameMap {
         "apollo-data-bar-chart": HTMLApolloDataBarChartElement;
         "apollo-data-donut-chart": HTMLApolloDataDonutChartElement;
+        "apollo-data-heat-map": HTMLApolloDataHeatMapElement;
         "apollo-data-line-chart": HTMLApolloDataLineChartElement;
         "apollo-data-scatter-chart": HTMLApolloDataScatterChartElement;
+        "apollo-data-world-map-chart": HTMLApolloDataWorldMapChartElement;
     }
 }
 declare namespace LocalJSX {
@@ -136,6 +190,25 @@ declare namespace LocalJSX {
          */
         "adSpec"?: string | DonutSpec;
     }
+    interface ApolloDataHeatMap {
+        /**
+          * Data for the heat map. Each item defines a cell by xLabel, yLabel, and value.
+          * @property {string} xLabel - Label for the X-axis (horizontal).
+          * @property {string} yLabel - Label for the Y-axis (vertical).
+          * @property {number} value - Numeric value encoded as color.
+          * @default []
+         */
+        "adData"?: string | HeatMapDataItem[];
+        /**
+          * Optional specification for axis titles, color range, and tooltip behavior.
+          * @property {string} [xAxisTitle] - Label for the X-axis.
+          * @property {string} [yAxisTitle] - Label for the Y-axis.
+          * @property {string[]} [colorRange] - Two or more colors for the value scale (Vega interpolates between them).
+          * @property {'auto' | 'none'} [tooltip] - Tooltip behavior.
+          * @default {}
+         */
+        "adSpec"?: string | HeatMapSpec;
+    }
     interface ApolloDataLineChart {
         /**
           * @default []
@@ -168,21 +241,68 @@ declare namespace LocalJSX {
          */
         "adSpec"?: string | ScatterSpec;
     }
+    interface ApolloDataWorldMapChart {
+        /**
+          * Represents a single data point in the world map chart.
+          * @property {number} lon - Longitude coordinate used to position the point on the map.
+          * @property {number} lat - Latitude coordinate used to position the point on the map.
+          * @property {number} value - A numeric metric tied to the point.
+          * @property {string} label - Label displayed for the place or location represented by the point.
+          * @default []
+         */
+        "adData"?: string | WorldMapDataItem[];
+        /**
+          * @property {string} pinColor - Color of the pin representing the point.
+          * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+          * @default {}
+         */
+        "adSpec"?: string | WorldMapSpec;
+    }
+
+    interface ApolloDataBarChartAttributes {
+        "adData": string | BarDataItem[];
+        "adSpec": string | BarSpec;
+    }
+    interface ApolloDataDonutChartAttributes {
+        "adData": string | DonutDataItem[];
+        "adSpec": string | DonutSpec;
+    }
+    interface ApolloDataHeatMapAttributes {
+        "adData": string | HeatMapDataItem[];
+        "adSpec": string | HeatMapSpec;
+    }
+    interface ApolloDataLineChartAttributes {
+        "adData": string | LineDataItem[];
+        "adSpec": string | LineSpec;
+    }
+    interface ApolloDataScatterChartAttributes {
+        "adData": string | ScatterDataItem[];
+        "adSpec": string | ScatterSpec;
+    }
+    interface ApolloDataWorldMapChartAttributes {
+        "adData": string | WorldMapDataItem[];
+        "adSpec": string | WorldMapSpec;
+    }
+
     interface IntrinsicElements {
-        "apollo-data-bar-chart": ApolloDataBarChart;
-        "apollo-data-donut-chart": ApolloDataDonutChart;
-        "apollo-data-line-chart": ApolloDataLineChart;
-        "apollo-data-scatter-chart": ApolloDataScatterChart;
+        "apollo-data-bar-chart": Omit<ApolloDataBarChart, keyof ApolloDataBarChartAttributes> & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes]?: ApolloDataBarChart[K] } & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes as `attr:${K}`]?: ApolloDataBarChartAttributes[K] } & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes as `prop:${K}`]?: ApolloDataBarChart[K] };
+        "apollo-data-donut-chart": Omit<ApolloDataDonutChart, keyof ApolloDataDonutChartAttributes> & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes]?: ApolloDataDonutChart[K] } & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes as `attr:${K}`]?: ApolloDataDonutChartAttributes[K] } & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes as `prop:${K}`]?: ApolloDataDonutChart[K] };
+        "apollo-data-heat-map": Omit<ApolloDataHeatMap, keyof ApolloDataHeatMapAttributes> & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes]?: ApolloDataHeatMap[K] } & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes as `attr:${K}`]?: ApolloDataHeatMapAttributes[K] } & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes as `prop:${K}`]?: ApolloDataHeatMap[K] };
+        "apollo-data-line-chart": Omit<ApolloDataLineChart, keyof ApolloDataLineChartAttributes> & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes]?: ApolloDataLineChart[K] } & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes as `attr:${K}`]?: ApolloDataLineChartAttributes[K] } & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes as `prop:${K}`]?: ApolloDataLineChart[K] };
+        "apollo-data-scatter-chart": Omit<ApolloDataScatterChart, keyof ApolloDataScatterChartAttributes> & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes]?: ApolloDataScatterChart[K] } & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes as `attr:${K}`]?: ApolloDataScatterChartAttributes[K] } & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes as `prop:${K}`]?: ApolloDataScatterChart[K] };
+        "apollo-data-world-map-chart": Omit<ApolloDataWorldMapChart, keyof ApolloDataWorldMapChartAttributes> & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes]?: ApolloDataWorldMapChart[K] } & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes as `attr:${K}`]?: ApolloDataWorldMapChartAttributes[K] } & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes as `prop:${K}`]?: ApolloDataWorldMapChart[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "apollo-data-bar-chart": LocalJSX.ApolloDataBarChart & JSXBase.HTMLAttributes<HTMLApolloDataBarChartElement>;
-            "apollo-data-donut-chart": LocalJSX.ApolloDataDonutChart & JSXBase.HTMLAttributes<HTMLApolloDataDonutChartElement>;
-            "apollo-data-line-chart": LocalJSX.ApolloDataLineChart & JSXBase.HTMLAttributes<HTMLApolloDataLineChartElement>;
-            "apollo-data-scatter-chart": LocalJSX.ApolloDataScatterChart & JSXBase.HTMLAttributes<HTMLApolloDataScatterChartElement>;
+            "apollo-data-bar-chart": LocalJSX.IntrinsicElements["apollo-data-bar-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataBarChartElement>;
+            "apollo-data-donut-chart": LocalJSX.IntrinsicElements["apollo-data-donut-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataDonutChartElement>;
+            "apollo-data-heat-map": LocalJSX.IntrinsicElements["apollo-data-heat-map"] & JSXBase.HTMLAttributes<HTMLApolloDataHeatMapElement>;
+            "apollo-data-line-chart": LocalJSX.IntrinsicElements["apollo-data-line-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataLineChartElement>;
+            "apollo-data-scatter-chart": LocalJSX.IntrinsicElements["apollo-data-scatter-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataScatterChartElement>;
+            "apollo-data-world-map-chart": LocalJSX.IntrinsicElements["apollo-data-world-map-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataWorldMapChartElement>;
         }
     }
 }

package/dist/types/examples/apollo-data-heat-map.examples.d.ts

@@ -0,0 +1,11 @@
+import { HeatMapDataItem, HeatMapSpec } from '../components/apollo-data-heat-map/apollo-data-heat-map';
+export interface HeatMapExamples {
+    name: string;
+    description: string;
+    props: {
+        adData: HeatMapDataItem[];
+        adSpec?: HeatMapSpec;
+    };
+    notes?: string;
+}
+export declare const heatMapExamples: HeatMapExamples[];

package/dist/types/examples/apollo-data-scatter.examples.d.ts

@@ -1,4 +1,4 @@
-import { ScatterDataItem, ScatterSpec } from '../components';
+import type { ScatterDataItem, ScatterSpec } from '../components/apollo-data-scatter/apollo-data-scatter';
 export interface ScatterExamples {
     name: string;
     description: string;

package/dist/types/examples/apollo-data-world-map.examples.d.ts

@@ -0,0 +1,11 @@
+import { WorldMapDataItem, WorldMapSpec } from '../components/apollo-data-world-map/apollo-data-world-map';
+export interface WorldMapExample {
+    name: string;
+    description: string;
+    props: {
+        adData: WorldMapDataItem[];
+        adSpec?: WorldMapSpec;
+    };
+    notes?: string;
+}
+export declare const worldMapExamples: WorldMapExample[];

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

@@ -1,3 +1,5 @@
 export * from './apollo-data-donut.examples';
 export * from './apollo-data-bar.examples';
 export * from './apollo-data-line.examples';
+export * from './apollo-data-heat-map.examples';
+export * from './apollo-data-world-map.examples';

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -660,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -673,6 +693,8 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
 /**
  * Automatic JSX runtime functions for TypeScript's react-jsx mode.
  * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
@@ -702,7 +724,6 @@ export declare function jsxs(type: any, props: any, key?: string): VNode;
  * @returns a jsx vnode
  */
 export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
-export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
  */

package/dist/types/utils/code-generator.d.ts

@@ -3,9 +3,7 @@ export interface PropValue {
     isFunction?: boolean;
     functionBody?: string;
 }
-export interface ComponentProps {
-    [key: string]: any;
-}
+export type ComponentProps = Record<string, any>;
 export declare function generateInstallationDocs(framework?: string, componentName?: string): string;
 export declare function generateReactCode(componentName: string, props: ComponentProps): string;
 export declare function generateVueCode(componentName: string, props: ComponentProps): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-data",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Apollo Data",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -64,21 +64,21 @@
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate"
+    "generate": "stencil generate",
+    "lint:js": "prettier --check \"src/**/*.{js,ts,json,md}\"",
+    "lint:css": "stylelint 'src/**/*.css'",
+    "lint:ts": "eslint \"src/**/*.{ts,tsx}\" --ignore-pattern 'src/components/**/test/**' --no-warn-ignored",
+    "lint": "npm-run-all lint:ts lint:css lint:js",
+    "format": "npm run lint:ts -- --fix && npm run lint:css -- --fix && prettier --write \"src/**/*.{js,ts,json,md}\""
   },
   "devDependencies": {
-    "@kesills/eslint-config-airbnb-typescript": "^20.0.0",
     "@stencil/core": "^4.38.2",
     "@stencil/react-output-target": "^1.2.0",
     "@stencil/vue-output-target": "^0.11.8",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.5",
-    "eslint-plugin-testing-library": "^7.1.1",
     "happy-dom": "^17.4.4",
+    "lit-html": "^3.3.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
     "typescript": "^5.5.3",