indicator-ui 0.0.170 → 0.0.173
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.css +808 -3
- package/dist/index.css.map +1 -1
- package/dist/index.js +1590 -188
- package/dist/index.js.map +1 -1
- package/dist/types/src/assets/icons/index.d.ts +1 -0
- package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -0
- package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/types/CarouselTypes.d.ts +6 -0
- package/dist/types/src/ui/Carousel/types/index.d.ts +1 -0
- package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +2 -0
- package/dist/types/src/ui/Carousel/ui/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeField/styles/index.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeField/types/DateFieldTypes.d.ts +1 -2
- package/dist/types/src/ui/InputFields/DateTimeField/types/DateTimeFieldTypes.d.ts +16 -0
- package/dist/types/src/ui/InputFields/DateTimeField/types/TimeFieldTypes.d.ts +4 -0
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
- package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
- package/dist/types/src/ui/Loaders/assets/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/index.d.ts +2 -0
- package/dist/types/src/ui/Loaders/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts +16 -0
- package/dist/types/src/ui/Loaders/types/index.d.ts +1 -0
- package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +2 -0
- package/dist/types/src/ui/Loaders/ui/index.d.ts +1 -0
- package/dist/types/src/ui/MediaViewer/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/styles/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/styles/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts +14 -0
- package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts +9 -0
- package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts +3 -0
- package/dist/types/src/ui/MediaViewer/types/components/ProgressBarTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts +6 -0
- package/dist/types/src/ui/MediaViewer/types/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/types/index.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +2 -0
- package/dist/types/src/ui/MediaViewer/ui/components/index.d.ts +4 -0
- package/dist/types/src/ui/MediaViewer/ui/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/assets/index.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/index.d.ts +3 -0
- package/dist/types/src/ui/PlayButton/styles/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/types/PlayButtonTypes.d.ts +9 -0
- package/dist/types/src/ui/PlayButton/types/index.d.ts +1 -0
- package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +2 -0
- package/dist/types/src/ui/PlayButton/ui/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/index.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts +77 -0
- package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts +1 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +2 -0
- package/dist/types/src/ui/VideoPlayerBase/ui/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +4 -0
- package/package.json +3 -5
package/dist/index.js
CHANGED
|
@@ -1512,6 +1512,37 @@ var SvgLayoutLeft = function SvgLayoutLeft(props) {
|
|
|
1512
1512
|
|
|
1513
1513
|
/***/ }),
|
|
1514
1514
|
|
|
1515
|
+
/***/ "./src/assets/icons/line.svg":
|
|
1516
|
+
/*!***********************************!*\
|
|
1517
|
+
!*** ./src/assets/icons/line.svg ***!
|
|
1518
|
+
\***********************************/
|
|
1519
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1520
|
+
|
|
1521
|
+
"use strict";
|
|
1522
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1523
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1524
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
1525
|
+
/* harmony export */ });
|
|
1526
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
1527
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1528
|
+
var _path;
|
|
1529
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
1530
|
+
|
|
1531
|
+
var SvgLine = function SvgLine(props) {
|
|
1532
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
1533
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1534
|
+
width: 1,
|
|
1535
|
+
height: 28,
|
|
1536
|
+
fill: "none"
|
|
1537
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
1538
|
+
stroke: "#D0D5DD",
|
|
1539
|
+
d: "M.5 0v28"
|
|
1540
|
+
})));
|
|
1541
|
+
};
|
|
1542
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLine);
|
|
1543
|
+
|
|
1544
|
+
/***/ }),
|
|
1545
|
+
|
|
1515
1546
|
/***/ "./src/assets/icons/link-01.svg":
|
|
1516
1547
|
/*!**************************************!*\
|
|
1517
1548
|
!*** ./src/assets/icons/link-01.svg ***!
|
|
@@ -2031,13 +2062,13 @@ var SvgPlay = function SvgPlay(props) {
|
|
|
2031
2062
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
2032
2063
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2033
2064
|
fill: "none",
|
|
2034
|
-
viewBox: "0 0
|
|
2065
|
+
viewBox: "0 0 24 24"
|
|
2035
2066
|
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
2036
|
-
stroke: "#
|
|
2067
|
+
stroke: "#000",
|
|
2037
2068
|
strokeLinecap: "round",
|
|
2038
2069
|
strokeLinejoin: "round",
|
|
2039
|
-
strokeWidth:
|
|
2040
|
-
d: "
|
|
2070
|
+
strokeWidth: 2,
|
|
2071
|
+
d: "M5 4.99c0-.972 0-1.457.202-1.725a1 1 0 0 1 .738-.395c.335-.02.74.25 1.548.788l10.515 7.01c.668.446 1.002.668 1.118.949a1 1 0 0 1 0 .766c-.116.28-.45.503-1.118.948l-10.515 7.01c-.809.54-1.213.809-1.548.789a1 1 0 0 1-.738-.395C5 20.467 5 19.982 5 19.01z"
|
|
2041
2072
|
})));
|
|
2042
2073
|
};
|
|
2043
2074
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlay);
|
|
@@ -2961,6 +2992,144 @@ var SvgXClose = function SvgXClose(props) {
|
|
|
2961
2992
|
|
|
2962
2993
|
/***/ }),
|
|
2963
2994
|
|
|
2995
|
+
/***/ "./src/ui/Loaders/assets/LineSimple.svg":
|
|
2996
|
+
/*!**********************************************!*\
|
|
2997
|
+
!*** ./src/ui/Loaders/assets/LineSimple.svg ***!
|
|
2998
|
+
\**********************************************/
|
|
2999
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3000
|
+
|
|
3001
|
+
"use strict";
|
|
3002
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3003
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3004
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3005
|
+
/* harmony export */ });
|
|
3006
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3007
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3008
|
+
var _path, _path2;
|
|
3009
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3010
|
+
|
|
3011
|
+
var SvgLineSimple = function SvgLineSimple(props) {
|
|
3012
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3013
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3014
|
+
fill: "none",
|
|
3015
|
+
viewBox: "0 0 32 32"
|
|
3016
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3017
|
+
stroke: "#D0D5DD",
|
|
3018
|
+
strokeLinecap: "round",
|
|
3019
|
+
strokeLinejoin: "round",
|
|
3020
|
+
strokeWidth: 4,
|
|
3021
|
+
d: "M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0"
|
|
3022
|
+
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3023
|
+
stroke: "#1A40FF",
|
|
3024
|
+
strokeLinecap: "round",
|
|
3025
|
+
strokeLinejoin: "round",
|
|
3026
|
+
strokeWidth: 4,
|
|
3027
|
+
d: "M16 2a14 14 0 0 1 14 14"
|
|
3028
|
+
})));
|
|
3029
|
+
};
|
|
3030
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLineSimple);
|
|
3031
|
+
|
|
3032
|
+
/***/ }),
|
|
3033
|
+
|
|
3034
|
+
/***/ "./src/ui/Loaders/assets/LineSpinner.svg":
|
|
3035
|
+
/*!***********************************************!*\
|
|
3036
|
+
!*** ./src/ui/Loaders/assets/LineSpinner.svg ***!
|
|
3037
|
+
\***********************************************/
|
|
3038
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3039
|
+
|
|
3040
|
+
"use strict";
|
|
3041
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3042
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3043
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3044
|
+
/* harmony export */ });
|
|
3045
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3046
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3047
|
+
var _path, _path2;
|
|
3048
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3049
|
+
|
|
3050
|
+
var SvgLineSpinner = function SvgLineSpinner(props) {
|
|
3051
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3052
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3053
|
+
fill: "none",
|
|
3054
|
+
viewBox: "0 0 32 32"
|
|
3055
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3056
|
+
stroke: "#D0D5DD",
|
|
3057
|
+
strokeLinecap: "round",
|
|
3058
|
+
strokeLinejoin: "round",
|
|
3059
|
+
strokeWidth: 4,
|
|
3060
|
+
d: "M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0"
|
|
3061
|
+
})), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3062
|
+
stroke: "#1A40FF",
|
|
3063
|
+
strokeLinecap: "round",
|
|
3064
|
+
strokeLinejoin: "round",
|
|
3065
|
+
strokeWidth: 4,
|
|
3066
|
+
d: "M6.1 6.1a14 14 0 1 1 12.09 23.728"
|
|
3067
|
+
})));
|
|
3068
|
+
};
|
|
3069
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgLineSpinner);
|
|
3070
|
+
|
|
3071
|
+
/***/ }),
|
|
3072
|
+
|
|
3073
|
+
/***/ "./src/ui/PlayButton/assets/play.svg":
|
|
3074
|
+
/*!*******************************************!*\
|
|
3075
|
+
!*** ./src/ui/PlayButton/assets/play.svg ***!
|
|
3076
|
+
\*******************************************/
|
|
3077
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3078
|
+
|
|
3079
|
+
"use strict";
|
|
3080
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3081
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3082
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3083
|
+
/* harmony export */ });
|
|
3084
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3085
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3086
|
+
var _path;
|
|
3087
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3088
|
+
|
|
3089
|
+
var SvgPlay = function SvgPlay(props) {
|
|
3090
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3091
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3092
|
+
fill: "none",
|
|
3093
|
+
viewBox: "0 0 36 42"
|
|
3094
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3095
|
+
fill: "#fff",
|
|
3096
|
+
d: "M36 21 0 41.785V.215z"
|
|
3097
|
+
})));
|
|
3098
|
+
};
|
|
3099
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgPlay);
|
|
3100
|
+
|
|
3101
|
+
/***/ }),
|
|
3102
|
+
|
|
3103
|
+
/***/ "./src/ui/PlayButton/assets/stop.svg":
|
|
3104
|
+
/*!*******************************************!*\
|
|
3105
|
+
!*** ./src/ui/PlayButton/assets/stop.svg ***!
|
|
3106
|
+
\*******************************************/
|
|
3107
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3108
|
+
|
|
3109
|
+
"use strict";
|
|
3110
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3111
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3112
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3113
|
+
/* harmony export */ });
|
|
3114
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
3115
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
3116
|
+
var _path;
|
|
3117
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3118
|
+
|
|
3119
|
+
var SvgStop = function SvgStop(props) {
|
|
3120
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
|
|
3121
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3122
|
+
fill: "none",
|
|
3123
|
+
viewBox: "0 0 8 8"
|
|
3124
|
+
}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
|
|
3125
|
+
fill: "#fff",
|
|
3126
|
+
d: "M0 0h8v8H0z"
|
|
3127
|
+
})));
|
|
3128
|
+
};
|
|
3129
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgStop);
|
|
3130
|
+
|
|
3131
|
+
/***/ }),
|
|
3132
|
+
|
|
2964
3133
|
/***/ "./src/ui/UserPick/assets/placeholder.svg":
|
|
2965
3134
|
/*!************************************************!*\
|
|
2966
3135
|
!*** ./src/ui/UserPick/assets/placeholder.svg ***!
|
|
@@ -3186,6 +3355,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3186
3355
|
|
|
3187
3356
|
/***/ }),
|
|
3188
3357
|
|
|
3358
|
+
/***/ "./src/ui/InputFields/DateTimeField/styles/DateField.module.scss":
|
|
3359
|
+
/*!***********************************************************************!*\
|
|
3360
|
+
!*** ./src/ui/InputFields/DateTimeField/styles/DateField.module.scss ***!
|
|
3361
|
+
\***********************************************************************/
|
|
3362
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3363
|
+
|
|
3364
|
+
"use strict";
|
|
3365
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3366
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3367
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3368
|
+
/* harmony export */ });
|
|
3369
|
+
// extracted by mini-css-extract-plugin
|
|
3370
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"DateField-module__flexField___N5kNa","inputField":"DateField-module__inputField___u3oP8","placeholder":"DateField-module__placeholder___Xkwql","icon":"DateField-module__icon___NsGmB"});
|
|
3371
|
+
|
|
3372
|
+
/***/ }),
|
|
3373
|
+
|
|
3189
3374
|
/***/ "./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss":
|
|
3190
3375
|
/*!***************************************************************************!*\
|
|
3191
3376
|
!*** ./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss ***!
|
|
@@ -3198,7 +3383,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3198
3383
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3199
3384
|
/* harmony export */ });
|
|
3200
3385
|
// extracted by mini-css-extract-plugin
|
|
3201
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"DateTimeField":"DateTimeField-module__DateTimeField___k_mN4","item":"DateTimeField-module__item___SY6gn"});
|
|
3386
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"DateTimeField":"DateTimeField-module__DateTimeField___k_mN4","item":"DateTimeField-module__item___SY6gn","icon":"DateTimeField-module__icon___MluNf","text":"DateTimeField-module__text___uHVVF","isFocus":"DateTimeField-module__isFocus___jQRbb","isError":"DateTimeField-module__isError___CbRIG","flexField":"DateTimeField-module__flexField___gDZ5r","placeholder":"DateTimeField-module__placeholder___ta8c2","line":"DateTimeField-module__line___UzZ_Y","xCloseButton":"DateTimeField-module__xCloseButton___zhKEB"});
|
|
3202
3387
|
|
|
3203
3388
|
/***/ }),
|
|
3204
3389
|
|
|
@@ -3282,6 +3467,102 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3282
3467
|
|
|
3283
3468
|
/***/ }),
|
|
3284
3469
|
|
|
3470
|
+
/***/ "./src/ui/Loaders/styles/LoadingIndicator.module.scss":
|
|
3471
|
+
/*!************************************************************!*\
|
|
3472
|
+
!*** ./src/ui/Loaders/styles/LoadingIndicator.module.scss ***!
|
|
3473
|
+
\************************************************************/
|
|
3474
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3475
|
+
|
|
3476
|
+
"use strict";
|
|
3477
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3478
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3479
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3480
|
+
/* harmony export */ });
|
|
3481
|
+
// extracted by mini-css-extract-plugin
|
|
3482
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"LoadingIndicator":"LoadingIndicator-module__LoadingIndicator___iELVb","icon":"LoadingIndicator-module__icon___mgj_t","spinner-animation":"LoadingIndicator-module__spinner-animation___NBBAi","text":"LoadingIndicator-module__text___F575P","lineSimple":"LoadingIndicator-module__lineSimple___j3ypM","lineSpinner":"LoadingIndicator-module__lineSpinner___A2m7Y","small":"LoadingIndicator-module__small___MXHKy","medium":"LoadingIndicator-module__medium___o32By","large":"LoadingIndicator-module__large___Uxh7i","ultra":"LoadingIndicator-module__ultra___wIzOx","widthFill":"LoadingIndicator-module__widthFill___piI3w","widthHug":"LoadingIndicator-module__widthHug___olDl7","heightFill":"LoadingIndicator-module__heightFill___qkqYn","heightHug":"LoadingIndicator-module__heightHug___lgl6X"});
|
|
3483
|
+
|
|
3484
|
+
/***/ }),
|
|
3485
|
+
|
|
3486
|
+
/***/ "./src/ui/MediaViewer/styles/MediaViewer.module.scss":
|
|
3487
|
+
/*!***********************************************************!*\
|
|
3488
|
+
!*** ./src/ui/MediaViewer/styles/MediaViewer.module.scss ***!
|
|
3489
|
+
\***********************************************************/
|
|
3490
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3491
|
+
|
|
3492
|
+
"use strict";
|
|
3493
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3494
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3495
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3496
|
+
/* harmony export */ });
|
|
3497
|
+
// extracted by mini-css-extract-plugin
|
|
3498
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"MediaViewer":"MediaViewer-module__MediaViewer___DsL4T","content":"MediaViewer-module__content___e14vI","control":"MediaViewer-module__control___MB3Xg"});
|
|
3499
|
+
|
|
3500
|
+
/***/ }),
|
|
3501
|
+
|
|
3502
|
+
/***/ "./src/ui/MediaViewer/styles/components/ControlBar.module.scss":
|
|
3503
|
+
/*!*********************************************************************!*\
|
|
3504
|
+
!*** ./src/ui/MediaViewer/styles/components/ControlBar.module.scss ***!
|
|
3505
|
+
\*********************************************************************/
|
|
3506
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3507
|
+
|
|
3508
|
+
"use strict";
|
|
3509
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3510
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3511
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3512
|
+
/* harmony export */ });
|
|
3513
|
+
// extracted by mini-css-extract-plugin
|
|
3514
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"controlBar":"ControlBar-module__controlBar___B0pDT"});
|
|
3515
|
+
|
|
3516
|
+
/***/ }),
|
|
3517
|
+
|
|
3518
|
+
/***/ "./src/ui/MediaViewer/styles/components/ImageViewer.module.scss":
|
|
3519
|
+
/*!**********************************************************************!*\
|
|
3520
|
+
!*** ./src/ui/MediaViewer/styles/components/ImageViewer.module.scss ***!
|
|
3521
|
+
\**********************************************************************/
|
|
3522
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3523
|
+
|
|
3524
|
+
"use strict";
|
|
3525
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3526
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3527
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3528
|
+
/* harmony export */ });
|
|
3529
|
+
// extracted by mini-css-extract-plugin
|
|
3530
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"ImageViewer":"ImageViewer-module__ImageViewer___lH_sP"});
|
|
3531
|
+
|
|
3532
|
+
/***/ }),
|
|
3533
|
+
|
|
3534
|
+
/***/ "./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss":
|
|
3535
|
+
/*!***************************************************************************!*\
|
|
3536
|
+
!*** ./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss ***!
|
|
3537
|
+
\***************************************************************************/
|
|
3538
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3539
|
+
|
|
3540
|
+
"use strict";
|
|
3541
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3542
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3543
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3544
|
+
/* harmony export */ });
|
|
3545
|
+
// extracted by mini-css-extract-plugin
|
|
3546
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"videoProgressBar":"VideoProgressBar-module__videoProgressBar___QrnSp","progressBar":"VideoProgressBar-module__progressBar___m_P6t","dragging":"VideoProgressBar-module__dragging___eO_Va"});
|
|
3547
|
+
|
|
3548
|
+
/***/ }),
|
|
3549
|
+
|
|
3550
|
+
/***/ "./src/ui/MediaViewer/styles/components/VideoViewer.module.scss":
|
|
3551
|
+
/*!**********************************************************************!*\
|
|
3552
|
+
!*** ./src/ui/MediaViewer/styles/components/VideoViewer.module.scss ***!
|
|
3553
|
+
\**********************************************************************/
|
|
3554
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3555
|
+
|
|
3556
|
+
"use strict";
|
|
3557
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3558
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3559
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3560
|
+
/* harmony export */ });
|
|
3561
|
+
// extracted by mini-css-extract-plugin
|
|
3562
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"VideoViewer":"VideoViewer-module__VideoViewer___DnYgG","loader":"VideoViewer-module__loader___xINv6","hide":"VideoViewer-module__hide___uGbYO","timer":"VideoViewer-module__timer___w1Piv","progressBar":"VideoViewer-module__progressBar___SbaNv","content":"VideoViewer-module__content___jnFwK","playButton":"VideoViewer-module__playButton___Sb91y","show":"VideoViewer-module__show___GsvfN","appearance":"VideoViewer-module__appearance___GGxuv"});
|
|
3563
|
+
|
|
3564
|
+
/***/ }),
|
|
3565
|
+
|
|
3285
3566
|
/***/ "./src/ui/MicroButton/styles/MicroButton.module.scss":
|
|
3286
3567
|
/*!***********************************************************!*\
|
|
3287
3568
|
!*** ./src/ui/MicroButton/styles/MicroButton.module.scss ***!
|
|
@@ -3330,6 +3611,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3330
3611
|
|
|
3331
3612
|
/***/ }),
|
|
3332
3613
|
|
|
3614
|
+
/***/ "./src/ui/PlayButton/styles/PlayButton.module.scss":
|
|
3615
|
+
/*!*********************************************************!*\
|
|
3616
|
+
!*** ./src/ui/PlayButton/styles/PlayButton.module.scss ***!
|
|
3617
|
+
\*********************************************************/
|
|
3618
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3619
|
+
|
|
3620
|
+
"use strict";
|
|
3621
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3622
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3623
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
3624
|
+
/* harmony export */ });
|
|
3625
|
+
// extracted by mini-css-extract-plugin
|
|
3626
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"PlayButton":"PlayButton-module__PlayButton___JmGh_","default":"PlayButton-module__default___nbc5K","stop":"PlayButton-module__stop___P8MsE","large":"PlayButton-module__large___DYV1E","light":"PlayButton-module__light___UMWaJ","dark":"PlayButton-module__dark___BHsWx"});
|
|
3627
|
+
|
|
3628
|
+
/***/ }),
|
|
3629
|
+
|
|
3333
3630
|
/***/ "./src/ui/SlideTransition/styles/SlideTransition.module.scss":
|
|
3334
3631
|
/*!*******************************************************************!*\
|
|
3335
3632
|
!*** ./src/ui/SlideTransition/styles/SlideTransition.module.scss ***!
|
|
@@ -5946,7 +6243,7 @@ if (false) {} else {
|
|
|
5946
6243
|
"use strict";
|
|
5947
6244
|
__webpack_require__.r(__webpack_exports__);
|
|
5948
6245
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
5949
|
-
/* harmony export */ AlertCircleSVG: () => (/* reexport safe */
|
|
6246
|
+
/* harmony export */ AlertCircleSVG: () => (/* reexport safe */ _alert_circle_svg__WEBPACK_IMPORTED_MODULE_88__["default"]),
|
|
5950
6247
|
/* harmony export */ AlertSquareSVG: () => (/* reexport safe */ _alert_square_svg__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
5951
6248
|
/* harmony export */ AlertTriangleSVG: () => (/* reexport safe */ _alert_triangle_svg__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
5952
6249
|
/* harmony export */ ArrowCircleUpLeftSVG: () => (/* reexport safe */ _arrow_circle_up_left_svg__WEBPACK_IMPORTED_MODULE_2__["default"]),
|
|
@@ -5964,7 +6261,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5964
6261
|
/* harmony export */ Briefcase02SVG: () => (/* reexport safe */ _briefcase_02_svg__WEBPACK_IMPORTED_MODULE_14__["default"]),
|
|
5965
6262
|
/* harmony export */ Building07SVG: () => (/* reexport safe */ _building_07_svg__WEBPACK_IMPORTED_MODULE_15__["default"]),
|
|
5966
6263
|
/* harmony export */ CLockSVG: () => (/* reexport safe */ _clock_svg__WEBPACK_IMPORTED_MODULE_25__["default"]),
|
|
5967
|
-
/* harmony export */ CalendarCheck01SVG: () => (/* reexport safe */
|
|
6264
|
+
/* harmony export */ CalendarCheck01SVG: () => (/* reexport safe */ _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_86__["default"]),
|
|
5968
6265
|
/* harmony export */ CalendarPlus02SVG: () => (/* reexport safe */ _calendar_plus_02_svg__WEBPACK_IMPORTED_MODULE_16__["default"]),
|
|
5969
6266
|
/* harmony export */ CalendarSVG: () => (/* reexport safe */ _calendar_svg__WEBPACK_IMPORTED_MODULE_17__["default"]),
|
|
5970
6267
|
/* harmony export */ CheckSVG: () => (/* reexport safe */ _check_svg__WEBPACK_IMPORTED_MODULE_18__["default"]),
|
|
@@ -5973,31 +6270,32 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5973
6270
|
/* harmony export */ ChevronLeftSVG: () => (/* reexport safe */ _chevron_left_svg__WEBPACK_IMPORTED_MODULE_20__["default"]),
|
|
5974
6271
|
/* harmony export */ ChevronRightSVG: () => (/* reexport safe */ _chevron_right_svg__WEBPACK_IMPORTED_MODULE_21__["default"]),
|
|
5975
6272
|
/* harmony export */ ChevronUpSVG: () => (/* reexport safe */ _chevron_up_svg__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
5976
|
-
/* harmony export */ CircleSVG: () => (/* reexport safe */
|
|
6273
|
+
/* harmony export */ CircleSVG: () => (/* reexport safe */ _circle_svg__WEBPACK_IMPORTED_MODULE_85__["default"]),
|
|
5977
6274
|
/* harmony export */ ClockCheckSVG: () => (/* reexport safe */ _clock_check_svg__WEBPACK_IMPORTED_MODULE_24__["default"]),
|
|
5978
6275
|
/* harmony export */ Copy06SVG: () => (/* reexport safe */ _copy_06_svg__WEBPACK_IMPORTED_MODULE_26__["default"]),
|
|
5979
6276
|
/* harmony export */ Dataflow01SVG: () => (/* reexport safe */ _dataflow_01_svg__WEBPACK_IMPORTED_MODULE_27__["default"]),
|
|
5980
6277
|
/* harmony export */ DotsGridSVG: () => (/* reexport safe */ _dots_grid_svg__WEBPACK_IMPORTED_MODULE_29__["default"]),
|
|
5981
6278
|
/* harmony export */ Download01SVG: () => (/* reexport safe */ _download_01_svg__WEBPACK_IMPORTED_MODULE_28__["default"]),
|
|
5982
|
-
/* harmony export */ EyeSVG: () => (/* reexport safe */
|
|
6279
|
+
/* harmony export */ EyeSVG: () => (/* reexport safe */ _eye_svg__WEBPACK_IMPORTED_MODULE_79__["default"]),
|
|
5983
6280
|
/* harmony export */ FaceSmileSVG: () => (/* reexport safe */ _face_smile_svg__WEBPACK_IMPORTED_MODULE_30__["default"]),
|
|
5984
6281
|
/* harmony export */ File04SVG: () => (/* reexport safe */ _file_04_svg__WEBPACK_IMPORTED_MODULE_31__["default"]),
|
|
5985
6282
|
/* harmony export */ File06SVG: () => (/* reexport safe */ _file_06_svg__WEBPACK_IMPORTED_MODULE_32__["default"]),
|
|
5986
6283
|
/* harmony export */ FileAttachment04SVG: () => (/* reexport safe */ _file_attachment_04_svg__WEBPACK_IMPORTED_MODULE_33__["default"]),
|
|
5987
|
-
/* harmony export */ HelpCircleSVG: () => (/* reexport safe */
|
|
6284
|
+
/* harmony export */ HelpCircleSVG: () => (/* reexport safe */ _help_circle_svg__WEBPACK_IMPORTED_MODULE_87__["default"]),
|
|
5988
6285
|
/* harmony export */ Image02SVG: () => (/* reexport safe */ _image_02_svg__WEBPACK_IMPORTED_MODULE_34__["default"]),
|
|
5989
|
-
/* harmony export */ LayoutAlt01SVG: () => (/* reexport safe */
|
|
5990
|
-
/* harmony export */ LayoutAlt03SVG: () => (/* reexport safe */
|
|
6286
|
+
/* harmony export */ LayoutAlt01SVG: () => (/* reexport safe */ _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_83__["default"]),
|
|
6287
|
+
/* harmony export */ LayoutAlt03SVG: () => (/* reexport safe */ _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_84__["default"]),
|
|
5991
6288
|
/* harmony export */ LayoutCalendarSVG: () => (/* reexport safe */ _layout_calendar_svg__WEBPACK_IMPORTED_MODULE_35__["default"]),
|
|
5992
6289
|
/* harmony export */ LayoutGrid02SVG: () => (/* reexport safe */ _layout_grid_02_svg__WEBPACK_IMPORTED_MODULE_37__["default"]),
|
|
5993
6290
|
/* harmony export */ LayoutLeftSVG: () => (/* reexport safe */ _layout_left_svg__WEBPACK_IMPORTED_MODULE_36__["default"]),
|
|
6291
|
+
/* harmony export */ LineSVG: () => (/* reexport safe */ _line_svg__WEBPACK_IMPORTED_MODULE_78__["default"]),
|
|
5994
6292
|
/* harmony export */ Link01SVG: () => (/* reexport safe */ _link_01_svg__WEBPACK_IMPORTED_MODULE_38__["default"]),
|
|
5995
6293
|
/* harmony export */ Lock01SVG: () => (/* reexport safe */ _lock_01_svg__WEBPACK_IMPORTED_MODULE_41__["default"]),
|
|
5996
6294
|
/* harmony export */ Login01SVG: () => (/* reexport safe */ _log_in_01_svg__WEBPACK_IMPORTED_MODULE_39__["default"]),
|
|
5997
6295
|
/* harmony export */ Logout01SVG: () => (/* reexport safe */ _log_out_01_svg__WEBPACK_IMPORTED_MODULE_40__["default"]),
|
|
5998
6296
|
/* harmony export */ MarkerPin02SVG: () => (/* reexport safe */ _marker_pin_02_svg__WEBPACK_IMPORTED_MODULE_42__["default"]),
|
|
5999
6297
|
/* harmony export */ MessageNotificationCircleSVG: () => (/* reexport safe */ _message_notification_circle_svg__WEBPACK_IMPORTED_MODULE_43__["default"]),
|
|
6000
|
-
/* harmony export */ MessageSquare02SVG: () => (/* reexport safe */
|
|
6298
|
+
/* harmony export */ MessageSquare02SVG: () => (/* reexport safe */ _message_square_02_svg__WEBPACK_IMPORTED_MODULE_80__["default"]),
|
|
6001
6299
|
/* harmony export */ MessageTextSquare01SVG: () => (/* reexport safe */ _message_text_square_01_svg__WEBPACK_IMPORTED_MODULE_44__["default"]),
|
|
6002
6300
|
/* harmony export */ MessageTextSquare02SVG: () => (/* reexport safe */ _message_text_square_02_svg__WEBPACK_IMPORTED_MODULE_45__["default"]),
|
|
6003
6301
|
/* harmony export */ MinusSVG: () => (/* reexport safe */ _minus_svg__WEBPACK_IMPORTED_MODULE_46__["default"]),
|
|
@@ -6016,11 +6314,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6016
6314
|
/* harmony export */ SearchSmSVG: () => (/* reexport safe */ _search_sm_svg__WEBPACK_IMPORTED_MODULE_57__["default"]),
|
|
6017
6315
|
/* harmony export */ Settings01SVG: () => (/* reexport safe */ _settings_01_svg__WEBPACK_IMPORTED_MODULE_60__["default"]),
|
|
6018
6316
|
/* harmony export */ Settings04SVG: () => (/* reexport safe */ _settings_04_svg__WEBPACK_IMPORTED_MODULE_61__["default"]),
|
|
6019
|
-
/* harmony export */ ShareArrowSVG: () => (/* reexport safe */
|
|
6317
|
+
/* harmony export */ ShareArrowSVG: () => (/* reexport safe */ _share_arrow_svg__WEBPACK_IMPORTED_MODULE_81__["default"]),
|
|
6020
6318
|
/* harmony export */ SlashOctagonSVG: () => (/* reexport safe */ _slash_octagon_svg__WEBPACK_IMPORTED_MODULE_63__["default"]),
|
|
6021
6319
|
/* harmony export */ SupportSVG: () => (/* reexport safe */ _support_svg__WEBPACK_IMPORTED_MODULE_62__["default"]),
|
|
6022
6320
|
/* harmony export */ SwitchHorizontal02SVG: () => (/* reexport safe */ _switch_horizontal_02_svg__WEBPACK_IMPORTED_MODULE_64__["default"]),
|
|
6023
|
-
/* harmony export */ ThumbsUpSVG: () => (/* reexport safe */
|
|
6321
|
+
/* harmony export */ ThumbsUpSVG: () => (/* reexport safe */ _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_82__["default"]),
|
|
6024
6322
|
/* harmony export */ Trash01SVG: () => (/* reexport safe */ _trash_01_svg__WEBPACK_IMPORTED_MODULE_65__["default"]),
|
|
6025
6323
|
/* harmony export */ Trash03SVG: () => (/* reexport safe */ _trash_03_svg__WEBPACK_IMPORTED_MODULE_66__["default"]),
|
|
6026
6324
|
/* harmony export */ Type02SVG: () => (/* reexport safe */ _type_02_svg__WEBPACK_IMPORTED_MODULE_67__["default"]),
|
|
@@ -6113,16 +6411,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6113
6411
|
/* harmony import */ var _volume_x_svg__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ./volume-x.svg */ "./src/assets/icons/volume-x.svg");
|
|
6114
6412
|
/* harmony import */ var _wallet_03_svg__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ./wallet-03.svg */ "./src/assets/icons/wallet-03.svg");
|
|
6115
6413
|
/* harmony import */ var _x_close_svg__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ./x-close.svg */ "./src/assets/icons/x-close.svg");
|
|
6116
|
-
/* harmony import */ var
|
|
6117
|
-
/* harmony import */ var
|
|
6118
|
-
/* harmony import */ var
|
|
6119
|
-
/* harmony import */ var
|
|
6120
|
-
/* harmony import */ var
|
|
6121
|
-
/* harmony import */ var
|
|
6122
|
-
/* harmony import */ var
|
|
6123
|
-
/* harmony import */ var
|
|
6124
|
-
/* harmony import */ var
|
|
6125
|
-
/* harmony import */ var
|
|
6414
|
+
/* harmony import */ var _line_svg__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ./line.svg */ "./src/assets/icons/line.svg");
|
|
6415
|
+
/* harmony import */ var _eye_svg__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ./eye.svg */ "./src/assets/icons/eye.svg");
|
|
6416
|
+
/* harmony import */ var _message_square_02_svg__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ./message-square-02.svg */ "./src/assets/icons/message-square-02.svg");
|
|
6417
|
+
/* harmony import */ var _share_arrow_svg__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ./share-arrow.svg */ "./src/assets/icons/share-arrow.svg");
|
|
6418
|
+
/* harmony import */ var _thumbs_up_svg__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ./thumbs-up.svg */ "./src/assets/icons/thumbs-up.svg");
|
|
6419
|
+
/* harmony import */ var _layout_alt_01_svg__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ./layout-alt-01.svg */ "./src/assets/icons/layout-alt-01.svg");
|
|
6420
|
+
/* harmony import */ var _layout_alt_03_svg__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./layout-alt-03.svg */ "./src/assets/icons/layout-alt-03.svg");
|
|
6421
|
+
/* harmony import */ var _circle_svg__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./circle.svg */ "./src/assets/icons/circle.svg");
|
|
6422
|
+
/* harmony import */ var _calendar_check_01_svg__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./calendar-check-01.svg */ "./src/assets/icons/calendar-check-01.svg");
|
|
6423
|
+
/* harmony import */ var _help_circle_svg__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./help-circle.svg */ "./src/assets/icons/help-circle.svg");
|
|
6424
|
+
/* harmony import */ var _alert_circle_svg__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./alert-circle.svg */ "./src/assets/icons/alert-circle.svg");
|
|
6425
|
+
|
|
6126
6426
|
|
|
6127
6427
|
|
|
6128
6428
|
|
|
@@ -6269,6 +6569,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6269
6569
|
/* harmony export */ LayoutCalendarSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutCalendarSVG),
|
|
6270
6570
|
/* harmony export */ LayoutGrid02SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutGrid02SVG),
|
|
6271
6571
|
/* harmony export */ LayoutLeftSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LayoutLeftSVG),
|
|
6572
|
+
/* harmony export */ LineSVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.LineSVG),
|
|
6272
6573
|
/* harmony export */ Link01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Link01SVG),
|
|
6273
6574
|
/* harmony export */ Lock01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Lock01SVG),
|
|
6274
6575
|
/* harmony export */ Login01SVG: () => (/* reexport safe */ _icons__WEBPACK_IMPORTED_MODULE_0__.Login01SVG),
|
|
@@ -7386,35 +7687,167 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7386
7687
|
|
|
7387
7688
|
/***/ }),
|
|
7388
7689
|
|
|
7389
|
-
/***/ "./src/ui/
|
|
7390
|
-
|
|
7391
|
-
!*** ./src/ui/
|
|
7392
|
-
|
|
7690
|
+
/***/ "./src/ui/Carousel/index.ts":
|
|
7691
|
+
/*!**********************************!*\
|
|
7692
|
+
!*** ./src/ui/Carousel/index.ts ***!
|
|
7693
|
+
\**********************************/
|
|
7393
7694
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7394
7695
|
|
|
7395
7696
|
"use strict";
|
|
7396
7697
|
__webpack_require__.r(__webpack_exports__);
|
|
7397
7698
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7398
|
-
/* harmony export */
|
|
7699
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Carousel)
|
|
7399
7700
|
/* harmony export */ });
|
|
7400
|
-
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/
|
|
7401
|
-
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CascadeSelector/types/index.ts");
|
|
7402
|
-
|
|
7701
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Carousel/ui/index.ts");
|
|
7403
7702
|
|
|
7404
7703
|
|
|
7405
7704
|
|
|
7406
7705
|
/***/ }),
|
|
7407
7706
|
|
|
7408
|
-
/***/ "./src/ui/
|
|
7409
|
-
|
|
7410
|
-
!*** ./src/ui/
|
|
7411
|
-
|
|
7707
|
+
/***/ "./src/ui/Carousel/ui/Carousel.tsx":
|
|
7708
|
+
/*!*****************************************!*\
|
|
7709
|
+
!*** ./src/ui/Carousel/ui/Carousel.tsx ***!
|
|
7710
|
+
\*****************************************/
|
|
7412
7711
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7413
7712
|
|
|
7414
7713
|
"use strict";
|
|
7415
7714
|
__webpack_require__.r(__webpack_exports__);
|
|
7416
7715
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7417
|
-
/* harmony export */
|
|
7716
|
+
/* harmony export */ Carousel: () => (/* binding */ Carousel)
|
|
7717
|
+
/* harmony export */ });
|
|
7718
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
7719
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
7720
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
7721
|
+
|
|
7722
|
+
|
|
7723
|
+
function Carousel({ children, activeIndex = 0, setActiveIndex }) {
|
|
7724
|
+
const [offset, setOffset] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7725
|
+
const [isDragging, setIsDragging] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
7726
|
+
const [startX, setStartX] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7727
|
+
const [containerWidth, setContainerWidth] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
7728
|
+
const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
7729
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
7730
|
+
const updateWidth = () => {
|
|
7731
|
+
if (containerRef.current) {
|
|
7732
|
+
setContainerWidth(containerRef.current.offsetWidth);
|
|
7733
|
+
}
|
|
7734
|
+
};
|
|
7735
|
+
updateWidth();
|
|
7736
|
+
window.addEventListener('resize', updateWidth);
|
|
7737
|
+
return () => window.removeEventListener('resize', updateWidth);
|
|
7738
|
+
}, []);
|
|
7739
|
+
const handleDragStart = (clientX) => {
|
|
7740
|
+
setStartX(clientX);
|
|
7741
|
+
setIsDragging(true);
|
|
7742
|
+
};
|
|
7743
|
+
const handleDragMove = (clientX) => {
|
|
7744
|
+
if (!isDragging)
|
|
7745
|
+
return;
|
|
7746
|
+
const delta = clientX - startX;
|
|
7747
|
+
setOffset(delta);
|
|
7748
|
+
};
|
|
7749
|
+
const handleDragEnd = () => {
|
|
7750
|
+
if (!isDragging)
|
|
7751
|
+
return;
|
|
7752
|
+
setIsDragging(false);
|
|
7753
|
+
if (containerWidth === 0)
|
|
7754
|
+
return;
|
|
7755
|
+
const totalOffset = -activeIndex * containerWidth + offset;
|
|
7756
|
+
const targetIndex = Math.round(-totalOffset / containerWidth);
|
|
7757
|
+
const clampedIndex = Math.max(0, Math.min(targetIndex, react__WEBPACK_IMPORTED_MODULE_1___default().Children.count(children) - 1));
|
|
7758
|
+
setActiveIndex?.(clampedIndex);
|
|
7759
|
+
setOffset(0);
|
|
7760
|
+
};
|
|
7761
|
+
const handleMouseDown = (e) => {
|
|
7762
|
+
e.preventDefault();
|
|
7763
|
+
handleDragStart(e.clientX);
|
|
7764
|
+
};
|
|
7765
|
+
const handleMouseMove = (e) => {
|
|
7766
|
+
handleDragMove(e.clientX);
|
|
7767
|
+
};
|
|
7768
|
+
const handleMouseUp = () => {
|
|
7769
|
+
handleDragEnd();
|
|
7770
|
+
};
|
|
7771
|
+
const handleTouchStart = (e) => {
|
|
7772
|
+
handleDragStart(e.touches[0].clientX);
|
|
7773
|
+
};
|
|
7774
|
+
const handleTouchMove = (e) => {
|
|
7775
|
+
handleDragMove(e.touches[0].clientX);
|
|
7776
|
+
};
|
|
7777
|
+
const handleTouchEnd = () => {
|
|
7778
|
+
handleDragEnd();
|
|
7779
|
+
};
|
|
7780
|
+
const containerStyle = {
|
|
7781
|
+
width: '100%',
|
|
7782
|
+
height: '100%',
|
|
7783
|
+
overflow: 'hidden',
|
|
7784
|
+
touchAction: 'none',
|
|
7785
|
+
};
|
|
7786
|
+
const slidesContainerStyle = {
|
|
7787
|
+
display: 'flex',
|
|
7788
|
+
transform: `translateX(${-activeIndex * containerWidth + offset}px)`,
|
|
7789
|
+
transition: isDragging ? 'none' : 'transform 0.3s ease',
|
|
7790
|
+
willChange: 'transform',
|
|
7791
|
+
width: '100%',
|
|
7792
|
+
height: '100%',
|
|
7793
|
+
};
|
|
7794
|
+
const slideStyle = {
|
|
7795
|
+
flex: '0 0 100%',
|
|
7796
|
+
width: '100%',
|
|
7797
|
+
height: '100%',
|
|
7798
|
+
};
|
|
7799
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: containerRef, style: containerStyle, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: slidesContainerStyle, children: react__WEBPACK_IMPORTED_MODULE_1___default().Children.map(children, (child, index) => ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { style: slideStyle, children: child }, index))) }) }));
|
|
7800
|
+
}
|
|
7801
|
+
|
|
7802
|
+
|
|
7803
|
+
/***/ }),
|
|
7804
|
+
|
|
7805
|
+
/***/ "./src/ui/Carousel/ui/index.ts":
|
|
7806
|
+
/*!*************************************!*\
|
|
7807
|
+
!*** ./src/ui/Carousel/ui/index.ts ***!
|
|
7808
|
+
\*************************************/
|
|
7809
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7810
|
+
|
|
7811
|
+
"use strict";
|
|
7812
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7813
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7814
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _Carousel__WEBPACK_IMPORTED_MODULE_0__.Carousel)
|
|
7815
|
+
/* harmony export */ });
|
|
7816
|
+
/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/ui/Carousel.tsx");
|
|
7817
|
+
|
|
7818
|
+
|
|
7819
|
+
|
|
7820
|
+
/***/ }),
|
|
7821
|
+
|
|
7822
|
+
/***/ "./src/ui/CascadeSelector/index.ts":
|
|
7823
|
+
/*!*****************************************!*\
|
|
7824
|
+
!*** ./src/ui/CascadeSelector/index.ts ***!
|
|
7825
|
+
\*****************************************/
|
|
7826
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7827
|
+
|
|
7828
|
+
"use strict";
|
|
7829
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7830
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7831
|
+
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.CascadeSelector)
|
|
7832
|
+
/* harmony export */ });
|
|
7833
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/CascadeSelector/ui/index.ts");
|
|
7834
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CascadeSelector/types/index.ts");
|
|
7835
|
+
|
|
7836
|
+
|
|
7837
|
+
|
|
7838
|
+
|
|
7839
|
+
/***/ }),
|
|
7840
|
+
|
|
7841
|
+
/***/ "./src/ui/CascadeSelector/styles/index.ts":
|
|
7842
|
+
/*!************************************************!*\
|
|
7843
|
+
!*** ./src/ui/CascadeSelector/styles/index.ts ***!
|
|
7844
|
+
\************************************************/
|
|
7845
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7846
|
+
|
|
7847
|
+
"use strict";
|
|
7848
|
+
__webpack_require__.r(__webpack_exports__);
|
|
7849
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7850
|
+
/* harmony export */ CascadeBlockStyle: () => (/* reexport safe */ _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
7418
7851
|
/* harmony export */ });
|
|
7419
7852
|
/* harmony import */ var _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeBlock.module.scss */ "./src/ui/CascadeSelector/styles/CascadeBlock.module.scss");
|
|
7420
7853
|
|
|
@@ -9307,9 +9740,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9307
9740
|
"use strict";
|
|
9308
9741
|
__webpack_require__.r(__webpack_exports__);
|
|
9309
9742
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
9743
|
+
/* harmony export */ DateFieldStyle: () => (/* reexport safe */ _DateField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
9310
9744
|
/* harmony export */ DateTimeFieldStyle: () => (/* reexport safe */ _DateTimeField_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
9311
9745
|
/* harmony export */ });
|
|
9312
9746
|
/* harmony import */ var _DateTimeField_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DateTimeField.module.scss */ "./src/ui/InputFields/DateTimeField/styles/DateTimeField.module.scss");
|
|
9747
|
+
/* harmony import */ var _DateField_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DateField.module.scss */ "./src/ui/InputFields/DateTimeField/styles/DateField.module.scss");
|
|
9748
|
+
|
|
9313
9749
|
|
|
9314
9750
|
|
|
9315
9751
|
|
|
@@ -9388,17 +9824,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9388
9824
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
9389
9825
|
/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
|
|
9390
9826
|
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
|
|
9391
|
-
/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
|
|
9392
9827
|
|
|
9393
9828
|
|
|
9394
9829
|
|
|
9395
9830
|
|
|
9396
|
-
|
|
9397
|
-
function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat = 'dd.MM.yyyy', onBlur, minYear = 1000, maxYear = 9999, additionStyles, timeZone, placeholder, }) {
|
|
9831
|
+
function DateField({ value, disabled, required, isError, onChange, onFocus, dateFormat = 'dd.MM.yyyy', onBlur, minYear = 1000, maxYear = 9999, timeZone, placeholder, className, }) {
|
|
9398
9832
|
const [dateValue, setDateValue] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value);
|
|
9399
9833
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
9400
9834
|
if (value !== dateValue)
|
|
9401
|
-
setDateValue(value);
|
|
9835
|
+
setDateValue(value || '');
|
|
9402
9836
|
}, [value]);
|
|
9403
9837
|
const handleChange = (newDate) => {
|
|
9404
9838
|
setDateValue(newDate);
|
|
@@ -9416,7 +9850,7 @@ function DateField({ value, disabled, required, isError, onChange, onFocus, date
|
|
|
9416
9850
|
onChange('');
|
|
9417
9851
|
}
|
|
9418
9852
|
};
|
|
9419
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
9853
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: dateValue, placeholder: placeholder, onAccept: handleChange, disabled: disabled, onFocus: onFocus, onBlur: onBlur, mask: dateFormat, blocks: {
|
|
9420
9854
|
YYYY: {
|
|
9421
9855
|
mask: react_imask__WEBPACK_IMPORTED_MODULE_2__.IMask.MaskedRange,
|
|
9422
9856
|
from: minYear, // минимальный год
|
|
@@ -9442,7 +9876,7 @@ function DateField({ value, disabled, required, isError, onChange, onFocus, date
|
|
|
9442
9876
|
from: 0,
|
|
9443
9877
|
to: 99,
|
|
9444
9878
|
}
|
|
9445
|
-
}, required: required });
|
|
9879
|
+
}, className: className, required: required });
|
|
9446
9880
|
}
|
|
9447
9881
|
|
|
9448
9882
|
|
|
@@ -9463,10 +9897,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9463
9897
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
9464
9898
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
9465
9899
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
9466
|
-
/* harmony import */ var
|
|
9467
|
-
/* harmony import */ var
|
|
9468
|
-
/* harmony import */ var
|
|
9469
|
-
/* harmony import */ var
|
|
9900
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
|
|
9901
|
+
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
|
|
9902
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/DateTimeField/styles/index.ts");
|
|
9903
|
+
/* harmony import */ var _TimeField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TimeField */ "./src/ui/InputFields/DateTimeField/ui/TimeField.tsx");
|
|
9904
|
+
/* harmony import */ var _DateField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DateField */ "./src/ui/InputFields/DateTimeField/ui/DateField.tsx");
|
|
9470
9905
|
|
|
9471
9906
|
|
|
9472
9907
|
|
|
@@ -9474,17 +9909,19 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9474
9909
|
|
|
9475
9910
|
|
|
9476
9911
|
|
|
9477
|
-
|
|
9912
|
+
|
|
9913
|
+
function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat = 'dd.MM.yyyy', timeFormat = 'HH:mm', outFormat = 'iso-8601', additionStyle, datePlaceholder = "дд.мм.гггг", timePlaceholder = "чч:мм", timeZone = 'Z', iconDate, iconTime, textDate, textTime, xClose = false, isError = false, onFocus, onBlur, ...props }) {
|
|
9914
|
+
const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
9478
9915
|
const getValueInDate = () => {
|
|
9479
9916
|
if (value === undefined)
|
|
9480
9917
|
return undefined;
|
|
9481
|
-
return (0,
|
|
9918
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(value, { from: outFormat, fromTimeZone: timeZone });
|
|
9482
9919
|
};
|
|
9483
9920
|
const getDateFromValue = () => {
|
|
9484
9921
|
if (fieldConfig === 'time' || value === undefined)
|
|
9485
9922
|
return undefined;
|
|
9486
9923
|
const curDate = getValueInDate();
|
|
9487
|
-
return (0,
|
|
9924
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(curDate, {
|
|
9488
9925
|
to: dateFormat,
|
|
9489
9926
|
errorNull: true,
|
|
9490
9927
|
toTimeZone: timeZone,
|
|
@@ -9494,14 +9931,14 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
|
|
|
9494
9931
|
if (fieldConfig === 'date' || value === undefined)
|
|
9495
9932
|
return undefined;
|
|
9496
9933
|
const curDate = getValueInDate();
|
|
9497
|
-
return (0,
|
|
9934
|
+
return (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(curDate, {
|
|
9498
9935
|
to: timeFormat,
|
|
9499
9936
|
errorNull: true,
|
|
9500
9937
|
toTimeZone: timeZone,
|
|
9501
9938
|
}) ?? undefined;
|
|
9502
9939
|
};
|
|
9503
9940
|
const setTimeInDate = (res, newTime) => {
|
|
9504
|
-
const dateTime = (0,
|
|
9941
|
+
const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(newTime, { from: timeFormat, fromTimeZone: timeZone });
|
|
9505
9942
|
if (dateTime != null) {
|
|
9506
9943
|
res.setHours(dateTime.getHours());
|
|
9507
9944
|
res.setMinutes(dateTime.getMinutes());
|
|
@@ -9510,7 +9947,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
|
|
|
9510
9947
|
}
|
|
9511
9948
|
};
|
|
9512
9949
|
const setDateInDate = (res, newDate) => {
|
|
9513
|
-
const dateTime = (0,
|
|
9950
|
+
const dateTime = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveParseDate)(newDate, { from: dateFormat, fromTimeZone: timeZone });
|
|
9514
9951
|
if (dateTime != null) {
|
|
9515
9952
|
res.setFullYear(dateTime.getFullYear());
|
|
9516
9953
|
res.setMonth(dateTime.getMonth());
|
|
@@ -9520,7 +9957,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
|
|
|
9520
9957
|
const getDateTimeFormatValue = (newValue) => {
|
|
9521
9958
|
if (newValue == null)
|
|
9522
9959
|
return null;
|
|
9523
|
-
const res = (0,
|
|
9960
|
+
const res = (0,_lib__WEBPACK_IMPORTED_MODULE_4__.saveFormatDate)(newValue, {
|
|
9524
9961
|
to: outFormat,
|
|
9525
9962
|
toTimeZone: timeZone,
|
|
9526
9963
|
});
|
|
@@ -9577,7 +10014,7 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
|
|
|
9577
10014
|
(time === '' && date === '' && fieldConfig === 'datetime') ||
|
|
9578
10015
|
(time === '' && fieldConfig === 'time') ||
|
|
9579
10016
|
(date === '' && fieldConfig === 'date')) {
|
|
9580
|
-
onChange('');
|
|
10017
|
+
onChange && onChange('');
|
|
9581
10018
|
}
|
|
9582
10019
|
else if (time || date) {
|
|
9583
10020
|
const resDate = getDateTimeValue();
|
|
@@ -9586,17 +10023,53 @@ function DateTimeField({ value, fieldConfig = 'datetime', onChange, dateFormat =
|
|
|
9586
10023
|
}
|
|
9587
10024
|
}
|
|
9588
10025
|
}, [time, date]);
|
|
10026
|
+
const handleOnCloseClick = () => {
|
|
10027
|
+
if (fieldConfig === 'datetime') {
|
|
10028
|
+
setDate('');
|
|
10029
|
+
setTime('');
|
|
10030
|
+
}
|
|
10031
|
+
else if (fieldConfig === 'time') {
|
|
10032
|
+
setTime('');
|
|
10033
|
+
}
|
|
10034
|
+
else if (fieldConfig === 'date') {
|
|
10035
|
+
setDate('');
|
|
10036
|
+
}
|
|
10037
|
+
};
|
|
10038
|
+
const handleBlur = (e) => {
|
|
10039
|
+
onBlur && onBlur(e);
|
|
10040
|
+
setIsFocus(false);
|
|
10041
|
+
};
|
|
10042
|
+
const handleFocus = (e) => {
|
|
10043
|
+
onFocus && onFocus(e);
|
|
10044
|
+
setIsFocus(true);
|
|
10045
|
+
};
|
|
10046
|
+
const getButtonClose = () => {
|
|
10047
|
+
if (!xClose)
|
|
10048
|
+
return undefined;
|
|
10049
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { onClick: () => {
|
|
10050
|
+
handleOnCloseClick();
|
|
10051
|
+
}, className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.xCloseButton, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.XCloseSVG, {}) });
|
|
10052
|
+
};
|
|
9589
10053
|
const getTimeContent = () => {
|
|
9590
10054
|
if (fieldConfig == 'date')
|
|
9591
10055
|
return undefined;
|
|
9592
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.
|
|
10056
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.item, children: [iconTime && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.icon, children: iconTime }), textTime && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.text, children: textTime }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TimeField__WEBPACK_IMPORTED_MODULE_6__.TimeField, { ...props, placeholder: timePlaceholder, onChange: setTime, timeZone: timeZone, onBlur: handleBlur, onFocus: handleFocus, value: time, timeFormat: timeFormat, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, {
|
|
10057
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.singleField]: fieldConfig === 'time',
|
|
10058
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.dateTimeFieldRight]: fieldConfig === 'datetime'
|
|
10059
|
+
}) }), getButtonClose()] }));
|
|
9593
10060
|
};
|
|
9594
10061
|
const getDateContent = () => {
|
|
9595
10062
|
if (fieldConfig == 'time')
|
|
9596
10063
|
return undefined;
|
|
9597
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.
|
|
10064
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.item, children: [iconDate && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.icon, children: iconDate }), textDate && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.text, children: textDate }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DateField__WEBPACK_IMPORTED_MODULE_7__.DateField, { ...props, placeholder: datePlaceholder, value: date, onBlur: handleBlur, onFocus: handleFocus, timeZone: timeZone, onChange: setDate, dateFormat: dateFormat, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.flexField, {
|
|
10065
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.singleField]: fieldConfig === 'date',
|
|
10066
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.dateTimeFieldLeft]: fieldConfig === 'datetime'
|
|
10067
|
+
}) }), fieldConfig == 'date' && getButtonClose()] }));
|
|
9598
10068
|
};
|
|
9599
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(
|
|
10069
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.DateTimeField, additionStyle, {
|
|
10070
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.isError]: isError,
|
|
10071
|
+
[_styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.isFocus]: isFocus
|
|
10072
|
+
}), children: [getDateContent(), fieldConfig === 'datetime' && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.DateTimeFieldStyle.line, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.LineSVG, {}) }), getTimeContent()] }));
|
|
9600
10073
|
}
|
|
9601
10074
|
|
|
9602
10075
|
|
|
@@ -9618,13 +10091,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9618
10091
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
9619
10092
|
/* harmony import */ var react_imask__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-imask */ "./node_modules/react-imask/esm/index.js");
|
|
9620
10093
|
/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
|
|
9621
|
-
/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
|
|
9622
|
-
|
|
9623
10094
|
|
|
9624
10095
|
|
|
9625
10096
|
|
|
9626
10097
|
|
|
9627
|
-
function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat = 'HH:mm', onBlur, placeholder, additionStyles, timeZone, }) {
|
|
10098
|
+
function TimeField({ value, disabled, required, isError, onChange, onFocus, timeFormat = 'HH:mm', onBlur, placeholder, additionStyles, timeZone, className }) {
|
|
9628
10099
|
const [timeValue, setTimeValue] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value);
|
|
9629
10100
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
9630
10101
|
if (value !== timeValue)
|
|
@@ -9646,7 +10117,7 @@ function TimeField({ value, disabled, required, isError, onChange, onFocus, time
|
|
|
9646
10117
|
onChange('');
|
|
9647
10118
|
}
|
|
9648
10119
|
};
|
|
9649
|
-
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
|
|
10120
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: timeValue, placeholder: placeholder, onAccept: handleChange, disabled: disabled, onFocus: onFocus, onBlur: onBlur, mask: timeFormat, blocks: {
|
|
9650
10121
|
HH: {
|
|
9651
10122
|
mask: react_imask__WEBPACK_IMPORTED_MODULE_2__.IMask.MaskedRange,
|
|
9652
10123
|
from: 0,
|
|
@@ -9667,8 +10138,7 @@ function TimeField({ value, disabled, required, isError, onChange, onFocus, time
|
|
|
9667
10138
|
from: 0,
|
|
9668
10139
|
to: 999, // для миллисекунд 000-999
|
|
9669
10140
|
},
|
|
9670
|
-
|
|
9671
|
-
}, required: required });
|
|
10141
|
+
}, className: className, required: required });
|
|
9672
10142
|
}
|
|
9673
10143
|
|
|
9674
10144
|
|
|
@@ -11067,224 +11537,824 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11067
11537
|
|
|
11068
11538
|
/***/ }),
|
|
11069
11539
|
|
|
11070
|
-
/***/ "./src/ui/
|
|
11071
|
-
|
|
11072
|
-
!*** ./src/ui/
|
|
11073
|
-
|
|
11540
|
+
/***/ "./src/ui/Loaders/assets/index.ts":
|
|
11541
|
+
/*!****************************************!*\
|
|
11542
|
+
!*** ./src/ui/Loaders/assets/index.ts ***!
|
|
11543
|
+
\****************************************/
|
|
11074
11544
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11075
11545
|
|
|
11076
11546
|
"use strict";
|
|
11077
11547
|
__webpack_require__.r(__webpack_exports__);
|
|
11078
11548
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11079
|
-
/* harmony export */
|
|
11549
|
+
/* harmony export */ LineSimpleSVG: () => (/* reexport safe */ _LineSimple_svg__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
11550
|
+
/* harmony export */ LineSpinnerSVG: () => (/* reexport safe */ _LineSpinner_svg__WEBPACK_IMPORTED_MODULE_1__["default"])
|
|
11080
11551
|
/* harmony export */ });
|
|
11081
|
-
/* harmony import */ var
|
|
11082
|
-
/* harmony import */ var
|
|
11552
|
+
/* harmony import */ var _LineSimple_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LineSimple.svg */ "./src/ui/Loaders/assets/LineSimple.svg");
|
|
11553
|
+
/* harmony import */ var _LineSpinner_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LineSpinner.svg */ "./src/ui/Loaders/assets/LineSpinner.svg");
|
|
11083
11554
|
|
|
11084
11555
|
|
|
11085
11556
|
|
|
11086
11557
|
|
|
11087
11558
|
/***/ }),
|
|
11088
11559
|
|
|
11089
|
-
/***/ "./src/ui/
|
|
11090
|
-
|
|
11091
|
-
!*** ./src/ui/
|
|
11092
|
-
|
|
11560
|
+
/***/ "./src/ui/Loaders/index.ts":
|
|
11561
|
+
/*!*********************************!*\
|
|
11562
|
+
!*** ./src/ui/Loaders/index.ts ***!
|
|
11563
|
+
\*********************************/
|
|
11093
11564
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11094
11565
|
|
|
11095
11566
|
"use strict";
|
|
11096
11567
|
__webpack_require__.r(__webpack_exports__);
|
|
11097
11568
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11098
|
-
/* harmony export */
|
|
11569
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.LoadingIndicator)
|
|
11099
11570
|
/* harmony export */ });
|
|
11100
|
-
/* harmony import */ var
|
|
11571
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Loaders/ui/index.ts");
|
|
11572
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Loaders/types/index.ts");
|
|
11573
|
+
|
|
11101
11574
|
|
|
11102
11575
|
|
|
11103
11576
|
|
|
11104
11577
|
/***/ }),
|
|
11105
11578
|
|
|
11106
|
-
/***/ "./src/ui/
|
|
11107
|
-
|
|
11108
|
-
!*** ./src/ui/
|
|
11109
|
-
|
|
11579
|
+
/***/ "./src/ui/Loaders/styles/index.ts":
|
|
11580
|
+
/*!****************************************!*\
|
|
11581
|
+
!*** ./src/ui/Loaders/styles/index.ts ***!
|
|
11582
|
+
\****************************************/
|
|
11110
11583
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11111
11584
|
|
|
11112
11585
|
"use strict";
|
|
11113
11586
|
__webpack_require__.r(__webpack_exports__);
|
|
11587
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11588
|
+
/* harmony export */ LoadingIndicatorStyle: () => (/* reexport safe */ _LoadingIndicator_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
11589
|
+
/* harmony export */ });
|
|
11590
|
+
/* harmony import */ var _LoadingIndicator_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicator.module.scss */ "./src/ui/Loaders/styles/LoadingIndicator.module.scss");
|
|
11114
11591
|
|
|
11115
11592
|
|
|
11116
11593
|
|
|
11117
11594
|
/***/ }),
|
|
11118
11595
|
|
|
11119
|
-
/***/ "./src/ui/
|
|
11120
|
-
|
|
11121
|
-
!*** ./src/ui/
|
|
11122
|
-
|
|
11596
|
+
/***/ "./src/ui/Loaders/types/LoadingIndicatorTypes.ts":
|
|
11597
|
+
/*!*******************************************************!*\
|
|
11598
|
+
!*** ./src/ui/Loaders/types/LoadingIndicatorTypes.ts ***!
|
|
11599
|
+
\*******************************************************/
|
|
11123
11600
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11124
11601
|
|
|
11125
11602
|
"use strict";
|
|
11126
11603
|
__webpack_require__.r(__webpack_exports__);
|
|
11127
|
-
/* harmony import */ var _MicroButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButtonTypes */ "./src/ui/MicroButton/types/MicroButtonTypes.ts");
|
|
11128
11604
|
|
|
11129
11605
|
|
|
11130
11606
|
|
|
11131
11607
|
/***/ }),
|
|
11132
11608
|
|
|
11133
|
-
/***/ "./src/ui/
|
|
11134
|
-
|
|
11135
|
-
!*** ./src/ui/
|
|
11136
|
-
|
|
11609
|
+
/***/ "./src/ui/Loaders/types/index.ts":
|
|
11610
|
+
/*!***************************************!*\
|
|
11611
|
+
!*** ./src/ui/Loaders/types/index.ts ***!
|
|
11612
|
+
\***************************************/
|
|
11613
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11614
|
+
|
|
11615
|
+
"use strict";
|
|
11616
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11617
|
+
/* harmony import */ var _LoadingIndicatorTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicatorTypes */ "./src/ui/Loaders/types/LoadingIndicatorTypes.ts");
|
|
11618
|
+
|
|
11619
|
+
|
|
11620
|
+
|
|
11621
|
+
/***/ }),
|
|
11622
|
+
|
|
11623
|
+
/***/ "./src/ui/Loaders/ui/LoadingIndicator.tsx":
|
|
11624
|
+
/*!************************************************!*\
|
|
11625
|
+
!*** ./src/ui/Loaders/ui/LoadingIndicator.tsx ***!
|
|
11626
|
+
\************************************************/
|
|
11137
11627
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11138
11628
|
|
|
11139
11629
|
"use strict";
|
|
11140
11630
|
__webpack_require__.r(__webpack_exports__);
|
|
11141
11631
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11142
|
-
/* harmony export */
|
|
11632
|
+
/* harmony export */ LoadingIndicator: () => (/* binding */ LoadingIndicator)
|
|
11143
11633
|
/* harmony export */ });
|
|
11144
11634
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11145
|
-
/* harmony import */ var
|
|
11146
|
-
/* harmony import */ var
|
|
11147
|
-
/* harmony import */ var
|
|
11148
|
-
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/MicroButton/styles/index.ts");
|
|
11635
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
11636
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets */ "./src/ui/Loaders/assets/index.ts");
|
|
11637
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/Loaders/styles/index.ts");
|
|
11149
11638
|
|
|
11150
11639
|
|
|
11151
11640
|
|
|
11152
11641
|
|
|
11153
|
-
function
|
|
11154
|
-
const
|
|
11155
|
-
switch (
|
|
11156
|
-
case
|
|
11157
|
-
return className
|
|
11158
|
-
case
|
|
11159
|
-
return
|
|
11160
|
-
|
|
11161
|
-
return className
|
|
11162
|
-
case 'color-fill':
|
|
11163
|
-
return className?.colorFill;
|
|
11164
|
-
case 'color-hover':
|
|
11165
|
-
return className?.colorHover;
|
|
11166
|
-
case 'red-fill':
|
|
11167
|
-
return className?.redFill;
|
|
11168
|
-
case 'red-hover':
|
|
11169
|
-
return className?.redHover;
|
|
11170
|
-
case 'gray':
|
|
11171
|
-
return className?.gray;
|
|
11172
|
-
case 'gray-fill':
|
|
11173
|
-
return className?.grayFill;
|
|
11174
|
-
case 'blue-light':
|
|
11175
|
-
return className?.blueLight;
|
|
11176
|
-
}
|
|
11177
|
-
};
|
|
11178
|
-
const getSizeClassName = () => {
|
|
11179
|
-
switch (size) {
|
|
11180
|
-
case "14":
|
|
11181
|
-
return className?.size14;
|
|
11182
|
-
case "16":
|
|
11183
|
-
return className?.size16;
|
|
11184
|
-
case "20":
|
|
11185
|
-
return className?.size20;
|
|
11186
|
-
case "24":
|
|
11187
|
-
return className?.size24;
|
|
11188
|
-
case "28":
|
|
11189
|
-
return className?.size28;
|
|
11642
|
+
function LoadingIndicator({ size = 'small', style = 'line-simple', supportingText = false, width = 'fill', height = 'fill', additionStyles, }) {
|
|
11643
|
+
const getText = () => {
|
|
11644
|
+
switch (supportingText) {
|
|
11645
|
+
case true:
|
|
11646
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.text, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430" });
|
|
11647
|
+
case false:
|
|
11648
|
+
return undefined;
|
|
11649
|
+
default:
|
|
11650
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.text, children: supportingText });
|
|
11190
11651
|
}
|
|
11191
11652
|
};
|
|
11192
|
-
const
|
|
11193
|
-
|
|
11194
|
-
|
|
11653
|
+
const getSpinner = () => {
|
|
11654
|
+
switch (style) {
|
|
11655
|
+
case "line-spinner":
|
|
11656
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.LineSpinnerSVG, {});
|
|
11657
|
+
case "dot-circle":
|
|
11658
|
+
case "line-simple":
|
|
11659
|
+
default:
|
|
11660
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.LineSimpleSVG, {});
|
|
11195
11661
|
}
|
|
11196
|
-
return additionStyles.join(' ');
|
|
11197
11662
|
};
|
|
11198
|
-
|
|
11199
|
-
|
|
11200
|
-
|
|
11201
|
-
|
|
11202
|
-
|
|
11203
|
-
|
|
11204
|
-
|
|
11663
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.LoadingIndicator, {
|
|
11664
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.small]: size === 'small',
|
|
11665
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.medium]: size === 'medium',
|
|
11666
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.large]: size === 'large',
|
|
11667
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.ultra]: size === 'ultra',
|
|
11668
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.ultra]: size === 'ultra',
|
|
11669
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.widthFill]: width === 'fill',
|
|
11670
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.widthHug]: width === 'hug',
|
|
11671
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.heightFill]: height === 'fill',
|
|
11672
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.lineSimple]: style === 'line-simple',
|
|
11673
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.lineSpinner]: style === 'line-spinner',
|
|
11674
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.dotCircle]: style === 'dot-circle',
|
|
11675
|
+
}, additionStyles), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorStyle.icon, children: getSpinner() }), getText()] }));
|
|
11205
11676
|
}
|
|
11206
11677
|
|
|
11207
11678
|
|
|
11208
11679
|
/***/ }),
|
|
11209
11680
|
|
|
11210
|
-
/***/ "./src/ui/
|
|
11211
|
-
|
|
11212
|
-
!*** ./src/ui/
|
|
11213
|
-
|
|
11681
|
+
/***/ "./src/ui/Loaders/ui/index.ts":
|
|
11682
|
+
/*!************************************!*\
|
|
11683
|
+
!*** ./src/ui/Loaders/ui/index.ts ***!
|
|
11684
|
+
\************************************/
|
|
11214
11685
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11215
11686
|
|
|
11216
11687
|
"use strict";
|
|
11217
11688
|
__webpack_require__.r(__webpack_exports__);
|
|
11218
11689
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11219
|
-
/* harmony export */
|
|
11690
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _LoadingIndicator__WEBPACK_IMPORTED_MODULE_0__.LoadingIndicator)
|
|
11220
11691
|
/* harmony export */ });
|
|
11221
|
-
/* harmony import */ var
|
|
11692
|
+
/* harmony import */ var _LoadingIndicator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingIndicator */ "./src/ui/Loaders/ui/LoadingIndicator.tsx");
|
|
11222
11693
|
|
|
11223
11694
|
|
|
11224
11695
|
|
|
11225
11696
|
/***/ }),
|
|
11226
11697
|
|
|
11227
|
-
/***/ "./src/ui/
|
|
11228
|
-
|
|
11229
|
-
!*** ./src/ui/
|
|
11230
|
-
|
|
11698
|
+
/***/ "./src/ui/MediaViewer/index.ts":
|
|
11699
|
+
/*!*************************************!*\
|
|
11700
|
+
!*** ./src/ui/MediaViewer/index.ts ***!
|
|
11701
|
+
\*************************************/
|
|
11231
11702
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11232
11703
|
|
|
11233
11704
|
"use strict";
|
|
11234
11705
|
__webpack_require__.r(__webpack_exports__);
|
|
11235
11706
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11236
|
-
/* harmony export */
|
|
11707
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.MediaViewer)
|
|
11237
11708
|
/* harmony export */ });
|
|
11238
|
-
/* harmony import */ var
|
|
11709
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/MediaViewer/ui/index.ts");
|
|
11710
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/MediaViewer/types/index.ts");
|
|
11711
|
+
|
|
11239
11712
|
|
|
11240
11713
|
|
|
11241
11714
|
|
|
11242
11715
|
/***/ }),
|
|
11243
11716
|
|
|
11244
|
-
/***/ "./src/ui/
|
|
11245
|
-
|
|
11246
|
-
!*** ./src/ui/
|
|
11247
|
-
|
|
11717
|
+
/***/ "./src/ui/MediaViewer/styles/components/index.ts":
|
|
11718
|
+
/*!*******************************************************!*\
|
|
11719
|
+
!*** ./src/ui/MediaViewer/styles/components/index.ts ***!
|
|
11720
|
+
\*******************************************************/
|
|
11248
11721
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11249
11722
|
|
|
11250
11723
|
"use strict";
|
|
11251
11724
|
__webpack_require__.r(__webpack_exports__);
|
|
11252
11725
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11253
|
-
/* harmony export */
|
|
11726
|
+
/* harmony export */ ControlBarStyle: () => (/* reexport safe */ _ControlBar_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
11727
|
+
/* harmony export */ ImageViewerStyle: () => (/* reexport safe */ _ImageViewer_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"]),
|
|
11728
|
+
/* harmony export */ VideoProgressBarStyle: () => (/* reexport safe */ _VideoProgressBar_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
11729
|
+
/* harmony export */ VideoViewerStyle: () => (/* reexport safe */ _VideoViewer_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"])
|
|
11254
11730
|
/* harmony export */ });
|
|
11255
|
-
/* harmony import */ var
|
|
11256
|
-
/* harmony import */ var
|
|
11257
|
-
/* harmony import */ var
|
|
11731
|
+
/* harmony import */ var _ControlBar_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ControlBar.module.scss */ "./src/ui/MediaViewer/styles/components/ControlBar.module.scss");
|
|
11732
|
+
/* harmony import */ var _VideoProgressBar_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VideoProgressBar.module.scss */ "./src/ui/MediaViewer/styles/components/VideoProgressBar.module.scss");
|
|
11733
|
+
/* harmony import */ var _VideoViewer_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoViewer.module.scss */ "./src/ui/MediaViewer/styles/components/VideoViewer.module.scss");
|
|
11734
|
+
/* harmony import */ var _ImageViewer_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ImageViewer.module.scss */ "./src/ui/MediaViewer/styles/components/ImageViewer.module.scss");
|
|
11735
|
+
|
|
11736
|
+
|
|
11258
11737
|
|
|
11259
11738
|
|
|
11260
|
-
function ModalWindowWrapper({ children, isShow = false, setIsShow, additionElements = [], onClose, className, style, }) {
|
|
11261
|
-
const modalWindowRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
11262
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
11263
|
-
const handleMouseDown = (e) => {
|
|
11264
|
-
if (!isShow)
|
|
11265
|
-
return;
|
|
11266
|
-
const target = e.target;
|
|
11267
|
-
if (target !== modalWindowRef.current &&
|
|
11268
|
-
!modalWindowRef.current?.contains(target) &&
|
|
11269
|
-
!additionElements.filter(item => item !== null).find(item => {
|
|
11270
|
-
return item === target || item?.contains(target);
|
|
11271
|
-
})) {
|
|
11272
|
-
onClose && onClose();
|
|
11273
|
-
setIsShow(false);
|
|
11274
|
-
}
|
|
11275
|
-
};
|
|
11276
|
-
document.addEventListener('mousedown', handleMouseDown);
|
|
11277
|
-
return () => {
|
|
11278
|
-
document.removeEventListener('mousedown', handleMouseDown);
|
|
11279
|
-
};
|
|
11280
|
-
}, [additionElements]);
|
|
11281
|
-
return isShow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: modalWindowRef, style: style, className: className, children: children }));
|
|
11282
|
-
}
|
|
11283
11739
|
|
|
11284
11740
|
|
|
11285
11741
|
/***/ }),
|
|
11286
11742
|
|
|
11287
|
-
/***/ "./src/ui/
|
|
11743
|
+
/***/ "./src/ui/MediaViewer/styles/index.ts":
|
|
11744
|
+
/*!********************************************!*\
|
|
11745
|
+
!*** ./src/ui/MediaViewer/styles/index.ts ***!
|
|
11746
|
+
\********************************************/
|
|
11747
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11748
|
+
|
|
11749
|
+
"use strict";
|
|
11750
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11751
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11752
|
+
/* harmony export */ ControlBarStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ControlBarStyle),
|
|
11753
|
+
/* harmony export */ ImageViewerStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ImageViewerStyle),
|
|
11754
|
+
/* harmony export */ MediaViewerStyle: () => (/* reexport safe */ _MediaViewer_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
11755
|
+
/* harmony export */ VideoProgressBarStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.VideoProgressBarStyle),
|
|
11756
|
+
/* harmony export */ VideoViewerStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.VideoViewerStyle)
|
|
11757
|
+
/* harmony export */ });
|
|
11758
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/styles/components/index.ts");
|
|
11759
|
+
/* harmony import */ var _MediaViewer_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MediaViewer.module.scss */ "./src/ui/MediaViewer/styles/MediaViewer.module.scss");
|
|
11760
|
+
|
|
11761
|
+
|
|
11762
|
+
|
|
11763
|
+
|
|
11764
|
+
/***/ }),
|
|
11765
|
+
|
|
11766
|
+
/***/ "./src/ui/MediaViewer/types/MediaViewerTypes.ts":
|
|
11767
|
+
/*!******************************************************!*\
|
|
11768
|
+
!*** ./src/ui/MediaViewer/types/MediaViewerTypes.ts ***!
|
|
11769
|
+
\******************************************************/
|
|
11770
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11771
|
+
|
|
11772
|
+
"use strict";
|
|
11773
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11774
|
+
|
|
11775
|
+
|
|
11776
|
+
|
|
11777
|
+
/***/ }),
|
|
11778
|
+
|
|
11779
|
+
/***/ "./src/ui/MediaViewer/types/components/ControlBarTypes.ts":
|
|
11780
|
+
/*!****************************************************************!*\
|
|
11781
|
+
!*** ./src/ui/MediaViewer/types/components/ControlBarTypes.ts ***!
|
|
11782
|
+
\****************************************************************/
|
|
11783
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11784
|
+
|
|
11785
|
+
"use strict";
|
|
11786
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11787
|
+
|
|
11788
|
+
|
|
11789
|
+
|
|
11790
|
+
/***/ }),
|
|
11791
|
+
|
|
11792
|
+
/***/ "./src/ui/MediaViewer/types/components/ImageViewerTypes.ts":
|
|
11793
|
+
/*!*****************************************************************!*\
|
|
11794
|
+
!*** ./src/ui/MediaViewer/types/components/ImageViewerTypes.ts ***!
|
|
11795
|
+
\*****************************************************************/
|
|
11796
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11797
|
+
|
|
11798
|
+
"use strict";
|
|
11799
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11800
|
+
|
|
11801
|
+
|
|
11802
|
+
|
|
11803
|
+
/***/ }),
|
|
11804
|
+
|
|
11805
|
+
/***/ "./src/ui/MediaViewer/types/components/ProgressBarTypes.ts":
|
|
11806
|
+
/*!*****************************************************************!*\
|
|
11807
|
+
!*** ./src/ui/MediaViewer/types/components/ProgressBarTypes.ts ***!
|
|
11808
|
+
\*****************************************************************/
|
|
11809
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11810
|
+
|
|
11811
|
+
"use strict";
|
|
11812
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11813
|
+
|
|
11814
|
+
|
|
11815
|
+
|
|
11816
|
+
/***/ }),
|
|
11817
|
+
|
|
11818
|
+
/***/ "./src/ui/MediaViewer/types/components/VideoViewerTypes.ts":
|
|
11819
|
+
/*!*****************************************************************!*\
|
|
11820
|
+
!*** ./src/ui/MediaViewer/types/components/VideoViewerTypes.ts ***!
|
|
11821
|
+
\*****************************************************************/
|
|
11822
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11823
|
+
|
|
11824
|
+
"use strict";
|
|
11825
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11826
|
+
|
|
11827
|
+
|
|
11828
|
+
|
|
11829
|
+
/***/ }),
|
|
11830
|
+
|
|
11831
|
+
/***/ "./src/ui/MediaViewer/types/components/index.ts":
|
|
11832
|
+
/*!******************************************************!*\
|
|
11833
|
+
!*** ./src/ui/MediaViewer/types/components/index.ts ***!
|
|
11834
|
+
\******************************************************/
|
|
11835
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11836
|
+
|
|
11837
|
+
"use strict";
|
|
11838
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11839
|
+
/* harmony import */ var _VideoViewerTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoViewerTypes */ "./src/ui/MediaViewer/types/components/VideoViewerTypes.ts");
|
|
11840
|
+
/* harmony import */ var _ImageViewerTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageViewerTypes */ "./src/ui/MediaViewer/types/components/ImageViewerTypes.ts");
|
|
11841
|
+
/* harmony import */ var _ControlBarTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ControlBarTypes */ "./src/ui/MediaViewer/types/components/ControlBarTypes.ts");
|
|
11842
|
+
/* harmony import */ var _ProgressBarTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ProgressBarTypes */ "./src/ui/MediaViewer/types/components/ProgressBarTypes.ts");
|
|
11843
|
+
|
|
11844
|
+
|
|
11845
|
+
|
|
11846
|
+
|
|
11847
|
+
|
|
11848
|
+
|
|
11849
|
+
/***/ }),
|
|
11850
|
+
|
|
11851
|
+
/***/ "./src/ui/MediaViewer/types/index.ts":
|
|
11852
|
+
/*!*******************************************!*\
|
|
11853
|
+
!*** ./src/ui/MediaViewer/types/index.ts ***!
|
|
11854
|
+
\*******************************************/
|
|
11855
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11856
|
+
|
|
11857
|
+
"use strict";
|
|
11858
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11859
|
+
/* harmony import */ var _MediaViewerTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MediaViewerTypes */ "./src/ui/MediaViewer/types/MediaViewerTypes.ts");
|
|
11860
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/types/components/index.ts");
|
|
11861
|
+
|
|
11862
|
+
|
|
11863
|
+
|
|
11864
|
+
|
|
11865
|
+
/***/ }),
|
|
11866
|
+
|
|
11867
|
+
/***/ "./src/ui/MediaViewer/ui/MediaViewer.tsx":
|
|
11868
|
+
/*!***********************************************!*\
|
|
11869
|
+
!*** ./src/ui/MediaViewer/ui/MediaViewer.tsx ***!
|
|
11870
|
+
\***********************************************/
|
|
11871
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11872
|
+
|
|
11873
|
+
"use strict";
|
|
11874
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11875
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11876
|
+
/* harmony export */ MediaViewer: () => (/* binding */ MediaViewer)
|
|
11877
|
+
/* harmony export */ });
|
|
11878
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11879
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
11880
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
11881
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "./src/ui/MediaViewer/ui/components/index.ts");
|
|
11882
|
+
/* harmony import */ var _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui/MediaViewer/styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11883
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
11884
|
+
|
|
11885
|
+
|
|
11886
|
+
|
|
11887
|
+
|
|
11888
|
+
|
|
11889
|
+
function MediaViewer({ media = [], initMediaIndex }) {
|
|
11890
|
+
const [curMediaIndex, setCurMediaIndex] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(initMediaIndex && media.length < initMediaIndex ? initMediaIndex : 0);
|
|
11891
|
+
const [muted, setMuted] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11892
|
+
const [play, setPlay] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11893
|
+
const resetVideo = () => {
|
|
11894
|
+
setMuted(false);
|
|
11895
|
+
setPlay(false);
|
|
11896
|
+
};
|
|
11897
|
+
const next = () => {
|
|
11898
|
+
setCurMediaIndex(prevState => prevState < media.length - 1 ? prevState + 1 : media.length - 1);
|
|
11899
|
+
resetVideo();
|
|
11900
|
+
};
|
|
11901
|
+
const prev = () => {
|
|
11902
|
+
setCurMediaIndex(prevState => prevState > 0 ? prevState - 1 : 0);
|
|
11903
|
+
resetVideo();
|
|
11904
|
+
};
|
|
11905
|
+
const mute = () => {
|
|
11906
|
+
setMuted(prevState => !prevState);
|
|
11907
|
+
};
|
|
11908
|
+
const _play = () => {
|
|
11909
|
+
setPlay(prevState => !prevState);
|
|
11910
|
+
};
|
|
11911
|
+
const getContent = (item, idx) => {
|
|
11912
|
+
if (item == null || idx > curMediaIndex + 1 || idx < curMediaIndex - 1)
|
|
11913
|
+
return undefined;
|
|
11914
|
+
switch (item.type) {
|
|
11915
|
+
case 'video':
|
|
11916
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.VideoViewer, { src: item.src, muted: curMediaIndex === idx ? muted : undefined, play: curMediaIndex === idx ? play : undefined, onChangePlay: curMediaIndex === idx ? (play) => setPlay(play) : undefined }, item.src);
|
|
11917
|
+
case 'image':
|
|
11918
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.ImageViewer, { src: item.src }, item.src);
|
|
11919
|
+
default:
|
|
11920
|
+
return undefined;
|
|
11921
|
+
}
|
|
11922
|
+
};
|
|
11923
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.MediaViewer, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.Carousel, { activeIndex: curMediaIndex, setActiveIndex: setCurMediaIndex, children: media.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.content, children: getContent(item, idx) })) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _ui_MediaViewer_styles__WEBPACK_IMPORTED_MODULE_3__.MediaViewerStyle.control, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_2__.ControlBar, { muted: muted, play: play, onPlay: media[curMediaIndex]?.type === 'video' ? _play : undefined, onMute: media[curMediaIndex]?.type === 'video' ? mute : undefined, onNext: next, onPrev: prev }) })] }));
|
|
11924
|
+
}
|
|
11925
|
+
|
|
11926
|
+
|
|
11927
|
+
/***/ }),
|
|
11928
|
+
|
|
11929
|
+
/***/ "./src/ui/MediaViewer/ui/components/ControlBar.tsx":
|
|
11930
|
+
/*!*********************************************************!*\
|
|
11931
|
+
!*** ./src/ui/MediaViewer/ui/components/ControlBar.tsx ***!
|
|
11932
|
+
\*********************************************************/
|
|
11933
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11934
|
+
|
|
11935
|
+
"use strict";
|
|
11936
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11937
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11938
|
+
/* harmony export */ ControlBar: () => (/* binding */ ControlBar)
|
|
11939
|
+
/* harmony export */ });
|
|
11940
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11941
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
11942
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
|
|
11943
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11944
|
+
|
|
11945
|
+
|
|
11946
|
+
|
|
11947
|
+
|
|
11948
|
+
function ControlBar({ play, muted, onMute, onPlay, onClose, onPrev, onNext }) {
|
|
11949
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.ControlBarStyle.controlBar, children: [onMute != null && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: muted ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.VolumeXSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.VolumeMaxSVG, {}), size: 'small', hierarchy: 'secondary-gray', width: 'hug', onClick: onMute }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.ChevronLeftSVG, {}), size: 'large', hierarchy: 'secondary-gray', width: 'hug', onClick: onPrev }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.XCloseSVG, {}), size: 'ultra', hierarchy: 'secondary-gray', width: 'hug', onClick: onClose }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.ChevronRightSVG, {}), size: 'large', hierarchy: 'secondary-gray', width: 'hug', onClick: onNext }), onPlay != null && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { iconLeft: play ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PauseCircleSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG, {}), size: 'small', hierarchy: 'secondary-gray', width: 'hug', onClick: onPlay })] }));
|
|
11950
|
+
}
|
|
11951
|
+
|
|
11952
|
+
|
|
11953
|
+
/***/ }),
|
|
11954
|
+
|
|
11955
|
+
/***/ "./src/ui/MediaViewer/ui/components/ImageViewer.tsx":
|
|
11956
|
+
/*!**********************************************************!*\
|
|
11957
|
+
!*** ./src/ui/MediaViewer/ui/components/ImageViewer.tsx ***!
|
|
11958
|
+
\**********************************************************/
|
|
11959
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11960
|
+
|
|
11961
|
+
"use strict";
|
|
11962
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11963
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11964
|
+
/* harmony export */ ImageViewer: () => (/* binding */ ImageViewer)
|
|
11965
|
+
/* harmony export */ });
|
|
11966
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11967
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11968
|
+
|
|
11969
|
+
|
|
11970
|
+
function ImageViewer({ src }) {
|
|
11971
|
+
return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: src, alt: "", className: _styles__WEBPACK_IMPORTED_MODULE_1__.ImageViewerStyle.ImageViewer });
|
|
11972
|
+
}
|
|
11973
|
+
|
|
11974
|
+
|
|
11975
|
+
/***/ }),
|
|
11976
|
+
|
|
11977
|
+
/***/ "./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx":
|
|
11978
|
+
/*!***************************************************************!*\
|
|
11979
|
+
!*** ./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx ***!
|
|
11980
|
+
\***************************************************************/
|
|
11981
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11982
|
+
|
|
11983
|
+
"use strict";
|
|
11984
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11985
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11986
|
+
/* harmony export */ VideoProgressBar: () => (/* binding */ VideoProgressBar)
|
|
11987
|
+
/* harmony export */ });
|
|
11988
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
11989
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
11990
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
11991
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
11992
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
11993
|
+
|
|
11994
|
+
|
|
11995
|
+
|
|
11996
|
+
|
|
11997
|
+
function VideoProgressBar({ progress, onChangeProgress, onStartDrag, onEndDrag }) {
|
|
11998
|
+
const [isDragging, setIsDragging] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
11999
|
+
const progressBarRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
12000
|
+
const calculateNewProgress = (clientX) => {
|
|
12001
|
+
const progressBar = progressBarRef.current;
|
|
12002
|
+
if (!progressBar)
|
|
12003
|
+
return 0;
|
|
12004
|
+
const rect = progressBar.getBoundingClientRect();
|
|
12005
|
+
const position = (clientX - rect.left) / rect.width;
|
|
12006
|
+
return Math.max(0, Math.min(position, 1)) * 100;
|
|
12007
|
+
};
|
|
12008
|
+
const handleMouseDown = (e) => {
|
|
12009
|
+
onStartDrag?.();
|
|
12010
|
+
setIsDragging(true);
|
|
12011
|
+
onChangeProgress(calculateNewProgress(e.clientX));
|
|
12012
|
+
};
|
|
12013
|
+
const handleMouseMove = (e) => {
|
|
12014
|
+
if (isDragging) {
|
|
12015
|
+
onChangeProgress(calculateNewProgress(e.clientX));
|
|
12016
|
+
}
|
|
12017
|
+
};
|
|
12018
|
+
const handleMouseUp = () => {
|
|
12019
|
+
onEndDrag?.();
|
|
12020
|
+
setIsDragging(false);
|
|
12021
|
+
};
|
|
12022
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: progressBarRef, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.videoProgressBar, { [_styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.dragging]: isDragging }), role: "slider", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBarStyle.progressBar, style: { width: `${progress}%` } }) }));
|
|
12023
|
+
}
|
|
12024
|
+
|
|
12025
|
+
|
|
12026
|
+
/***/ }),
|
|
12027
|
+
|
|
12028
|
+
/***/ "./src/ui/MediaViewer/ui/components/VideoViewer.tsx":
|
|
12029
|
+
/*!**********************************************************!*\
|
|
12030
|
+
!*** ./src/ui/MediaViewer/ui/components/VideoViewer.tsx ***!
|
|
12031
|
+
\**********************************************************/
|
|
12032
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12033
|
+
|
|
12034
|
+
"use strict";
|
|
12035
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12036
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12037
|
+
/* harmony export */ VideoViewer: () => (/* binding */ VideoViewer)
|
|
12038
|
+
/* harmony export */ });
|
|
12039
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12040
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12041
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12042
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
|
|
12043
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/MediaViewer/styles/index.ts");
|
|
12044
|
+
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components */ "./src/ui/MediaViewer/ui/components/index.ts");
|
|
12045
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
12046
|
+
/* harmony import */ var _ui_PlayButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui/PlayButton */ "./src/ui/PlayButton/index.ts");
|
|
12047
|
+
|
|
12048
|
+
|
|
12049
|
+
|
|
12050
|
+
|
|
12051
|
+
|
|
12052
|
+
|
|
12053
|
+
|
|
12054
|
+
function VideoViewer({ play, muted, src, onChangePlay }) {
|
|
12055
|
+
const [curTime, setCurTime] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
12056
|
+
const [progress, setProgress] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
12057
|
+
const [duration, setDuration] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
|
|
12058
|
+
const [isSeeking, setIsSeeking] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
|
|
12059
|
+
const [isLoading, setIsLoading] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true);
|
|
12060
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
12061
|
+
if (duration && !isSeeking) {
|
|
12062
|
+
const percent = curTime / duration * 100;
|
|
12063
|
+
setProgress(percent);
|
|
12064
|
+
}
|
|
12065
|
+
}, [curTime]);
|
|
12066
|
+
const onStartSeeking = () => {
|
|
12067
|
+
setIsSeeking(true);
|
|
12068
|
+
};
|
|
12069
|
+
const onEndSeeking = () => {
|
|
12070
|
+
const newTime = progress / 100 * duration;
|
|
12071
|
+
setCurTime(newTime);
|
|
12072
|
+
setIsSeeking(false);
|
|
12073
|
+
};
|
|
12074
|
+
const onSeek = (newPercent) => {
|
|
12075
|
+
setProgress(newPercent);
|
|
12076
|
+
};
|
|
12077
|
+
const formatTime = (seconds) => {
|
|
12078
|
+
const hours = Math.floor(seconds / 3600);
|
|
12079
|
+
const minutes = Math.floor((seconds % 3600) / 60);
|
|
12080
|
+
const secs = Math.floor(seconds % 60);
|
|
12081
|
+
const formattedHours = hours.toString().padStart(2, "0");
|
|
12082
|
+
const formattedMinutes = minutes.toString().padStart(2, "0");
|
|
12083
|
+
const formattedSeconds = secs.toString().padStart(2, "0");
|
|
12084
|
+
if (hours > 0) {
|
|
12085
|
+
return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
|
|
12086
|
+
}
|
|
12087
|
+
else {
|
|
12088
|
+
return `${formattedMinutes}:${formattedSeconds}`;
|
|
12089
|
+
}
|
|
12090
|
+
};
|
|
12091
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.VideoViewer, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_5__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.playButton, { [_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.show]: !play }), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui_PlayButton__WEBPACK_IMPORTED_MODULE_6__.PlayButton, { size: 'large', type: 'play', color: 'dark', onClick: () => onChangePlay(true) }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.timer, children: curTime != null ? formatTime(curTime) : undefined }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicator, { style: 'line-simple', size: 'large', width: 'fill', height: 'fill', additionStyles: (0,clsx__WEBPACK_IMPORTED_MODULE_5__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.loader, { [_styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.hide]: !isLoading }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.VideoPlayerBase, { src: src, play: play, muted: muted, onChangePlay: onChangePlay, time: curTime, onChangeTime: setCurTime, onChangeDuration: setDuration, onCanPlay: () => setIsLoading(false), onWaiting: () => setIsLoading(true), lazyLoad: false, className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.content }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.VideoViewerStyle.progressBar, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_4__.VideoProgressBar, { onChangeProgress: onSeek, progress: progress, onStartDrag: onStartSeeking, onEndDrag: onEndSeeking }) })] }));
|
|
12092
|
+
}
|
|
12093
|
+
|
|
12094
|
+
|
|
12095
|
+
/***/ }),
|
|
12096
|
+
|
|
12097
|
+
/***/ "./src/ui/MediaViewer/ui/components/index.ts":
|
|
12098
|
+
/*!***************************************************!*\
|
|
12099
|
+
!*** ./src/ui/MediaViewer/ui/components/index.ts ***!
|
|
12100
|
+
\***************************************************/
|
|
12101
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12102
|
+
|
|
12103
|
+
"use strict";
|
|
12104
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12105
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12106
|
+
/* harmony export */ ControlBar: () => (/* reexport safe */ _ControlBar__WEBPACK_IMPORTED_MODULE_3__.ControlBar),
|
|
12107
|
+
/* harmony export */ ImageViewer: () => (/* reexport safe */ _ImageViewer__WEBPACK_IMPORTED_MODULE_1__.ImageViewer),
|
|
12108
|
+
/* harmony export */ VideoProgressBar: () => (/* reexport safe */ _VideoProgressBar__WEBPACK_IMPORTED_MODULE_2__.VideoProgressBar),
|
|
12109
|
+
/* harmony export */ VideoViewer: () => (/* reexport safe */ _VideoViewer__WEBPACK_IMPORTED_MODULE_0__.VideoViewer)
|
|
12110
|
+
/* harmony export */ });
|
|
12111
|
+
/* harmony import */ var _VideoViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoViewer */ "./src/ui/MediaViewer/ui/components/VideoViewer.tsx");
|
|
12112
|
+
/* harmony import */ var _ImageViewer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageViewer */ "./src/ui/MediaViewer/ui/components/ImageViewer.tsx");
|
|
12113
|
+
/* harmony import */ var _VideoProgressBar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VideoProgressBar */ "./src/ui/MediaViewer/ui/components/VideoProgressBar.tsx");
|
|
12114
|
+
/* harmony import */ var _ControlBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ControlBar */ "./src/ui/MediaViewer/ui/components/ControlBar.tsx");
|
|
12115
|
+
|
|
12116
|
+
|
|
12117
|
+
|
|
12118
|
+
|
|
12119
|
+
|
|
12120
|
+
|
|
12121
|
+
/***/ }),
|
|
12122
|
+
|
|
12123
|
+
/***/ "./src/ui/MediaViewer/ui/index.ts":
|
|
12124
|
+
/*!****************************************!*\
|
|
12125
|
+
!*** ./src/ui/MediaViewer/ui/index.ts ***!
|
|
12126
|
+
\****************************************/
|
|
12127
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12128
|
+
|
|
12129
|
+
"use strict";
|
|
12130
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12131
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12132
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _MediaViewer__WEBPACK_IMPORTED_MODULE_0__.MediaViewer)
|
|
12133
|
+
/* harmony export */ });
|
|
12134
|
+
/* harmony import */ var _MediaViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MediaViewer */ "./src/ui/MediaViewer/ui/MediaViewer.tsx");
|
|
12135
|
+
|
|
12136
|
+
|
|
12137
|
+
|
|
12138
|
+
/***/ }),
|
|
12139
|
+
|
|
12140
|
+
/***/ "./src/ui/MicroButton/index.ts":
|
|
12141
|
+
/*!*************************************!*\
|
|
12142
|
+
!*** ./src/ui/MicroButton/index.ts ***!
|
|
12143
|
+
\*************************************/
|
|
12144
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12145
|
+
|
|
12146
|
+
"use strict";
|
|
12147
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12148
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12149
|
+
/* harmony export */ MicroButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.MicroButton)
|
|
12150
|
+
/* harmony export */ });
|
|
12151
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/MicroButton/ui/index.ts");
|
|
12152
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/MicroButton/types/index.ts");
|
|
12153
|
+
|
|
12154
|
+
|
|
12155
|
+
|
|
12156
|
+
|
|
12157
|
+
/***/ }),
|
|
12158
|
+
|
|
12159
|
+
/***/ "./src/ui/MicroButton/styles/index.ts":
|
|
12160
|
+
/*!********************************************!*\
|
|
12161
|
+
!*** ./src/ui/MicroButton/styles/index.ts ***!
|
|
12162
|
+
\********************************************/
|
|
12163
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12164
|
+
|
|
12165
|
+
"use strict";
|
|
12166
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12167
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12168
|
+
/* harmony export */ MicroButtonStyle: () => (/* reexport safe */ _MicroButton_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12169
|
+
/* harmony export */ });
|
|
12170
|
+
/* harmony import */ var _MicroButton_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButton.module.scss */ "./src/ui/MicroButton/styles/MicroButton.module.scss");
|
|
12171
|
+
|
|
12172
|
+
|
|
12173
|
+
|
|
12174
|
+
/***/ }),
|
|
12175
|
+
|
|
12176
|
+
/***/ "./src/ui/MicroButton/types/MicroButtonTypes.ts":
|
|
12177
|
+
/*!******************************************************!*\
|
|
12178
|
+
!*** ./src/ui/MicroButton/types/MicroButtonTypes.ts ***!
|
|
12179
|
+
\******************************************************/
|
|
12180
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12181
|
+
|
|
12182
|
+
"use strict";
|
|
12183
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12184
|
+
|
|
12185
|
+
|
|
12186
|
+
|
|
12187
|
+
/***/ }),
|
|
12188
|
+
|
|
12189
|
+
/***/ "./src/ui/MicroButton/types/index.ts":
|
|
12190
|
+
/*!*******************************************!*\
|
|
12191
|
+
!*** ./src/ui/MicroButton/types/index.ts ***!
|
|
12192
|
+
\*******************************************/
|
|
12193
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12194
|
+
|
|
12195
|
+
"use strict";
|
|
12196
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12197
|
+
/* harmony import */ var _MicroButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButtonTypes */ "./src/ui/MicroButton/types/MicroButtonTypes.ts");
|
|
12198
|
+
|
|
12199
|
+
|
|
12200
|
+
|
|
12201
|
+
/***/ }),
|
|
12202
|
+
|
|
12203
|
+
/***/ "./src/ui/MicroButton/ui/MicroButton.tsx":
|
|
12204
|
+
/*!***********************************************!*\
|
|
12205
|
+
!*** ./src/ui/MicroButton/ui/MicroButton.tsx ***!
|
|
12206
|
+
\***********************************************/
|
|
12207
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12208
|
+
|
|
12209
|
+
"use strict";
|
|
12210
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12211
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12212
|
+
/* harmony export */ MicroButton: () => (/* binding */ MicroButton)
|
|
12213
|
+
/* harmony export */ });
|
|
12214
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12215
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12216
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12217
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
12218
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/MicroButton/styles/index.ts");
|
|
12219
|
+
|
|
12220
|
+
|
|
12221
|
+
|
|
12222
|
+
|
|
12223
|
+
function MicroButton({ children, icon, size = '14', color = 'light', additionStyles = [], customComponent, disabled, className = _styles__WEBPACK_IMPORTED_MODULE_3__.MicroButtonStyle, ...props }) {
|
|
12224
|
+
const getTypeClassName = () => {
|
|
12225
|
+
switch (color) {
|
|
12226
|
+
case 'light':
|
|
12227
|
+
return className?.light;
|
|
12228
|
+
case 'dark':
|
|
12229
|
+
return className?.dark;
|
|
12230
|
+
case 'color':
|
|
12231
|
+
return className?.color;
|
|
12232
|
+
case 'color-fill':
|
|
12233
|
+
return className?.colorFill;
|
|
12234
|
+
case 'color-hover':
|
|
12235
|
+
return className?.colorHover;
|
|
12236
|
+
case 'red-fill':
|
|
12237
|
+
return className?.redFill;
|
|
12238
|
+
case 'red-hover':
|
|
12239
|
+
return className?.redHover;
|
|
12240
|
+
case 'gray':
|
|
12241
|
+
return className?.gray;
|
|
12242
|
+
case 'gray-fill':
|
|
12243
|
+
return className?.grayFill;
|
|
12244
|
+
case 'blue-light':
|
|
12245
|
+
return className?.blueLight;
|
|
12246
|
+
}
|
|
12247
|
+
};
|
|
12248
|
+
const getSizeClassName = () => {
|
|
12249
|
+
switch (size) {
|
|
12250
|
+
case "14":
|
|
12251
|
+
return className?.size14;
|
|
12252
|
+
case "16":
|
|
12253
|
+
return className?.size16;
|
|
12254
|
+
case "20":
|
|
12255
|
+
return className?.size20;
|
|
12256
|
+
case "24":
|
|
12257
|
+
return className?.size24;
|
|
12258
|
+
case "28":
|
|
12259
|
+
return className?.size28;
|
|
12260
|
+
}
|
|
12261
|
+
};
|
|
12262
|
+
const getAdditionStyles = () => {
|
|
12263
|
+
if (typeof additionStyles === 'string') {
|
|
12264
|
+
return additionStyles;
|
|
12265
|
+
}
|
|
12266
|
+
return additionStyles.join(' ');
|
|
12267
|
+
};
|
|
12268
|
+
if (customComponent !== undefined) {
|
|
12269
|
+
return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
|
|
12270
|
+
children: icon || children,
|
|
12271
|
+
className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles())
|
|
12272
|
+
});
|
|
12273
|
+
}
|
|
12274
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getTypeClassName(), getSizeClassName(), getAdditionStyles()), children: icon || children }));
|
|
12275
|
+
}
|
|
12276
|
+
|
|
12277
|
+
|
|
12278
|
+
/***/ }),
|
|
12279
|
+
|
|
12280
|
+
/***/ "./src/ui/MicroButton/ui/index.ts":
|
|
12281
|
+
/*!****************************************!*\
|
|
12282
|
+
!*** ./src/ui/MicroButton/ui/index.ts ***!
|
|
12283
|
+
\****************************************/
|
|
12284
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12285
|
+
|
|
12286
|
+
"use strict";
|
|
12287
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12288
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12289
|
+
/* harmony export */ MicroButton: () => (/* reexport safe */ _MicroButton__WEBPACK_IMPORTED_MODULE_0__.MicroButton)
|
|
12290
|
+
/* harmony export */ });
|
|
12291
|
+
/* harmony import */ var _MicroButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MicroButton */ "./src/ui/MicroButton/ui/MicroButton.tsx");
|
|
12292
|
+
|
|
12293
|
+
|
|
12294
|
+
|
|
12295
|
+
/***/ }),
|
|
12296
|
+
|
|
12297
|
+
/***/ "./src/ui/ModalWindowWrapper/index.ts":
|
|
12298
|
+
/*!********************************************!*\
|
|
12299
|
+
!*** ./src/ui/ModalWindowWrapper/index.ts ***!
|
|
12300
|
+
\********************************************/
|
|
12301
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12302
|
+
|
|
12303
|
+
"use strict";
|
|
12304
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12305
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12306
|
+
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__.ModalWindowWrapper)
|
|
12307
|
+
/* harmony export */ });
|
|
12308
|
+
/* harmony import */ var _ui_ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui/ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx");
|
|
12309
|
+
|
|
12310
|
+
|
|
12311
|
+
|
|
12312
|
+
/***/ }),
|
|
12313
|
+
|
|
12314
|
+
/***/ "./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx":
|
|
12315
|
+
/*!*************************************************************!*\
|
|
12316
|
+
!*** ./src/ui/ModalWindowWrapper/ui/ModalWindowWrapper.tsx ***!
|
|
12317
|
+
\*************************************************************/
|
|
12318
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12319
|
+
|
|
12320
|
+
"use strict";
|
|
12321
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12322
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12323
|
+
/* harmony export */ ModalWindowWrapper: () => (/* binding */ ModalWindowWrapper)
|
|
12324
|
+
/* harmony export */ });
|
|
12325
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12326
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12327
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12328
|
+
|
|
12329
|
+
|
|
12330
|
+
function ModalWindowWrapper({ children, isShow = false, setIsShow, additionElements = [], onClose, className, style, }) {
|
|
12331
|
+
const modalWindowRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
12332
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
12333
|
+
const handleMouseDown = (e) => {
|
|
12334
|
+
if (!isShow)
|
|
12335
|
+
return;
|
|
12336
|
+
const target = e.target;
|
|
12337
|
+
if (target !== modalWindowRef.current &&
|
|
12338
|
+
!modalWindowRef.current?.contains(target) &&
|
|
12339
|
+
!additionElements.filter(item => item !== null).find(item => {
|
|
12340
|
+
return item === target || item?.contains(target);
|
|
12341
|
+
})) {
|
|
12342
|
+
onClose && onClose();
|
|
12343
|
+
setIsShow(false);
|
|
12344
|
+
}
|
|
12345
|
+
};
|
|
12346
|
+
document.addEventListener('mousedown', handleMouseDown);
|
|
12347
|
+
return () => {
|
|
12348
|
+
document.removeEventListener('mousedown', handleMouseDown);
|
|
12349
|
+
};
|
|
12350
|
+
}, [additionElements]);
|
|
12351
|
+
return isShow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: modalWindowRef, style: style, className: className, children: children }));
|
|
12352
|
+
}
|
|
12353
|
+
|
|
12354
|
+
|
|
12355
|
+
/***/ }),
|
|
12356
|
+
|
|
12357
|
+
/***/ "./src/ui/PaginationBar/index.ts":
|
|
11288
12358
|
/*!***************************************!*\
|
|
11289
12359
|
!*** ./src/ui/PaginationBar/index.ts ***!
|
|
11290
12360
|
\***************************************/
|
|
@@ -11475,6 +12545,142 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11475
12545
|
|
|
11476
12546
|
|
|
11477
12547
|
|
|
12548
|
+
/***/ }),
|
|
12549
|
+
|
|
12550
|
+
/***/ "./src/ui/PlayButton/assets/index.ts":
|
|
12551
|
+
/*!*******************************************!*\
|
|
12552
|
+
!*** ./src/ui/PlayButton/assets/index.ts ***!
|
|
12553
|
+
\*******************************************/
|
|
12554
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12555
|
+
|
|
12556
|
+
"use strict";
|
|
12557
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12558
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12559
|
+
/* harmony export */ PlaySVG: () => (/* reexport safe */ _play_svg__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
12560
|
+
/* harmony export */ StopSVG: () => (/* reexport safe */ _stop_svg__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12561
|
+
/* harmony export */ });
|
|
12562
|
+
/* harmony import */ var _stop_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stop.svg */ "./src/ui/PlayButton/assets/stop.svg");
|
|
12563
|
+
/* harmony import */ var _play_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./play.svg */ "./src/ui/PlayButton/assets/play.svg");
|
|
12564
|
+
|
|
12565
|
+
|
|
12566
|
+
|
|
12567
|
+
|
|
12568
|
+
/***/ }),
|
|
12569
|
+
|
|
12570
|
+
/***/ "./src/ui/PlayButton/index.ts":
|
|
12571
|
+
/*!************************************!*\
|
|
12572
|
+
!*** ./src/ui/PlayButton/index.ts ***!
|
|
12573
|
+
\************************************/
|
|
12574
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12575
|
+
|
|
12576
|
+
"use strict";
|
|
12577
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12578
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12579
|
+
/* harmony export */ PlayButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.PlayButton),
|
|
12580
|
+
/* harmony export */ PlaySVG: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG),
|
|
12581
|
+
/* harmony export */ StopSVG: () => (/* reexport safe */ _assets__WEBPACK_IMPORTED_MODULE_2__.StopSVG)
|
|
12582
|
+
/* harmony export */ });
|
|
12583
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/PlayButton/ui/index.ts");
|
|
12584
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/PlayButton/types/index.ts");
|
|
12585
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./assets */ "./src/ui/PlayButton/assets/index.ts");
|
|
12586
|
+
|
|
12587
|
+
|
|
12588
|
+
|
|
12589
|
+
|
|
12590
|
+
|
|
12591
|
+
/***/ }),
|
|
12592
|
+
|
|
12593
|
+
/***/ "./src/ui/PlayButton/styles/index.ts":
|
|
12594
|
+
/*!*******************************************!*\
|
|
12595
|
+
!*** ./src/ui/PlayButton/styles/index.ts ***!
|
|
12596
|
+
\*******************************************/
|
|
12597
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12598
|
+
|
|
12599
|
+
"use strict";
|
|
12600
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12601
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12602
|
+
/* harmony export */ PlayButtonStyle: () => (/* reexport safe */ _PlayButton_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
12603
|
+
/* harmony export */ });
|
|
12604
|
+
/* harmony import */ var _PlayButton_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButton.module.scss */ "./src/ui/PlayButton/styles/PlayButton.module.scss");
|
|
12605
|
+
|
|
12606
|
+
|
|
12607
|
+
|
|
12608
|
+
/***/ }),
|
|
12609
|
+
|
|
12610
|
+
/***/ "./src/ui/PlayButton/types/PlayButtonTypes.ts":
|
|
12611
|
+
/*!****************************************************!*\
|
|
12612
|
+
!*** ./src/ui/PlayButton/types/PlayButtonTypes.ts ***!
|
|
12613
|
+
\****************************************************/
|
|
12614
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12615
|
+
|
|
12616
|
+
"use strict";
|
|
12617
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12618
|
+
|
|
12619
|
+
|
|
12620
|
+
|
|
12621
|
+
/***/ }),
|
|
12622
|
+
|
|
12623
|
+
/***/ "./src/ui/PlayButton/types/index.ts":
|
|
12624
|
+
/*!******************************************!*\
|
|
12625
|
+
!*** ./src/ui/PlayButton/types/index.ts ***!
|
|
12626
|
+
\******************************************/
|
|
12627
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12628
|
+
|
|
12629
|
+
"use strict";
|
|
12630
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12631
|
+
/* harmony import */ var _PlayButtonTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButtonTypes */ "./src/ui/PlayButton/types/PlayButtonTypes.ts");
|
|
12632
|
+
|
|
12633
|
+
|
|
12634
|
+
|
|
12635
|
+
/***/ }),
|
|
12636
|
+
|
|
12637
|
+
/***/ "./src/ui/PlayButton/ui/PlayButton.tsx":
|
|
12638
|
+
/*!*********************************************!*\
|
|
12639
|
+
!*** ./src/ui/PlayButton/ui/PlayButton.tsx ***!
|
|
12640
|
+
\*********************************************/
|
|
12641
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12642
|
+
|
|
12643
|
+
"use strict";
|
|
12644
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12645
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12646
|
+
/* harmony export */ PlayButton: () => (/* binding */ PlayButton)
|
|
12647
|
+
/* harmony export */ });
|
|
12648
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
12649
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
|
|
12650
|
+
/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets */ "./src/ui/PlayButton/assets/index.ts");
|
|
12651
|
+
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/PlayButton/styles/index.ts");
|
|
12652
|
+
|
|
12653
|
+
|
|
12654
|
+
|
|
12655
|
+
|
|
12656
|
+
function PlayButton({ color = 'light', type = 'play', size = 'default', ...props }) {
|
|
12657
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { ...props, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.PlayButton, {
|
|
12658
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.light]: color === 'light',
|
|
12659
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.dark]: color === 'dark',
|
|
12660
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.large]: size === 'large',
|
|
12661
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.default]: size === 'default',
|
|
12662
|
+
[_styles__WEBPACK_IMPORTED_MODULE_3__.PlayButtonStyle.stop]: type === 'stop',
|
|
12663
|
+
}), children: type === 'play' ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.PlaySVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.StopSVG, {}) }));
|
|
12664
|
+
}
|
|
12665
|
+
|
|
12666
|
+
|
|
12667
|
+
/***/ }),
|
|
12668
|
+
|
|
12669
|
+
/***/ "./src/ui/PlayButton/ui/index.ts":
|
|
12670
|
+
/*!***************************************!*\
|
|
12671
|
+
!*** ./src/ui/PlayButton/ui/index.ts ***!
|
|
12672
|
+
\***************************************/
|
|
12673
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
12674
|
+
|
|
12675
|
+
"use strict";
|
|
12676
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12677
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12678
|
+
/* harmony export */ PlayButton: () => (/* reexport safe */ _PlayButton__WEBPACK_IMPORTED_MODULE_0__.PlayButton)
|
|
12679
|
+
/* harmony export */ });
|
|
12680
|
+
/* harmony import */ var _PlayButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlayButton */ "./src/ui/PlayButton/ui/PlayButton.tsx");
|
|
12681
|
+
|
|
12682
|
+
|
|
12683
|
+
|
|
11478
12684
|
/***/ }),
|
|
11479
12685
|
|
|
11480
12686
|
/***/ "./src/ui/ScrollProvider/index.ts":
|
|
@@ -12659,6 +13865,186 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12659
13865
|
|
|
12660
13866
|
|
|
12661
13867
|
|
|
13868
|
+
/***/ }),
|
|
13869
|
+
|
|
13870
|
+
/***/ "./src/ui/VideoPlayerBase/index.ts":
|
|
13871
|
+
/*!*****************************************!*\
|
|
13872
|
+
!*** ./src/ui/VideoPlayerBase/index.ts ***!
|
|
13873
|
+
\*****************************************/
|
|
13874
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13875
|
+
|
|
13876
|
+
"use strict";
|
|
13877
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13878
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13879
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.VideoPlayerBase)
|
|
13880
|
+
/* harmony export */ });
|
|
13881
|
+
/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/VideoPlayerBase/ui/index.ts");
|
|
13882
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/VideoPlayerBase/types/index.ts");
|
|
13883
|
+
|
|
13884
|
+
|
|
13885
|
+
|
|
13886
|
+
|
|
13887
|
+
/***/ }),
|
|
13888
|
+
|
|
13889
|
+
/***/ "./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts":
|
|
13890
|
+
/*!**************************************************************!*\
|
|
13891
|
+
!*** ./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts ***!
|
|
13892
|
+
\**************************************************************/
|
|
13893
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13894
|
+
|
|
13895
|
+
"use strict";
|
|
13896
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13897
|
+
|
|
13898
|
+
|
|
13899
|
+
|
|
13900
|
+
/***/ }),
|
|
13901
|
+
|
|
13902
|
+
/***/ "./src/ui/VideoPlayerBase/types/index.ts":
|
|
13903
|
+
/*!***********************************************!*\
|
|
13904
|
+
!*** ./src/ui/VideoPlayerBase/types/index.ts ***!
|
|
13905
|
+
\***********************************************/
|
|
13906
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13907
|
+
|
|
13908
|
+
"use strict";
|
|
13909
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13910
|
+
/* harmony import */ var _VideoPlayerBaseTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoPlayerBaseTypes */ "./src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.ts");
|
|
13911
|
+
|
|
13912
|
+
|
|
13913
|
+
|
|
13914
|
+
/***/ }),
|
|
13915
|
+
|
|
13916
|
+
/***/ "./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx":
|
|
13917
|
+
/*!*******************************************************!*\
|
|
13918
|
+
!*** ./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx ***!
|
|
13919
|
+
\*******************************************************/
|
|
13920
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13921
|
+
|
|
13922
|
+
"use strict";
|
|
13923
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13924
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13925
|
+
/* harmony export */ VideoPlayerBase: () => (/* binding */ VideoPlayerBase)
|
|
13926
|
+
/* harmony export */ });
|
|
13927
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
13928
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
13929
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
13930
|
+
|
|
13931
|
+
|
|
13932
|
+
const SEEK_ACCURACY = 0.3;
|
|
13933
|
+
function VideoPlayerBase({ src, browserControl = false, muted = false, onChangeDuration, onChangeTime, onChangeVolume, onChangePlay, onCanPlay, onWaiting, time, volume, play = false, loop = false, autoPlay = false, lazyLoad = false, className, }) {
|
|
13934
|
+
const videoRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
13935
|
+
const isSeekingRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
|
|
13936
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13937
|
+
const video = videoRef.current;
|
|
13938
|
+
if (!video || time == null)
|
|
13939
|
+
return;
|
|
13940
|
+
try {
|
|
13941
|
+
if (Math.abs(video.currentTime - time) > SEEK_ACCURACY) {
|
|
13942
|
+
isSeekingRef.current = true;
|
|
13943
|
+
video.currentTime = time;
|
|
13944
|
+
}
|
|
13945
|
+
}
|
|
13946
|
+
catch (error) {
|
|
13947
|
+
console.error("Ошибка перемотки:", error);
|
|
13948
|
+
}
|
|
13949
|
+
}, [time]);
|
|
13950
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13951
|
+
const video = videoRef.current;
|
|
13952
|
+
if (!video || volume == null)
|
|
13953
|
+
return;
|
|
13954
|
+
try {
|
|
13955
|
+
video.volume = volume;
|
|
13956
|
+
}
|
|
13957
|
+
catch (error) {
|
|
13958
|
+
console.error("Ошибка изменения громкости:", error);
|
|
13959
|
+
}
|
|
13960
|
+
}, [volume]);
|
|
13961
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
|
|
13962
|
+
const video = videoRef.current;
|
|
13963
|
+
if (!video)
|
|
13964
|
+
return;
|
|
13965
|
+
try {
|
|
13966
|
+
if (play) {
|
|
13967
|
+
video.play().catch((error) => {
|
|
13968
|
+
console.error("Ошибка воспроизведения:", error);
|
|
13969
|
+
onChangePlay?.(false);
|
|
13970
|
+
});
|
|
13971
|
+
}
|
|
13972
|
+
else {
|
|
13973
|
+
video.pause();
|
|
13974
|
+
}
|
|
13975
|
+
}
|
|
13976
|
+
catch (error) {
|
|
13977
|
+
console.error("Ошибка управления воспроизведением:", error);
|
|
13978
|
+
}
|
|
13979
|
+
}, [play]);
|
|
13980
|
+
const onTimeUpdate = (event) => {
|
|
13981
|
+
if (!isSeekingRef.current) {
|
|
13982
|
+
const currentTime = event.currentTarget.currentTime;
|
|
13983
|
+
onChangeTime?.(currentTime);
|
|
13984
|
+
}
|
|
13985
|
+
};
|
|
13986
|
+
const onLoadedMetaData = (event) => {
|
|
13987
|
+
try {
|
|
13988
|
+
const videoDuration = event.currentTarget.duration;
|
|
13989
|
+
onChangeDuration?.(videoDuration);
|
|
13990
|
+
onChangePlay?.(!event.currentTarget.paused);
|
|
13991
|
+
}
|
|
13992
|
+
catch (error) {
|
|
13993
|
+
console.error("Ошибка загрузки метаданных:", error);
|
|
13994
|
+
}
|
|
13995
|
+
};
|
|
13996
|
+
const onVolumeUpdate = (event) => {
|
|
13997
|
+
try {
|
|
13998
|
+
const currentVolume = event.currentTarget.volume;
|
|
13999
|
+
onChangeVolume?.(currentVolume);
|
|
14000
|
+
}
|
|
14001
|
+
catch (error) {
|
|
14002
|
+
console.error("Ошибка обработки громкости:", error);
|
|
14003
|
+
}
|
|
14004
|
+
};
|
|
14005
|
+
const onPlay = () => {
|
|
14006
|
+
try {
|
|
14007
|
+
onChangePlay?.(true);
|
|
14008
|
+
}
|
|
14009
|
+
catch (error) {
|
|
14010
|
+
console.error("Ошибка в onPlay:", error);
|
|
14011
|
+
}
|
|
14012
|
+
};
|
|
14013
|
+
const onPause = () => {
|
|
14014
|
+
try {
|
|
14015
|
+
onChangePlay?.(false);
|
|
14016
|
+
}
|
|
14017
|
+
catch (error) {
|
|
14018
|
+
console.error("Ошибка в onPause:", error);
|
|
14019
|
+
}
|
|
14020
|
+
};
|
|
14021
|
+
const onSeeked = () => {
|
|
14022
|
+
isSeekingRef.current = false;
|
|
14023
|
+
};
|
|
14024
|
+
const onSeeking = () => {
|
|
14025
|
+
isSeekingRef.current = true;
|
|
14026
|
+
};
|
|
14027
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("video", { src: src, controls: browserControl, muted: muted, loop: loop, onPlay: onPlay, onPause: onPause, onLoadedMetadata: onLoadedMetaData, onTimeUpdate: onTimeUpdate, onCanPlay: onCanPlay, onWaiting: onWaiting, autoPlay: autoPlay, onVolumeChange: onVolumeUpdate, ref: videoRef, onSeeked: onSeeked, onSeeking: onSeeking, preload: lazyLoad ? "none" : "auto", className: className }));
|
|
14028
|
+
}
|
|
14029
|
+
|
|
14030
|
+
|
|
14031
|
+
/***/ }),
|
|
14032
|
+
|
|
14033
|
+
/***/ "./src/ui/VideoPlayerBase/ui/index.ts":
|
|
14034
|
+
/*!********************************************!*\
|
|
14035
|
+
!*** ./src/ui/VideoPlayerBase/ui/index.ts ***!
|
|
14036
|
+
\********************************************/
|
|
14037
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
14038
|
+
|
|
14039
|
+
"use strict";
|
|
14040
|
+
__webpack_require__.r(__webpack_exports__);
|
|
14041
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
14042
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_0__.VideoPlayerBase)
|
|
14043
|
+
/* harmony export */ });
|
|
14044
|
+
/* harmony import */ var _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VideoPlayerBase */ "./src/ui/VideoPlayerBase/ui/VideoPlayerBase.tsx");
|
|
14045
|
+
|
|
14046
|
+
|
|
14047
|
+
|
|
12662
14048
|
/***/ }),
|
|
12663
14049
|
|
|
12664
14050
|
/***/ "./src/ui/index.ts":
|
|
@@ -12674,6 +14060,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12674
14060
|
/* harmony export */ Button: () => (/* reexport safe */ _Buttons__WEBPACK_IMPORTED_MODULE_0__.Button),
|
|
12675
14061
|
/* harmony export */ CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CALENDAR_DAY_TARGET_DATE),
|
|
12676
14062
|
/* harmony export */ CalendarDay: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CalendarDay),
|
|
14063
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _Carousel__WEBPACK_IMPORTED_MODULE_23__.Carousel),
|
|
12677
14064
|
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _CascadeSelector__WEBPACK_IMPORTED_MODULE_9__.CascadeSelector),
|
|
12678
14065
|
/* harmony export */ Checkbox: () => (/* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_6__.Checkbox),
|
|
12679
14066
|
/* harmony export */ CheckboxMark: () => (/* reexport safe */ _CheckboxMark__WEBPACK_IMPORTED_MODULE_5__.CheckboxMark),
|
|
@@ -12692,6 +14079,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12692
14079
|
/* harmony export */ InputField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.InputField),
|
|
12693
14080
|
/* harmony export */ InputFieldWrapper: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.InputFieldWrapper),
|
|
12694
14081
|
/* harmony export */ KEY_WAY_STORE_NAME: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.KEY_WAY_STORE_NAME),
|
|
14082
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _Loaders__WEBPACK_IMPORTED_MODULE_21__.LoadingIndicator),
|
|
14083
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _MediaViewer__WEBPACK_IMPORTED_MODULE_22__.MediaViewer),
|
|
12695
14084
|
/* harmony export */ MicroButton: () => (/* reexport safe */ _MicroButton__WEBPACK_IMPORTED_MODULE_1__.MicroButton),
|
|
12696
14085
|
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_12__.ModalWindowWrapper),
|
|
12697
14086
|
/* harmony export */ NUM_OF_COLS: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.NUM_OF_COLS),
|
|
@@ -12712,6 +14101,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12712
14101
|
/* harmony export */ Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_8__.Toggle),
|
|
12713
14102
|
/* harmony export */ ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_7__.ToggleBase),
|
|
12714
14103
|
/* harmony export */ UserPick: () => (/* reexport safe */ _UserPick__WEBPACK_IMPORTED_MODULE_18__.UserPick),
|
|
14104
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_20__.VideoPlayerBase),
|
|
12715
14105
|
/* harmony export */ arrayFieldComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.arrayFieldComponent),
|
|
12716
14106
|
/* harmony export */ blockWrapperComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.blockWrapperComponent),
|
|
12717
14107
|
/* harmony export */ formBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.formBuilder),
|
|
@@ -12739,6 +14129,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12739
14129
|
/* harmony import */ var _ScrollProvider__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ScrollProvider */ "./src/ui/ScrollProvider/index.ts");
|
|
12740
14130
|
/* harmony import */ var _UserPick__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./UserPick */ "./src/ui/UserPick/index.ts");
|
|
12741
14131
|
/* harmony import */ var _DropdownItem__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./DropdownItem */ "./src/ui/DropdownItem/index.ts");
|
|
14132
|
+
/* harmony import */ var _VideoPlayerBase__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./VideoPlayerBase */ "./src/ui/VideoPlayerBase/index.ts");
|
|
14133
|
+
/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Loaders */ "./src/ui/Loaders/index.ts");
|
|
14134
|
+
/* harmony import */ var _MediaViewer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./MediaViewer */ "./src/ui/MediaViewer/index.ts");
|
|
14135
|
+
/* harmony import */ var _Carousel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Carousel */ "./src/ui/Carousel/index.ts");
|
|
14136
|
+
|
|
14137
|
+
|
|
14138
|
+
|
|
14139
|
+
|
|
12742
14140
|
|
|
12743
14141
|
|
|
12744
14142
|
|
|
@@ -28613,6 +30011,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28613
30011
|
/* harmony export */ Button: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Button),
|
|
28614
30012
|
/* harmony export */ CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CALENDAR_DAY_TARGET_DATE),
|
|
28615
30013
|
/* harmony export */ CalendarDay: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CalendarDay),
|
|
30014
|
+
/* harmony export */ Carousel: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Carousel),
|
|
28616
30015
|
/* harmony export */ CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CascadeSelector),
|
|
28617
30016
|
/* harmony export */ Checkbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox),
|
|
28618
30017
|
/* harmony export */ CheckboxMark: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CheckboxMark),
|
|
@@ -28631,6 +30030,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28631
30030
|
/* harmony export */ InputField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.InputField),
|
|
28632
30031
|
/* harmony export */ InputFieldWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.InputFieldWrapper),
|
|
28633
30032
|
/* harmony export */ KEY_WAY_STORE_NAME: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.KEY_WAY_STORE_NAME),
|
|
30033
|
+
/* harmony export */ LoadingIndicator: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.LoadingIndicator),
|
|
30034
|
+
/* harmony export */ MediaViewer: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.MediaViewer),
|
|
28634
30035
|
/* harmony export */ MicroButton: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.MicroButton),
|
|
28635
30036
|
/* harmony export */ ModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ModalWindowWrapper),
|
|
28636
30037
|
/* harmony export */ NUM_OF_COLS: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.NUM_OF_COLS),
|
|
@@ -28651,6 +30052,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28651
30052
|
/* harmony export */ Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
|
|
28652
30053
|
/* harmony export */ ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
|
|
28653
30054
|
/* harmony export */ UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.UserPick),
|
|
30055
|
+
/* harmony export */ VideoPlayerBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.VideoPlayerBase),
|
|
28654
30056
|
/* harmony export */ arrayFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.arrayFieldComponent),
|
|
28655
30057
|
/* harmony export */ blockWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockWrapperComponent),
|
|
28656
30058
|
/* harmony export */ clearDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.clearDeepValue),
|