@clickview/lite 0.0.18-rc.2 → 0.0.18
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/css/11.chunk.css +14 -8
- package/dist/css/12.chunk.css +15 -5
- package/dist/css/13.chunk.css +5 -13
- package/dist/css/14.chunk.css +6 -6
- package/dist/css/15.chunk.css +15 -3
- package/dist/css/16.chunk.css +9 -3
- package/dist/css/17.chunk.css +4 -2
- package/dist/css/19.chunk.css +2 -6
- package/dist/css/2.chunk.css +0 -14
- package/dist/css/20.chunk.css +2 -2
- package/dist/css/21.chunk.css +7 -1
- package/dist/css/22.chunk.css +2 -2
- package/dist/css/23.chunk.css +2 -2
- package/dist/css/24.chunk.css +1 -1
- package/dist/css/25.chunk.css +2 -2
- package/dist/css/26.chunk.css +2 -2
- package/dist/css/27.chunk.css +1 -67
- package/dist/css/28.chunk.css +2 -48
- package/dist/css/29.chunk.css +2 -45
- package/dist/css/3.chunk.css +7 -13
- package/dist/css/31.chunk.css +1 -6
- package/dist/css/34.chunk.css +1 -5
- package/dist/css/38.chunk.css +2 -36
- package/dist/css/4.chunk.css +13 -5
- package/dist/css/44.chunk.css +1 -1
- package/dist/css/46.chunk.css +2 -0
- package/dist/css/5.chunk.css +8 -2
- package/dist/css/6.chunk.css +2 -0
- package/dist/libs/common/src/react/utils/ArrayHelper.d.ts +1 -1
- package/dist/libs/shared/src/utils/ImageHelper.d.ts +1 -1
- package/dist/scripts/0-d95e8444c4.chunk.js +1 -0
- package/dist/scripts/{1-f6fa17226d.chunk.js → 1-2b6afccaa5.chunk.js} +3 -3
- package/dist/scripts/11-d419aa0984.chunk.js +1 -0
- package/dist/scripts/12-b38a27f951.chunk.js +1 -0
- package/dist/scripts/13-1ad100c6fa.chunk.js +1 -0
- package/dist/scripts/14-9f08e07fae.chunk.js +1 -0
- package/dist/scripts/15-ee9fb81b9f.chunk.js +1 -0
- package/dist/scripts/{14-11868e2868.chunk.js → 16-8fe78e04c2.chunk.js} +1 -1
- package/dist/scripts/17-ea7fe3ea28.chunk.js +1 -0
- package/dist/scripts/18-1bb07c0b9b.chunk.js +1 -0
- package/dist/scripts/19-c869d34687.chunk.js +1 -0
- package/dist/scripts/2-a816feb2a1.chunk.js +1 -0
- package/dist/scripts/20-43ec005977.chunk.js +1 -0
- package/dist/scripts/21-8513db8251.chunk.js +1 -0
- package/dist/scripts/22-d4adb2384c.chunk.js +1 -0
- package/dist/scripts/23-d8b5b9ad2c.chunk.js +1 -0
- package/dist/scripts/{21-891207049a.chunk.js → 24-f2913e26e2.chunk.js} +1 -1
- package/dist/scripts/25-68705527ea.chunk.js +1 -0
- package/dist/scripts/26-7d25448f1c.chunk.js +1 -0
- package/dist/scripts/27-bab6c9f5c7.chunk.js +1 -0
- package/dist/scripts/28-080baa3fbc.chunk.js +1 -0
- package/dist/scripts/29-5e9889b68a.chunk.js +1 -0
- package/dist/scripts/3-6e2ac46662.chunk.js +7 -0
- package/dist/scripts/{27-f26afdae78.chunk.js → 30-cdbeea4fc5.chunk.js} +1 -1
- package/dist/scripts/31-6fa4413cdb.chunk.js +1 -0
- package/dist/scripts/32-d4725d3b7d.chunk.js +1 -0
- package/dist/scripts/33-bec24aab85.chunk.js +1 -0
- package/dist/scripts/34-c42c6cf42a.chunk.js +1 -0
- package/dist/scripts/{33-4579af9cf9.chunk.js → 35-4512b236f2.chunk.js} +1 -1
- package/dist/scripts/{34-d8b96d9f9f.chunk.js → 36-eede7769b2.chunk.js} +1 -1
- package/dist/scripts/37-80ed339c4f.chunk.js +1 -0
- package/dist/scripts/{37-afd3d321e3.chunk.js → 38-c11d4c88e3.chunk.js} +1 -1
- package/dist/scripts/{38-6ad53aa15b.chunk.js → 39-d0e74fb062.chunk.js} +1 -1
- package/dist/scripts/4-ea79bf1533.chunk.js +1 -0
- package/dist/scripts/{39-46c747b1d9.chunk.js → 40-d764e6157b.chunk.js} +1 -1
- package/dist/scripts/{40-c1b8806b1c.chunk.js → 41-0aa7093354.chunk.js} +1 -1
- package/dist/scripts/42-3d8c5fa14c.chunk.js +1 -0
- package/dist/scripts/43-969806e81e.chunk.js +1 -0
- package/dist/scripts/44-e8e3fef4c3.chunk.js +1 -0
- package/dist/scripts/45-d8f70269d6.chunk.js +1 -0
- package/dist/scripts/{44-7f92272274.chunk.js → 46-946ae22c1f.chunk.js} +1 -1
- package/dist/scripts/47-1579412cd0.chunk.js +1 -0
- package/dist/scripts/48-fdf97c1c73.chunk.js +1 -0
- package/dist/scripts/49-970fc479c8.chunk.js +1 -0
- package/dist/scripts/5-d1bb14adf6.chunk.js +1 -0
- package/dist/scripts/50-1257ab0b95.chunk.js +1 -0
- package/dist/scripts/{50-8cb0d9cd7d.chunk.js → 51-ac615445f0.chunk.js} +1 -1
- package/dist/scripts/52-874629b81c.chunk.js +1 -0
- package/dist/scripts/{52-bfb2683b5d.chunk.js → 53-22e3d0793b.chunk.js} +1 -1
- package/dist/scripts/{53-3cf5cd5f69.chunk.js → 54-da1a07610c.chunk.js} +1 -1
- package/dist/scripts/{54-26807e3e49.chunk.js → 55-02647df65c.chunk.js} +1 -1
- package/dist/scripts/56-1b6e6349fa.chunk.js +1 -0
- package/dist/scripts/57-8fc09ba02c.chunk.js +1 -0
- package/dist/scripts/{56-d4abc25ec3.chunk.js → 58-8e5cc56c3f.chunk.js} +1 -1
- package/dist/scripts/6-0e53df2ece.chunk.js +1 -0
- package/dist/scripts/7-26822045b2.chunk.js +1 -0
- package/dist/scripts/8-7450eff674.chunk.js +1 -0
- package/dist/scripts/9-f24f1577dd.chunk.js +1 -0
- package/dist/scripts/bundle-5ecb0c9441.min.js +1 -0
- package/dist/scripts/bundle-c6241bd7ac.min.js +1 -0
- package/dist/scripts/bundles.json +1 -1
- package/package.json +3 -3
- package/dist/css/0.chunk.css.map +0 -1
- package/dist/css/1.chunk.css +0 -146
- package/dist/css/1.chunk.css.map +0 -1
- package/dist/css/10.chunk.css +0 -20
- package/dist/css/10.chunk.css.map +0 -1
- package/dist/css/11.chunk.css.map +0 -1
- package/dist/css/12.chunk.css.map +0 -1
- package/dist/css/13.chunk.css.map +0 -1
- package/dist/css/14.chunk.css.map +0 -1
- package/dist/css/16.chunk.css.map +0 -1
- package/dist/css/18.chunk.css.map +0 -1
- package/dist/css/19.chunk.css.map +0 -1
- package/dist/css/21.chunk.css.map +0 -1
- package/dist/css/22.chunk.css.map +0 -1
- package/dist/css/23.chunk.css.map +0 -1
- package/dist/css/24.chunk.css.map +0 -1
- package/dist/css/25.chunk.css.map +0 -1
- package/dist/css/26.chunk.css.map +0 -1
- package/dist/css/27.chunk.css.map +0 -1
- package/dist/css/28.chunk.css.map +0 -1
- package/dist/css/29.chunk.css.map +0 -1
- package/dist/css/3.chunk.css.map +0 -1
- package/dist/css/30.chunk.css.map +0 -1
- package/dist/css/31.chunk.css.map +0 -1
- package/dist/css/32.chunk.css +0 -5
- package/dist/css/32.chunk.css.map +0 -1
- package/dist/css/34.chunk.css.map +0 -1
- package/dist/css/35.chunk.css +0 -7
- package/dist/css/35.chunk.css.map +0 -1
- package/dist/css/36.chunk.css +0 -4
- package/dist/css/36.chunk.css.map +0 -1
- package/dist/css/37.chunk.css +0 -4
- package/dist/css/37.chunk.css.map +0 -1
- package/dist/css/38.chunk.css.map +0 -1
- package/dist/css/4.chunk.css.map +0 -1
- package/dist/css/45.chunk.css +0 -9
- package/dist/css/45.chunk.css.map +0 -1
- package/dist/css/5.chunk.css.map +0 -1
- package/dist/css/9.chunk.css +0 -24
- package/dist/css/lite-app.css.map +0 -1
- package/dist/scripts/0-525bd75473.chunk.js +0 -1
- package/dist/scripts/0.chunk.js +0 -478
- package/dist/scripts/0.chunk.js.map +0 -1
- package/dist/scripts/1.chunk.js +0 -621
- package/dist/scripts/1.chunk.js.map +0 -1
- package/dist/scripts/10-f3b34b2d35.chunk.js +0 -1
- package/dist/scripts/10.chunk.js +0 -400
- package/dist/scripts/10.chunk.js.map +0 -1
- package/dist/scripts/11-a698af3f1c.chunk.js +0 -1
- package/dist/scripts/11.chunk.js +0 -1289
- package/dist/scripts/11.chunk.js.map +0 -1
- package/dist/scripts/12-9ace90fcbc.chunk.js +0 -1
- package/dist/scripts/12.chunk.js +0 -1059
- package/dist/scripts/12.chunk.js.map +0 -1
- package/dist/scripts/13-3a4f103546.chunk.js +0 -1
- package/dist/scripts/13.chunk.js +0 -751
- package/dist/scripts/13.chunk.js.map +0 -1
- package/dist/scripts/14.chunk.js +0 -425
- package/dist/scripts/14.chunk.js.map +0 -1
- package/dist/scripts/15-78ff5e8be2.chunk.js +0 -1
- package/dist/scripts/15.chunk.js +0 -609
- package/dist/scripts/15.chunk.js.map +0 -1
- package/dist/scripts/16-22f6224811.chunk.js +0 -1
- package/dist/scripts/16.chunk.js +0 -648
- package/dist/scripts/16.chunk.js.map +0 -1
- package/dist/scripts/17-afe6281dd5.chunk.js +0 -1
- package/dist/scripts/17.chunk.js +0 -541
- package/dist/scripts/17.chunk.js.map +0 -1
- package/dist/scripts/18-47be31c0b6.chunk.js +0 -1
- package/dist/scripts/18.chunk.js +0 -766
- package/dist/scripts/18.chunk.js.map +0 -1
- package/dist/scripts/19-89c0b2c20e.chunk.js +0 -1
- package/dist/scripts/19.chunk.js +0 -647
- package/dist/scripts/19.chunk.js.map +0 -1
- package/dist/scripts/2-3b37480a80.chunk.js +0 -7
- package/dist/scripts/2.chunk.js +0 -8259
- package/dist/scripts/2.chunk.js.map +0 -1
- package/dist/scripts/20-32ac3fe0b9.chunk.js +0 -1
- package/dist/scripts/20.chunk.js +0 -122
- package/dist/scripts/20.chunk.js.map +0 -1
- package/dist/scripts/21.chunk.js +0 -1571
- package/dist/scripts/21.chunk.js.map +0 -1
- package/dist/scripts/22-24236e6723.chunk.js +0 -1
- package/dist/scripts/22.chunk.js +0 -1387
- package/dist/scripts/22.chunk.js.map +0 -1
- package/dist/scripts/23-7b425169bc.chunk.js +0 -1
- package/dist/scripts/23.chunk.js +0 -1121
- package/dist/scripts/23.chunk.js.map +0 -1
- package/dist/scripts/24-40edd30087.chunk.js +0 -1
- package/dist/scripts/24.chunk.js +0 -1348
- package/dist/scripts/24.chunk.js.map +0 -1
- package/dist/scripts/25-887b9ef587.chunk.js +0 -1
- package/dist/scripts/25.chunk.js +0 -1137
- package/dist/scripts/25.chunk.js.map +0 -1
- package/dist/scripts/26-cbe0ff0f77.chunk.js +0 -1
- package/dist/scripts/26.chunk.js +0 -906
- package/dist/scripts/26.chunk.js.map +0 -1
- package/dist/scripts/27.chunk.js +0 -1143
- package/dist/scripts/27.chunk.js.map +0 -1
- package/dist/scripts/28-70414fd373.chunk.js +0 -1
- package/dist/scripts/28.chunk.js +0 -656
- package/dist/scripts/28.chunk.js.map +0 -1
- package/dist/scripts/29-944b5c01a7.chunk.js +0 -1
- package/dist/scripts/29.chunk.js +0 -616
- package/dist/scripts/29.chunk.js.map +0 -1
- package/dist/scripts/3-233f573a92.chunk.js +0 -1
- package/dist/scripts/3.chunk.js +0 -585
- package/dist/scripts/3.chunk.js.map +0 -1
- package/dist/scripts/30-3a229887e9.chunk.js +0 -1
- package/dist/scripts/30.chunk.js +0 -557
- package/dist/scripts/30.chunk.js.map +0 -1
- package/dist/scripts/31-ab038bfc0c.chunk.js +0 -1
- package/dist/scripts/31.chunk.js +0 -731
- package/dist/scripts/31.chunk.js.map +0 -1
- package/dist/scripts/32-8bd6703eef.chunk.js +0 -1
- package/dist/scripts/32.chunk.js +0 -957
- package/dist/scripts/32.chunk.js.map +0 -1
- package/dist/scripts/33.chunk.js +0 -938
- package/dist/scripts/33.chunk.js.map +0 -1
- package/dist/scripts/34.chunk.js +0 -523
- package/dist/scripts/34.chunk.js.map +0 -1
- package/dist/scripts/35-666d815525.chunk.js +0 -1
- package/dist/scripts/35.chunk.js +0 -414
- package/dist/scripts/35.chunk.js.map +0 -1
- package/dist/scripts/36-02ce5f3538.chunk.js +0 -1
- package/dist/scripts/36.chunk.js +0 -404
- package/dist/scripts/36.chunk.js.map +0 -1
- package/dist/scripts/37.chunk.js +0 -245
- package/dist/scripts/37.chunk.js.map +0 -1
- package/dist/scripts/38.chunk.js +0 -343
- package/dist/scripts/38.chunk.js.map +0 -1
- package/dist/scripts/39.chunk.js +0 -318
- package/dist/scripts/39.chunk.js.map +0 -1
- package/dist/scripts/4-6942fee782.chunk.js +0 -1
- package/dist/scripts/4.chunk.js +0 -1030
- package/dist/scripts/4.chunk.js.map +0 -1
- package/dist/scripts/40.chunk.js +0 -236
- package/dist/scripts/40.chunk.js.map +0 -1
- package/dist/scripts/41-f4c23477e3.chunk.js +0 -1
- package/dist/scripts/41.chunk.js +0 -231
- package/dist/scripts/41.chunk.js.map +0 -1
- package/dist/scripts/42-7a5b92d70b.chunk.js +0 -1
- package/dist/scripts/42.chunk.js +0 -350
- package/dist/scripts/42.chunk.js.map +0 -1
- package/dist/scripts/43-97193a87df.chunk.js +0 -1
- package/dist/scripts/43.chunk.js +0 -225
- package/dist/scripts/43.chunk.js.map +0 -1
- package/dist/scripts/44.chunk.js +0 -318
- package/dist/scripts/44.chunk.js.map +0 -1
- package/dist/scripts/45-265f1a7a42.chunk.js +0 -1
- package/dist/scripts/45.chunk.js +0 -64
- package/dist/scripts/45.chunk.js.map +0 -1
- package/dist/scripts/46-a594ad7eba.chunk.js +0 -1
- package/dist/scripts/46.chunk.js +0 -108
- package/dist/scripts/46.chunk.js.map +0 -1
- package/dist/scripts/47-99777c20cf.chunk.js +0 -1
- package/dist/scripts/47.chunk.js +0 -110
- package/dist/scripts/47.chunk.js.map +0 -1
- package/dist/scripts/48-9880523c82.chunk.js +0 -1
- package/dist/scripts/48.chunk.js +0 -148
- package/dist/scripts/48.chunk.js.map +0 -1
- package/dist/scripts/49-5e718594e5.chunk.js +0 -1
- package/dist/scripts/49.chunk.js +0 -142
- package/dist/scripts/49.chunk.js.map +0 -1
- package/dist/scripts/5-2f631dcd74.chunk.js +0 -1
- package/dist/scripts/5.chunk.js +0 -3262
- package/dist/scripts/5.chunk.js.map +0 -1
- package/dist/scripts/50.chunk.js +0 -145
- package/dist/scripts/50.chunk.js.map +0 -1
- package/dist/scripts/51-211b643ca5.chunk.js +0 -1
- package/dist/scripts/51.chunk.js +0 -176
- package/dist/scripts/51.chunk.js.map +0 -1
- package/dist/scripts/52.chunk.js +0 -160
- package/dist/scripts/52.chunk.js.map +0 -1
- package/dist/scripts/53.chunk.js +0 -98
- package/dist/scripts/53.chunk.js.map +0 -1
- package/dist/scripts/54.chunk.js +0 -48
- package/dist/scripts/54.chunk.js.map +0 -1
- package/dist/scripts/55-d38be4860b.chunk.js +0 -1
- package/dist/scripts/55.chunk.js +0 -99
- package/dist/scripts/55.chunk.js.map +0 -1
- package/dist/scripts/56.chunk.js +0 -64
- package/dist/scripts/56.chunk.js.map +0 -1
- package/dist/scripts/57.chunk.js +0 -72
- package/dist/scripts/57.chunk.js.map +0 -1
- package/dist/scripts/58.chunk.js +0 -73
- package/dist/scripts/58.chunk.js.map +0 -1
- package/dist/scripts/59.chunk.js +0 -70
- package/dist/scripts/59.chunk.js.map +0 -1
- package/dist/scripts/6-4d72a3c3fc.chunk.js +0 -1
- package/dist/scripts/6.chunk.js +0 -24
- package/dist/scripts/6.chunk.js.map +0 -1
- package/dist/scripts/60.chunk.js +0 -32
- package/dist/scripts/60.chunk.js.map +0 -1
- package/dist/scripts/61.chunk.js +0 -29
- package/dist/scripts/61.chunk.js.map +0 -1
- package/dist/scripts/62.chunk.js +0 -27
- package/dist/scripts/62.chunk.js.map +0 -1
- package/dist/scripts/63.chunk.js +0 -67
- package/dist/scripts/63.chunk.js.map +0 -1
- package/dist/scripts/64.chunk.js +0 -80
- package/dist/scripts/64.chunk.js.map +0 -1
- package/dist/scripts/65.chunk.js +0 -65
- package/dist/scripts/65.chunk.js.map +0 -1
- package/dist/scripts/66.chunk.js +0 -67
- package/dist/scripts/66.chunk.js.map +0 -1
- package/dist/scripts/67.chunk.js +0 -104
- package/dist/scripts/67.chunk.js.map +0 -1
- package/dist/scripts/68.chunk.js +0 -69
- package/dist/scripts/68.chunk.js.map +0 -1
- package/dist/scripts/69.chunk.js +0 -89
- package/dist/scripts/69.chunk.js.map +0 -1
- package/dist/scripts/7-90ad392b55.chunk.js +0 -1
- package/dist/scripts/7.chunk.js +0 -327
- package/dist/scripts/7.chunk.js.map +0 -1
- package/dist/scripts/70.chunk.js +0 -36
- package/dist/scripts/70.chunk.js.map +0 -1
- package/dist/scripts/8.chunk.js +0 -470
- package/dist/scripts/8.chunk.js.map +0 -1
- package/dist/scripts/9-52877087ef.chunk.js +0 -1
- package/dist/scripts/9.chunk.js +0 -471
- package/dist/scripts/9.chunk.js.map +0 -1
- package/dist/scripts/bundle-87d75d901a.min.js +0 -1
- package/dist/scripts/bundle-99976c17a2.min.js +0 -1
- package/dist/scripts/bundle-9f5ad50596.min.js +0 -1
- package/dist/scripts/bundle-a4952df647.min.js +0 -1
- package/dist/scripts/bundle.js +0 -34769
- package/dist/scripts/bundle.js.map +0 -1
- /package/dist/css/{30.chunk.css → 8.chunk.css} +0 -0
package/dist/scripts/13.chunk.js
DELETED
|
@@ -1,751 +0,0 @@
|
|
|
1
|
-
(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[13],{
|
|
2
|
-
|
|
3
|
-
/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
|
|
4
|
-
/*!*****************************************************************************************************!*\
|
|
5
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
|
|
6
|
-
\*****************************************************************************************************/
|
|
7
|
-
/*! exports provided: DivButton */
|
|
8
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9
|
-
|
|
10
|
-
"use strict";
|
|
11
|
-
__webpack_require__.r(__webpack_exports__);
|
|
12
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
|
|
13
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
14
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* This element lets us use `div` elements as buttons without losing the accessibility of
|
|
18
|
-
* a regular HTML button element
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
function DivButton(props) {
|
|
22
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
|
|
23
|
-
role: 'button',
|
|
24
|
-
tabIndex: 0,
|
|
25
|
-
className: `${props.className ? props.className : ''} cursor-pointer`,
|
|
26
|
-
onKeyDown: e => e.key === 'Enter' && props.onClick(e),
|
|
27
|
-
onClick: props.onClick,
|
|
28
|
-
style: props.style ? props.style : {}
|
|
29
|
-
}, props.children);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/***/ }),
|
|
33
|
-
|
|
34
|
-
/***/ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx":
|
|
35
|
-
/*!***************************************************************************************************************!*\
|
|
36
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx ***!
|
|
37
|
-
\***************************************************************************************************************/
|
|
38
|
-
/*! exports provided: FormButtons */
|
|
39
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
40
|
-
|
|
41
|
-
"use strict";
|
|
42
|
-
__webpack_require__.r(__webpack_exports__);
|
|
43
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormButtons", function() { return FormButtons; });
|
|
44
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
45
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
46
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
47
|
-
/* harmony import */ var _hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseCanSubmitForm */ "../../libs/shared/src/hooks/UseCanSubmitForm.ts");
|
|
48
|
-
/* harmony import */ var _spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
|
|
49
|
-
/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const namespace = 'shared.formButtons';
|
|
56
|
-
const ENTER_KEY_CODE = 13;
|
|
57
|
-
function FormButtons(props) {
|
|
58
|
-
const formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
|
|
59
|
-
const canSubmit = Object(_hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__["useCanSubmitForm"])(formikProps);
|
|
60
|
-
/**
|
|
61
|
-
* This hook listens to "Enter" keypress events, and submits the form if there
|
|
62
|
-
* are no errors. This prevents any edge cases where submitting doesn't work on
|
|
63
|
-
* Enter normally, such as when a custom component is in focus.
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
|
|
67
|
-
function onKeyPress(e) {
|
|
68
|
-
if (e.keyCode !== ENTER_KEY_CODE || !canSubmit) return;
|
|
69
|
-
formikProps.validateForm().then(errors => {
|
|
70
|
-
if (!Object.keys(errors).length) formikProps.submitForm();
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
window.addEventListener('keypress', onKeyPress);
|
|
75
|
-
return () => window.removeEventListener('keypress', onKeyPress);
|
|
76
|
-
}, [canSubmit]);
|
|
77
|
-
let phraseKey = 'save';
|
|
78
|
-
if (props.isNew) phraseKey = 'create';
|
|
79
|
-
if (props.hasNext) phraseKey = 'next';
|
|
80
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__["SpinnerButton"], {
|
|
81
|
-
showSpinner: formikProps.isSubmitting,
|
|
82
|
-
type: 'submit',
|
|
83
|
-
disabled: !canSubmit
|
|
84
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
|
|
85
|
-
namespace: namespace,
|
|
86
|
-
phrase: phraseKey
|
|
87
|
-
}));
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/***/ }),
|
|
91
|
-
|
|
92
|
-
/***/ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx":
|
|
93
|
-
/*!*****************************************************************************************************************!*\
|
|
94
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx ***!
|
|
95
|
-
\*****************************************************************************************************************/
|
|
96
|
-
/*! exports provided: FormCheckbox */
|
|
97
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
98
|
-
|
|
99
|
-
"use strict";
|
|
100
|
-
__webpack_require__.r(__webpack_exports__);
|
|
101
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormCheckbox", function() { return FormCheckbox; });
|
|
102
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
103
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
104
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
|
|
105
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
|
|
106
|
-
/* harmony import */ var _form_field_FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
|
|
107
|
-
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
108
|
-
var t = {};
|
|
109
|
-
|
|
110
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
111
|
-
|
|
112
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
113
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
114
|
-
}
|
|
115
|
-
return t;
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* Use this checkbox within Formik contexts
|
|
123
|
-
*/
|
|
124
|
-
|
|
125
|
-
function FormCheckbox(props) {
|
|
126
|
-
const {
|
|
127
|
-
label
|
|
128
|
-
} = props,
|
|
129
|
-
fieldProps = __rest(props, ["label"]);
|
|
130
|
-
|
|
131
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Group, null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
|
|
132
|
-
className: 'custom-control custom-checkbox'
|
|
133
|
-
}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_field_FormField__WEBPACK_IMPORTED_MODULE_2__["FieldWrapper"], Object.assign({
|
|
134
|
-
className: 'custom-control-input'
|
|
135
|
-
}, fieldProps)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Label, {
|
|
136
|
-
className: 'custom-control-label',
|
|
137
|
-
htmlFor: fieldProps.id
|
|
138
|
-
}, label)));
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/***/ }),
|
|
142
|
-
|
|
143
|
-
/***/ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx":
|
|
144
|
-
/*!******************************************************************************************************************!*\
|
|
145
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx ***!
|
|
146
|
-
\******************************************************************************************************************/
|
|
147
|
-
/*! exports provided: CharacterCounter */
|
|
148
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
149
|
-
|
|
150
|
-
"use strict";
|
|
151
|
-
__webpack_require__.r(__webpack_exports__);
|
|
152
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CharacterCounter", function() { return CharacterCounter; });
|
|
153
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
154
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
155
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
function CharacterCounter(props) {
|
|
159
|
-
const {
|
|
160
|
-
values
|
|
161
|
-
} = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
|
|
162
|
-
const field = values[props.fieldName];
|
|
163
|
-
if (typeof field !== 'string') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
|
|
164
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
|
|
165
|
-
className: 'float-right text-muted'
|
|
166
|
-
}, field.length, "/", props.limit);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
/***/ }),
|
|
170
|
-
|
|
171
|
-
/***/ "../../libs/shared/src/components/forms/form-field/FormField.tsx":
|
|
172
|
-
/*!***********************************************************************************************************!*\
|
|
173
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx ***!
|
|
174
|
-
\***********************************************************************************************************/
|
|
175
|
-
/*! exports provided: FieldWrapper, FormField */
|
|
176
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
177
|
-
|
|
178
|
-
"use strict";
|
|
179
|
-
__webpack_require__.r(__webpack_exports__);
|
|
180
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldWrapper", function() { return FieldWrapper; });
|
|
181
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormField", function() { return FormField; });
|
|
182
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
183
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
184
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
185
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
|
|
186
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
|
|
187
|
-
/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
|
|
188
|
-
/* harmony import */ var _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
|
|
189
|
-
/* harmony import */ var _CharacterCounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CharacterCounter */ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx");
|
|
190
|
-
/* harmony import */ var _form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form-checkbox/FormCheckbox */ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx");
|
|
191
|
-
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
192
|
-
var t = {};
|
|
193
|
-
|
|
194
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
195
|
-
|
|
196
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
197
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
198
|
-
}
|
|
199
|
-
return t;
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
function FieldWrapper(props) {
|
|
210
|
-
const {
|
|
211
|
-
children
|
|
212
|
-
} = props,
|
|
213
|
-
fieldProps = __rest(props, ["children"]);
|
|
214
|
-
|
|
215
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Field"], Object.assign({}, fieldProps), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(children) ? f => children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) ? children : null);
|
|
216
|
-
}
|
|
217
|
-
function FormField(props) {
|
|
218
|
-
const {
|
|
219
|
-
label,
|
|
220
|
-
className,
|
|
221
|
-
showCharacterCounter
|
|
222
|
-
} = props,
|
|
223
|
-
fieldProps = __rest(props, ["label", "className", "showCharacterCounter"]);
|
|
224
|
-
|
|
225
|
-
const {
|
|
226
|
-
errors,
|
|
227
|
-
touched
|
|
228
|
-
} = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
|
|
229
|
-
if (fieldProps.type === 'checkbox') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__["FormCheckbox"], Object.assign({}, props));
|
|
230
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Group, null, !!label && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Label, {
|
|
231
|
-
htmlFor: fieldProps.id
|
|
232
|
-
}, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FieldWrapper, Object.assign({
|
|
233
|
-
className: _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__["FormHelper"].getCustomFormControlClassName(errors, touched, fieldProps.name, className)
|
|
234
|
-
}, fieldProps)), !!showCharacterCounter && !!fieldProps.maxLength && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_CharacterCounter__WEBPACK_IMPORTED_MODULE_5__["CharacterCounter"], {
|
|
235
|
-
fieldName: fieldProps.name,
|
|
236
|
-
limit: fieldProps.maxLength
|
|
237
|
-
}), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["ErrorMessage"], {
|
|
238
|
-
name: fieldProps.name
|
|
239
|
-
}, errorMessage => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Control.Feedback, {
|
|
240
|
-
type: 'invalid'
|
|
241
|
-
}, errorMessage)));
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
/***/ }),
|
|
245
|
-
|
|
246
|
-
/***/ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx":
|
|
247
|
-
/*!***************************************************************************************************************!*\
|
|
248
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx ***!
|
|
249
|
-
\***************************************************************************************************************/
|
|
250
|
-
/*! exports provided: FormWrapper, useFormikContextWrapper */
|
|
251
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
252
|
-
|
|
253
|
-
"use strict";
|
|
254
|
-
__webpack_require__.r(__webpack_exports__);
|
|
255
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormWrapper", function() { return FormWrapper; });
|
|
256
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFormikContextWrapper", function() { return useFormikContextWrapper; });
|
|
257
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
258
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
259
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
260
|
-
/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
|
|
261
|
-
/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
|
|
262
|
-
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
263
|
-
var t = {};
|
|
264
|
-
|
|
265
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
266
|
-
|
|
267
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
268
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
269
|
-
}
|
|
270
|
-
return t;
|
|
271
|
-
};
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
function omitNullInitialValues(initialValues) {
|
|
279
|
-
const values = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].deepClone(initialValues);
|
|
280
|
-
Object.keys(values).forEach(key => {
|
|
281
|
-
if (!values.hasOwnProperty(key)) return;
|
|
282
|
-
if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(values[key])) values[key] = omitNullInitialValues(values[key]);else if (values[key] === null) delete values[key];
|
|
283
|
-
});
|
|
284
|
-
return values;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
FormWrapper.defaultProps = {
|
|
288
|
-
castInitialValues: true,
|
|
289
|
-
castValuesOnSubmit: true
|
|
290
|
-
};
|
|
291
|
-
function FormWrapper(props) {
|
|
292
|
-
const {
|
|
293
|
-
castInitialValues,
|
|
294
|
-
castValuesOnSubmit,
|
|
295
|
-
initialValues,
|
|
296
|
-
onSubmit,
|
|
297
|
-
resetOnSubmit
|
|
298
|
-
} = props,
|
|
299
|
-
formikProps = __rest(props, ["castInitialValues", "castValuesOnSubmit", "initialValues", "onSubmit", "resetOnSubmit"]);
|
|
300
|
-
/**
|
|
301
|
-
* If castInitialValues is true, cast initialValues to the validationSchema.
|
|
302
|
-
* This will ensure that any data fetched from the api conforms to the expected form data shape.
|
|
303
|
-
*/
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
const formattedInitialValues = castInitialValues && props.validationSchema ? props.validationSchema.cast(omitNullInitialValues(initialValues)) : initialValues;
|
|
307
|
-
|
|
308
|
-
const onSubmitHandler = (values, {
|
|
309
|
-
setSubmitting,
|
|
310
|
-
resetForm
|
|
311
|
-
}) => {
|
|
312
|
-
/**
|
|
313
|
-
* validationSchema.cast will coerce the values to the types defined in validationSchema.
|
|
314
|
-
* This is useful for trimming inputs:
|
|
315
|
-
* e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.
|
|
316
|
-
*/
|
|
317
|
-
const formattedData = castValuesOnSubmit && props.validationSchema ? props.validationSchema.cast(values) : values;
|
|
318
|
-
onSubmit(formattedData, () => {
|
|
319
|
-
resetOnSubmit && resetForm();
|
|
320
|
-
setSubmitting(false);
|
|
321
|
-
});
|
|
322
|
-
};
|
|
323
|
-
|
|
324
|
-
const initialStatus = {
|
|
325
|
-
allowInitialSubmit: props.allowInitialSubmit
|
|
326
|
-
};
|
|
327
|
-
return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Formik"], Object.assign({
|
|
328
|
-
enableReinitialize: true
|
|
329
|
-
}, formikProps, {
|
|
330
|
-
initialValues: formattedInitialValues,
|
|
331
|
-
onSubmit: onSubmitHandler,
|
|
332
|
-
initialStatus: initialStatus
|
|
333
|
-
}), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.children) ? f => props.children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(props.children) ? props.children : null);
|
|
334
|
-
}
|
|
335
|
-
function useFormikContextWrapper() {
|
|
336
|
-
return Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
/***/ }),
|
|
340
|
-
|
|
341
|
-
/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
|
|
342
|
-
/*!************************************************************************************!*\
|
|
343
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
|
|
344
|
-
\************************************************************************************/
|
|
345
|
-
/*! exports provided: useAlerts */
|
|
346
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
347
|
-
|
|
348
|
-
"use strict";
|
|
349
|
-
__webpack_require__.r(__webpack_exports__);
|
|
350
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
|
|
351
|
-
/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
|
|
352
|
-
/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
|
|
353
|
-
/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
const useAlerts = () => {
|
|
358
|
-
const alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
|
|
359
|
-
return {
|
|
360
|
-
success(alertContent) {
|
|
361
|
-
alertService.success(alertContent)();
|
|
362
|
-
},
|
|
363
|
-
|
|
364
|
-
error(alertContent) {
|
|
365
|
-
alertService.error(alertContent)();
|
|
366
|
-
},
|
|
367
|
-
|
|
368
|
-
warning(alertContent) {
|
|
369
|
-
alertService.createAlert({
|
|
370
|
-
type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
|
|
371
|
-
heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
|
|
372
|
-
message: alertContent
|
|
373
|
-
});
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
};
|
|
377
|
-
};
|
|
378
|
-
|
|
379
|
-
/***/ }),
|
|
380
|
-
|
|
381
|
-
/***/ "../../libs/shared/src/hooks/UseCanSubmitForm.ts":
|
|
382
|
-
/*!*******************************************************************************************!*\
|
|
383
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts ***!
|
|
384
|
-
\*******************************************************************************************/
|
|
385
|
-
/*! exports provided: useCanSubmitForm */
|
|
386
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
387
|
-
|
|
388
|
-
"use strict";
|
|
389
|
-
__webpack_require__.r(__webpack_exports__);
|
|
390
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCanSubmitForm", function() { return useCanSubmitForm; });
|
|
391
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
392
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
393
|
-
|
|
394
|
-
/**
|
|
395
|
-
* useCanSubmitForm determines if a form can be submitted.
|
|
396
|
-
*
|
|
397
|
-
* It will return true if a form is valid and has been changed from it's initial state.
|
|
398
|
-
*
|
|
399
|
-
* A common use case for this is determining whether or not to enable
|
|
400
|
-
* a submit button in a form.
|
|
401
|
-
*/
|
|
402
|
-
|
|
403
|
-
function useCanSubmitForm(formikProps) {
|
|
404
|
-
var _a;
|
|
405
|
-
|
|
406
|
-
const [canSubmit, setCanSubmit] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
|
|
407
|
-
react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
|
|
408
|
-
var _a;
|
|
409
|
-
|
|
410
|
-
if (!formikProps.isValid) {
|
|
411
|
-
setCanSubmit(false);
|
|
412
|
-
return;
|
|
413
|
-
} // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
if (formikProps.dirty || ((_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit)) setCanSubmit(true);else setCanSubmit(false);
|
|
417
|
-
}, [formikProps.isValid, (_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit, formikProps.dirty, formikProps.values]);
|
|
418
|
-
react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
|
|
419
|
-
if (formikProps.isSubmitting) setCanSubmit(false);
|
|
420
|
-
}, [formikProps.isSubmitting]);
|
|
421
|
-
return canSubmit;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
/***/ }),
|
|
425
|
-
|
|
426
|
-
/***/ "../../libs/shared/src/utils/FormHelper.ts":
|
|
427
|
-
/*!*************************************************************************************!*\
|
|
428
|
-
!*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts ***!
|
|
429
|
-
\*************************************************************************************/
|
|
430
|
-
/*! exports provided: FormHelper */
|
|
431
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
432
|
-
|
|
433
|
-
"use strict";
|
|
434
|
-
__webpack_require__.r(__webpack_exports__);
|
|
435
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormHelper", function() { return FormHelper; });
|
|
436
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
437
|
-
|
|
438
|
-
const FormHelper = {
|
|
439
|
-
getCustomFormControlClassName(errors, touched, attribute, additionalClassName) {
|
|
440
|
-
let className = 'form-control'; // Using getIn as it supports dot notation
|
|
441
|
-
|
|
442
|
-
if (Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(touched, attribute) && Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(errors, attribute)) className += ' is-invalid';
|
|
443
|
-
if (additionalClassName) className += ` ${additionalClassName}`;
|
|
444
|
-
return className;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
};
|
|
448
|
-
|
|
449
|
-
/***/ }),
|
|
450
|
-
|
|
451
|
-
/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
|
|
452
|
-
/*!***************************************************************************************************!*\
|
|
453
|
-
!*** ./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx ***!
|
|
454
|
-
\***************************************************************************************************/
|
|
455
|
-
/*! exports provided: ClassroomGroupDetailsForm */
|
|
456
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
457
|
-
|
|
458
|
-
"use strict";
|
|
459
|
-
__webpack_require__.r(__webpack_exports__);
|
|
460
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDetailsForm", function() { return ClassroomGroupDetailsForm; });
|
|
461
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
462
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
463
|
-
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
|
|
464
|
-
/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
|
|
465
|
-
/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
|
|
466
|
-
/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
|
|
467
|
-
/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
|
|
468
|
-
/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
|
|
469
|
-
/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/colour-picker/ColourPicker */ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx");
|
|
470
|
-
/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classroom-group-details-form.scss */ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss");
|
|
471
|
-
/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__);
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
var namespace = 'classrooms.classroomGroupDetailsForm';
|
|
482
|
-
var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
|
|
483
|
-
function ClassroomGroupDetailsForm(props) {
|
|
484
|
-
var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
|
|
485
|
-
return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
|
|
486
|
-
className: 'w-50 d-inline-block h6'
|
|
487
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
|
|
488
|
-
namespace: namespace,
|
|
489
|
-
phrase: 'nameLabel'
|
|
490
|
-
})), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
|
|
491
|
-
className: 'd-inline-block h6'
|
|
492
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
|
|
493
|
-
namespace: namespace,
|
|
494
|
-
phrase: 'colourLabel'
|
|
495
|
-
}))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
496
|
-
className: 'pb-3 d-flex'
|
|
497
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
498
|
-
className: 'w-50'
|
|
499
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
|
|
500
|
-
type: 'text',
|
|
501
|
-
name: 'name',
|
|
502
|
-
id: 'name',
|
|
503
|
-
className: "".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),
|
|
504
|
-
placeholder: getPhrase('groupNamePlaceholder'),
|
|
505
|
-
autoFocus: true,
|
|
506
|
-
value: formikProps.values.name
|
|
507
|
-
})), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
508
|
-
className: 'form-group'
|
|
509
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
|
|
510
|
-
onSelect: function onSelect(c) {
|
|
511
|
-
return formikProps.setFieldValue('colour', c);
|
|
512
|
-
},
|
|
513
|
-
selection: formikProps.values.colour,
|
|
514
|
-
id: "".concat(props.isNew ? 'create' : 'edit', "-classroom-group")
|
|
515
|
-
}))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
516
|
-
className: 'btn-container d-flex justify-content-end'
|
|
517
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
|
|
518
|
-
type: 'button',
|
|
519
|
-
className: 'btn btn-link mr-2',
|
|
520
|
-
onClick: props.onClickCancel
|
|
521
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
|
|
522
|
-
namespace: namespace,
|
|
523
|
-
phrase: 'cancel'
|
|
524
|
-
})), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
|
|
525
|
-
isNew: props.isNew
|
|
526
|
-
}))));
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
/***/ }),
|
|
530
|
-
|
|
531
|
-
/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
|
|
532
|
-
/*!*******************************************************************************************************!*\
|
|
533
|
-
!*** ./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss ***!
|
|
534
|
-
\*******************************************************************************************************/
|
|
535
|
-
/*! no static exports found */
|
|
536
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
537
|
-
|
|
538
|
-
// extracted by mini-css-extract-plugin
|
|
539
|
-
module.exports = {"groupNameInput":"cv--groupNameInput--3hGvq"};
|
|
540
|
-
|
|
541
|
-
/***/ }),
|
|
542
|
-
|
|
543
|
-
/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
|
|
544
|
-
/*!***********************************************************************!*\
|
|
545
|
-
!*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
|
|
546
|
-
\***********************************************************************/
|
|
547
|
-
/*! exports provided: ColourPicker */
|
|
548
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
549
|
-
|
|
550
|
-
"use strict";
|
|
551
|
-
__webpack_require__.r(__webpack_exports__);
|
|
552
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
|
|
553
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
554
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
555
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
|
|
556
|
-
/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
|
|
557
|
-
/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
|
|
558
|
-
/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
|
|
559
|
-
/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
|
|
560
|
-
/* harmony import */ var apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
|
|
561
|
-
/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
|
|
562
|
-
/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
|
|
563
|
-
/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
ColourPicker.defaultProps = {
|
|
573
|
-
selection: apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White,
|
|
574
|
-
onSelect: function onSelect() {}
|
|
575
|
-
};
|
|
576
|
-
function ColourPicker(props) {
|
|
577
|
-
function getToggleButtonClass() {
|
|
578
|
-
var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
|
|
579
|
-
var disabledClass = props.disabled ? 'cursor-default' : '';
|
|
580
|
-
return "".concat(baseClass, " ").concat(disabledClass);
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
function getOptionClass(colour) {
|
|
584
|
-
var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
|
|
585
|
-
var borderClass = colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? 'border border-dark' : '';
|
|
586
|
-
var disabledClass = props.disabled ? 'cursor-default' : '';
|
|
587
|
-
var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
|
|
588
|
-
return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
var dropdownProps = {};
|
|
592
|
-
if (props.disabled) dropdownProps.show = false;
|
|
593
|
-
return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
|
|
594
|
-
id: props.id,
|
|
595
|
-
variant: 'link',
|
|
596
|
-
className: getToggleButtonClass()
|
|
597
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
598
|
-
className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
|
|
599
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
600
|
-
className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
|
|
601
|
-
}, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
|
|
602
|
-
svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
|
|
603
|
-
})), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
|
|
604
|
-
className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
|
|
605
|
-
}, Object.keys(apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"]).map(function (colourKey) {
|
|
606
|
-
var colour = apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"][colourKey];
|
|
607
|
-
return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
|
|
608
|
-
key: "".concat(props.id, ":").concat(colour),
|
|
609
|
-
className: 'm-1'
|
|
610
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
|
|
611
|
-
onClick: function onClick() {
|
|
612
|
-
return props.onSelect(colour);
|
|
613
|
-
},
|
|
614
|
-
className: getOptionClass(colour)
|
|
615
|
-
}, colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
|
|
616
|
-
className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
|
|
617
|
-
}) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
|
|
618
|
-
}))));
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
/***/ }),
|
|
622
|
-
|
|
623
|
-
/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
|
|
624
|
-
/*!*************************************************************************!*\
|
|
625
|
-
!*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
|
|
626
|
-
\*************************************************************************/
|
|
627
|
-
/*! no static exports found */
|
|
628
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
629
|
-
|
|
630
|
-
// extracted by mini-css-extract-plugin
|
|
631
|
-
module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
|
|
632
|
-
|
|
633
|
-
/***/ }),
|
|
634
|
-
|
|
635
|
-
/***/ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
|
|
636
|
-
/*!***************************************************************************************************!*\
|
|
637
|
-
!*** ./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx ***!
|
|
638
|
-
\***************************************************************************************************/
|
|
639
|
-
/*! exports provided: EditClassroomGroupDetails */
|
|
640
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
641
|
-
|
|
642
|
-
"use strict";
|
|
643
|
-
__webpack_require__.r(__webpack_exports__);
|
|
644
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupDetails", function() { return EditClassroomGroupDetails; });
|
|
645
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
646
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
647
|
-
/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
|
|
648
|
-
/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomGroupValidationSchema */ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts");
|
|
649
|
-
/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm */ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx");
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
function EditClassroomGroupDetails(props) {
|
|
655
|
-
var _a, _b, _c;
|
|
656
|
-
|
|
657
|
-
var group = props.group,
|
|
658
|
-
saveGroup = props.saveGroup,
|
|
659
|
-
onClickCancel = props.onClickCancel;
|
|
660
|
-
var initialValues = {
|
|
661
|
-
id: (_a = group) === null || _a === void 0 ? void 0 : _a.id,
|
|
662
|
-
name: (_b = group) === null || _b === void 0 ? void 0 : _b.name,
|
|
663
|
-
colour: (_c = group) === null || _c === void 0 ? void 0 : _c.colour,
|
|
664
|
-
students: []
|
|
665
|
-
};
|
|
666
|
-
return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
|
|
667
|
-
initialValues: initialValues,
|
|
668
|
-
validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupValidationSchema"],
|
|
669
|
-
onSubmit: saveGroup
|
|
670
|
-
}, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomGroupDetailsForm"], {
|
|
671
|
-
isNew: !group,
|
|
672
|
-
onClickCancel: onClickCancel
|
|
673
|
-
}));
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
/***/ }),
|
|
677
|
-
|
|
678
|
-
/***/ "./src/apps/classrooms/enums/GroupColour.ts":
|
|
679
|
-
/*!**************************************************!*\
|
|
680
|
-
!*** ./src/apps/classrooms/enums/GroupColour.ts ***!
|
|
681
|
-
\**************************************************/
|
|
682
|
-
/*! exports provided: GroupColour */
|
|
683
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
684
|
-
|
|
685
|
-
"use strict";
|
|
686
|
-
__webpack_require__.r(__webpack_exports__);
|
|
687
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupColour", function() { return GroupColour; });
|
|
688
|
-
var GroupColour;
|
|
689
|
-
|
|
690
|
-
(function (GroupColour) {
|
|
691
|
-
GroupColour["White"] = "white";
|
|
692
|
-
GroupColour["Pink"] = "pink";
|
|
693
|
-
GroupColour["YellowOrange"] = "yellow-orange";
|
|
694
|
-
GroupColour["Emerald"] = "emerald";
|
|
695
|
-
GroupColour["PuertoRico"] = "puerto-rico";
|
|
696
|
-
GroupColour["PictonBlue"] = "picton-blue";
|
|
697
|
-
GroupColour["EastSide"] = "east-side";
|
|
698
|
-
GroupColour["Portage"] = "portage";
|
|
699
|
-
})(GroupColour || (GroupColour = {}));
|
|
700
|
-
|
|
701
|
-
/***/ }),
|
|
702
|
-
|
|
703
|
-
/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
|
|
704
|
-
/*!**************************************************!*\
|
|
705
|
-
!*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
|
|
706
|
-
\**************************************************/
|
|
707
|
-
/*! exports provided: mapColourToClassName */
|
|
708
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
709
|
-
|
|
710
|
-
"use strict";
|
|
711
|
-
__webpack_require__.r(__webpack_exports__);
|
|
712
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mapColourToClassName", function() { return mapColourToClassName; });
|
|
713
|
-
function mapColourToClassName(groupName) {
|
|
714
|
-
return "bg-".concat(groupName);
|
|
715
|
-
}
|
|
716
|
-
|
|
717
|
-
/***/ }),
|
|
718
|
-
|
|
719
|
-
/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
|
|
720
|
-
/*!**************************************************************************!*\
|
|
721
|
-
!*** ./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts ***!
|
|
722
|
-
\**************************************************************************/
|
|
723
|
-
/*! exports provided: ClassroomGroupValidationSchema */
|
|
724
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
725
|
-
|
|
726
|
-
"use strict";
|
|
727
|
-
__webpack_require__.r(__webpack_exports__);
|
|
728
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupValidationSchema", function() { return ClassroomGroupValidationSchema; });
|
|
729
|
-
/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "yup");
|
|
730
|
-
/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
|
|
731
|
-
/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
|
|
732
|
-
/* harmony import */ var _enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
|
|
737
|
-
var ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
|
|
738
|
-
name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
|
|
739
|
-
return getPhrase('nameExceeds');
|
|
740
|
-
}).required(function () {
|
|
741
|
-
return getPhrase('nameRequired');
|
|
742
|
-
})["default"](''),
|
|
743
|
-
colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
|
|
744
|
-
return getPhrase('colourRequired');
|
|
745
|
-
})["default"](_enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__["GroupColour"].White)
|
|
746
|
-
});
|
|
747
|
-
|
|
748
|
-
/***/ })
|
|
749
|
-
|
|
750
|
-
}]);
|
|
751
|
-
//# sourceMappingURL=13.chunk.js.map
|