tenjin-ui-kit 0.2.180 → 0.2.183

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,20 +1,20 @@
1
- .contextContainer {
2
- z-index: 1;
3
- width: 100%;
4
- height: 500px;
5
- background: #673ab7;
6
- }
7
- .rightClick {
8
- z-index: 12;
9
- position: fixed;
10
- background: rgb(240, 200, 1);
11
- }
12
- .menuElement {
13
- color: #222222;
14
- cursor: pointer;
15
- padding: 17px 36px;
16
- }
17
- .menuElement:hover {
18
- color: #fff;
19
- background: #009688;
20
- }
1
+ .contextContainer {
2
+ z-index: 1;
3
+ width: 100%;
4
+ height: 500px;
5
+ background: #673ab7;
6
+ }
7
+ .rightClick {
8
+ z-index: 12;
9
+ position: fixed;
10
+ background: rgb(240, 200, 1);
11
+ }
12
+ .menuElement {
13
+ color: #222222;
14
+ cursor: pointer;
15
+ padding: 17px 36px;
16
+ }
17
+ .menuElement:hover {
18
+ color: #fff;
19
+ background: #009688;
20
+ }
@@ -1,82 +1,82 @@
1
- :root {
2
- --box-width: 200px;
3
- }
4
-
5
- body {
6
- margin: 40px;
7
- }
8
-
9
- .wrapper {
10
- background-color: #fff;
11
- color: #444;
12
- display: flex;
13
- }
14
-
15
- .box {
16
- background-color: #444;
17
- color: #fff;
18
- border-radius: 5px;
19
- padding: 20px;
20
- font-size: 12px;
21
-
22
- box-sizing: border-box;
23
-
24
- flex: 1 1 auto;
25
- }
26
-
27
- .handler {
28
- width: 20px;
29
- padding: 0;
30
- cursor: ew-resize;
31
- flex: 0 0 auto;
32
- }
33
-
34
- .handler::before {
35
- content: "";
36
- display: block;
37
- width: 2px;
38
- height: calc(100vh - 34px);
39
- background: #c0c0c0;
40
- margin: 0 auto;
41
- }
42
-
43
- .arrowButton {
44
- display: flex;
45
- justify-content: flex-end;
46
- /* transition: 0.4s; */
47
- width: 100%;
48
- }
49
-
50
- .verticalText {
51
- display: flex;
52
- flex-direction: column;
53
- justify-content: center;
54
- writing-mode: vertical-lr;
55
- text-orientation: mixed;
56
- transform: rotate(180deg);
57
- font-size: 1.3rem;
58
- }
59
-
60
- .leftWrapper {
61
- background-color: #fff;
62
- color: black;
63
- border-radius: 5px;
64
- padding: 0rem 0.5rem;
65
- font-size: 12px;
66
- box-sizing: border-box;
67
- flex: 1 1 auto;
68
- min-width: var(--box-width);
69
- flex-grow: 0;
70
- }
71
-
72
- .rightWrapper {
73
- background-color: #fff;
74
- color: black;
75
- border-radius: 5px;
76
- padding: 0rem 0.5rem;
77
- font-size: 12px;
78
- box-sizing: border-box;
79
- flex: 1 1 auto;
80
- min-width: var(--box-width);
81
- flex-grow: 1;
82
- }
1
+ :root {
2
+ --box-width: 200px;
3
+ }
4
+
5
+ body {
6
+ margin: 40px;
7
+ }
8
+
9
+ .wrapper {
10
+ background-color: #fff;
11
+ color: #444;
12
+ display: flex;
13
+ }
14
+
15
+ .box {
16
+ background-color: #444;
17
+ color: #fff;
18
+ border-radius: 5px;
19
+ padding: 20px;
20
+ font-size: 12px;
21
+
22
+ box-sizing: border-box;
23
+
24
+ flex: 1 1 auto;
25
+ }
26
+
27
+ .handler {
28
+ width: 20px;
29
+ padding: 0;
30
+ cursor: ew-resize;
31
+ flex: 0 0 auto;
32
+ }
33
+
34
+ .handler::before {
35
+ content: "";
36
+ display: block;
37
+ width: 2px;
38
+ height: calc(100vh - 34px);
39
+ background: #c0c0c0;
40
+ margin: 0 auto;
41
+ }
42
+
43
+ .arrowButton {
44
+ display: flex;
45
+ justify-content: flex-end;
46
+ /* transition: 0.4s; */
47
+ width: 100%;
48
+ }
49
+
50
+ .verticalText {
51
+ display: flex;
52
+ flex-direction: column;
53
+ justify-content: center;
54
+ writing-mode: vertical-lr;
55
+ text-orientation: mixed;
56
+ transform: rotate(180deg);
57
+ font-size: 1.3rem;
58
+ }
59
+
60
+ .leftWrapper {
61
+ background-color: #fff;
62
+ color: black;
63
+ border-radius: 5px;
64
+ padding: 0rem 0.5rem;
65
+ font-size: 12px;
66
+ box-sizing: border-box;
67
+ flex: 1 1 auto;
68
+ min-width: var(--box-width);
69
+ flex-grow: 0;
70
+ }
71
+
72
+ .rightWrapper {
73
+ background-color: #fff;
74
+ color: black;
75
+ border-radius: 5px;
76
+ padding: 0rem 0.5rem;
77
+ font-size: 12px;
78
+ box-sizing: border-box;
79
+ flex: 1 1 auto;
80
+ min-width: var(--box-width);
81
+ flex-grow: 1;
82
+ }
@@ -29,7 +29,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
29
29
  var _loggedInUser$role;
