quickblox-react-ui-kit 0.2.8-beta.11 → 0.2.8-beta.12
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/index-ui.js +32 -23
- package/dist/index-ui.js.map +1 -1
- package/package.json +1 -1
package/dist/index-ui.js
CHANGED
|
@@ -1083,7 +1083,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1083
1083
|
|
|
1084
1084
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1085
1085
|
// Module
|
|
1086
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".edit-container {\n min-height: 236px;\n max-height: 236px;\n height: 236px;\n
|
|
1086
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".edit-container {\n min-height: 236px;\n max-height: 236px;\n height: 236px;\n width: 100%;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.edit-btn-container {\n min-height: 34px;\n max-height: 34px;\n height: 34px;\n width: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.edit-dialog-container {\n min-height: 180px;\n max-height: 180px;\n height: 180px;\n width: 100%;\n margin-bottom: 24px;\n}\n.edit-dialog-container--wrapper {\n min-height: 180px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.edit-dialog-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n}\n.edit-dialog-container--wrapper__icon-container {\n min-height: 56px;\n max-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.edit-dialog-container--wrapper__icon-container__icon {\n min-height: 56px;\n max-height: 56px;\n height: 56px;\n min-width: 56px;\n max-width: 56px;\n height: 56px;\n margin-top: 8px;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n text-align: center;\n align-content: center;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.edit-dialog-container--wrapper__icon-container__upload {\n min-height: 32px;\n max-height: 32px;\n min-width: 80px;\n max-width: 80px;\n margin-top: 8px;\n padding-left: 16px;\n padding-top: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--color-icon);\n}\n.edit-dialog-container--wrapper__upload-error {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 5px;\n color: var(--error);\n}\n.edit-dialog-container--wrapper__dialog-name-inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 24px;\n}\n.edit-dialog-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 6px 8px;\n width: 100%;\n height: 44px;\n border: 1px solid var(--tertiary-elements);\n border-radius: 4px;\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n background-color: var(--main-background);\n}\n.edit-dialog-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/EditDialog/EditDialog.scss"],"names":[],"mappings":"AAKA;EAEE,iBANiB;EAOjB,iBAPiB;EAQjB,aARiB;EAYjB,WAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AATF;;AAYA;EAEE,gBAAA;EACA,gBAAA;EACA,YAAA;EAIA,WAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;AAdF;;AAiBA;EACE,iBArC+B;EAsC/B,iBAtC+B;EAuC/B,aAvC+B;EA2C/B,WAAA;EAIA,mBAAA;AApBF;AAsBE;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AApBJ;AAwBI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;AAvBN;AA6BI;EACE,gBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AA3BN;AA6BM;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EAGA,0CAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AA7BR;AAsCM;EACE,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,wBAAA;AArCR;AA4CI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,mBAAA;AA3CN;AA8CI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,gBAAA;AA7CN;AAkDI;EACE,eAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;EAGA,WAAA;EACA,YAAA;EAEA,0CAAA;EACA,kBAAA;EAEA,UAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;EAEA,wCAAA;AAtDN;AAwDM;EACE,4BAAA;EACA,wCAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAzDR","sourcesContent":["$container-width: 332px;\n$container-height: 236px;\n$create-dialog-container-width: 332px;\n$create-dialog-container-height: 180px;\n\n.edit-container {\n //border: 1px solid blue;\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.edit-btn-container{\n //border: 3px solid black;\n min-height: 34px;\n max-height: 34px;\n height: 34px;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.edit-dialog-container {\n min-height: $create-dialog-container-height;\n max-height: $create-dialog-container-height;\n height: $create-dialog-container-height;\n //min-width: $create-dialog-container-width;\n //max-width: $create-dialog-container-width;\n //width: $create-dialog-container-width;\n width: 100%;\n\n //border: 3px solid green;\n\n margin-bottom: 24px;\n\n &--wrapper{\n min-height: 180px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n //border: 1px solid blue;\n\n &__inf{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n // color: var(--color-background);\n\n //border: 1px solid orange;\n }\n\n &__icon-container {\n min-height: 56px;\n max-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &__icon {\n min-height: 56px;\n max-height: 56px;\n height: 56px;\n min-width: 56px;\n max-width: 56px;\n height: 56px;\n margin-top: 8px;\n\n\n background-color: var(--disabled-elements);\n border-radius: 50%;\n text-align: center;\n align-content: center;\n display: flex;\n justify-content: center;\n align-items: center;\n\n //border: 1px solid red;\n\n &__content {\n // margin: 10px;\n }\n }\n\n &__upload {\n min-height: 32px;\n max-height: 32px;\n min-width: 80px;\n max-width: 80px;\n margin-top: 8px;\n padding-left: 16px;\n padding-top: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n color: var(--color-icon);\n //cursor: pointer;\n\n // border: 1px solid green;\n }\n }\n\n &__upload-error{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 5px;\n color: var(--error);\n }\n\n &__dialog-name-inf{\n min-height: 20px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n margin-top: 24px;\n\n //border: 1px solid orange;\n }\n\n &__dialog-name-input{\n margin-top: 8px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 6px 8px;\n\n //width: 320px;\n width: 100%;\n height: 44px;\n\n border: 1px solid var(--tertiary-elements);//#90979F;\n border-radius: 4px;\n\n flex: none;\n order: 1;\n align-self: stretch;\n flex-grow: 0;\n\n background-color: var(--main-background);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1087
1087
|
// Exports
|
|
1088
1088
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1089
1089
|
|
|
@@ -1131,7 +1131,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1131
1131
|
|
|
1132
1132
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1133
1133
|
// Module
|
|
1134
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n min-height: 312px;\n max-height: 312px;\n height: 312px;\n}\n.
|
|
1134
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n min-height: 312px;\n max-height: 312px;\n height: 312px;\n}\n\n.item-type-dialog,\n.item-type-dialog * {\n box-sizing: border-box;\n}\n\n.item-type-dialog {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--light-theme-tertiaryelements, #636d78);\n border-width: 1px;\n padding: 16px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.item-type-dialog-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n\n.item-type-dialog-name {\n color: var(--light-theme-maintext, #0b1b0f);\n text-align: left;\n font-family: var(--body-body-medium-font-family, \"Roboto-Regular\", sans-serif);\n font-size: var(--body-body-medium-font-size, 14px);\n line-height: var(--body-body-medium-line-height, 20px);\n font-weight: var(--body-body-medium-font-weight, 400);\n position: relative;\n flex: 1;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss"],"names":[],"mappings":"AAGA;EACE,iBAH+B;EAI/B,iBAJ+B;EAK/B,aAL+B;AAGjC;;AA2CA;;EAEE,sBAAA;AAxCF;;AA0CA;EACE,kBAAA;EACA,mBAAA;EACA,0DAAA;EACA,iBAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAvCF;;AAyCA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAtCF;;AAwCA;EACE,2CAAA;EACA,gBAAA;EACA,8EAAA;EAKA,kDAAA;EACA,sDAAA;EACA,qDAAA;EACA,kBAAA;EACA,OAAA;AAzCF","sourcesContent":["$create-dialog-container-width: 380px;\n$create-dialog-container-height: 312px;\n\n.create-dialog-container {\n min-height: $create-dialog-container-height;\n max-height: $create-dialog-container-height;\n height: $create-dialog-container-height;\n //border: 1px solid green;\n //&--btn-wrapper{\n // height: 64px;\n // // width: 280px;\n // display: flex;\n // flex-direction: row;\n // flex-wrap: nowrap;\n // justify-content: flex-start;\n // align-items: center;\n // gap: 16px;\n // cursor: pointer;\n // border-radius: 4px;\n //\n // border: 1px solid var(--tertiary-elements);\n //\n // &__text{\n // min-height: 24px;\n // // margin: 16px 16px 16px 16px;\n // font-family: 'Roboto';\n // font-style: normal;\n // font-weight: 400;\n // font-size: 16px;\n // line-height: 24px;\n // letter-spacing: 0.15px;\n // flex: 2 2 268px;\n // letter-spacing: 0.15px;\n //\n // //border: 1px solid orange;\n // }\n // &__icon{\n // min-height: 24px;\n // margin-left: 10px;\n // flex: 1 1 24px;\n //\n // // border: 1px solid red;\n // }\n //}\n}\n\n\n.item-type-dialog,\n.item-type-dialog * {\n box-sizing: border-box;\n}\n.item-type-dialog {\n border-radius: 4px;\n border-style: solid;\n border-color: var(--light-theme-tertiaryelements, #636d78);\n border-width: 1px;\n padding: 16px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.item-type-dialog-icon {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n}\n.item-type-dialog-name {\n color: var(--light-theme-maintext, #0b1b0f);\n text-align: left;\n font-family: var(\n --body-body-medium-font-family,\n \"Roboto-Regular\",\n sans-serif\n );\n font-size: var(--body-body-medium-font-size, 14px);\n line-height: var(--body-body-medium-line-height, 20px);\n font-weight: var(--body-body-medium-font-weight, 400);\n position: relative;\n flex: 1;\n}\n"],"sourceRoot":""}]);
|
|
1135
1135
|
// Exports
|
|
1136
1136
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1137
1137
|
|
|
@@ -1155,7 +1155,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1155
1155
|
|
|
1156
1156
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1157
1157
|
// Module
|
|
1158
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n
|
|
1158
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".container-invite-members {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container {\n min-height: 504px;\n max-height: 504px;\n height: 504px;\n width: var(--max-width-dialog-list);\n}\n.container-invite-members--add-members-container--wrapper {\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.container-invite-members--add-members-container--wrapper__inf {\n min-height: 20px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n}\n.container-invite-members--add-members-container--wrapper__members {\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n}\n.container-invite-members--add-members-container--wrapper__members__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n}\n.container-invite-members--add-members-container--wrapper__members__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input {\n margin-top: 8px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n width: 100%;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.container-invite-members--add-members-container--wrapper__dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}\n.container-invite-members--btn-container {\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteMembers.scss"],"names":[],"mappings":"AAKA;EACE,iBALiB;EAMjB,iBANiB;EAOjB,aAPiB;EAQjB,mCAAA;EAEA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALF;AAOE;EACE,iBAjBe;EAkBf,iBAlBe;EAmBf,aAnBe;EAoBf,mCAAA;AALJ;AAOI;EACE,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,2BAAA;EACA,uBAAA;AALN;AAOM;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,gBAAA;AALR;AAQM;EACE,aAAA;EACA,iBAAA;EACA,aAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;EACA,2BAAA;EACA,eAAA;AANR;AAQQ;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EAGA,WAAA;EACA,aAAA;AARV;AAWQ;EACE,aAAA;EACA,iBAAA;EACA,iBAAA;AATV;AAcM;EACE,eAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AAjBR;AAmBQ;EACE,4BAAA;EACA,wCAAA;EACA,gBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AApBV;AA2BE;EACE,gBAAA;EACA,gBAAA;EACA,YAAA;EAIA,WAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,qBAAA;AA7BJ","sourcesContent":["$container-width: 332px;\n$container-height: 504px;\n$create-dialog-container-width: 332px;\n$create-dialog-container-height: 412px;\n\n.container-invite-members {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &--add-members-container {\n min-height: $container-height;\n max-height: $container-height;\n height: $container-height;\n width: var(--max-width-dialog-list);\n\n &--wrapper{\n min-height: 432px;\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n\n &__inf{\n min-height: 20px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 24px;\n }\n\n &__members{\n display: flex;\n max-height: 326px;\n height: 356px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.1px;\n color: var(--main-elements);\n margin-top: 8px;\n\n &__empty-members {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n\n //width: 332px;\n width: 100%;\n height: 100px;\n\n }\n &__list {\n height: 290px;\n max-height: 290px;\n min-height: 290px;\n }\n }\n\n\n &__dialog-name-input{\n margin-top: 8px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n align-items: center;\n text-align: center;\n padding: 8px;\n //width: 320px;\n width: 100%;\n height: 44px;\n\n border: 1px solid #90979F;\n border-radius: 4px;\n\n background-color: var(--main-background);\n color: var(--secondary-text);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n\n }\n }\n }\n\n &--btn-container{\n min-height: 32px;\n max-height: 32px;\n height: 32px;\n //min-width: $container-width;\n //max-width: $container-width;\n //width: $container-width;\n width: 100%;\n min-height: 34px;\n margin-top: 24px;\n margin-bottom: 24px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-end;\n align-items: flex-end;\n\n //border: 2px solid blue;\n }\n}\n\n\n\n\n"],"sourceRoot":""}]);
|
|
1159
1159
|
// Exports
|
|
1160
1160
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1161
1161
|
|
|
@@ -1179,7 +1179,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1179
1179
|
|
|
1180
1180
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1181
1181
|
// Module
|
|
1182
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".user-single-container-chbox {\n min-height: 336px;\n max-height: 336px;\n height: 336px;\n}\n.user-single-container-chbox--search-wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n}\n.user-single-container-chbox--search-wrapper__search-text {\n min-height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n}\n.user-single-container-chbox--search-wrapper__search-icon {\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n}\n.user-single-container-chbox--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n border-bottom: 1px solid var(--color-divider);\n}\n.user-single-container-chbox--wrapper__username {\n
|
|
1182
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".user-single-container-chbox {\n min-height: 336px;\n max-height: 336px;\n height: 336px;\n}\n.user-single-container-chbox--search-wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n}\n.user-single-container-chbox--search-wrapper__search-text {\n min-height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n}\n.user-single-container-chbox--search-wrapper__search-icon {\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n}\n.user-single-container-chbox--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n border-bottom: 1px solid var(--color-divider);\n}\n.user-single-container-chbox--wrapper__username {\n height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n color: var(--main-text);\n}\n.user-single-container-chbox--wrapper__select {\n min-height: 24px;\n min-width: 24px;\n max-width: 24px;\n}\n.user-single-container-chbox--wrapper__icon {\n min-height: 40px;\n min-width: 40px;\n max-height: 40px;\n max-width: 40px;\n margin-left: 16px;\n margin-top: 8px;\n margin-bottom: 8px;\n display: flex;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n align-items: center;\n text-align: center;\n align-content: center;\n}\n.user-single-container-chbox--wrapper__icon__content {\n margin: 6px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss"],"names":[],"mappings":"AACA;EACE,iBAF6B;EAG7B,iBAH6B;EAI7B,aAJ6B;AAI/B;AAEE;EACE,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;AAAJ;AAEI;EACE,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,sBAAA;AAAN;AAEI;EACE,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;AAAN;AAIE;EACE,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;EAEA,6CAAA;AAHJ;AAKI;EAGE,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,uBAAA;AANN;AASI;EACE,gBAAA;EACA,eAAA;EACA,eAAA;AAPN;AAUI;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EAEA,aAAA;EAEA,0CAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,qBAAA;AAVN;AAYM;EACE,WAAA;AAVR","sourcesContent":["$user-single-container-height: 336px;\n.user-single-container-chbox {\n min-height: $user-single-container-height;\n max-height: $user-single-container-height;\n height: $user-single-container-height;\n\n &--search-wrapper{\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n\n &__search-text{\n min-height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.15px;\n flex: 2 2 268px;\n letter-spacing: 0.15px;\n }\n &__search-icon{\n min-height: 24px;\n margin-left: 10px;\n flex: 1 1 24px;\n cursor: pointer;\n }\n }\n\n &--wrapper {\n min-height: 56px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n\n border-bottom: 1px solid var(--color-divider);\n\n &__username {\n\n // width: 193px;\n height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n color: var(--main-text);\n\n }\n &__select {\n min-height: 24px;\n min-width: 24px;\n max-width: 24px;\n }\n\n &__icon {\n min-height: 40px;\n min-width: 40px;\n max-height: 40px;\n max-width: 40px;\n margin-left: 16px;\n margin-top: 8px;\n margin-bottom: 8px;\n // flex: 1 1 24px;\n display: flex;\n //cursor: pointer;\n background-color: var(--disabled-elements);\n border-radius: 50%;\n align-items: center;\n text-align: center;\n align-content: center;\n\n &__content {\n margin: 6px;\n }\n }\n }\n}\n"],"sourceRoot":""}]);
|
|
1183
1183
|
// Exports
|
|
1184
1184
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1185
1185
|
|
|
@@ -1203,7 +1203,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1203
1203
|
|
|
1204
1204
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1205
1205
|
// Module
|
|
1206
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".not-found-content-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width:
|
|
1206
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".not-found-content-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 100%;\n height: 100px;\n background: var(--main-background);\n}\n.not-found-content-container__icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 4px;\n width: 60px;\n height: 60px;\n}\n.not-found-content-container__message {\n width: 164px;\n height: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n letter-spacing: 0.15px;\n color: var(--caption);\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/InviteMembers/NotFoundContent/NotFoundContent.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EAGA,WAAA;EACA,aAAA;EAEA,kCAAA;AAFF;AAIE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EAEA,WAAA;EACA,YAAA;AAHJ;AAME;EACE,YAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,kBAAA;EACA,sBAAA;EACA,qBAAA;AALJ","sourcesContent":[".not-found-content-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 16px;\n\n //width: 332px;\n width: 100%;\n height: 100px;\n\n background: var(--main-background);\n\n &__icon {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 4px;\n\n width: 60px;\n height: 60px;\n }\n\n &__message {\n width: 164px;\n height: 24px;\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n text-align: center;\n letter-spacing: 0.15px;\n color: var(--caption);\n }\n}\n"],"sourceRoot":""}]);
|
|
1207
1207
|
// Exports
|
|
1208
1208
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1209
1209
|
|
|
@@ -1491,7 +1491,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1491
1491
|
|
|
1492
1492
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1493
1493
|
// Module
|
|
1494
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".column-container {\n width:
|
|
1494
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".column-container {\n width: 100%;\n display: flex;\n flex-flow: column nowrap;\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .column-container {\n width: 100%;\n display: flex;\n flex-flow: column nowrap;\n }\n}", "",{"version":3,"sources":["webpack://./src/Presentation/components/containers/ColumnContainer/ColumnContainer.scss"],"names":[],"mappings":"AAEA;EAEE,WAAA;EACA,aAAA;EACA,wBAAA;AAFF;;AAKA;EACE;IACE,WAAA;IACA,aAAA;IACA,wBAAA;EAFF;AACF","sourcesContent":["// $column-container-width: 320px;\n$column-container-width: var(--max-width-dialog-list);\n.column-container{\n //width: $column-container-width;\n width: 100%;\n display: flex;\n flex-flow: column nowrap;\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .column-container{\n width: 100%;\n display: flex;\n flex-flow: column nowrap;\n }\n}\n"],"sourceRoot":""}]);
|
|
1495
1495
|
// Exports
|
|
1496
1496
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1497
1497
|
|
|
@@ -1611,7 +1611,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1611
1611
|
|
|
1612
1612
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
1613
1613
|
// Module
|
|
1614
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".modal-container-overlay {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--secondary-background-modal);\n}\n.modal-container-overlay[aria-expanded=false] {\n display: none;\n}\n\n.modal-container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding
|
|
1614
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".modal-container-overlay {\n position: fixed;\n top: 0;\n width: 100%;\n height: 100%;\n background: var(--secondary-background-modal);\n}\n.modal-container-overlay[aria-expanded=false] {\n display: none;\n}\n\n.modal-container {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding: 24px;\n position: relative;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.modal-container__close {\n position: absolute;\n top: 24px;\n right: 24px;\n cursor: pointer;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n /* identical to box height, or 120% */\n letter-spacing: 0.0015em;\n color: var(--secondary-elements);\n}\n.modal-container__subtitle {\n margin-bottom: 24px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n color: var(--main-text);\n}\n.modal-container__content {\n margin-bottom: 20px;\n width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/providers/ModalContextProvider/Modal.scss"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,6CAAA;AACF;AAIE;EACE,aAAA;AAFJ;;AAMA;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EAEA,YAAA;EACA,iBAAA;EACA,wCAAA;EACA,aAAA;EACA,kBAAA;EACA,kBAAA;EAEA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,uBAAA;EACA,2BAAA;AALF;AAOE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;EAOA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qCAAA;EACA,wBAAA;EACA,gCAAA;AAXJ;AAaE;EACE,mBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,wBAAA;EACA,uBAAA;AAZJ;AAgBE;EACE,mBAAA;EACA,WAAA;AAdJ","sourcesContent":[".modal-container-overlay{\n position: fixed;\n top: 0;\n width: 100%;//inherit;\n height: 100%;//inherit;\n background: var(--secondary-background-modal);\n //display: flex;\n //align-items: center;\n //justify-content: center;\n\n &[aria-expanded='false']{\n display: none;\n }\n}\n\n.modal-container{\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n width: 380px;\n min-height: 312px;\n background-color: var(--main-background);\n padding: 24px;\n position: relative;\n border-radius: 4px;\n\n display: flex;\n flex-direction: column;\n gap: 24px;\n align-items: flex-start;\n justify-content: flex-start;\n\n &__close{\n position: absolute;\n top: 24px;\n right: 24px;\n cursor: pointer;\n\n //font-weight: 500;\n //font-size: 20px;\n //font-style: normal;\n //font-family: 'Roboto';\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n /* identical to box height, or 120% */\n letter-spacing: 0.0015em;\n color: var(--secondary-elements);\n }\n &__subtitle{\n margin-bottom: 24px;\n //\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n color: var(--main-text);\n\n //border: 1px solid black;\n }\n &__content{\n margin-bottom: 20px;\n width: 100%;\n //border: 1px solid brown;\n }\n &__footer{\n //border: 1px solid black;\n }\n}\n"],"sourceRoot":""}]);
|
|
1615
1615
|
// Exports
|
|
1616
1616
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
1617
1617
|
|
|
@@ -23733,6 +23733,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
23733
23733
|
/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
|
|
23734
23734
|
/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx");
|
|
23735
23735
|
/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ "./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx");
|
|
23736
|
+
/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
|
|
23736
23737
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
23737
23738
|
__assign = Object.assign || function(t) {
|
|
23738
23739
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23768,6 +23769,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
23768
23769
|
|
|
23769
23770
|
|
|
23770
23771
|
|
|
23772
|
+
|
|
23771
23773
|
// eslint-disable-next-line react/function-component-definition
|
|
23772
23774
|
var DialogList = function (_a) {
|
|
23773
23775
|
var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, onLeaveDialog = _a.onLeaveDialog, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b, _c = _a.scrollableHeight, scrollableHeight = _c === void 0 ? 736 : _c;
|
|
@@ -23776,6 +23778,7 @@ var DialogList = function (_a) {
|
|
|
23776
23778
|
var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _e[0], setSelectedItem = _e[1];
|
|
23777
23779
|
var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _f[0], setShowSearchDialogs = _f[1];
|
|
23778
23780
|
var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _g[0], setNameDialogForSearch = _g[1];
|
|
23781
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_15__.useMobileLayout)()[0];
|
|
23779
23782
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
23780
23783
|
console.log('USE EFFECT DIALOG LIST HAS CHANGED');
|
|
23781
23784
|
// console.log(JSON.stringify(dialogsViewModel?.dialogs)); //todo artik changed 28.12.2023
|
|
@@ -23847,13 +23850,17 @@ var DialogList = function (_a) {
|
|
|
23847
23850
|
setShowSearchDialogs(!showSearchDialogs);
|
|
23848
23851
|
setNameDialogForSearch('');
|
|
23849
23852
|
}, clickActionHandler: function () {
|
|
23850
|
-
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false,
|
|
23851
|
-
|
|
23852
|
-
|
|
23853
|
-
|
|
23854
|
-
|
|
23855
|
-
|
|
23856
|
-
|
|
23853
|
+
handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, isMobile
|
|
23854
|
+
? {
|
|
23855
|
+
width: '300px',
|
|
23856
|
+
backgroundColor: 'var(--main-background)',
|
|
23857
|
+
}
|
|
23858
|
+
: {
|
|
23859
|
+
width: '380px',
|
|
23860
|
+
// minWidth: '332px',
|
|
23861
|
+
// maxWidth: '332px',
|
|
23862
|
+
backgroundColor: 'var(--main-background)',
|
|
23863
|
+
});
|
|
23857
23864
|
}, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));
|
|
23858
23865
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23859
23866
|
var renderPreviewDialog = function (item, index) {
|
|
@@ -24566,7 +24573,7 @@ var EditDialog = function (_a) {
|
|
|
24566
24573
|
cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] ? 'pointer' : '',
|
|
24567
24574
|
} }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { id: "uploadBtn", type: "file", accept: "image/*", style: { display: 'none' }, onChange: function (event) {
|
|
24568
24575
|
ChangeFileHandler(event);
|
|
24569
|
-
}, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__upload-error" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-inf" }, { children: "Dialog name" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", style: { width: '
|
|
24576
|
+
}, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType["private"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__upload-error" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-inf" }, { children: "Dialog name" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-dialog-container--wrapper__dialog-name-input" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", style: { width: '100%' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: "Enter name" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "edit-btn-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
24570
24577
|
flexBasis: '63px',
|
|
24571
24578
|
minWidth: '63px',
|
|
24572
24579
|
maxWidth: '63px',
|
|
@@ -24685,7 +24692,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
24685
24692
|
// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
|
|
24686
24693
|
var CreateDialog = function (_a) {
|
|
24687
24694
|
var createPrivateDialogClickHandler = _a.createPrivateDialogClickHandler, createPrivateDialogTouchHandler = _a.createPrivateDialogTouchHandler, createGroupDialogClickHandler = _a.createGroupDialogClickHandler, createGroupDialogTouchHandler = _a.createGroupDialogTouchHandler, createPublicDialogClickHandler = _a.createPublicDialogClickHandler, createPublicDialogTouchHandler = _a.createPublicDialogTouchHandler;
|
|
24688
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "
|
|
24695
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Private" }))] })), clickAction: createPrivateDialogClickHandler, touchAction: createPrivateDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Group" }))] })), clickAction: createGroupDialogClickHandler, touchAction: createGroupDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "item-type-dialog" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "item-type-dialog-name" }, { children: "Public" }))] })), clickAction: createPublicDialogClickHandler, touchAction: createPublicDialogTouchHandler })] })));
|
|
24689
24696
|
};
|
|
24690
24697
|
/* harmony default export */ __webpack_exports__["default"] = (CreateDialog);
|
|
24691
24698
|
|
|
@@ -25085,7 +25092,7 @@ var InviteMembers = function (_a) {
|
|
|
25085
25092
|
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__["default"], { width: "24", height: "24", color: "var(--tertiary-elements)" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__inf" }, { children: [countSelectedItems, " selected"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: {
|
|
25086
25093
|
height: '44px',
|
|
25087
25094
|
width: '44px',
|
|
25088
|
-
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "44", height: "44" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
|
|
25095
|
+
} }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "44", height: "44" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && !(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
|
|
25089
25096
|
alert('call click retry');
|
|
25090
25097
|
} })), userViewModel.users && userViewModel.users.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__["default"], { className: "container-invite-members--add-members-container--wrapper__members__list", data: userViewModel.users, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--add-members-container--wrapper__members__empty-members" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__["default"], { message: "There are no members" }) })))] }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "container-invite-members--btn-container" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__["default"], { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
|
|
25091
25098
|
flexBasis: '63px',
|
|
@@ -25131,6 +25138,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25131
25138
|
/* harmony import */ var _SingleUserWithCheckBox_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUserWithCheckBox.scss */ "./src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss");
|
|
25132
25139
|
/* harmony import */ var _components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/UI/svgs/ActiveSvg/ActiveSvg */ "./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx");
|
|
25133
25140
|
/* harmony import */ var _components_UI_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Contents/User */ "./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx");
|
|
25141
|
+
/* harmony import */ var _components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/containers/SectionList/hooks */ "./src/Presentation/components/containers/SectionList/hooks/index.ts");
|
|
25134
25142
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
25135
25143
|
__assign = Object.assign || function(t) {
|
|
25136
25144
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -25146,9 +25154,11 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
25146
25154
|
|
|
25147
25155
|
|
|
25148
25156
|
|
|
25157
|
+
|
|
25149
25158
|
// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
|
|
25150
25159
|
var SingleUserWithCheckBox = function (_a) {
|
|
25151
25160
|
var user = _a.user, checkedHandler = _a.checkedHandler, isElementChecked = _a.isElementChecked, keyValue = _a.keyValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;
|
|
25161
|
+
var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_4__.useMobileLayout)()[0];
|
|
25152
25162
|
function getChecked(index) {
|
|
25153
25163
|
var result = isElementChecked; // || isUserChecked;
|
|
25154
25164
|
console.log(index);
|
|
@@ -25158,7 +25168,7 @@ var SingleUserWithCheckBox = function (_a) {
|
|
|
25158
25168
|
console.log('user click...');
|
|
25159
25169
|
}, onTouch: function () {
|
|
25160
25170
|
console.log('user touch...');
|
|
25161
|
-
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__username" }, { children: "".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id)) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__select" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "checkbox", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {
|
|
25171
|
+
} }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__username", style: isMobile ? { width: '133px' } : { width: '193px' } }, { children: "".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id)) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "user-single-container-chbox--wrapper__select" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "checkbox", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {
|
|
25162
25172
|
console.log('have check in SingleUserWithCheckBox');
|
|
25163
25173
|
var newStatus = !isElementChecked;
|
|
25164
25174
|
if (checkedHandler) {
|
|
@@ -27573,7 +27583,7 @@ var ColumnContainer = function (_a) {
|
|
|
27573
27583
|
var children = _a.children, gapBetweenItem = _a.gapBetweenItem, maxWidth = _a.maxWidth;
|
|
27574
27584
|
var containerStyles = gapBetweenItem ? { gap: gapBetweenItem } : {};
|
|
27575
27585
|
var resumeStyles = maxWidth
|
|
27576
|
-
? __assign(
|
|
27586
|
+
? __assign({}, containerStyles) : containerStyles;
|
|
27577
27587
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: resumeStyles, className: "column-container" }, { children: children })));
|
|
27578
27588
|
};
|
|
27579
27589
|
/* harmony default export */ __webpack_exports__["default"] = (ColumnContainer);
|
|
@@ -29131,7 +29141,7 @@ var initValue = {
|
|
|
29131
29141
|
modalHeader: '',
|
|
29132
29142
|
modalContent: '',
|
|
29133
29143
|
handleModal: function () {
|
|
29134
|
-
console.log('empty function');
|
|
29144
|
+
// console.log('empty function');
|
|
29135
29145
|
},
|
|
29136
29146
|
ModalContainerStyle: {},
|
|
29137
29147
|
};
|
|
@@ -29144,11 +29154,10 @@ function Modal() {
|
|
|
29144
29154
|
var questionSizeBox = haveModalFooter
|
|
29145
29155
|
? {
|
|
29146
29156
|
minHeight: '160px',
|
|
29147
|
-
minWidth: '
|
|
29157
|
+
minWidth: '332px',
|
|
29148
29158
|
maxHeight: '160px',
|
|
29149
|
-
maxWidth: '
|
|
29159
|
+
maxWidth: '332px',
|
|
29150
29160
|
backgroundColor: 'var(--main-background)',
|
|
29151
|
-
// border: '3px solid blue',
|
|
29152
29161
|
}
|
|
29153
29162
|
: ModalContainerStyle || {};
|
|
29154
29163
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container-overlay", "aria-expanded": isOpen }, { children: isOpen ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: questionSizeBox, className: "modal-container" }, { children: [modalCloseTab && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container__close", onClick: onClickHandler }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", color: "var(--secondary-elements)" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ style: haveModalFooter ? { marginBottom: '30px' } : {}, className: "modal-container__subtitle" }, { children: modalHeader })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "modal-container__content" }, { children: modalContent }))] }))) : null })));
|