tenjin-ui-kit 0.2.101 → 0.2.103

package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js

@@ -8,15 +8,15 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _breadCrumbs = _interopRequireDefault(require("../../../breadCrumbs"));
-var _defaultSmall = _interopRequireDefault(require("../../../../themes/defaultSmall"));
+var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var DetailsViewHeader = function DetailsViewHeader(props) {
   var breadcrumbsData = props.breadcrumbsData;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
-    theme: _defaultSmall.default
-  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
+    theme: _default2.default
+  }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
     crumbInfo: breadcrumbsData
-  }))));
+  })));
 };
 DetailsViewHeader.propTypes = {};
 var _default = DetailsViewHeader;

package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
-var _defaultSmall = _interopRequireDefault(require("../../../../themes/defaultSmall"));
+var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 var _button = _interopRequireDefault(require("../../../button"));
 var _ai = require("react-icons/ai");
 var _style = _interopRequireDefault(require("./style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var TreeViewHeader = function TreeViewHeader(props) {
-  var onCreate = props.onCreate;
+  var title = props.title,
+    onCreate = props.onCreate;
   var classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
-    theme: _defaultSmall.default
+    theme: _default2.default
   }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     container: true,
     direction: "row",
@@ -27,13 +28,13 @@ var TreeViewHeader = function TreeViewHeader(props) {
     xs: 9
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
     className: classes.headTypo
-  }, "Tenjin 4.0 Release")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  }, title)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 3,
     className: classes.buttonGrid
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     startIcon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlinePlus, {
-      size: '11px'
+      size: "11px"
     }),
     color: "primary",
     variant: "text",

package/{dist/components → components}/tree/index.js

