@bigbinary/neeto-molecules 4.0.57 → 4.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/Engagements.js +7 -7
  2. package/dist/Engagements.js.map +1 -1
  3. package/dist/ProductEmbed.js +94 -58
  4. package/dist/ProductEmbed.js.map +1 -1
  5. package/dist/cjs/Engagements.js +7 -7
  6. package/dist/cjs/Engagements.js.map +1 -1
  7. package/dist/cjs/ProductEmbed.js +92 -56
  8. package/dist/cjs/ProductEmbed.js.map +1 -1
  9. package/package.json +1 -1
  10. package/types/ProductEmbed.d.ts +40 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-molecules",
3
- "version": "4.0.57",
3
+ "version": "4.0.59",
4
4
  "description": "A package of reusable molecular components for neeto products.",
5
5
  "repository": "git@github.com:bigbinary/neeto-molecules.git",
6
6
  "author": "Amaljith K <amaljith.k@bigbinary.com>",
package/types/ProductEmbed.d.ts CHANGED
@@ -1,7 +1,11 @@
1
1
  import React from 'react';
2
- import { HelpPopoverProps } from './HelpPopover.js';
3
- import '@bigbinary/neetoui';
2
+ import { LabelProps } from '@bigbinary/neetoui';
4
3
 
4
+ interface SwitchOption {
5
+ value: boolean;
6
+ label?: string;
7
+ helpIconProps?: LabelProps["helpIconProps"];
8
+ }
5
9
  interface InlineProps {
6
10
  label: string;
7
11
  description: string;
@@ -9,10 +13,10 @@ interface InlineProps {
9
13
  width?: number;
10
14
  height?: number;
11
15
  elementSelector?: string;
12
- dynamicHeight?: boolean;
13
- hideTitle?: boolean;
14
- alignContentLeft?: boolean;
15
- transparentBackground?: boolean;
16
+ dynamicHeight?: SwitchOption;
17
+ hideTitle?: SwitchOption;
18
+ alignContentLeft?: SwitchOption;
19
+ transparentBackground?: SwitchOption;
16
20
  }
17
21
  interface FloatingPopupProps {
18
22
  label: string;
@@ -39,10 +43,10 @@ interface IframeProps {
39
43
  height?: number;
40
44
  iframeUrl?: string;
41
45
  iframeTitle?: string;
42
- dynamicHeight?: boolean;
43
- hideTitle?: boolean;
44
- alignContentLeft?: boolean;
45
- transparentBackground?: boolean;
46
+ dynamicHeight?: SwitchOption;
47
+ hideTitle?: SwitchOption;
48
+ alignContentLeft?: SwitchOption;
49
+ transparentBackground?: SwitchOption;
46
50
  }
47
51
  type CodeSampleType = "html" | "react";
48
52
  /**
@@ -72,10 +76,19 @@ type CodeSampleType = "html" | "react";
72
76
  * width: 90,
73
77
  * height: 100,
74
78
  * elementSelector: "#inline-embed",
75
- * dynamicHeight: true,
76
- * hideTitle: true,
77
- * alignContentLeft: true,
78
- * transparentBackground: false,
79
+ * dynamicHeight: {
80
+ * value: true,
81
+ * label: "Dynamic Height",
82
+ * helpIconProps: {
83
+ * popoverProps: {
84
+ * title: "Dynamic Height",
85
+ * description: "Dynamic Height help text",
86
+ * },
87
+ * },
88
+ * },
89
+ * hideTitle: { value: true },
90
+ * alignContentLeft: { value: true },
91
+ * transparentBackground: { value: false },
79
92
  * },
80
93
  * floatingPopup: {
81
94
  * label: "Floating Popup",
@@ -94,10 +107,19 @@ type CodeSampleType = "html" | "react";
94
107
  * description: "An iframe embed",
95
108
  * width: 100,
96
109
  * height: 100,
97
- * dynamicHeight: true,
98
- * hideTitle: true,
99
- * alignContentLeft: true,
100
- * transparentBackground: false,
110
+ * dynamicHeight: {
111
+ * value: true,
112
+ * label: "Dynamic Height",
113
+ * helpIconProps: {
114
+ * popoverProps: {
115
+ * title: "Dynamic Height",
116
+ * description: "Dynamic Height help text",
117
+ * },
118
+ * },
119
+ * },
120
+ * hideTitle: { value: true },
121
+ * alignContentLeft: { value: true },
122
+ * transparentBackground: { value: false },
101
123
  * },
102
124
  * }}
103
125
  * isQueryParamsEnabled={true}