@j2inn/fin5-ui-utils 1.0.2-beta.8 → 1.0.2

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.
@@ -1,7 +1,7 @@
1
1
  import { HRef } from 'haystack-core';
2
2
  import React from 'react';
3
3
  interface GraphicViewerProps {
4
- projectName: string;
4
+ projectName?: string;
5
5
  graphicId: HRef;
6
6
  targetRef: HRef;
7
7
  className?: string;
@@ -10,6 +10,7 @@ exports.GraphicViewer = void 0;
10
10
  const classnames_1 = __importDefault(require("classnames"));
11
11
  const react_1 = __importDefault(require("react"));
12
12
  const react_jss_1 = require("react-jss");
13
+ const fin5Top_1 = require("../../../fin5Top/fin5Top");
13
14
  const useStyles = (0, react_jss_1.createUseStyles)({
14
15
  iframe: {
15
16
  width: '100%',
@@ -18,7 +19,7 @@ const useStyles = (0, react_jss_1.createUseStyles)({
18
19
  overflow: 'hidden',
19
20
  },
20
21
  });
21
- const GraphicViewer = ({ projectName, graphicId, targetRef, className, }) => {
22
+ const GraphicViewer = ({ projectName = fin5Top_1.fin5Top?.finstack?.projectName ?? '', graphicId, targetRef, className, }) => {
22
23
  const classes = useStyles();
23
24
  const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
24
25
  url.hash = `targetRef=${targetRef.toAxon()}`;
@@ -1 +1 @@
1
- {"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,4DAA2B;AAE3B,kDAAyB;AACzB,yCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASK,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,IAAA,oBAAE,EAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA;AArBY,QAAA,aAAa,iBAqBzB"}
1
+ {"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;;;;AAEH,4DAA2B;AAE3B,kDAAyB;AACzB,yCAA2C;AAC3C,sDAAkD;AAElD,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASK,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,GAAG,iBAAO,EAAE,QAAQ,EAAE,WAAW,IAAI,EAAE,EAClD,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,IAAA,oBAAE,EAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA;AArBY,QAAA,aAAa,iBAqBzB"}
@@ -1,7 +1,7 @@
1
1
  import { HRef } from 'haystack-core';
2
2
  import React from 'react';
3
3
  interface GraphicViewerProps {
4
- projectName: string;
4
+ projectName?: string;
5
5
  graphicId: HRef;
6
6
  targetRef: HRef;
7
7
  className?: string;
@@ -4,6 +4,7 @@
4
4
  import cn from 'classnames';
5
5
  import React from 'react';
6
6
  import { createUseStyles } from 'react-jss';
7
+ import { fin5Top } from '../../../fin5Top/fin5Top';
7
8
  const useStyles = createUseStyles({
8
9
  iframe: {
9
10
  width: '100%',
@@ -12,7 +13,7 @@ const useStyles = createUseStyles({
12
13
  overflow: 'hidden',
13
14
  },
14
15
  });
15
- export const GraphicViewer = ({ projectName, graphicId, targetRef, className, }) => {
16
+ export const GraphicViewer = ({ projectName = fin5Top?.finstack?.projectName ?? '', graphicId, targetRef, className, }) => {
16
17
  const classes = useStyles();
17
18
  const url = new URL(`${window.location.protocol}//${window.location.host}/fin5/${projectName}`);
18
19
  url.hash = `targetRef=${targetRef.toAxon()}`;
@@ -1 +1 @@
1
- {"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA"}
1
+ {"version":3,"file":"GraphicViewer.jsx","sourceRoot":"","sources":["../../../../src/react/components/graphics/GraphicViewer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAElD,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;KAClB;CACD,CAAC,CAAA;AASF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC3D,WAAW,GAAG,OAAO,EAAE,QAAQ,EAAE,WAAW,IAAI,EAAE,EAClD,SAAS,EACT,SAAS,EACT,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAClB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAS,WAAW,EAAE,CAC1E,CAAA;IACD,GAAG,CAAC,IAAI,GAAG,aAAa,SAAS,CAAC,MAAM,EAAE,EAAE,CAAA;IAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtD,OAAO,CACN,CAAC,MAAM,CACN,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACzC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,EACnB,CACF,CAAA;AACF,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,124 +1,124 @@
1
- {
2
- "name": "@j2inn/fin5-ui-utils",
3
- "version": "1.0.2-beta.8",
4
- "description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
5
- "main": "dist/index.js",
6
- "types": "dist/index.d.ts",
7
- "module": "dist_es/index.js",
8
- "scripts": {
9
- "clean": "rimraf ./dist",
10
- "doc": "typedoc ./src --excludePrivate",
11
- "prebuild": "npm run clean npm run lint && npm run test",
12
- "build": "tsc && npm run-script build:es",
13
- "build:es": "tsc --module ESNext --outDir dist_es",
14
- "checktypes": "tsc --noEmit",
15
- "format": "prettier-eslint --list-different --write \"$(pwd)/src/**/*.{ts,tsx,js,jsx}\"",
16
- "lint": "eslint --fix --ext ts,tsx,js,jsx src/",
17
- "lint-staged": "lint-staged",
18
- "test": "cross-env NODE_ENV=test && npm run test:jest",
19
- "test:jest": "jest",
20
- "prepack": "npm run lint && npm run test && npm run build"
21
- },
22
- "author": "",
23
- "license": "ISC",
24
- "files": [
25
- "dist/**/*",
26
- "dist_es/**/*"
27
- ],
28
- "dependencies": {
29
- "@j2inn/react-config": "^5.0.0-beta.1",
30
- "classnames": "^2.3.1",
31
- "js-yaml": "^4.1.0"
32
- },
33
- "peerDependencies": {
34
- "@j2inn/app": "^2.0.0",
35
- "@j2inn/ui": "^6.0.0",
36
- "@j2inn/utils": "^6.0.0",
37
- "haystack-core": "^2.0.38",
38
- "haystack-nclient": "^3.0.28",
39
- "haystack-react": "^3.0.11",
40
- "haystack-units": "^1.0.20",
41
- "react": "^18.2.0",
42
- "react-dom": "^18.2.0",
43
- "react-jss": "^10.9.2"
44
- },
45
- "devDependencies": {
46
- "@babel/cli": "^7.18.10",
47
- "@babel/core": "^7.19.1",
48
- "@babel/eslint-parser": "^7.19.1",
49
- "@babel/plugin-proposal-class-properties": "^7.18.6",
50
- "@babel/plugin-proposal-decorators": "^7.19.1",
51
- "@babel/plugin-proposal-export-default-from": "^7.18.10",
52
- "@babel/plugin-proposal-function-bind": "^7.18.9",
53
- "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
54
- "@babel/plugin-proposal-private-methods": "^7.18.6",
55
- "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
56
- "@babel/plugin-syntax-dynamic-import": "^7.8.3",
57
- "@babel/plugin-transform-modules-commonjs": "^7.18.6",
58
- "@babel/plugin-transform-react-inline-elements": "^7.18.6",
59
- "@babel/plugin-transform-runtime": "^7.19.1",
60
- "@babel/preset-typescript": "^7.18.6",
61
- "@babel/runtime": "^7.19.0",
62
- "@j2inn/app": "^2.0.0",
63
- "@j2inn/ui": "^6.0.0",
64
- "@j2inn/utils": "^6.0.0",
65
- "@types/jest": "^29.0.3",
66
- "@types/js-yaml": "^4.0.5",
67
- "@types/node": "^18.7.18",
68
- "@types/react": "^18.0.20",
69
- "@typescript-eslint/eslint-plugin": "^5.37.0",
70
- "@typescript-eslint/parser": "^5.37.0",
71
- "babel-eslint": "^10.1.0",
72
- "babel-loader": "^8.2.2",
73
- "babel-plugin-react-html-attrs": "^3.0.5",
74
- "babel-preset-react-app": "^10.0.1",
75
- "bundle-loader": "^0.5.6",
76
- "cpy": "^9.0.1",
77
- "cpy-cli": "^4.2.0",
78
- "cross-env": "^7.0.3",
79
- "css-loader": "^6.7.1",
80
- "css-modules-typescript-loader": "^4.0.1",
81
- "cypress": "^10.8.0",
82
- "eslint": "^8.23.1",
83
- "eslint-config-prettier": "^8.3.0",
84
- "eslint-plugin-jest": "^27.0.4",
85
- "eslint-plugin-prettier": "^4.2.1",
86
- "eslint-plugin-react": "^7.31.8",
87
- "extract-css-chunks-webpack-plugin": "^4.9.0",
88
- "haystack-core": "^2.0.38",
89
- "haystack-nclient": "^3.0.28",
90
- "haystack-react": "^3.0.11",
91
- "haystack-units": "^1.0.20",
92
- "husky": "^8.0.1",
93
- "jest": "^29.0.3",
94
- "jest-chain": "^1.1.5",
95
- "jest-css-modules": "^2.1.0",
96
- "jest-css-modules-transform": "^4.2.1",
97
- "jest-extended": "^3.1.0",
98
- "less": "^4.1.2",
99
- "less-loader": "^11.0.0",
100
- "lint-staged": "^13.0.3",
101
- "lodash-webpack-plugin": "^0.11.6",
102
- "mini-css-extract-plugin": "^2.6.0",
103
- "moment-locales-webpack-plugin": "^1.2.0",
104
- "monaco-editor-webpack-plugin": "^7.0.1",
105
- "nib": "^1.1.2",
106
- "prettier": "^2.6.1",
107
- "prettier-eslint": "^15.0.1",
108
- "prettier-eslint-cli": "^7.1.0",
109
- "react": "^18.2.0",
110
- "react-dom": "^18.2.0",
111
- "react-jss": "^10.9.2",
112
- "rimraf": "^3.0.2",
113
- "stylus-loader": "^7.0.0",
114
- "ts-jest": "^29.0.1",
115
- "typedoc": "^0.23.15",
116
- "typescript": "^4.8.3"
117
- },
118
- "lint-staged": {
119
- "**/*.[jt]s?(x)": [
120
- "prettier-eslint --write",
121
- "eslint --fix"
122
- ]
123
- }
124
- }
1
+ {
2
+ "name": "@j2inn/fin5-ui-utils",
3
+ "version": "1.0.2",
4
+ "description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
5
+ "main": "dist/index.js",
6
+ "types": "dist/index.d.ts",
7
+ "module": "dist_es/index.js",
8
+ "scripts": {
9
+ "clean": "rimraf ./dist",
10
+ "doc": "typedoc ./src --excludePrivate",
11
+ "prebuild": "npm run clean npm run lint && npm run test",
12
+ "build": "tsc && npm run-script build:es",
13
+ "build:es": "tsc --module ESNext --outDir dist_es",
14
+ "checktypes": "tsc --noEmit",
15
+ "format": "prettier-eslint --list-different --write \"$(pwd)/src/**/*.{ts,tsx,js,jsx}\"",
16
+ "lint": "eslint --fix --ext ts,tsx,js,jsx src/",
17
+ "lint-staged": "lint-staged",
18
+ "test": "cross-env NODE_ENV=test && npm run test:jest",
19
+ "test:jest": "jest",
20
+ "prepack": "npm run lint && npm run test && npm run build"
21
+ },
22
+ "author": "",
23
+ "license": "ISC",
24
+ "files": [
25
+ "dist/**/*",
26
+ "dist_es/**/*"
27
+ ],
28
+ "dependencies": {
29
+ "@j2inn/react-config": "^5.0.0-beta.1",
30
+ "classnames": "^2.3.1",
31
+ "js-yaml": "^4.1.0"
32
+ },
33
+ "peerDependencies": {
34
+ "@j2inn/app": "^2.0.0",
35
+ "@j2inn/ui": "^6.0.0",
36
+ "@j2inn/utils": "^6.0.0",
37
+ "haystack-core": "^2.0.38",
38
+ "haystack-nclient": "^3.0.28",
39
+ "haystack-react": "^3.0.11",
40
+ "haystack-units": "^1.0.20",
41
+ "react": "^18.2.0",
42
+ "react-dom": "^18.2.0",
43
+ "react-jss": "^10.9.2"
44
+ },
45
+ "devDependencies": {
46
+ "@babel/cli": "^7.18.10",
47
+ "@babel/core": "^7.19.1",
48
+ "@babel/eslint-parser": "^7.19.1",
49
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
50
+ "@babel/plugin-proposal-decorators": "^7.19.1",
51
+ "@babel/plugin-proposal-export-default-from": "^7.18.10",
52
+ "@babel/plugin-proposal-function-bind": "^7.18.9",
53
+ "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
54
+ "@babel/plugin-proposal-private-methods": "^7.18.6",
55
+ "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
56
+ "@babel/plugin-syntax-dynamic-import": "^7.8.3",
57
+ "@babel/plugin-transform-modules-commonjs": "^7.18.6",
58
+ "@babel/plugin-transform-react-inline-elements": "^7.18.6",
59
+ "@babel/plugin-transform-runtime": "^7.19.1",
60
+ "@babel/preset-typescript": "^7.18.6",
61
+ "@babel/runtime": "^7.19.0",
62
+ "@j2inn/app": "^2.0.0",
63
+ "@j2inn/ui": "^6.0.0",
64
+ "@j2inn/utils": "^6.0.0",
65
+ "@types/jest": "^29.0.3",
66
+ "@types/js-yaml": "^4.0.5",
67
+ "@types/node": "^18.7.18",
68
+ "@types/react": "^18.0.20",
69
+ "@typescript-eslint/eslint-plugin": "^5.37.0",
70
+ "@typescript-eslint/parser": "^5.37.0",
71
+ "babel-eslint": "^10.1.0",
72
+ "babel-loader": "^8.2.2",
73
+ "babel-plugin-react-html-attrs": "^3.0.5",
74
+ "babel-preset-react-app": "^10.0.1",
75
+ "bundle-loader": "^0.5.6",
76
+ "cpy": "^9.0.1",
77
+ "cpy-cli": "^4.2.0",
78
+ "cross-env": "^7.0.3",
79
+ "css-loader": "^6.7.1",
80
+ "css-modules-typescript-loader": "^4.0.1",
81
+ "cypress": "^10.8.0",
82
+ "eslint": "^8.23.1",
83
+ "eslint-config-prettier": "^8.3.0",
84
+ "eslint-plugin-jest": "^27.0.4",
85
+ "eslint-plugin-prettier": "^4.2.1",
86
+ "eslint-plugin-react": "^7.31.8",
87
+ "extract-css-chunks-webpack-plugin": "^4.9.0",
88
+ "haystack-core": "^2.0.38",
89
+ "haystack-nclient": "^3.0.28",
90
+ "haystack-react": "^3.0.11",
91
+ "haystack-units": "^1.0.20",
92
+ "husky": "^8.0.1",
93
+ "jest": "^29.0.3",
94
+ "jest-chain": "^1.1.5",
95
+ "jest-css-modules": "^2.1.0",
96
+ "jest-css-modules-transform": "^4.2.1",
97
+ "jest-extended": "^3.1.0",
98
+ "less": "^4.1.2",
99
+ "less-loader": "^11.0.0",
100
+ "lint-staged": "^13.0.3",
101
+ "lodash-webpack-plugin": "^0.11.6",
102
+ "mini-css-extract-plugin": "^2.6.0",
103
+ "moment-locales-webpack-plugin": "^1.2.0",
104
+ "monaco-editor-webpack-plugin": "^7.0.1",
105
+ "nib": "^1.1.2",
106
+ "prettier": "^2.6.1",
107
+ "prettier-eslint": "^15.0.1",
108
+ "prettier-eslint-cli": "^7.1.0",
109
+ "react": "^18.2.0",
110
+ "react-dom": "^18.2.0",
111
+ "react-jss": "^10.9.2",
112
+ "rimraf": "^3.0.2",
113
+ "stylus-loader": "^7.0.0",
114
+ "ts-jest": "^29.0.1",
115
+ "typedoc": "^0.23.15",
116
+ "typescript": "^4.8.3"
117
+ },
118
+ "lint-staged": {
119
+ "**/*.[jt]s?(x)": [
120
+ "prettier-eslint --write",
121
+ "eslint --fix"
122
+ ]
123
+ }
124
+ }