@memberjunction/ng-react 3.0.0 → 3.1.0

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.
@@ -952,5 +952,5 @@ export class MJReactComponent {
952
952
  type: ViewChild,
953
953
  args: ['container', { read: ElementRef, static: true }]
954
954
  }] }); })();
955
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJReactComponent, { className: "MJReactComponent" }); })();
955
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJReactComponent, { className: "MJReactComponent", filePath: "lib/components/mj-react-component.component.ts", lineNumber: 128 }); })();
956
956
  //# sourceMappingURL=mj-react-component.component.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-react",
3
- "version": "3.0.0",
3
+ "version": "3.1.0",
4
4
  "description": "Angular components for hosting React components in MemberJunction applications",
5
5
  "scripts": {
6
6
  "build": "ngc -p tsconfig.json",
@@ -40,14 +40,14 @@
40
40
  "styles"
41
41
  ],
42
42
  "dependencies": {
43
- "@memberjunction/ai-vectors-memory": "3.0.0",
44
- "@memberjunction/core": "3.0.0",
45
- "@memberjunction/core-entities": "3.0.0",
46
- "@memberjunction/global": "3.0.0",
47
- "@memberjunction/graphql-dataprovider": "3.0.0",
48
- "@memberjunction/interactive-component-types": "3.0.0",
49
- "@memberjunction/ng-notifications": "3.0.0",
50
- "@memberjunction/react-runtime": "3.0.0",
43
+ "@memberjunction/ai-vectors-memory": "3.1.0",
44
+ "@memberjunction/core": "3.1.0",
45
+ "@memberjunction/core-entities": "3.1.0",
46
+ "@memberjunction/global": "3.1.0",
47
+ "@memberjunction/graphql-dataprovider": "3.1.0",
48
+ "@memberjunction/interactive-component-types": "3.1.0",
49
+ "@memberjunction/ng-notifications": "3.1.0",
50
+ "@memberjunction/react-runtime": "3.1.0",
51
51
  "@angular/common": "18.2.14",
52
52
  "@angular/core": "18.2.14",
53
53
  "@angular/platform-browser": "18.2.14",
@@ -1,22 +0,0 @@
1
- /**
2
- * @fileoverview CDN URLs for external React and related dependencies.
3
- * These URLs are used to load React ecosystem libraries in the browser.
4
- * @module @memberjunction/ng-react
5
- */
6
- /**
7
- * CDN URLs for external dependencies
8
- * These can be configured via environment variables in the future
9
- */
10
- export declare const CDN_URLS: {
11
- BABEL_STANDALONE: string;
12
- REACT: string;
13
- REACT_DOM: string;
14
- DAYJS: string;
15
- ANTD_JS: string;
16
- ANTD_CSS: string;
17
- REACT_BOOTSTRAP_JS: string;
18
- BOOTSTRAP_CSS: string;
19
- D3_JS: string;
20
- CHART_JS: string;
21
- LODASH_JS: string;
22
- };
@@ -1,28 +0,0 @@
1
- /**
2
- * @fileoverview CDN URLs for external React and related dependencies.
3
- * These URLs are used to load React ecosystem libraries in the browser.
4
- * @module @memberjunction/ng-react
5
- */
6
- /**
7
- * CDN URLs for external dependencies
8
- * These can be configured via environment variables in the future
9
- */
10
- export const CDN_URLS = {
11
- // Core React dependencies
12
- BABEL_STANDALONE: 'https://unpkg.com/@babel/standalone@7/babel.min.js',
13
- REACT: 'https://unpkg.com/react@18/umd/react.production.min.js',
14
- REACT_DOM: 'https://unpkg.com/react-dom@18/umd/react-dom.production.min.js',
15
- // Ant Design dependencies
16
- DAYJS: 'https://unpkg.com/dayjs@1.11.10/dayjs.min.js',
17
- // UI Libraries - Using UMD builds that work with global React
18
- ANTD_JS: 'https://unpkg.com/antd@5.12.8/dist/antd.js',
19
- ANTD_CSS: 'https://unpkg.com/antd@5.12.8/dist/reset.css',
20
- REACT_BOOTSTRAP_JS: 'https://unpkg.com/react-bootstrap@2.9.1/dist/react-bootstrap.js',
21
- BOOTSTRAP_CSS: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css',
22
- // Data Visualization
23
- D3_JS: 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js',
24
- CHART_JS: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js',
25
- // Utilities
26
- LODASH_JS: 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'
27
- };
28
- //# sourceMappingURL=cdn-urls.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cdn-urls.js","sourceRoot":"","sources":["../../src/lib/cdn-urls.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,0BAA0B;IAC1B,gBAAgB,EAAE,oDAAoD;IACtE,KAAK,EAAE,wDAAwD;IAC/D,SAAS,EAAE,gEAAgE;IAE3E,0BAA0B;IAC1B,KAAK,EAAE,8CAA8C;IAErD,8DAA8D;IAC9D,OAAO,EAAE,4CAA4C;IACrD,QAAQ,EAAE,8CAA8C;IACxD,kBAAkB,EAAE,iEAAiE;IACrF,aAAa,EAAE,yEAAyE;IAExF,qBAAqB;IACrB,KAAK,EAAE,2DAA2D;IAClE,QAAQ,EAAE,oEAAoE;IAE9E,YAAY;IACZ,SAAS,EAAE,wEAAwE;CACpF,CAAC","sourcesContent":["/**\n * @fileoverview CDN URLs for external React and related dependencies.\n * These URLs are used to load React ecosystem libraries in the browser.\n * @module @memberjunction/ng-react\n */\n\n/**\n * CDN URLs for external dependencies\n * These can be configured via environment variables in the future\n */\nexport const CDN_URLS = {\n // Core React dependencies\n BABEL_STANDALONE: 'https://unpkg.com/@babel/standalone@7/babel.min.js',\n REACT: 'https://unpkg.com/react@18/umd/react.production.min.js',\n REACT_DOM: 'https://unpkg.com/react-dom@18/umd/react-dom.production.min.js',\n \n // Ant Design dependencies\n DAYJS: 'https://unpkg.com/dayjs@1.11.10/dayjs.min.js',\n \n // UI Libraries - Using UMD builds that work with global React\n ANTD_JS: 'https://unpkg.com/antd@5.12.8/dist/antd.js',\n ANTD_CSS: 'https://unpkg.com/antd@5.12.8/dist/reset.css',\n REACT_BOOTSTRAP_JS: 'https://unpkg.com/react-bootstrap@2.9.1/dist/react-bootstrap.js',\n BOOTSTRAP_CSS: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css',\n \n // Data Visualization\n D3_JS: 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js',\n CHART_JS: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js',\n \n // Utilities\n LODASH_JS: 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'\n};"]}
@@ -1,10 +0,0 @@
1
- /**
2
- * @fileoverview Default styles for React components in MemberJunction.
3
- * These styles provide a consistent design system for React components.
4
- * @module @memberjunction/ng-react
5
- */
6
- import { ComponentStyles } from '@memberjunction/interactive-component-types';
7
- /**
8
- * Default styles that match the Skip design system
9
- */
10
- export declare const DEFAULT_STYLES: ComponentStyles;
@@ -1,106 +0,0 @@
1
- /**
2
- * @fileoverview Default styles for React components in MemberJunction.
3
- * These styles provide a consistent design system for React components.
4
- * @module @memberjunction/ng-react
5
- */
6
- /**
7
- * Default styles that match the Skip design system
8
- */
9
- export const DEFAULT_STYLES = {
10
- colors: {
11
- // Primary colors - modern purple/blue gradient feel
12
- primary: '#5B4FE9',
13
- primaryHover: '#4940D4',
14
- primaryLight: '#E8E6FF',
15
- // Secondary colors - sophisticated gray
16
- secondary: '#64748B',
17
- secondaryHover: '#475569',
18
- // Status colors
19
- success: '#10B981',
20
- successLight: '#D1FAE5',
21
- warning: '#F59E0B',
22
- warningLight: '#FEF3C7',
23
- error: '#EF4444',
24
- errorLight: '#FEE2E2',
25
- info: '#3B82F6',
26
- infoLight: '#DBEAFE',
27
- // Base colors
28
- background: '#FFFFFF',
29
- surface: '#F8FAFC',
30
- surfaceHover: '#F1F5F9',
31
- // Text colors with better contrast
32
- text: '#1E293B',
33
- textSecondary: '#64748B',
34
- textTertiary: '#94A3B8',
35
- textInverse: '#FFFFFF',
36
- // Border colors
37
- border: '#E2E8F0',
38
- borderLight: '#F1F5F9',
39
- borderFocus: '#5B4FE9',
40
- // Shadows (as color strings for easy use)
41
- shadow: 'rgba(0, 0, 0, 0.05)',
42
- shadowMedium: 'rgba(0, 0, 0, 0.1)',
43
- shadowLarge: 'rgba(0, 0, 0, 0.15)',
44
- },
45
- spacing: {
46
- xs: '4px',
47
- sm: '8px',
48
- md: '16px',
49
- lg: '24px',
50
- xl: '32px',
51
- xxl: '48px',
52
- xxxl: '64px',
53
- },
54
- typography: {
55
- fontFamily: '-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif',
56
- fontSize: {
57
- xs: '11px',
58
- sm: '12px',
59
- md: '14px',
60
- lg: '16px',
61
- xl: '20px',
62
- xxl: '24px',
63
- xxxl: '32px',
64
- },
65
- fontWeight: {
66
- light: '300',
67
- regular: '400',
68
- medium: '500',
69
- semibold: '600',
70
- bold: '700',
71
- },
72
- lineHeight: {
73
- tight: '1.25',
74
- normal: '1.5',
75
- relaxed: '1.75',
76
- },
77
- },
78
- borders: {
79
- radius: {
80
- sm: '6px',
81
- md: '8px',
82
- lg: '12px',
83
- xl: '16px',
84
- full: '9999px',
85
- },
86
- width: {
87
- thin: '1px',
88
- medium: '2px',
89
- thick: '3px',
90
- },
91
- },
92
- shadows: {
93
- sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
94
- md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
95
- lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
96
- xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
97
- inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
98
- },
99
- transitions: {
100
- fast: '150ms ease-in-out',
101
- normal: '250ms ease-in-out',
102
- slow: '350ms ease-in-out',
103
- },
104
- overflow: 'auto'
105
- };
106
- //# sourceMappingURL=default-styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"default-styles.js","sourceRoot":"","sources":["../../src/lib/default-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC7C,MAAM,EAAE;QACN,oDAAoD;QACpD,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;QAEvB,wCAAwC;QACxC,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;QAEzB,gBAAgB;QAChB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QAEpB,cAAc;QACd,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QAEvB,mCAAmC;QACnC,IAAI,EAAE,SAAS;QACf,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,SAAS;QAEtB,gBAAgB;QAChB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,SAAS;QAEtB,0CAA0C;QAC1C,MAAM,EAAE,qBAAqB;QAC7B,YAAY,EAAE,oBAAoB;QAClC,WAAW,EAAE,qBAAqB;KACnC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,UAAU,EAAE,4EAA4E;QACxF,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,MAAM;SACb;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,KAAK;SACZ;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,MAAM;SAChB;KACF;IACD,OAAO,EAAE;QACP,MAAM,EAAE;YACN,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,IAAI,EAAE,QAAQ;SACf;QACD,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,KAAK;SACb;KACF;IACD,OAAO,EAAE;QACP,EAAE,EAAE,iCAAiC;QACrC,EAAE,EAAE,uEAAuE;QAC3E,EAAE,EAAE,yEAAyE;QAC7E,EAAE,EAAE,2EAA2E;QAC/E,KAAK,EAAE,uCAAuC;KAC/C;IACD,WAAW,EAAE;QACX,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;KAC1B;IACD,QAAQ,EAAE,MAAM;CACjB,CAAC","sourcesContent":["/**\n * @fileoverview Default styles for React components in MemberJunction.\n * These styles provide a consistent design system for React components.\n * @module @memberjunction/ng-react\n */\n\nimport { ComponentStyles } from '@memberjunction/interactive-component-types';\n\n/**\n * Default styles that match the Skip design system\n */\nexport const DEFAULT_STYLES: ComponentStyles = {\n colors: {\n // Primary colors - modern purple/blue gradient feel\n primary: '#5B4FE9',\n primaryHover: '#4940D4',\n primaryLight: '#E8E6FF',\n \n // Secondary colors - sophisticated gray\n secondary: '#64748B',\n secondaryHover: '#475569',\n \n // Status colors\n success: '#10B981',\n successLight: '#D1FAE5',\n warning: '#F59E0B',\n warningLight: '#FEF3C7',\n error: '#EF4444',\n errorLight: '#FEE2E2',\n info: '#3B82F6',\n infoLight: '#DBEAFE',\n \n // Base colors\n background: '#FFFFFF',\n surface: '#F8FAFC',\n surfaceHover: '#F1F5F9',\n \n // Text colors with better contrast\n text: '#1E293B',\n textSecondary: '#64748B',\n textTertiary: '#94A3B8',\n textInverse: '#FFFFFF',\n \n // Border colors\n border: '#E2E8F0',\n borderLight: '#F1F5F9',\n borderFocus: '#5B4FE9',\n \n // Shadows (as color strings for easy use)\n shadow: 'rgba(0, 0, 0, 0.05)',\n shadowMedium: 'rgba(0, 0, 0, 0.1)',\n shadowLarge: 'rgba(0, 0, 0, 0.15)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '32px',\n xxl: '48px',\n xxxl: '64px',\n },\n typography: {\n fontFamily: '-apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", Roboto, sans-serif',\n fontSize: {\n xs: '11px',\n sm: '12px',\n md: '14px',\n lg: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n },\n fontWeight: {\n light: '300',\n regular: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n lineHeight: {\n tight: '1.25',\n normal: '1.5',\n relaxed: '1.75',\n },\n },\n borders: {\n radius: {\n sm: '6px',\n md: '8px',\n lg: '12px',\n xl: '16px',\n full: '9999px',\n },\n width: {\n thin: '1px',\n medium: '2px',\n thick: '3px',\n },\n },\n shadows: {\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',\n },\n transitions: {\n fast: '150ms ease-in-out',\n normal: '250ms ease-in-out',\n slow: '350ms ease-in-out',\n },\n overflow: 'auto'\n};"]}