chem-generic-ui 0.1.1 → 0.1.4

package/dist/App.js

@@ -1,32 +1,35 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+Object.defineProperty(exports, "ElementManager", {
+  enumerable: true,
+  get: function get() {
+    return _ElementManager.ElementManager;
+  }
+});
+Object.defineProperty(exports, "GenPropertiesText", {
+  enumerable: true,
+  get: function get() {
+    return _ElementManager.GenPropertiesText;
+  }
+});
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _logo = _interopRequireDefault(require("./logo.svg"));
 
 require("./App.css");
 
+require("bootstrap/dist/css/bootstrap.min.css");
+
+var _ElementManager = require("./components/admin/ElementManager");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function App() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "App"
-  }, /*#__PURE__*/React.createElement("header", {
-    className: "App-header"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _logo.default,
-    className: "App-logo",
-    alt: "logo"
-  }), /*#__PURE__*/React.createElement("p", null, "Edit ", /*#__PURE__*/React.createElement("code", null, "src/App.js"), " and save to reload."), /*#__PURE__*/React.createElement("a", {
-    className: "App-link",
-    href: "https://reactjs.org",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Learn React")));
-}
-
-var _default = App;
-exports.default = _default;
+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); }
+
+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; }

package/dist/components/admin/ElementManager.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.GenPropertiesText = exports.ElementManager = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -86,36 +86,28 @@ var ElementManager = function ElementManager(props) {
       onClick: function onClick() {}
     }, "Edit Element template in YAML format...")), /*#__PURE__*/_react.default.createElement("td", null, e.released_at, " (UTC)")));
   });
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Heading, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Table, {
-    responsive: true,
-    condensed: true,
-    hover: true
-  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", {
-    style: {
-      backgroundColor: '#ddd'
-    }
-  }, /*#__PURE__*/_react.default.createElement("th", {
-    width: "4%"
-  }, "#"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "6%"
-  }, "Actions"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "10%"
-  }, "Element"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "6%"
-  }, "Prefix"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "8%"
-  }, "Active"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "12%"
-  }, "Element Label"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "6%"
-  }, "Icon"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "16%"
-  }, "Description"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "12%"
-  }, "Template"), /*#__PURE__*/_react.default.createElement("th", {
-    width: "18%"
-  }, "Released at"))), tbody)));
+  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, {
+    variant: "primary"
+  }, "Go somewhere")));
 };
 
-var _default = ElementManager;
-exports.default = _default;
+exports.ElementManager = ElementManager;
+
+var GenPropertiesText = function GenPropertiesText(opt) {
+  var className = opt.isEditable ? 'editable' : 'readonly';
+  className = opt.isRequired && opt.isEditable ? 'required' : className;
+  var fieldHeader = 'test';
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, {
+    className: "text_generic_properties"
+  }, fieldHeader, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormControl, {
+    type: "text",
+    value: opt.value,
+    onChange: opt.onChange,
+    className: className,
+    readOnly: opt.readOnly,
+    required: opt.isRequired,
+    placeholder: opt.placeholder
+  }));
+};
+
+exports.GenPropertiesText = GenPropertiesText;

package/dist/index.js

@@ -6,12 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ElementManager", {
   enumerable: true,
   get: function get() {
-    return _ElementManager.default;
+    return _ElementManager.ElementManager;
+  }
+});
+Object.defineProperty(exports, "GenPropertiesText", {
+  enumerable: true,
+  get: function get() {
+    return _ElementManager.GenPropertiesText;
   }
 });
 
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
 require("./index.css");
 
-var _ElementManager = _interopRequireDefault(require("./components/admin/ElementManager"));
+require("bootstrap/dist/css/bootstrap.min.css");
+
+var _ElementManager = require("./components/admin/ElementManager");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,42 +1,34 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "private": false,
   "license": "AGPL-3.0",
   "main": "dist/index.js",
-  "module": "dist/app.js",
+  "module": "dist/App.js",
   "files": [
     "dist",
     "README.md"
   ],
   "dependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/user-event": "^13.2.1",
+    "bootstrap": "5.1.3",
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
-    "react-bootstrap": "^2.2.0",
-    "react-dom": "^17.0.2",
-    "web-vitals": "^2.1.0"
+    "react": "^16.14.0",
+    "react-bootstrap": "^2.2.0"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.6",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "cross-env": "^7.0.3",
+    "@babel/core": "^7.17.5",
     "eslint-config-airbnb": "^17.0.0",
     "eslint-plugin-import": "^2.14.0",
     "eslint-plugin-jsx-a11y": "^6.1.1",
     "eslint-plugin-react": "^7.10.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "^2.0.0"
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-scripts": "^2.1.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -45,12 +37,6 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -62,5 +48,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/dist/App.test.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _App = _interopRequireDefault(require("./App"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-test('renders learn react link', function () {
-  (0, _react.render)( /*#__PURE__*/React.createElement(_App.default, null));
-
-  var linkElement = _react.screen.getByText(/learn react/i);
-
-  expect(linkElement).toBeInTheDocument();
-});

package/dist/reportWebVitals.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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); }
-
-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); }
-
-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; }
-
-var reportWebVitals = function reportWebVitals(onPerfEntry) {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('web-vitals'));
-    }).then(function (_ref) {
-      var getCLS = _ref.getCLS,
-          getFID = _ref.getFID,
-          getFCP = _ref.getFCP,
-          getLCP = _ref.getLCP,
-          getTTFB = _ref.getTTFB;
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-var _default = reportWebVitals;
-exports.default = _default;

package/dist/setupTests.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("@testing-library/jest-dom");