@bigbinary/neeto-team-members-frontend 2.3.4 → 2.3.6
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/README.md +3 -3
- package/dist/index.cjs.js +56 -18
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +56 -18
- package/dist/index.esm.js.map +1 -1
- package/package.json +7 -7
- package/types.d.ts +5 -0
package/README.md
CHANGED
|
@@ -12,13 +12,13 @@ functioning of the package. Install all the peer dependencies using the below
|
|
|
12
12
|
command:
|
|
13
13
|
|
|
14
14
|
```zsh
|
|
15
|
-
yarn add @bigbinary/neeto-icons@1.8.
|
|
15
|
+
yarn add @bigbinary/neeto-icons@1.8.39 @bigbinary/neetoui@3.5.17 axios@0.27.2 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@9.0.8 yup@0.32.11
|
|
16
16
|
```
|
|
17
17
|
|
|
18
18
|
2. Now install the latest **neetoTeamMembers** package using the below command:
|
|
19
19
|
|
|
20
20
|
```zsh
|
|
21
|
-
yarn add @bigbinary/neeto-team-members-frontend@2.3.
|
|
21
|
+
yarn add @bigbinary/neeto-team-members-frontend@2.3.6
|
|
22
22
|
```
|
|
23
23
|
|
|
24
24
|
## Usage
|
|
@@ -107,4 +107,4 @@ live update.
|
|
|
107
107
|
| neetoAuth | :x: | :x: | |
|
|
108
108
|
| neetoChat | :x: | :x: | |
|
|
109
109
|
| neetoDesk | :x: | :white_check_mark: | |
|
|
110
|
-
| neetoInvoice | :x: | :
|
|
110
|
+
| neetoInvoice | :x: | :white_check_mark: | |
|
package/dist/index.cjs.js
CHANGED
|
@@ -269,6 +269,13 @@ var Logger = function () {
|
|
|
269
269
|
prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
|
|
270
270
|
}), this.options));
|
|
271
271
|
}
|
|
272
|
+
}, {
|
|
273
|
+
key: "clone",
|
|
274
|
+
value: function clone(options) {
|
|
275
|
+
options = options || this.options;
|
|
276
|
+
options.prefix = options.prefix || this.prefix;
|
|
277
|
+
return new Logger(this.logger, options);
|
|
278
|
+
}
|
|
272
279
|
}]);
|
|
273
280
|
|
|
274
281
|
return Logger;
|
|
@@ -1817,7 +1824,12 @@ var Interpolator = function () {
|
|
|
1817
1824
|
var optionsString = "{".concat(c[1]);
|
|
1818
1825
|
key = c[0];
|
|
1819
1826
|
optionsString = this.interpolate(optionsString, clonedOptions);
|
|
1820
|
-
|
|
1827
|
+
var matchedSingleQuotes = optionsString.match(/'/g);
|
|
1828
|
+
var matchedDoubleQuotes = optionsString.match(/"/g);
|
|
1829
|
+
|
|
1830
|
+
if (matchedSingleQuotes && matchedSingleQuotes.length % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
|
|
1831
|
+
optionsString = optionsString.replace(/'/g, '"');
|
|
1832
|
+
}
|
|
1821
1833
|
|
|
1822
1834
|
try {
|
|
1823
1835
|
clonedOptions = JSON.parse(optionsString);
|
|
@@ -2907,6 +2919,11 @@ var I18n = function (_EventEmitter) {
|
|
|
2907
2919
|
});
|
|
2908
2920
|
|
|
2909
2921
|
var clone = new I18n(mergedOptions);
|
|
2922
|
+
|
|
2923
|
+
if (options.debug !== undefined || options.prefix !== undefined) {
|
|
2924
|
+
clone.logger = clone.logger.clone(options);
|
|
2925
|
+
}
|
|
2926
|
+
|
|
2910
2927
|
var membersToCopy = ['store', 'services', 'language'];
|
|
2911
2928
|
membersToCopy.forEach(function (m) {
|
|
2912
2929
|
clone[m] = _this8[m];
|
|
@@ -11659,7 +11676,7 @@ const TableHeader = _ref => {
|
|
|
11659
11676
|
weight: "semibold",
|
|
11660
11677
|
lineHeight: "normal",
|
|
11661
11678
|
className: "ntm-roles-table-header__role-name"
|
|
11662
|
-
}, role.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
|
|
11679
|
+
}, role.name), !hasSystemRole && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
|
|
11663
11680
|
autoWidth: true,
|
|
11664
11681
|
buttonStyle: "text",
|
|
11665
11682
|
icon: neetoIcons.MenuHorizontal
|
|
@@ -11678,7 +11695,7 @@ const TableHeader = _ref => {
|
|
|
11678
11695
|
disabled: !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
|
|
11679
11696
|
style: "text",
|
|
11680
11697
|
className: "ntm-dropdown__button"
|
|
11681
|
-
}))),
|
|
11698
|
+
}))), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
|
|
11682
11699
|
content: t("tooltips.noPermissionToRemoveRoles"),
|
|
11683
11700
|
disabled: (_config$permissions$d = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.delete) !== null && _config$permissions$d !== void 0 ? _config$permissions$d : DEFAULT_PERMISSION,
|
|
11684
11701
|
position: "bottom"
|
|
@@ -12480,6 +12497,8 @@ const renderPayload = function (_ref) {
|
|
|
12480
12497
|
};
|
|
12481
12498
|
|
|
12482
12499
|
const ManageMember = _ref => {
|
|
12500
|
+
var _config$manageMember;
|
|
12501
|
+
|
|
12483
12502
|
let config = _ref.config,
|
|
12484
12503
|
isOpen = _ref.isOpen,
|
|
12485
12504
|
metaName = _ref.metaName,
|
|
@@ -12488,11 +12507,29 @@ const ManageMember = _ref => {
|
|
|
12488
12507
|
roles = _ref$roles === void 0 ? [] : _ref$roles,
|
|
12489
12508
|
selectedMember = _ref.selectedMember;
|
|
12490
12509
|
|
|
12510
|
+
const _useState = React.useState(false),
|
|
12511
|
+
_useState2 = _slicedToArray$2(_useState, 2),
|
|
12512
|
+
hasSubmitted = _useState2[0],
|
|
12513
|
+
setHasSubmitted = _useState2[1];
|
|
12514
|
+
|
|
12515
|
+
const onPaneClose = () => {
|
|
12516
|
+
onClose();
|
|
12517
|
+
setHasSubmitted(false);
|
|
12518
|
+
};
|
|
12519
|
+
|
|
12520
|
+
const manageMemberProps = {
|
|
12521
|
+
hasSubmitted,
|
|
12522
|
+
onPaneClose,
|
|
12523
|
+
roles,
|
|
12524
|
+
selectedMember,
|
|
12525
|
+
queryClient
|
|
12526
|
+
};
|
|
12527
|
+
|
|
12491
12528
|
const _useCreateMember = useCreateMember({
|
|
12492
12529
|
onSuccess: () => {
|
|
12493
12530
|
var _config$createMember, _config$createMember$;
|
|
12494
12531
|
|
|
12495
|
-
|
|
12532
|
+
onPaneClose();
|
|
12496
12533
|
config === null || config === void 0 ? void 0 : (_config$createMember = config.createMember) === null || _config$createMember === void 0 ? void 0 : (_config$createMember$ = _config$createMember.onSuccess) === null || _config$createMember$ === void 0 ? void 0 : _config$createMember$.callback();
|
|
12497
12534
|
}
|
|
12498
12535
|
}),
|
|
@@ -12500,7 +12537,7 @@ const ManageMember = _ref => {
|
|
|
12500
12537
|
isCreatingMember = _useCreateMember.isLoading;
|
|
12501
12538
|
|
|
12502
12539
|
const _useUpdateMember = useUpdateMember({
|
|
12503
|
-
onSuccess:
|
|
12540
|
+
onSuccess: onPaneClose
|
|
12504
12541
|
}),
|
|
12505
12542
|
updateMember = _useUpdateMember.mutate,
|
|
12506
12543
|
isUpdatingMember = _useUpdateMember.isLoading;
|
|
@@ -12513,23 +12550,23 @@ const ManageMember = _ref => {
|
|
|
12513
12550
|
};
|
|
12514
12551
|
|
|
12515
12552
|
const isSubmitting = isCreatingMember || isUpdatingMember;
|
|
12516
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.
|
|
12553
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
|
|
12517
12554
|
isOpen: isOpen,
|
|
12518
|
-
onClose:
|
|
12519
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.
|
|
12520
|
-
className: "ntm-members-
|
|
12555
|
+
onClose: onPaneClose
|
|
12556
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
12557
|
+
className: "ntm-members-pane__header",
|
|
12521
12558
|
style: "h2",
|
|
12522
12559
|
weight: "semibold"
|
|
12523
12560
|
}, selectedMember ? instance.t("common.edit_", {
|
|
12524
12561
|
what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
|
|
12525
12562
|
}) : instance.t("common.add_", {
|
|
12526
12563
|
what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
|
|
12527
|
-
}))), /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
|
|
12564
|
+
}))), config !== null && config !== void 0 && (_config$manageMember = config.manageMember) !== null && _config$manageMember !== void 0 && _config$manageMember.component ? config.manageMember.component(manageMemberProps) : /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
|
|
12528
12565
|
initialValues: renderInitialValues(selectedMember),
|
|
12529
12566
|
onSubmit: handleAddMember,
|
|
12530
12567
|
validationSchema: VALIDATION_SCHEMA,
|
|
12531
|
-
validateOnChange:
|
|
12532
|
-
validateOnBlur:
|
|
12568
|
+
validateOnChange: hasSubmitted,
|
|
12569
|
+
validateOnBlur: hasSubmitted,
|
|
12533
12570
|
enableReinitialize: true
|
|
12534
12571
|
}, _ref2 => {
|
|
12535
12572
|
let values = _ref2.values,
|
|
@@ -12541,8 +12578,8 @@ const ManageMember = _ref => {
|
|
|
12541
12578
|
label: role,
|
|
12542
12579
|
value: role
|
|
12543
12580
|
};
|
|
12544
|
-
return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.
|
|
12545
|
-
className: "ntm-members-
|
|
12581
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12582
|
+
className: "ntm-members-pane__body"
|
|
12546
12583
|
}, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
|
|
12547
12584
|
name: "emails",
|
|
12548
12585
|
"data-cy": "add-member-email-text-field",
|
|
@@ -12577,14 +12614,15 @@ const ManageMember = _ref => {
|
|
|
12577
12614
|
label: role,
|
|
12578
12615
|
value: role
|
|
12579
12616
|
}))
|
|
12580
|
-
}))), /*#__PURE__*/React__default["default"].createElement(neetoui.
|
|
12581
|
-
className: "ntm-members-
|
|
12617
|
+
}))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
|
|
12618
|
+
className: "ntm-members-pane__footer"
|
|
12582
12619
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
12583
12620
|
type: "submit",
|
|
12584
12621
|
"data-cy": "add-member-submit-button",
|
|
12585
12622
|
size: "large",
|
|
12586
12623
|
style: "primary",
|
|
12587
12624
|
label: instance.t("buttons.proceed"),
|
|
12625
|
+
onClick: () => setHasSubmitted(true),
|
|
12588
12626
|
disabled: !dirty || isSubmitting,
|
|
12589
12627
|
loading: isSubmitting
|
|
12590
12628
|
}), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
@@ -12592,7 +12630,7 @@ const ManageMember = _ref => {
|
|
|
12592
12630
|
size: "large",
|
|
12593
12631
|
style: "text",
|
|
12594
12632
|
label: instance.t("buttons.cancel"),
|
|
12595
|
-
onClick:
|
|
12633
|
+
onClick: onPaneClose
|
|
12596
12634
|
})));
|
|
12597
12635
|
}));
|
|
12598
12636
|
};
|
|
@@ -12828,7 +12866,7 @@ var index = withReactQuery(TeamMembers);
|
|
|
12828
12866
|
|
|
12829
12867
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
12830
12868
|
|
|
12831
|
-
var css = ":root {\n --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__item {\n background-color: transparent !important;\n padding: 0 !important;\n}\n\n.ntm-dropdown__button {\n border-radius: 0 !important;\n font-weight: 400;\n min-height: 34px;\n min-width: 150px;\n text-align: left;\n width: 100%;\n}\n\n.ntm-scrollbar__inner {\n width: 100%;\n height: 200px;\n}\n.ntm-scrollbar__outer {\n position: \"absolute\";\n top: 0px;\n left: 0px;\n width: 200px;\n height: 150px;\n overflow: \"hidden\";\n visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}\n.ntm-empty-state__image {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n display: flex;\n justify-content: center;\n}\n\n.ntm-members {\n overflow: auto;\n width: 100%;\n background-color: #ffffff;\n}\n.ntm-members-wrapper {\n display: flex;\n}\n.ntm-members-page-loader {\n width: 100%;\n height: 100vh;\n}\n.ntm-members__table-wrapper {\n height: calc(100vh - 205px);\n width: 100%;\n}\n.ntm-members-table__column {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.ntm-members-
|
|
12869
|
+
var css = ":root {\n --ntm-roles-table-default-scroll: 15px;\n}\n\n.ntm-dropdown__item {\n background-color: transparent !important;\n padding: 0 !important;\n}\n\n.ntm-dropdown__button {\n border-radius: 0 !important;\n font-weight: 400;\n min-height: 34px;\n min-width: 150px;\n text-align: left;\n width: 100%;\n}\n\n.ntm-scrollbar__inner {\n width: 100%;\n height: 200px;\n}\n.ntm-scrollbar__outer {\n position: \"absolute\";\n top: 0px;\n left: 0px;\n width: 200px;\n height: 150px;\n overflow: \"hidden\";\n visibility: \"hidden\";\n}\n\n.ntm-empty-state {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}\n.ntm-empty-state__image {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 2rem;\n}\n.ntm-empty-state__title--with-action-block {\n margin-bottom: 1rem;\n}\n.ntm-empty-state__action-block {\n display: flex;\n justify-content: center;\n}\n\n.ntm-members {\n overflow: auto;\n width: 100%;\n background-color: #ffffff;\n}\n.ntm-members-wrapper {\n display: flex;\n}\n.ntm-members-page-loader {\n width: 100%;\n height: 100vh;\n}\n.ntm-members__table-wrapper {\n height: calc(100vh - 205px);\n width: 100%;\n}\n.ntm-members-table__column {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.ntm-members-pane__header {\n margin-bottom: 0.5rem;\n}\n.ntm-members-pane__body {\n width: 100%;\n}\n.ntm-members-pane__body > * + * {\n margin-top: 1rem;\n}\n.ntm-members-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-header {\n border-bottom: 1px solid #d8dcde;\n}\n\n.ntm-roles-table__wrapper {\n width: 100%;\n height: calc(100vh - 80px);\n display: flex;\n background-color: #ffffff;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar {\n width: 396px;\n min-width: 396px;\n border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__search {\n padding: 24px 24px 16px;\n height: 72px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list {\n height: calc(\n 100vh - 80px - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__sidebar .ntm-roles-table-sidebar__list .ntm-roles-table-sidebar__list-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 8px;\n min-height: 48px;\n}\n.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 {\n background-color: #eaf3fc;\n padding: 12px 8px;\n}\n.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) {\n border-bottom: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns {\n width: calc(\n 100vw - 64px - 396px - 24px\n );\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__cell {\n width: 100%;\n min-width: 200px;\n min-height: 48px;\n padding: 12px 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-right: thin solid #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox-wrapper {\n position: absolute;\n height: 1rem;\n width: 1rem;\n margin: auto;\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table-cell__checkbox {\n z-index: 10;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header {\n display: flex;\n align-items: center;\n overflow-x: auto;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table__cell {\n height: 72px;\n padding-left: 24px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header-cell__container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n gap: 1rem;\n overflow: hidden;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__header .ntm-roles-table-header__role-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows {\n width: 100%;\n height: calc(\n 100vh - 80px - 72px -\n var(--ntm-roles-table-default-scroll)\n );\n overflow-y: auto;\n scrollbar-width: none;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb {\n background: #d8dcde;\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-thumb:hover {\n background: #939ea4;\n border-radius: 50px;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows::-webkit-scrollbar-track {\n background: #d8dcde;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row {\n display: flex;\n align-items: center;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell {\n overflow: hidden;\n position: relative;\n}\n.ntm-roles-table__wrapper .ntm-roles-table__columns .ntm-roles-table__rows .ntm-roles-table__row .ntm-roles-table__cell p {\n opacity: 0;\n width: 340px;\n min-width: 340px;\n}\n.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 {\n background-color: #eaf3fc;\n}\n.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 {\n border-bottom: thin solid #d8dcde;\n}\n\n.ntm-roles-table-sidebar__drop-down-button {\n color: #68737d;\n cursor: pointer;\n}\n\n.ntm-roles-modal__body > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-modal__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-pane__body {\n width: 100%;\n margin-bottom: 1.5rem;\n}\n.ntm-roles-pane__body-wrapper > * + * {\n margin-top: 1rem;\n}\n.ntm-roles-pane__body > * + * {\n margin-top: 1.5rem;\n}\n.ntm-roles-pane__footer {\n display: flex;\n gap: 0.5rem;\n}\n\n.ntm-roles-permission > * + * {\n margin: 0.5rem;\n}\n.ntm-roles-permission__heading {\n color: #87929d;\n text-transform: uppercase;\n}\n.ntm-roles-permission__card {\n background-color: white;\n box-shadow: 0px 3px 12px -1px rgba(28, 52, 84, 0.12), 0px 2px 4px -1px rgba(28, 55, 90, 0.08);\n border-radius: 0.125rem;\n border-width: 1px;\n border-color: #d8dcde;\n cursor: pointer;\n display: flex;\n gap: 0.75rem;\n padding: 1rem 0.75rem;\n}\n.ntm-roles-permission__card--description {\n flex-grow: 1;\n}\n.ntm-roles-permission__card--checkbox {\n padding: 0 0.5rem;\n}\n\n.ntm-invitations__wrapper .ntm-invitations__header {\n height: 28px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body {\n display: flex;\n flex-direction: column;\n}\n.ntm-invitations__wrapper .ntm-invitations__body > * {\n margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div {\n display: flex;\n align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__body-header div p {\n margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd {\n color: #49545c;\n background: #f8f9f9;\n padding: 20px 40px;\n border: 1px dashed;\n border-radius: 6px;\n cursor: pointer;\n counter-reset: dnd-counter;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd h3 {\n margin-bottom: 8px;\n text-align: center !important;\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__dnd p::before {\n counter-increment: dnd-counter;\n content: counter(dnd-counter) \". \";\n}\n.ntm-invitations__wrapper .ntm-invitations__body .ntm-invitations__submit-btn {\n align-self: end !important;\n margin-top: 16px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer {\n background: #f8f9f9;\n margin-top: 24px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions {\n display: flex;\n flex-direction: column;\n width: 50%;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-instructions h4 {\n margin-bottom: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: bold;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns > button:first-child {\n margin-right: 8px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__invite-link-btns p {\n font-weight: normal;\n color: #49545c;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table {\n max-height: 192px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename {\n display: flex;\n align-items: center;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-filename svg {\n margin-right: 4px;\n}\n.ntm-invitations__wrapper .ntm-invitations__footer .ntm-invitations__table-status {\n text-transform: capitalize;\n}";
|
|
12832
12870
|
n(css,{});
|
|
12833
12871
|
|
|
12834
12872
|
exports.Invitations = index$2;
|