chem-generic-ui 0.1.4 → 0.1.5

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 (5) hide show
  1. package/dist/{App.js → app.js} +10 -8
  2. package/dist/components/admin/ElementManager.js +22 -37
  3. package/dist/components/fields/GenPropertiesText.js +55 -0
  4. package/dist/index.js +19 -19
  5. package/package.json +32 -40
package/dist/{App.js → app.js} RENAMED
@@ -8,25 +8,27 @@ Object.defineProperty(exports, "__esModule", {
8
8
  Object.defineProperty(exports, "ElementManager", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _ElementManager.ElementManager;
11
+ return _ElementManager.default;
12
+ }
13
+ });
14
+ Object.defineProperty(exports, "GenPropertiesNumber", {
15
+ enumerable: true,
16
+ get: function get() {
17
+ return _GenPropertiesText.GenPropertiesNumber;
12
18
  }
13
19
  });
14
20
  Object.defineProperty(exports, "GenPropertiesText", {
15
21
  enumerable: true,
16
22
  get: function get() {
17
- return _ElementManager.GenPropertiesText;
23
+ return _GenPropertiesText.GenPropertiesText;
18
24
  }
19
25
  });
20
26
 
21
27
  var _react = _interopRequireWildcard(require("react"));
22
28
 
23
- var _logo = _interopRequireDefault(require("./logo.svg"));
24
-
25
- require("./App.css");
26
-
27
- require("bootstrap/dist/css/bootstrap.min.css");
29
+ var _ElementManager = _interopRequireDefault(require("./components/admin/ElementManager"));
28
30
 
29
- var _ElementManager = require("./components/admin/ElementManager");
31
+ var _GenPropertiesText = require("./components/fields/GenPropertiesText");
30
32
 
31
33
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
32
34
 
package/dist/components/admin/ElementManager.js CHANGED
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.GenPropertiesText = exports.ElementManager = void 0;
8
+ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
@@ -44,10 +44,10 @@ var ElementManager = function ElementManager(props) {
44
44
  // }).catch(err => notify({ title: 'SciFinder-n Error', lvl: 'error', msg: err }));
45
45
  }, [state.element]);
46
46
  var els = (0, _lodash.orderBy)(props.elements, ['is_active', 'name', 'klass_prefix'], ['desc', 'asc', 'asc']);
47
- var tbody = els && els.map(function (e, idx) {
48
- return /*#__PURE__*/_react.default.createElement("tbody", {
47
+ var tb = els && els.map(function (e, idx) {
48
+ return _react.default.createElement("tbody", {
49
49
  key: "tbody_".concat(e.id)
50
- }, /*#__PURE__*/_react.default.createElement("tr", {
50
+ }, _react.default.createElement("tr", {
51
51
  key: "row_".concat(e.id),
52
52
  id: "row_".concat(e.id),
53
53
  style: e.id === props.element.id ? {
@@ -58,56 +58,41 @@ var ElementManager = function ElementManager(props) {
58
58
  } : {
59
59
  fontWeight: 'unset'
60
60
  }
61
- }, /*#__PURE__*/_react.default.createElement("td", null, idx + 1), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
61
+ }, _react.default.createElement("td", null, idx + 1), _react.default.createElement("td", null, _react.default.createElement(_reactBootstrap.Button, {
62
62
  bsStyle: "primary",
63
63
  onClick: function onClick() {}
64
- }, "Copy to..."), "\xA0", /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
64
+ }, "Copy to..."), "\xA0", _react.default.createElement(_reactBootstrap.Button, {
65
65
  bsStyle: "primary",
66
66
  onClick: function onClick() {}
67
- }, "Edit Element attributes..."), "\xA0"), /*#__PURE__*/_react.default.createElement("td", null, e.name), /*#__PURE__*/_react.default.createElement("td", null, e.klass_prefix), /*#__PURE__*/_react.default.createElement("td", null, e.is_active ? /*#__PURE__*/_react.default.createElement("i", {
67
+ }, "Edit Element attributes..."), "\xA0"), _react.default.createElement("td", null, e.name), _react.default.createElement("td", null, e.klass_prefix), _react.default.createElement("td", null, e.is_active ? _react.default.createElement("i", {
68
68
  className: "fa fa-check",
69
69
  "aria-hidden": "true",
70
70
  style: {
71
71
  color: 'green'
72
72
  }
73
- }) : /*#__PURE__*/_react.default.createElement("i", {
73
+ }) : _react.default.createElement("i", {
74
74
  className: "fa fa-ban",
75
75
  "aria-hidden": "true",
76
76
  style: {
77
77
  color: 'red'
78
78
  }
79
- })), /*#__PURE__*/_react.default.createElement("td", null, e.label), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
79
+ })), _react.default.createElement("td", null, e.label), _react.default.createElement("td", null, _react.default.createElement("i", {
80
80
  className: e.icon_name
81
- })), /*#__PURE__*/_react.default.createElement("td", null, e.desc), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
81
+ })), _react.default.createElement("td", null, e.desc), _react.default.createElement("td", null, _react.default.createElement(_reactBootstrap.Button, {
82
82
  bsStyle: "primary",
83
83
  onClick: function onClick() {}
84
- }, "Edit Element template..."), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
84
+ }, "Edit Element template..."), _react.default.createElement(_reactBootstrap.Button, {
85
85
  bsStyle: "primary",
86
86
  onClick: function onClick() {}
87
- }, "Edit Element template in YAML format...")), /*#__PURE__*/_react.default.createElement("td", null, e.released_at, " (UTC)")));
87
+ }, "Edit Element template in YAML format...")), _react.default.createElement("td", null, e.released_at, " (UTC)")));
88
88
  });