30
30
  var loggedInUser = _ref.loggedInUser,
31
31
  actions = _ref.actions,
32
- onLogout = _ref.onLogout;
32
+ onLogout = _ref.onLogout,
33
+ onViewProfileClick = _ref.onViewProfileClick;
33
34
  var theme = (0, _system.useTheme)();
34
35
  var _useState = (0, _react.useState)(null),
35
36
  _useState2 = _slicedToArray(_useState, 2),
@@ -216,7 +217,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
216
217
  }
217
218
  }, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
218
219
  loggedInUser: loggedInUser,
219
- onLogout: handleOpen
220
+ onLogout: handleOpen,
221
+ onViewProfileClick: onViewProfileClick
220
222
  })))))), /*#__PURE__*/_react.default.createElement(_modal.default, {
221
223
  title: "Log out",
222
224
  open: open,
@@ -20,31 +20,31 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
20
20
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
21
  var ITEM_HEIGHT = 500;
22
22
 
23
- /**
24
- *
25
- * @param {{
26
- * options: Array<{
27
- * name: String | Number,
28
- * displayName: String,
29
- * onClick: (name: String | Number, optionId: String | Number) => void,
30
- * visibility?: boolean,
31
- * divider?: boolean
32
- * }>,
33
- * optionId?: String | Number,
34
- * }} props
35
- * @description
36
- * options: provide this object in an array for options
37
- * {
38
- * name, displayName , onClick, visibility, divider
39
- * }
40
- * name: name for Menuoption it will act like ID
41
- * displayname: To display name
42
- * onClick: Accepts a callbac function, this function will provide name in parameter
43
- * visibility: (optional) if set to false, the option will be disabled
44
- * divider: (optional) if set to true, a divider line will be displayed after the MenuItem
45
- *
46
- * optionId: Provide an option ID to get it as 2nd parameter of callback function
47
- * @returns An option component
23
+ /**
24
+ *
25
+ * @param {{
26
+ * options: Array<{
27
+ * name: String | Number,
28
+ * displayName: String,
29
+ * onClick: (name: String | Number, optionId: String | Number) => void,
30
+ * visibility?: boolean,
31
+ * divider?: boolean
32
+ * }>,
33
+ * optionId?: String | Number,
34
+ * }} props
35
+ * @description
36
+ * options: provide this object in an array for options
37
+ * {
38
+ * name, displayName , onClick, visibility, divider
39
+ * }
40
+ * name: name for Menuoption it will act like ID
41
+ * displayname: To display name
42
+ * onClick: Accepts a callbac function, this function will provide name in parameter
43
+ * visibility: (optional) if set to false, the option will be disabled
44
+ * divider: (optional) if set to true, a divider line will be displayed after the MenuItem
45
+ *
46
+ * optionId: Provide an option ID to get it as 2nd parameter of callback function
47
+ * @returns An option component
48
48
  */
49
49
 
50
50
  var OptionMenu = function OptionMenu(_ref) {
@@ -28,7 +28,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
28
28
  // import { Input } from "tenjin-ui-kit";
29
29
 
30
30
  var SimpleSelect = function SimpleSelect(_ref) {
31
- var _isClearOption;
31
+ var _isSearch, _isClearOption;
32
32
  var options = _ref.options,
33
33
  errorMessage = _ref.errorMessage,
34
34
  error = _ref.error,
@@ -41,8 +41,9 @@ var SimpleSelect = function SimpleSelect(_ref) {
41
41
  isClearOption = _ref.isClearOption,
42
42
  loading = _ref.loading,
43
43
  rest = _objectWithoutProperties(_ref, _excluded);
44
- isSearch = true; //by default
45
- isClearOption = (_isClearOption = isClearOption) !== null && _isClearOption !== void 0 ? _isClearOption : true;
44
+ isSearch = (_isSearch = isSearch) !== null && _isSearch !== void 0 ? _isSearch : true; //by default true
45
+ isClearOption = (_isClearOption = isClearOption) !== null && _isClearOption !== void 0 ? _isClearOption : true; //by default true
46
+
46
47
  var _useState = (0, _react.useState)(""),
47
48
  _useState2 = _slicedToArray(_useState, 2),
48
49
  searchText = _useState2[0],
package/package.json CHANGED
@@ -1,119 +1,119 @@
1
- {
2
- "name": "tenjin-ui-kit",
3
- "version": "0.2.180",
4
- "repository": {
5
- "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
6
- },
7
- "dependencies": {
8
- "@floating-ui/dom": "^1.2.1",
9
- "@mantine/core": "^5.10.1",
10
- "@mantine/hooks": "^5.10.1",
11
- "@mantine/rte": "^5.10.1",
12
- "@mui/icons-material": "^5.11.0",
13
- "@mui/lab": "^5.0.0-alpha.116",
14
- "@mui/styles": "^5.11.2",
15
- "@testing-library/jest-dom": "^5.16.5",
16
- "@testing-library/react": "^13.4.0",
17
- "@testing-library/user-event": "^13.5.0",
18
- "aria-hidden": "^1.2.2",
19
- "axios": "^0.26.0",
20
- "clsx": "^1.2.1",
21
- "d3-hierarchy": "^3.1.2",
22
- "feather-icons": "^4.29.0",
23
- "final-form": "^4.20.9",
24
- "material-ui-popup-state": "^5.0.8",
25
- "moment": "^2.29.4",
26
- "react-beautiful-dnd": "^13.1.1",
27
- "react-dnd": "^16.0.1",
28
- "react-dnd-html5-backend": "^16.0.1",
29
- "react-dropzone": "^14.2.3",
30
- "react-feather": "^2.0.10",
31
- "react-final-form": "^6.5.9",
32
- "react-flow-renderer": "^10.3.17",
33
- "react-icons": "^4.10.1",
34
- "react-moment": "^1.1.3",
35
- "react-scripts": "5.0.1",
36
- "react-select": "^5.7.4",
37
- "react-sortable-hoc": "^2.0.0",
38
- "reactflow": "^11.6.1",
39
- "storybook-react-context": "^0.6.0",
40
- "styled-components": "^5.3.9",
41
- "uuid": "^9.0.0",
42
- "web-vitals": "^2.1.4"
43
- },
44
- "scripts": {
45
- "start": "react-scripts start",
46
- "build": "react-scripts build",
47
- "test": "react-scripts test",
48
- "eject": "react-scripts eject",
49
- "storybook": "start-storybook -p 6006 -s public",
50
- "build-storybook": "build-storybook -s public",
51
- "clean": "rimraf dist",
52
- "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__"
53
- },
54
- "eslintConfig": {
55
- "extends": [
56
- "react-app",
57
- "react-app/jest"
58
- ],
59
- "overrides": [
60
- {
61
- "files": [
62
- "**/*.stories.*"
63
- ],
64
- "rules": {
65
- "import/no-anonymous-default-export": "off"
66
- }
67
- }
68
- ]
69
- },
70
- "browserslist": {
71
- "production": [
72
- ">0.2%",
73
- "not dead",
74
- "not op_mini all"
75
- ],
76
- "development": [
77
- "last 1 chrome version",
78
- "last 1 firefox version",
79
- "last 1 safari version"
80
- ]
81
- },
82
- "devDependencies": {
83
- "@babel/cli": "^7.20.7",
84
- "@babel/preset-env": "^7.20.2",
85
- "@babel/preset-react": "^7.18.6",
86
- "@emotion/react": "^11.10.5",
87
- "@emotion/styled": "^11.10.5",
88
- "@mui/material": "^5.11.3",
89
- "@storybook/addon-actions": "^6.5.15",
90
- "@storybook/addon-essentials": "^6.5.15",
91
- "@storybook/addon-interactions": "^6.5.15",
92
- "@storybook/addon-links": "^6.5.15",
93
- "@storybook/builder-webpack5": "^6.5.15",
94
- "@storybook/manager-webpack5": "^6.5.15",
95
- "@storybook/node-logger": "^6.5.15",
96
- "@storybook/preset-create-react-app": "^4.1.2",
97
- "@storybook/react": "^6.5.15",
98
- "@storybook/testing-library": "^0.0.13",
99
- "babel-plugin-named-exports-order": "^0.0.2",
100
- "cross-env": "^7.0.3",
101
- "prop-types": "^15.8.1",
102
- "react": "^18.2.0",
103
- "react-dom": "^18.2.0",
104
- "react-router-dom": "^6.6.1",
105
- "rimraf": "^3.0.2",
106
- "webpack": "^5.75.0"
107
- },
108
- "peerDependencies": {
109
- "@emotion/react": "^11.10.5",
110
- "@emotion/styled": "^11.10.5",
111
- "@mui/material": "^5.11.3",
112
- "@testing-library/jest-dom": "^5.16.5",
113
- "@testing-library/react": "^13.4.0",
114
- "@testing-library/user-event": "^13.5.0",
115
- "react": "^18.2.0",
116
- "react-dom": "^18.2.0",
117
- "react-router-dom": "^6.6.1"
118
- }
119
- }
1
+ {
2
+ "name": "tenjin-ui-kit",
3
+ "version": "0.2.183",
4
+ "repository": {
5
+ "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
6
+ },
7
+ "dependencies": {
8
+ "@floating-ui/dom": "^1.2.1",
9
+ "@mantine/core": "^5.10.1",
10
+ "@mantine/hooks": "^5.10.1",
11
+ "@mantine/rte": "^5.10.1",
12
+ "@mui/icons-material": "^5.11.0",
13
+ "@mui/lab": "^5.0.0-alpha.116",
14
+ "@mui/styles": "^5.11.2",
15
+ "@testing-library/jest-dom": "^5.16.5",
16
+ "@testing-library/react": "^13.4.0",
17
+ "@testing-library/user-event": "^13.5.0",
18
+ "aria-hidden": "^1.2.2",
19
+ "axios": "^0.26.0",
20
+ "clsx": "^1.2.1",
21
+ "d3-hierarchy": "^3.1.2",
22
+ "feather-icons": "^4.29.0",
23
+ "final-form": "^4.20.9",
24
+ "material-ui-popup-state": "^5.0.8",
25
+ "moment": "^2.29.4",
26
+ "react-beautiful-dnd": "^13.1.1",
27
+ "react-dnd": "^16.0.1",
28
+ "react-dnd-html5-backend": "^16.0.1",
29
+ "react-dropzone": "^14.2.3",
30
+ "react-feather": "^2.0.10",
31
+ "react-final-form": "^6.5.9",
32
+ "react-flow-renderer": "^10.3.17",
33
+ "react-icons": "^4.10.1",
34
+ "react-moment": "^1.1.3",
35
+ "react-scripts": "5.0.1",
36
+ "react-select": "^5.7.4",
37
+ "react-sortable-hoc": "^2.0.0",
38
+ "reactflow": "^11.6.1",
39
+ "storybook-react-context": "^0.6.0",
40
+ "styled-components": "^5.3.9",
41
+ "uuid": "^9.0.0",
42
+ "web-vitals": "^2.1.4"
43
+ },
44
+ "scripts": {
45
+ "start": "react-scripts start",
46
+ "build": "react-scripts build",
47
+ "test": "react-scripts test",
48
+ "eject": "react-scripts eject",
49
+ "storybook": "start-storybook -p 6006 -s public",
50
+ "build-storybook": "build-storybook -s public",
51
+ "clean": "rimraf dist",
52
+ "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__"
53
+ },
54
+ "eslintConfig": {
55
+ "extends": [
56
+ "react-app",
57
+ "react-app/jest"
58
+ ],
59
+ "overrides": [
60
+ {
61
+ "files": [
62
+ "**/*.stories.*"
63
+ ],
64
+ "rules": {
65
+ "import/no-anonymous-default-export": "off"
66
+ }
67
+ }
68
+ ]
69
+ },
70
+ "browserslist": {
71
+ "production": [
72
+ ">0.2%",
73
+ "not dead",
74
+ "not op_mini all"
75
+ ],
76
+ "development": [
77
+ "last 1 chrome version",
78
+ "last 1 firefox version",
79
+ "last 1 safari version"
80
+ ]
81
+ },
82
+ "devDependencies": {
83
+ "@babel/cli": "^7.20.7",
84
+ "@babel/preset-env": "^7.20.2",
85
+ "@babel/preset-react": "^7.18.6",
86
+ "@emotion/react": "^11.10.5",
87
+ "@emotion/styled": "^11.10.5",
88
+ "@mui/material": "^5.11.3",
89
+ "@storybook/addon-actions": "^6.5.15",
90
+ "@storybook/addon-essentials": "^6.5.15",
91
+ "@storybook/addon-interactions": "^6.5.15",
92
+ "@storybook/addon-links": "^6.5.15",
93
+ "@storybook/builder-webpack5": "^6.5.15",
94
+ "@storybook/manager-webpack5": "^6.5.15",
95
+ "@storybook/node-logger": "^6.5.15",
96
+ "@storybook/preset-create-react-app": "^4.1.2",
97
+ "@storybook/react": "^6.5.15",
98
+ "@storybook/testing-library": "^0.0.13",
99
+ "babel-plugin-named-exports-order": "^0.0.2",
100
+ "cross-env": "^7.0.3",
101
+ "prop-types": "^15.8.1",
102
+ "react": "^18.2.0",
103
+ "react-dom": "^18.2.0",
104
+ "react-router-dom": "^6.6.1",
105
+ "rimraf": "^3.0.2",
106
+ "webpack": "^5.75.0"
107
+ },
108
+ "peerDependencies": {
109
+ "@emotion/react": "^11.10.5",
110
+ "@emotion/styled": "^11.10.5",
111
+ "@mui/material": "^5.11.3",
112
+ "@testing-library/jest-dom": "^5.16.5",
113
+ "@testing-library/react": "^13.4.0",
114
+ "@testing-library/user-event": "^13.5.0",
115
+ "react": "^18.2.0",
116
+ "react-dom": "^18.2.0",
117
+ "react-router-dom": "^6.6.1"
118
+ }
119
+ }