tenjin-ui-kit 0.2.165 → 0.2.166

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
+ }
@@ -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) {
@@ -9,6 +9,7 @@ var _reactFinalForm = require("react-final-form");
9
9
  var _material = require("@mui/material");
10
10
  var _text = _interopRequireDefault(require("../text"));
11
11
  var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
12
+ var _iconsMaterial = require("@mui/icons-material");
12
13
  var _excluded = ["options", "errorMessage", "error", "fullWidth", "isDisabled", "label", "isRequired", "helperText", "isSearch", "loading"];
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
15
  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); }
@@ -113,7 +114,7 @@ var SimpleSelect = function SimpleSelect(_ref) {
113
114
  }
114
115
  }), isSearch && /*#__PURE__*/_react.default.createElement(_material.TextField, {
115
116
  size: "small",
116
- autoFocus: true,
117
+ autoFocus: false,
117
118
  placeholder: "Type to search...",
118
119
  fullWidth: true,
119
120
  InputProps: {
@@ -130,7 +131,13 @@ var SimpleSelect = function SimpleSelect(_ref) {
130
131
  e.stopPropagation();
131
132
  }
132
133
  }
133
- }), loading ? /*#__PURE__*/_react.default.createElement(_text.default, {
134
+ }), !loading && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
135
+ value: ""
136
+ }, /*#__PURE__*/_react.default.createElement("em", {
137
+ style: {
138
+ color: "#888"
139
+ }
140
+ }, "Clear the option")), loading ? /*#__PURE__*/_react.default.createElement(_text.default, {
134
141
  variant: "span",
135
142
  color: "secondary",
136
143
  sx: {
package/package.json CHANGED
@@ -1,119 +1,119 @@
1
- {
2
- "name": "tenjin-ui-kit",
3
- "version": "0.2.165",
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.166",
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
+ }