89
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Header, null, "Featured"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, null, "Special title treatment"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, null, "With supporting text below as a natural lead-in to additional content."), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
90
- variant: "primary"
91
- }, "Go somewhere")));
92
- };
93
-
94
- exports.ElementManager = ElementManager;
95
-
96
- var GenPropertiesText = function GenPropertiesText(opt) {
97
- var className = opt.isEditable ? 'editable' : 'readonly';
98
- className = opt.isRequired && opt.isEditable ? 'required' : className;
99
- var fieldHeader = 'test';
100
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, {
101
- className: "text_generic_properties"
102
- }, fieldHeader, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormControl, {
103
- type: "text",
104
- value: opt.value,
105
- onChange: opt.onChange,
106
- className: className,
107
- readOnly: opt.readOnly,
108
- required: opt.isRequired,
109
- placeholder: opt.placeholder
110
- }));
111
- };
112
-
113
- exports.GenPropertiesText = GenPropertiesText;
89
+ return _react.default.createElement(_reactBootstrap.Panel, {
90
+ bsStyle: "primary"
91
+ }, _react.default.createElement(_reactBootstrap.Panel.Heading, null, _react.default.createElement(_reactBootstrap.Panel.Title, {
92
+ componentClass: "h3"
93
+ }, "Panel heading")), _react.default.createElement(_reactBootstrap.Panel.Body, null, "Panel content"));
94
+ }; // export { GenPropertiesText, ElementManager };
95
+
96
+
97
+ var _default = ElementManager;
98
+ exports.default = _default;
package/dist/components/fields/GenPropertiesText.js ADDED
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.GenPropertiesNumber = exports.GenPropertiesText = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _reactBootstrap = require("react-bootstrap");
13
+
14
+ var _lodash = require("lodash");
15
+
16
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
+
18
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
+
20
+ var GenPropertiesText = function GenPropertiesText(opt) {
21
+ var className = opt.isEditable ? 'editable' : 'readonly';
22
+ className = opt.isRequired && opt.isEditable ? 'required' : className;
23
+ var fieldHeader = 'test';
24
+ return _react.default.createElement(_reactBootstrap.FormGroup, {
25
+ className: "text_generic_properties"
26
+ }, fieldHeader, _react.default.createElement(_reactBootstrap.FormControl, {
27
+ type: "text",
28
+ value: opt.value,
29
+ onChange: opt.onChange,
30
+ className: className,
31
+ readOnly: opt.readOnly,
32
+ required: opt.isRequired,
33
+ placeholder: opt.placeholder
34
+ }));
35
+ };
36
+
37
+ exports.GenPropertiesText = GenPropertiesText;
38
+
39
+ var GenPropertiesNumber = function GenPropertiesNumber(opt) {
40
+ var className = opt.isEditable ? 'editable' : 'readonly';
41
+ className = opt.isRequired && opt.isEditable ? 'required' : className;
42
+ var fieldHeader = 'test';
43
+ return _react.default.createElement(_reactBootstrap.FormGroup, null, fieldHeader, _react.default.createElement(_reactBootstrap.FormControl, {
44
+ type: "number",
45
+ value: opt.value,
46
+ onChange: opt.onChange,
47
+ className: className,
48
+ readOnly: opt.readOnly,
49
+ required: opt.isRequired,
50
+ placeholder: opt.placeholder,
51
+ min: 1
52
+ }));
53
+ };
54
+
55
+ exports.GenPropertiesNumber = GenPropertiesNumber;
package/dist/index.js CHANGED
@@ -1,29 +1,29 @@
1
1
  "use strict";
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ElementManager", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ElementManager.ElementManager;
10
- }
11
- });
12
- Object.defineProperty(exports, "GenPropertiesText", {
13
- enumerable: true,
14
- get: function get() {
15
- return _ElementManager.GenPropertiesText;
16
- }
17
- });
18
-
19
3
  var _react = _interopRequireDefault(require("react"));
