@manifoldco/web-components - npm Package Compare versions

Comparing version 0.0.39 to 0.0.40

dist/cjs/loader.cjs.js

@@ -5,8 +5,8 @@ 'use strict';
 
-const index = require('./index-5afde02e.js');
+const index = require('./index-8fab79ff.js');
 
 const defineCustomElements = (win, options) => index.patchEsm().then(() => {
-  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]]], options);
+  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]],["plangraph-plan-table.cjs",[[1,"plangraph-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]]], options);
 });
 
 exports.defineCustomElements = defineCustomElements;

dist/cjs/manifold.cjs.js

 'use strict';
 
-const index = require('./index-5afde02e.js');
+const index = require('./index-8fab79ff.js');
 
 index.patchBrowser().then(options => {
-  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]]], options);
+  return index.bootstrapLazy([["manifold-plan-table.cjs",[[1,"manifold-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]],["plangraph-plan-table.cjs",[[1,"plangraph-plan-table",{"embed":[1],"ctaText":[1,"cta-text"],"planOptions":[16],"baseUrl":[1,"base-url"],"productData":[16],"env":[1],"featureSelections":[32],"featureErrors":[32],"product":[32],"client":[32],"breakpoint":[32],"scrolled":[32],"maxRowHeights":[32],"currentSlide":[32]},[[1,"scroll","scrollHandler"]]]]]], options);
 });

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/manifold-plan-table/manifold-plan-table.js"
+    "./components/manifold-plan-table/manifold-plan-table.js",
+    "./components/plangraph-plan-table/plangraph-plan-table.js"
   ],
@@ -5,0 +6,0 @@ "compiler": {

dist/collection/components/manifold-plan-table/manifold-plan-table.js

@@ -185,2 +185,3 @@ import { Component, Element, Event, Host, State, Prop, h, Watch, Listen, } from '@stencil/core';
     componentWillLoad() {
+        console.warn('DEPRECATED: <manifold-plan-table> is deprecated. Please use <plangraph-plan-table> instead.');
         this.featureSelections = {};
@@ -396,3 +397,3 @@ this.featureErrors = [];
                 h("tr", null,
-                    h("th", { class: "feature-name", part: "plan-header plan-header--features cell feature-cell header-cell" }),
+                    h("th", { class: "feature-name", part: "feature-header-cell cell feature-cell header-cell" }),
                     this.plans.map((plan) => this.renderHeaderCell(plan)))),
@@ -405,3 +406,3 @@ h("tbody", null,
                 h("tr", null,
-                    h("td", { class: "feature-name", part: "footer-cell feature-cell" }),
+                    h("td", { class: "feature-name", part: "footer-cell feature-cell feature-footer-cell" }),
                     this.plans.map((plan) => this.renderCTA(plan))))));
@@ -450,3 +451,38 @@ }
         if (!this.product) {
-            return h(Host, null, "loading");
+            return (h(Host, null,
+                h("slot", { name: "loader" },
+                    h("div", { class: "Skeleton__Grid" },
+                        h("div", null,
+                            h("h1", { class: "Skeleton" }, "Plan name"),
+                            h("h2", { class: "Skeleton" }, "Plan Price"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature")),
+                        h("div", null,
+                            h("h1", { class: "Skeleton" }, "Plan name"),
+                            h("h2", { class: "Skeleton" }, "Plan Price"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature")),
+                        h("div", null,
+                            h("h1", { class: "Skeleton" }, "Plan name"),
+                            h("h2", { class: "Skeleton" }, "Plan Price"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"),
+                            h("p", { class: "Skeleton" }, "Feature"))))));
         }
@@ -453,0 +489,0 @@ return (h(Host, null, ['xs', 'sm'].includes(this.breakpoint) ? this.renderCarousel() : this.renderTable()));

dist/manifold/manifold.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-1fc48257.js";e().then(e=>a([["p-069bdae8",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e));
+import{p as e,b as r}from"./p-fdbb6cfd.js";e().then(e=>r([["p-de054e6e",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]],["p-9b15ebf0",[[1,"plangraph-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e));

dist/types/components.d.ts

@@ -10,2 +10,3 @@ /* eslint-disable */
 import { EmbeddedProductQuery, } from "./types/graphql";
+import { PlanOptions as PlanOptions1, PlanTableEvent as PlanTableEvent1, } from "./components/plangraph-plan-table/plangraph-plan-table";
 export namespace Components {
@@ -20,2 +21,10 @@ interface ManifoldPlanTable {
     }
+    interface PlangraphPlanTable {
+        "baseUrl"?: string;
+        "ctaText"?: string;
+        "embed": string;
+        "env": "prod" | "local";
+        "planOptions"?: PlanOptions;
+        "productData"?: EmbeddedProductQuery["embeddedProduct"];
+    }
 }
@@ -29,4 +38,11 @@ declare global {
     };
+    interface HTMLPlangraphPlanTableElement extends Components.PlangraphPlanTable, HTMLStencilElement {
+    }
+    var HTMLPlangraphPlanTableElement: {
+        prototype: HTMLPlangraphPlanTableElement;
+        new (): HTMLPlangraphPlanTableElement;
+    };
     interface HTMLElementTagNameMap {
         "manifold-plan-table": HTMLManifoldPlanTableElement;
+        "plangraph-plan-table": HTMLPlangraphPlanTableElement;
     }
@@ -45,4 +61,15 @@ }
     }
+    interface PlangraphPlanTable {
+        "baseUrl"?: string;
+        "ctaText"?: string;
+        "embed"?: string;
+        "env"?: "prod" | "local";
+        "onCtaClick"?: (event: CustomEvent<PlanTableEvent>) => void;
+        "onFeatureSelected"?: (event: CustomEvent<PlanTableEvent>) => void;
+        "planOptions"?: PlanOptions;
+        "productData"?: EmbeddedProductQuery["embeddedProduct"];
+    }
     interface IntrinsicElements {
         "manifold-plan-table": ManifoldPlanTable;
+        "plangraph-plan-table": PlangraphPlanTable;
     }
@@ -55,4 +82,5 @@ }
             "manifold-plan-table": LocalJSX.ManifoldPlanTable & JSXBase.HTMLAttributes<HTMLManifoldPlanTableElement>;
+            "plangraph-plan-table": LocalJSX.PlangraphPlanTable & JSXBase.HTMLAttributes<HTMLPlangraphPlanTableElement>;
         }
     }
 }

package.json

 {
   "name": "@manifoldco/web-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Manifold's Web Components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2260630

increased by24.66%

Number of package files

110

increased by29.41%

Lines of code

35540

increased by18.61%

Number of low supply chain risk alerts

11

decreased by-21.43%

Number of medium supply chain risk alerts

16

decreased by-15.79%

No dependency changes