@manifoldco/web-components - npm Package Compare versions

Comparing version 0.0.49 to 0.0.50

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

@@ -6,2 +6,3 @@ import { Component, Element, Event, Host, State, Prop, h, Watch, Listen, } from '@stencil/core';
 import xIcon from '@manifoldco/mercury/icons/x.svg';
+import infoIcon from '@manifoldco/mercury/icons/info.svg';
 import { FeatureClass, PaymentSettingsType, } from '../../types/graphql';
@@ -13,2 +14,3 @@ import query from '../../graphql/EmbeddedProduct.graphql';
 import StringSelect from './string-select';
+import Tooltip from './tooltip';
 const breakpoints = [
@@ -485,3 +487,5 @@ ['xs', 478],
         return (h("td", { class: "footer-cell", part: `plan--${plan.slug} cell cta-cell footer-cell` },
-            h("button", { part: `cta cta--${plan.slug}`, disabled: (cta === null || cta === void 0 ? void 0 : cta.disabled) || this.featureErrors.some((e) => e.planSlug === plan.slug), onClick: () => this.ctaClick.emit(eventDetails) }, ctaText)));
+            h("button", { part: `cta cta--${plan.slug}`, disabled: (cta === null || cta === void 0 ? void 0 : cta.disabled) || this.featureErrors.some((e) => e.planSlug === plan.slug), onClick: () => this.ctaClick.emit(eventDetails) }, (cta === null || cta === void 0 ? void 0 : cta.tooltip) ? (h("div", { class: "tooltip-button" },
+                ctaText,
+                h(Tooltip, { id: `cta-tooltip--${plan.slug}`, title: cta.tooltip.title, innerHTML: h("div", { class: (cta === null || cta === void 0 ? void 0 : cta.disabled) ? 'tooltip-icon tooltip-icon-disabled' : 'tooltip-icon', innerHTML: infoIcon }) }))) : (ctaText))));
     }
@@ -488,0 +492,0 @@ renderTable() {

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

@@ -63,5 +63,17 @@ import { withKnobs, text, select } from '@storybook/addon-knobs';
                 text: 'Current Plan',
+                tooltip: {
+                    title: `<p>Your usage exceeds <b>Launch</b> limits.</p>
+                  <p>Each workspace can have a maximum of 1 product. (Your workspace has 3).</p>
+                  <p>Each product can have a maximum of 2 plans. (Product A, Product B exceed limit).</p>`,
+                },
             },
             cost: 'Custom Pricing',
         },
+        'plan-2': {
+            cta: {
+                tooltip: {
+                    title: 'I am a tooltip',
+                },
+            },
+        },
     };
@@ -68,0 +80,0 @@ return table;

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

@@ -14,2 +14,3 @@ import mercury from '@manifoldco/mercury';
   --manifold-color-text-secondary: ${mercury.color.gray};
+  --manifold-color-tooltip: ${mercury.color.grayDarker};
 
@@ -16,0 +17,0 @@ --manifold-border: 1px solid ${mercury.color.utilitiesGray};

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

@@ -15,4 +15,4 @@ import { h } from '@stencil/core';
         innerHTML,
-        h("div", { role: "tooltip", style: styles, id: id, class: `Manifold-Tooltip Manifold-Tooltip--${dir}` }, title)));
+        h("div", { role: "tooltip", style: styles, id: id, class: `Manifold-Tooltip Manifold-Tooltip--${dir}`, innerHTML: typeof title === 'string' ? title : undefined }, typeof title !== 'string' && title)));
 };
 export default Tooltip;

dist/manifold/manifold.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-fdbb6cfd.js";e().then(e=>r([["p-689d1fba",[[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-f755e9fd",[[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));
+import{p as e,b as r}from"./p-fdbb6cfd.js";e().then(e=>r([["p-23495bc4",[[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-49dfa6f5",[[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/manifold/p-be11e044.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-7408ba89.system.js"],(function(){"use strict";var e,t;return{setters:[function(r){e=r.p;t=r.b}],execute:function(){e().then((function(e){return t([["p-1841f43d.system",[[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-9c4b6c5f.system",[[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)}))}}}));
+System.register(["./p-7408ba89.system.js"],(function(){"use strict";var e,t;return{setters:[function(r){e=r.p;t=r.b}],execute:function(){e().then((function(e){return t([["p-bba79232.system",[[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-1b1af336.system",[[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/manifold-plan-table/manifold-plan-table.d.ts

@@ -1,2 +0,2 @@
-import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter, VNode } from '../../stencil-public-runtime';
 import { Client } from '@urql/core';
@@ -24,3 +24,7 @@ import ResizeObserver from 'resize-observer-polyfill';
     disabled?: boolean;
+    tooltip?: Tooltip;
 }
+export interface Tooltip {
+    title: string | VNode[];
+}
 export interface Badge {
@@ -27,0 +31,0 @@ text?: string;

dist/types/components/manifold-plan-table/manifold-plan-table.stories.d.ts

@@ -10,3 +10,3 @@ declare const _default: {
 export declare const withBadgeRight: () => HTMLManifoldPlanTableElement;
-export declare const withPlanOptions: () => HTMLManifoldPlanTableElement;
+export declare const withPlanOptions: () => any;
 export declare const withURLOverride: () => string;
@@ -13,0 +13,0 @@ export declare const withCTAEventHandler: () => HTMLDivElement;

package.json

 {
   "name": "@manifoldco/web-components",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "Manifold's Web Components",
@@ -35,3 +35,3 @@ "main": "dist/index.js",
     "@graphql-codegen/typescript-operations": "^1.15.3",
-    "@manifoldco/mercury": "^0.2.9",
+    "@manifoldco/mercury": "^0.3.0",
     "@stencil/core": "^1.12.2",
@@ -38,0 +38,0 @@ "@stencil/sass": "^1.3.1",

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

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

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

2381005

increased by0.36%

Lines of code

37308

increased by0.2%

No dependency changes