20
4
 
21
5
  var _reactDom = _interopRequireDefault(require("react-dom"));
22
6
 
23
7
  require("./index.css");
24
8
 
25
- require("bootstrap/dist/css/bootstrap.min.css");
9
+ var _app = require("./app");
26
10
 
27
- var _ElementManager = require("./components/admin/ElementManager");
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
12
 
29
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ // import 'bootstrap/dist/css/bootstrap.min.css';
14
+ // import App from './App';
15
+ // import reportWebVitals from './reportWebVitals';
16
+ // import { ElementManager, GenPropertiesText } from './components/admin/ElementManager';
17
+ // export { ElementManager, GenPropertiesText };
18
+ _reactDom.default.render(_react.default.createElement(_app.ElementManager, {
19
+ elements: [],
20
+ element: {}
21
+ }), document.getElementById('root')); // function App() {
22
+ // return (
23
+ // <div>
24
+ // Project A
25
+ // <ElementManager />
26
+ // </div>
27
+ // );
28
+ // }
29
+ // export default App;
package/package.json CHANGED
@@ -1,55 +1,47 @@
1
1
  {
2
2
  "name": "chem-generic-ui",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "private": false,
5
5
  "license": "AGPL-3.0",
6
- "main": "dist/index.js",
7
- "module": "dist/App.js",
8
- "files": [
9
- "dist",
10
- "README.md"
11
- ],
12
- "dependencies": {
13
- "bootstrap": "5.1.3",
14
- "lodash": "^4.17.21",
15
- "react": "^16.14.0",
16
- "react-bootstrap": "^2.2.0"
6
+ "scripts": {
7
+ "start": "react-scripts start",
8
+ "build": "react-scripts build",
9
+ "compile": "rm -rf dist && NODE_ENV=production babel --ignore tests,stories ./src --out-dir ./dist",
10
+ "test": "react-scripts test --env=jsdom --testPathIgnorePatterns=src/__tests__/helper/* src/__tests__/e2e/*"
17
11
  },
18
12
  "peerDependencies": {
19
- "react": "^16.14.0",
20
- "react-dom": "^16.14.0"
13
+ "react": "^17.0.2",
14
+ "react-dom": "^17.0.2"
21
15
  },
22
16
  "devDependencies": {
23
- "@babel/cli": "^7.17.6",
24
- "@babel/core": "^7.17.5",
17
+ "@babel/cli": "^7.0.0",
18
+ "@babel/core": "^7.0.0",
19
+ "@babel/preset-env": "7.3.1",
20
+ "@babel/preset-react": "7.0.0",
25
21
  "eslint-config-airbnb": "^17.0.0",
26
22
  "eslint-plugin-import": "^2.14.0",
27
23
  "eslint-plugin-jsx-a11y": "^6.1.1",
28
24
  "eslint-plugin-react": "^7.10.0",
29
- "react": "^16.14.0",
30
- "react-dom": "^16.14.0",
31
- "react-scripts": "^2.1.1"
25
+ "react": "^17.0.2",
26
+ "react-dom": "^17.0.2",
27
+ "react-scripts": "^2.1.1",
28
+ "react-select": "^2.0.0"
32
29
  },
33
- "scripts": {
34
- "start": "react-scripts start",
35
- "compile": "rm -rf dist && NODE_ENV=production babel --ignore tests,stories ./src --out-dir ./dist",
36
- "build": "react-scripts build",
37
- "test": "react-scripts test",
38
- "eject": "react-scripts eject"
39
- },
40
- "browserslist": {
41
- "production": [
42
- ">0.2%",
43
- "not dead",
44
- "not op_mini all"
45
- ],
46
- "development": [
47
- "last 1 chrome version",
48
- "last 1 firefox version",
49
- "last 1 safari version"
50
- ]
51
- },
52
- "publishConfig": {
53
- "access": "public"
30
+ "main": "dist/app.js",
31
+ "module": "dist/app.js",
32
+ "files": [
33
+ "dist",
34
+ "README.md"
35
+ ],
36
+ "browserslist": [
37
+ ">0.2%",
38
+ "not dead",
39
+ "not ie <= 11",
40
+ "not op_mini all"
41
+ ],
42
+ "dependencies": {
43
+ "lodash": "^4.17.21",
44
+ "react-bootstrap": "~0.33.1",
45
+ "uuid": "^8.3.2"
54
46
  }
55
47
  }