@bigbinary/neeto-team-members-frontend 2.2.4

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.
package/dist/main.css ADDED
@@ -0,0 +1,350 @@
1
+ :root {
2
+ --ntm-roles-table-default-scroll: 15px;
3
+ }
4
+
5
+ .ntm-dropdown__item {
6
+ background-color: transparent !important;
7
+ padding: 0 !important;
8
+ }
9
+
10
+ .ntm-dropdown__button {
11
+ border-radius: 0 !important;
12
+ font-weight: 400;
13
+ min-height: 34px;
14
+ min-width: 150px;
15
+ text-align: left;
16
+ width: 100%;
17
+ }
18
+
19
+ .ntm-scrollbar__inner {
20
+ width: 100%;
21
+ height: 200px;
22
+ }
23
+ .ntm-scrollbar__outer {
24
+ position: "absolute";
25
+ top: 0px;
26
+ left: 0px;
27
+ width: 200px;
28
+ height: 150px;
29
+ overflow: "hidden";
30
+ visibility: "hidden";
31
+ }
32
+
33
+ .ntm-empty-state {
34
+ align-items: center;
35
+ display: flex;
36
+ height: 100%;
37
+ justify-content: center;
38
+ width: 100%;
39
+ }
40
+ .ntm-empty-state__image {
41
+ display: flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ margin-bottom: 2rem;
45
+ }
46
+ .ntm-empty-state__title--with-action-block {
47
+ margin-bottom: 1rem;
48
+ }
49
+ .ntm-empty-state__action-block {
50
+ display: flex;
51
+ justify-content: center;
52
+ }
53
+
54
+ .ntm-members {
55
+ overflow: auto;
56
+ width: 100%;
57
+ background-color: #ffffff;
58
+ }
59
+ .ntm-members-wrapper {
60
+ display: flex;
61
+ }
62
+ .ntm-members-page-loader {
63
+ width: 100%;
64
+ height: 100vh;
65
+ }
66
+ .ntm-members__table-wrapper {
67
+ height: calc(100vh - 205px);
68
+ width: 100%;
69
+ }
70
+ .ntm-members-table__column {
71
+ display: flex;
72
+ align-items: center;
73
+ gap: 0.5rem;
74
+ }
75
+ .ntm-members-modal__header {
76
+ margin-bottom: 0.5rem;
77
+ }
78
+ .ntm-members-modal__body > * + * {
79
+ margin-top: 1rem;
80
+ }
81
+ .ntm-members-modal__footer {
82
+ display: flex;
83
+ gap: 0.5rem;
84
+ }
85
+
86
+ .ntm-roles-header {
87
+ border-bottom: 1px solid #d8dcde;
88
+ }
89
+
90
+ .ntm-roles-table__wrapper {
91
+ width: 100%;
92
+ height: calc(100vh - 80px);
93
+ display: flex;
94
+ background-color: #ffffff;
95
+ }
96
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar {
97
+ width: 396px;
98
+ min-width: 396px;
99
+ border-right: thin solid #d8dcde;
100
+ }
101
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {
102
+ padding: 24px 24px 16px;
103
+ height: 72px;
104
+ }
105
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {
106
+ height: calc(
107
+ 100vh - 80px - 72px -
108
+ var(--ntm-roles-table-default-scroll)
109
+ );
110
+ overflow-y: auto;
111
+ padding-left: 24px;
112
+ }
113
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {
114
+ display: flex;
115
+ justify-content: space-between;
116
+ align-items: center;
117
+ padding: 12px 8px;
118
+ min-height: 48px;
119
+ }
120
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted {
121
+ background-color: #eaf3fc;
122
+ padding: 12px 8px;
123
+ }
124
+ .ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted) {
125
+ border-bottom: thin solid #d8dcde;
126
+ }
127
+ .ntm-roles-table__wrapper .ntm-roles-table__columns {
128
+ width: calc(
129
+ 100vw - 64px - 396px - 24px
130
+ );
131
+ overflow: hidden;
132
+ }
133
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {
134
+ width: 100%;
135
+ min-width: 200px;
136
+ min-height: 48px;
137
+ padding: 12px 8px;
138
+ display: flex;
139
+ justify-content: center;
140
+ align-items: center;
141
+ border-right: thin solid #d8dcde;
142
+ }
143
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {
144
+ position: absolute;
145
+ height: 1rem;
146
+ width: 1rem;
147
+ margin: auto;
148
+ z-index: 10;
149
+ }
150
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {
151
+ z-index: 10;
152
+ }
153
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {
154
+ display: flex;
155
+ align-items: center;
156
+ overflow-x: auto;
157
+ }
158
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {
159
+ height: 72px;
160
+ padding-left: 24px;
161
+ }
162
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {
163
+ display: flex;
164
+ justify-content: space-between;
165
+ align-items: center;
166
+ width: 100%;
167
+ gap: 1rem;
168
+ overflow: hidden;
169
+ }
170
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {
171
+ overflow: hidden;
172
+ text-overflow: ellipsis;
173
+ white-space: nowrap;
174
+ }
175
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {
176
+ width: 100%;
177
+ height: calc(
178
+ 100vh - 80px - 72px -
179
+ var(--ntm-roles-table-default-scroll)
180
+ );
181
+ overflow-y: auto;
182
+ scrollbar-width: none;
183
+ }
184
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {
185
+ width: 0px;
186
+ height: 0px;
187
+ }
188
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {
189
+ background: #d8dcde;
190
+ border-radius: 50px;
191
+ }
192
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {
193
+ background: #939ea4;
194
+ border-radius: 50px;
195
+ }
196
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {
197
+ background: #d8dcde;
198
+ }
199
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {
200
+ display: flex;
201
+ align-items: center;
202
+ }
203
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {
204
+ overflow: hidden;
205
+ position: relative;
206
+ }
207
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {
208
+ opacity: 0;
209
+ width: 340px;
210
+ min-width: 340px;
211
+ }
212
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell {
213
+ background-color: #eaf3fc;
214
+ }
215
+ .ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row:not(.ntm-roles-table__row--highlighted) .ntm-roles-table__cell {
216
+ border-bottom: thin solid #d8dcde;
217
+ }
218
+
219
+ .ntm-roles-table-sidebar__drop-down-button {
220
+ color: #68737d;
221
+ cursor: pointer;
222
+ }
223
+
224
+ .ntm-roles-modal__body > * + * {
225
+ margin-top: 1rem;
226
+ }
227
+ .ntm-roles-modal__footer {
228
+ display: flex;
229
+ gap: 0.5rem;
230
+ }
231
+
232
+ .ntm-roles-pane__body {
233
+ width: 100%;
234
+ margin-bottom: 1.5rem;
235
+ }
236
+ .ntm-roles-pane__body-wrapper > * + * {
237
+ margin-top: 1rem;
238
+ }
239
+ .ntm-roles-pane__body > * + * {
240
+ margin-top: 1.5rem;
241
+ }
242
+ .ntm-roles-pane__footer {
243
+ display: flex;
244
+ gap: 0.5rem;
245
+ }
246
+
247
+ .ntm-roles-permission > * + * {
248
+ margin: 0.5rem;
249
+ }
250
+ .ntm-roles-permission__heading {
251
+ color: #87929d;
252
+ text-transform: uppercase;
253
+ }
254
+ .ntm-roles-permission__card {
255
+ background-color: white;
256
+ box-shadow: 0px 3px 12px -1px rgba(28, 52, 84, 0.12), 0px 2px 4px -1px rgba(28, 55, 90, 0.08);
257
+ border-radius: 0.125rem;
258
+ border-width: 1px;
259
+ border-color: #d8dcde;
260
+ cursor: pointer;
261
+ display: flex;
262
+ gap: 0.75rem;
263
+ padding: 1rem 0.75rem;
264
+ }
265
+ .ntm-roles-permission__card--description {
266
+ flex-grow: 1;
267
+ }
268
+ .ntm-roles-permission__card--checkbox {
269
+ padding: 0 0.5rem;
270
+ }
271
+
272
+ .ntm-invitations__wrapper .ntm-invitations__header {
273
+ height: 28px;
274
+ }
275
+ .ntm-invitations__wrapper .ntm-invitations__body {
276
+ display: flex;
277
+ flex-direction: column;
278
+ }
279
+ .ntm-invitations__wrapper .ntm-invitations__body > * {
280
+ margin-bottom: 8px;
281
+ }
282
+ .ntm-invitations__wrapper .ntm-invitations__body-header {
283
+ display: flex;
284
+ align-items: center;
285
+ justify-content: space-between;
286
+ }
287
+ .ntm-invitations__wrapper .ntm-invitations__body-header div {
288
+ display: flex;
289
+ align-items: center;
290
+ }
291
+ .ntm-invitations__wrapper .ntm-invitations__body-header div p {
292
+ margin-right: 8px;
293
+ }
294
+ .ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd {
295
+ color: #49545c;
296
+ background: #f8f9f9;
297
+ padding: 20px 40px;
298
+ border: 1px dashed;
299
+ border-radius: 6px;
300
+ cursor: pointer;
301
+ counter-reset: dnd-counter;
302
+ }
303
+ .ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd h3 {
304
+ margin-bottom: 8px;
305
+ text-align: center !important;
306
+ }
307
+ .ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd p::before {
308
+ counter-increment: dnd-counter;
309
+ content: counter(dnd-counter) ". ";
310
+ }
311
+ .ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__submit-btn {
312
+ align-self: end !important;
313
+ margin-top: 16px;
314
+ }
315
+ .ntm-invitations__wrapper .ntm-invitations__footer {
316
+ background: #f8f9f9;
317
+ margin-top: 24px;
318
+ }
319
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link {
320
+ display: flex;
321
+ align-items: center;
322
+ justify-content: space-between;
323
+ }
324
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions {
325
+ display: flex;
326
+ flex-direction: column;
327
+ width: 50%;
328
+ }
329
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions h4 {
330
+ margin-bottom: 8px;
331
+ }
332
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns {
333
+ display: flex;
334
+ }
335
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns > button:first-child {
336
+ margin-right: 8px;
337
+ }
338
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table {
339
+ max-height: 192px;
340
+ }
341
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename {
342
+ display: flex;
343
+ align-items: center;
344
+ }
345
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename svg {
346
+ margin-right: 4px;
347
+ }
348
+ .ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-status {
349
+ text-transform: capitalize;
350
+ }
package/package.json ADDED
@@ -0,0 +1,155 @@
1
+ {
2
+ "name": "@bigbinary/neeto-team-members-frontend",
3
+ "version": "2.2.4",
4
+ "description": "To manage team members across neeto products.",
5
+ "license": "MIT",
6
+ "homepage": "https://github.com/bigbinary/neeto-team-members-frontend#readme",
7
+ "bugs": {
8
+ "url": "https://github.com/bigbinary/neeto-team-members-frontend/issues"
9
+ },
10
+ "repository": "github:bigbinary/neeto-team-members-frontend",
11
+ "author": "BigBinary",
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "main": "dist/index.js",
16
+ "module": "dist/index.js",
17
+ "scripts": {
18
+ "build": "NODE_ENV=production rollup -c --environment production",
19
+ "dev": "(trap 'kill 0' SIGINT; yarn start & yarn server)",
20
+ "prepare": "husky install",
21
+ "server": "node example/db",
22
+ "start": "NODE_ENV=development webpack-dev-server --open --mode development --config webpack.dev.config.js"
23
+ },
24
+ "lint-staged": {
25
+ "{src,example}/**/*.{js,jsx,json}": [
26
+ "prettier --write",
27
+ "eslint --fix"
28
+ ],
29
+ "{package.json,.eslintrc.js,.prettierrc.js}": [
30
+ "prettier --write",
31
+ "eslint --fix"
32
+ ],
33
+ ".eslint-rules/**/*": [
34
+ "prettier --write",
35
+ "eslint --fix"
36
+ ]
37
+ },
38
+ "dependencies": {
39
+ "@babel/runtime": "7.18.9",
40
+ "i18next": "21.8.16",
41
+ "i18next-browser-languagedetector": "6.1.4",
42
+ "react-dropzone": "14.2.2",
43
+ "react-i18next": "11.18.3",
44
+ "react-query": "3.39.2",
45
+ "react-scroll-sync": "0.11.0"
46
+ },
47
+ "devDependencies": {
48
+ "@babel/core": "7.18.10",
49
+ "@babel/eslint-parser": "7.18.9",
50
+ "@babel/plugin-proposal-class-properties": "7.18.6",
51
+ "@babel/plugin-transform-runtime": "7.18.10",
52
+ "@babel/preset-env": "7.18.10",
53
+ "@babel/preset-react": "7.18.6",
54
+ "@bigbinary/eslint-plugin-neeto": "1.0.11",
55
+ "@bigbinary/neeto-commons-frontend": "2.0.1",
56
+ "@bigbinary/neeto-icons": "1.8.37",
57
+ "@bigbinary/neetoui": "3.5.15",
58
+ "@faker-js/faker": "7.3.0",
59
+ "@honeybadger-io/react": "2.1.0",
60
+ "@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
61
+ "@rollup/plugin-alias": "3.1.9",
62
+ "@rollup/plugin-babel": "5.3.1",
63
+ "@rollup/plugin-commonjs": "22.0.2",
64
+ "@rollup/plugin-json": "4.1.0",
65
+ "@rollup/plugin-node-resolve": "13.3.0",
66
+ "@rollup/plugin-replace": "4.0.0",
67
+ "@svgr/rollup": "6.3.1",
68
+ "antd": "4.22.3",
69
+ "axios": "0.27.2",
70
+ "babel-loader": "8.2.5",
71
+ "babel-plugin-macros": "3.1.0",
72
+ "babel-plugin-transform-react-remove-prop-types": "0.4.24",
73
+ "classnames": "2.3.1",
74
+ "clean-webpack-plugin": "4.0.0",
75
+ "css-loader": "6.7.1",
76
+ "dotenv": "16.0.1",
77
+ "eslint": "8.21.0",
78
+ "eslint-config-prettier": "8.5.0",
79
+ "eslint-plugin-cypress": "2.12.1",
80
+ "eslint-plugin-import": "2.26.0",
81
+ "eslint-plugin-jam3": "0.2.3",
82
+ "eslint-plugin-json": "3.1.0",
83
+ "eslint-plugin-prettier": "4.2.1",
84
+ "eslint-plugin-promise": "6.0.0",
85
+ "eslint-plugin-react": "7.30.1",
86
+ "eslint-plugin-react-hooks": "4.6.0",
87
+ "eslint-plugin-unicorn": "43.0.2",
88
+ "eslint-plugin-unused-imports": "2.0.0",
89
+ "file-loader": "6.2.0",
90
+ "formik": "2.2.9",
91
+ "html-loader": "4.1.0",
92
+ "html-webpack-plugin": "5.5.0",
93
+ "husky": "8.0.1",
94
+ "json-server": "0.17.0",
95
+ "lint-staged": "13.0.3",
96
+ "mini-css-extract-plugin": "2.6.1",
97
+ "mixpanel-browser": "2.45.0",
98
+ "postcss": "8.4.16",
99
+ "postcss-loader": "7.0.1",
100
+ "postcss-preset-env": "7.7.2",
101
+ "prettier": "2.7.1",
102
+ "prop-types": "15.8.1",
103
+ "ramda": "0.28.0",
104
+ "react": "17.0.2",
105
+ "react-dom": "17.0.2",
106
+ "react-refresh": "0.14.0",
107
+ "react-router-dom": "5.3.3",
108
+ "react-router-nav-prompt": "0.4.1",
109
+ "react-toastify": "9.0.8",
110
+ "rollup": "2.77.2",
111
+ "rollup-plugin-analyzer": "4.0.0",
112
+ "rollup-plugin-cleaner": "1.0.0",
113
+ "rollup-plugin-peer-deps-external": "2.2.4",
114
+ "rollup-plugin-styles": "4.0.0",
115
+ "sass": "1.54.3",
116
+ "sass-loader": "13.0.2",
117
+ "style-loader": "3.3.1",
118
+ "uuid": "8.3.2",
119
+ "webpack": "5.74.0",
120
+ "webpack-cli": "4.10.0",
121
+ "webpack-dev-server": "4.9.3",
122
+ "yup": "0.32.11"
123
+ },
124
+ "peerDependencies": {
125
+ "@bigbinary/neeto-commons-frontend": "2.0.1",
126
+ "@bigbinary/neeto-icons": "1.8.37",
127
+ "@bigbinary/neetoui": "3.5.15",
128
+ "@honeybadger-io/react": "2.1.0",
129
+ "axios": "0.27.2",
130
+ "classnames": "2.3.1",
131
+ "formik": "2.2.9",
132
+ "ramda": "0.28.0",
133
+ "react": "17.0.2",
134
+ "react-dom": "17.0.2",
135
+ "react-router-dom": "5.3.3",
136
+ "react-toastify": "9.0.8",
137
+ "yup": "0.32.11"
138
+ },
139
+ "resolutions": {
140
+ "ansi-regex": "^5.0.1",
141
+ "chokidar": "^3",
142
+ "core-js": "^3.4",
143
+ "glob-parent": "^5.1.2",
144
+ "got": "^12.1.0",
145
+ "minimist": "^1.2.6",
146
+ "nth-check": "^2.0.1",
147
+ "svgo": "^2",
148
+ "unset-value": "^2.0.1"
149
+ },
150
+ "engines": {
151
+ "node": "16.x",
152
+ "npm": "8.x",
153
+ "yarn": "1.22.x"
154
+ }
155
+ }