@@ -83,7 +83,7 @@ function Tree(props) {
       key: nodes.nodeId
     }, /*#__PURE__*/React.createElement("div", {
       style: {
-        marginBottom: isFirstLevel ? '8px' : null
+        marginBottom: isFirstLevel ? "8px" : null
       }
     }, /*#__PURE__*/React.createElement(_TreeItem.default, {
       key: nodes.nodeId,
@@ -105,62 +105,62 @@ function Tree(props) {
       },
       label: /*#__PURE__*/React.createElement("div", {
         style: {
-          display: 'flex',
-          alignItems: 'center'
+          display: "flex",
+          alignItems: "center"
         }
       }, /*#__PURE__*/React.createElement(_material.Typography, {
         style: {
-          fontWeight: isFirstLevel ? 500 : 'initial',
-          fontSize: '12px',
-          fontFamily: 'sans-serif segoe ui'
+          fontWeight: isFirstLevel ? 500 : "initial",
+          fontSize: "16px",
+          fontFamily: "sans-serif segoe ui"
         }
-      }, nodes.type === 'project' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fc.FcOpenedFolder, {
+      }, nodes.type === "project" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fc.FcOpenedFolder, {
         style: {
-          marginRight: '10px'
+          marginRight: "10px"
         }
       }) : /*#__PURE__*/React.createElement(_fc.FcFolder, {
         style: {
-          marginRight: '10px'
+          marginRight: "10px"
         }
-      }) : nodes.type === 'module' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
+      }) : nodes.type === "module" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
-      }) : nodes.type === 'bp' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
+      }) : nodes.type === "bp" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
-      }) : nodes.type === 'sc' ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
+      }) : nodes.type === "sc" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
       }) : expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fi.FiFileText, {
         style: {
-          marginRight: '10px',
-          color: '#03c988'
+          marginRight: "10px",
+          color: "#03c988"
         }
       }) : /*#__PURE__*/React.createElement(_fi.FiFileText, {
         style: {
-          marginRight: '10px',
-          color: '#90a17d'
+          marginRight: "10px",
+          color: "#90a17d"
         }
       }), nodes.name)),
       onContextMenu: function onContextMenu(event) {
@@ -175,7 +175,7 @@ function Tree(props) {
       return handleContextMenu(event, null);
     },
     style: {
-      cursor: 'context-menu'
+      cursor: "context-menu"
     }
   }, /*#__PURE__*/React.createElement(_TreeView.default, {
     "aria-label": "multi-select",
@@ -189,8 +189,8 @@ function Tree(props) {
       height: 216,
       flexGrow: 1,
       // maxWidth: 400,
-      overflowY: 'auto',
-      overflowX: 'hidden'
+      overflowY: "auto",
+      overflowX: "hidden"
     }
   }, folder.map(function (node) {
     return renderTree(node, true);
@@ -205,28 +205,28 @@ function Tree(props) {
     PaperProps: {
       // elevation: 3,
       sx: {
-        overflow: 'visible',
+        overflow: "visible",
         filter: "drop-shadow(0 0 -1rem #667cbc)",
         mt: 1.5,
-        '& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper': {
-          top: '6px !important'
+        "& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper": {
+          top: "6px !important"
         },
-        '& .MuiAvatar-root': {
+        "& .MuiAvatar-root": {
           width: 32,
           height: 32,
           ml: -0.5,
           mr: 1
         },
-        '&:before': {
+        "&:before": {
           content: '""',
-          display: 'block',
-          position: 'absolute',
-          top: '12%',
+          display: "block",
+          position: "absolute",
+          top: "12%",
           left: -5,
           width: 10,
           height: 8,
-          bgcolor: 'background.paper',
-          transform: 'translateY(-50%) rotate(45deg)',
+          bgcolor: "background.paper",
+          transform: "translateY(-50%) rotate(45deg)",
           zIndex: 0
         }
       }
@@ -235,73 +235,73 @@ function Tree(props) {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Module")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
-  }, ' ', /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
+  }, " ", /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Business Process")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Scenario")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fi.FiFileText, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Test Case")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_fc.FcFolder, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Other Folder")), /*#__PURE__*/React.createElement(_MenuItem.default, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(_ri.RiPencilFill, {
     style: {
-      marginRight: '10px'
+      marginRight: "10px"
     }
   }), /*#__PURE__*/React.createElement(_material.Typography, {
     style: {
-      fontFamily: 'sans-serif seoge ui',
+      fontFamily: "sans-serif seoge ui",
       fontWeight: 500,
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, "Edit Folder"))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.101",
+  "version": "0.2.103",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },

package/.dockerignore

@@ -1,6 +0,0 @@
-node_modules
-build
-.dockerignore
-Dockerfile
-Dockerfile.prod
-storybook-static

package/.storybook/main.js

@@ -1,16 +0,0 @@
-module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/preset-create-react-app"
-  ],
-  "framework": "@storybook/react",
-  "core": {
-    "builder": "@storybook/builder-webpack5"
-  }
-}

package/.storybook/preview.js

@@ -1,11 +0,0 @@
-import ".././src/App.css"
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}

package/Dockerfile

@@ -1,17 +0,0 @@
-# build environment
-FROM node:16-alpine as build
-WORKDIR /app
-ENV PATH /app/node_modules/.bin:$PATH
-COPY package.json ./
-COPY package-lock.json ./
-COPY . ./
-RUN npm install 
-RUN npm run build-storybook
-RUN npm run compile
-RUN npm version patch -m "CI patch version bump"
-RUN cp ./package.json ./dist
-RUN cp ./README.md ./dist
-RUN cd dist
-RUN npm publish
-# TEST COMMIT 2
-

package/Jenkinsfile

@@ -1,69 +0,0 @@
-pipeline {
-    agent {label 'tjui-kit'}
-
-    environment {
-        
-        TOKEN= credentials('NPM_TOKEN')
-    }
-
-
-    stages {
-        stage ("Build") {
-            steps {
-                dir("./") {
-                    sh 'npm install'
-                    sh 'npm run compile'
-                }
-            }
-        }
-        stage ("Upgrade version") {
-            steps {
-                dir("./") {
-                    sh 'git restore package-lock.json'
-                    
-                    sh 'npm version patch '
-                    sh 'git remote set-url origin https://vybhavkadam:glpat-Ee-CqdVnwzURCGPzFwys@gitlab.com/yethi/react/tenjin-ui-kit.git'
-                    sh 'git push origin HEAD:main --tags'
-                    //sh 'git push --tags'
-                }
-            }
-        } 
-
-        stage ("Publish library") {
-            steps {
-                dir("./") {
-                    sh 'cp ./package.json ./dist'
-                    sh 'cp ./README.md ./dist'
-                }
-
-                dir("./dist") {
-                    sh 'export NPM_TOKEN=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'
-                     sh 'echo $NPM_TOKEN'
-                    sh 'npm publish'
-                }
-            }
-        }
-
-        stage ("Build Storybook") {
-            steps {
-                dir("./") {
-                    sh 'npm run build-storybook'
-                }
-            }
-        }
-
-        stage ("Deploy Storybook") {
-            steps {
-                dir("./") {
-                    sh 'npx netlify deploy --auth xZ5gRrdcq6pPShzAcOtxCqD3e5MzwWxwBevsrQdyIl0 --site 9a55e91f-3c3e-4492-8d50-7f17ca87adeb --dir storybook-static --prod'
-                }
-            }
-        }
-         stage('CleanWorkspace') {
-            steps {
-                cleanWs()
-            }
-        }
-    }
-   
-}

package/dist/README.md

@@ -1,13 +0,0 @@
-# Tenjin UI Kit
-
-The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
-
-## Installation
-
-In the project directory, you can run:
-
-    npm install tenjin-ui-kit
-
-## Usage
-
-The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.

package/dist/package.json

@@ -1,117 +0,0 @@
-{
-  "name": "tenjin-ui-kit",
-  "version": "0.2.101",
-  "repository": {
-    "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.2.1",
-    "@mantine/core": "^5.10.1",
-    "@mantine/hooks": "^5.10.1",
-    "@mantine/rte": "^5.10.1",
-    "@mui/icons-material": "^5.11.0",
-    "@mui/lab": "^5.0.0-alpha.116",
-    "@mui/styles": "^5.11.2",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "aria-hidden": "^1.2.2",
-    "axios": "^0.26.0",
-    "clsx": "^1.2.1",
-    "d3-hierarchy": "^3.1.2",
-    "feather-icons": "^4.29.0",
-    "final-form": "^4.20.9",
-    "material-ui-popup-state": "^5.0.8",
-    "moment": "^2.29.4",
-    "react-beautiful-dnd": "^13.1.1",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dropzone": "^14.2.3",
-    "react-feather": "^2.0.10",
-    "react-final-form": "^6.5.9",
-    "react-flow-renderer": "^10.3.17",
-    "react-icons": "^4.7.1",
-    "react-moment": "^1.1.3",
-    "react-scripts": "5.0.1",
-    "react-sortable-hoc": "^2.0.0",
-    "reactflow": "^11.6.1",
-    "storybook-react-context": "^0.6.0",
-    "styled-components": "^5.3.9",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
-    "clean": "rimraf dist",
-    "compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.20.7",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.11.3",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/node-logger": "^6.5.15",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.15",
-    "@storybook/testing-library": "^0.0.13",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "cross-env": "^7.0.3",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.6.1",
-    "rimraf": "^3.0.2",
-    "webpack": "^5.75.0"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.11.3",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.6.1"
-  }
-}

package/public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: