@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.11
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/Context/KitchenSinkComponentMapperContext.js +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/Accordion/AccordionItem/index.js +19 -27
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/Button/index.js +22 -31
- package/dist/components/CallToAction/index.js +12 -20
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +59 -69
- package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
- package/dist/components/Dialog/DialogHookStory/index.js +12 -21
- package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
- package/dist/components/Dialog/index.js +35 -46
- package/dist/components/Download/index.js +14 -22
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/Form/Checkbox/index.js +18 -27
- package/dist/components/Form/Checkboxes/index.js +23 -31
- package/dist/components/Form/DateField/index.js +6 -14
- package/dist/components/Form/DatePicker/index.js +16 -24
- package/dist/components/Form/DatePickerRange/Picker/index.js +18 -26
- package/dist/components/Form/DatePickerRange/index.js +37 -47
- package/dist/components/Form/DateSelect/index.js +22 -33
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/FormikWrapper/index.js +13 -24
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/RadioButtons/index.js +23 -31
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +15 -23
- package/dist/components/Form/Select/index.js +12 -20
- package/dist/components/Form/TextField/index.js +16 -25
- package/dist/components/Form/Textarea/index.js +14 -22
- package/dist/components/Form/commonTests.js +19 -32
- package/dist/components/Form/index.js +13 -97
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Icon/index.js +9 -17
- package/dist/components/Image/AdaptivePicture/index.js +16 -23
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +25 -33
- package/dist/components/Image/helpers/index.js +11 -21
- package/dist/components/Image/index.js +16 -24
- package/dist/components/InlineMenu/index.js +26 -37
- package/dist/components/Layout/Container/index.js +13 -21
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MediaPlayer/index.js +19 -28
- package/dist/components/MediaPlayer/types.js +1 -1
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/PDFReader/ControlPanel/index.d.ts +20 -0
- package/dist/components/PDFReader/ControlPanel/index.js +166 -0
- package/dist/components/PDFReader/ControlPanel/style.scss +14 -0
- package/dist/components/PDFReader/index.d.ts +19 -0
- package/dist/components/PDFReader/index.js +89 -0
- package/dist/components/Pagination/index.js +28 -37
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/TableRender/index.js +12 -23
- package/dist/components/Tag/index.js +10 -18
- package/dist/components/TitleWithText/index.js +8 -16
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/index.js +17 -127
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/config/i18next/locales/en.json +5 -0
- package/dist/config/i18next/locales/nl.json +5 -0
- package/dist/custom.d.js +0 -1
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.js +11 -18
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.d.ts +1 -0
- package/dist/index.js +90 -564
- package/dist/organisms/Downloads/index.js +10 -18
- package/dist/organisms/ImageGrid/index.js +5 -13
- package/dist/organisms/Quote/index.js +16 -24
- package/dist/organisms/Text/index.js +20 -31
- package/dist/setupTests.js +2 -5
- package/package.json +11 -4
|
@@ -1,33 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _lottieWeb = _interopRequireDefault(require("lottie-web"));
|
|
11
|
-
require("./style.scss");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
1
|
+
import React, { useEffect, useCallback, useRef } from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import lottie from 'lottie-web';
|
|
4
|
+
import './style.scss';
|
|
5
|
+
var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
16
6
|
var id = props.id,
|
|
17
7
|
className = props.className,
|
|
18
8
|
ariaLabel = props.ariaLabel,
|
|
19
9
|
data = props.data;
|
|
20
10
|
var DIRECTION_FORWARD = 1;
|
|
21
11
|
var DIRECTION_BACKWARDS = -1;
|
|
22
|
-
var lottieClasses = (
|
|
23
|
-
var refInternal =
|
|
12
|
+
var lottieClasses = c('Lottie', className);
|
|
13
|
+
var refInternal = useRef(null);
|
|
24
14
|
var lottieAnimation = ref || refInternal;
|
|
25
15
|
var lottieId = id || (data ? data.nm : null);
|
|
26
16
|
|
|
27
17
|
/*
|
|
28
18
|
* Initial load of the Lottie animation
|
|
29
19
|
*/
|
|
30
|
-
var loadAnimation =
|
|
20
|
+
var loadAnimation = useCallback(function () {
|
|
31
21
|
var renderer = props.renderer,
|
|
32
22
|
rendererSettings = props.rendererSettings,
|
|
33
23
|
direction = props.direction,
|
|
@@ -39,7 +29,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
|
|
|
39
29
|
activateOnHover = props.activateOnHover,
|
|
40
30
|
startPosition = props.startPosition,
|
|
41
31
|
onInit = props.onInit;
|
|
42
|
-
lottieAnimation.current =
|
|
32
|
+
lottieAnimation.current = lottie.loadAnimation({
|
|
43
33
|
animationData: data,
|
|
44
34
|
container: document.getElementById("lottie--".concat(lottieId)),
|
|
45
35
|
renderer: renderer,
|
|
@@ -101,7 +91,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
|
|
|
101
91
|
};
|
|
102
92
|
|
|
103
93
|
// Init the Lottie animation.
|
|
104
|
-
|
|
94
|
+
useEffect(function () {
|
|
105
95
|
var onDestroy = props.onDestroy;
|
|
106
96
|
loadAnimation();
|
|
107
97
|
return function () {
|
|
@@ -112,7 +102,7 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
|
|
|
112
102
|
return (
|
|
113
103
|
/*#__PURE__*/
|
|
114
104
|
// eslint-disable-next-line jsx-a11y/interactive-supports-focus
|
|
115
|
-
|
|
105
|
+
React.createElement("div", {
|
|
116
106
|
onMouseEnter: onMouseEnter,
|
|
117
107
|
onMouseLeave: onMouseLeave,
|
|
118
108
|
onClick: onClick,
|
|
@@ -123,5 +113,4 @@ var LottieAnimation = /*#__PURE__*/_react.default.forwardRef(function (props, re
|
|
|
123
113
|
})
|
|
124
114
|
);
|
|
125
115
|
});
|
|
126
|
-
|
|
127
|
-
exports.default = _default;
|
|
116
|
+
export default LottieAnimation;
|
|
@@ -1,28 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _ola = _interopRequireDefault(require("ola"));
|
|
10
|
-
var _ = _interopRequireDefault(require("."));
|
|
11
1
|
var _excluded = ["olaTime"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
+
import React, { useRef } from 'react';
|
|
6
|
+
import Ola from 'ola';
|
|
7
|
+
import Lottie from '.';
|
|
18
8
|
var LottieAnimationWithMousePosition = function LottieAnimationWithMousePosition(_ref) {
|
|
19
9
|
var olaTime = _ref.olaTime,
|
|
20
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
11
|
// Create our own ref that we pass to the component so that we can use lottie functions.
|
|
22
|
-
var ref =
|
|
12
|
+
var ref = useRef(null);
|
|
23
13
|
|
|
24
14
|
// Create an Ola instance for frame interpolation.
|
|
25
|
-
var interpolatedFrame = (0,
|
|
15
|
+
var interpolatedFrame = Ola(0, olaTime);
|
|
26
16
|
|
|
27
17
|
/*
|
|
28
18
|
* Follow mouse position for animation on Mouse move.
|
|
@@ -43,12 +33,11 @@ var LottieAnimationWithMousePosition = function LottieAnimationWithMousePosition
|
|
|
43
33
|
ref.current.goToAndStop(interpolatedFrame.value, true);
|
|
44
34
|
}
|
|
45
35
|
};
|
|
46
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
47
37
|
onMouseMove: onMouseMove,
|
|
48
38
|
onTouchMove: onMouseMove
|
|
49
|
-
}, /*#__PURE__*/
|
|
39
|
+
}, /*#__PURE__*/React.createElement(Lottie, _extends({
|
|
50
40
|
ref: ref
|
|
51
41
|
}, props)));
|
|
52
42
|
};
|
|
53
|
-
|
|
54
|
-
exports.default = _default;
|
|
43
|
+
export default LottieAnimationWithMousePosition;
|
|
@@ -1,57 +1,46 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _component = _interopRequireDefault(require("@loadable/component"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
12
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import loadable from '@loadable/component';
|
|
5
|
+
|
|
15
6
|
// Lazy-load Lottie animations with a delay.
|
|
16
|
-
var Lottie = /*#__PURE__*/
|
|
7
|
+
var Lottie = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
17
8
|
var delay = props.delay;
|
|
18
|
-
var LottieAnimation = (
|
|
9
|
+
var LottieAnimation = loadable(function () {
|
|
19
10
|
return new Promise(function (resolve) {
|
|
20
11
|
setTimeout(function () {
|
|
21
|
-
return resolve(
|
|
22
|
-
return _interopRequireWildcard(require('./LottieAnimation'));
|
|
23
|
-
}));
|
|
12
|
+
return resolve(import('./LottieAnimation'));
|
|
24
13
|
}, delay);
|
|
25
14
|
});
|
|
26
15
|
});
|
|
27
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/React.createElement(LottieAnimation, _extends({
|
|
28
17
|
ref: ref
|
|
29
18
|
}, props));
|
|
30
19
|
});
|
|
31
20
|
Lottie.propTypes = {
|
|
32
|
-
id:
|
|
33
|
-
className:
|
|
34
|
-
renderer:
|
|
35
|
-
rendererSettings:
|
|
36
|
-
preserveAspectRatio:
|
|
21
|
+
id: PropTypes.string,
|
|
22
|
+
className: PropTypes.string,
|
|
23
|
+
renderer: PropTypes.string,
|
|
24
|
+
rendererSettings: PropTypes.shape({
|
|
25
|
+
preserveAspectRatio: PropTypes.string
|
|
37
26
|
}),
|
|
38
|
-
data:
|
|
39
|
-
path:
|
|
40
|
-
segments:
|
|
27
|
+
data: PropTypes.object,
|
|
28
|
+
path: PropTypes.string,
|
|
29
|
+
segments: PropTypes.array,
|
|
41
30
|
// Events
|
|
42
|
-
onInit:
|
|
43
|
-
onDestroy:
|
|
31
|
+
onInit: PropTypes.func,
|
|
32
|
+
onDestroy: PropTypes.func,
|
|
44
33
|
// Options
|
|
45
|
-
delay:
|
|
46
|
-
autoPlay:
|
|
47
|
-
loop:
|
|
48
|
-
speed:
|
|
49
|
-
direction:
|
|
50
|
-
activateOnHover:
|
|
51
|
-
pauseOnClick:
|
|
52
|
-
olaTime:
|
|
53
|
-
startPosition:
|
|
54
|
-
ariaLabel:
|
|
34
|
+
delay: PropTypes.number,
|
|
35
|
+
autoPlay: PropTypes.bool,
|
|
36
|
+
loop: PropTypes.bool,
|
|
37
|
+
speed: PropTypes.number,
|
|
38
|
+
direction: PropTypes.number,
|
|
39
|
+
activateOnHover: PropTypes.bool,
|
|
40
|
+
pauseOnClick: PropTypes.bool,
|
|
41
|
+
olaTime: PropTypes.number,
|
|
42
|
+
startPosition: PropTypes.number,
|
|
43
|
+
ariaLabel: PropTypes.string
|
|
55
44
|
};
|
|
56
45
|
Lottie.defaultProps = {
|
|
57
46
|
id: null,
|
|
@@ -78,5 +67,4 @@ Lottie.defaultProps = {
|
|
|
78
67
|
olaTime: 300,
|
|
79
68
|
startPosition: null
|
|
80
69
|
};
|
|
81
|
-
|
|
82
|
-
exports.default = _default;
|
|
70
|
+
export default Lottie;
|
|
@@ -1,33 +1,23 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
5
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
18
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
8
|
+
import c from 'classnames';
|
|
19
9
|
var MagicLine = function MagicLine(_ref) {
|
|
20
10
|
var _ref$activeClassName = _ref.activeClassName,
|
|
21
11
|
activeClassName = _ref$activeClassName === void 0 ? 'Menu__item--active' : _ref$activeClassName,
|
|
22
12
|
children = _ref.children;
|
|
23
|
-
var magicLineParentRef =
|
|
24
|
-
var magicLineRef =
|
|
25
|
-
var currentActiveItem =
|
|
26
|
-
var _useState =
|
|
13
|
+
var magicLineParentRef = useRef(null);
|
|
14
|
+
var magicLineRef = useRef(null);
|
|
15
|
+
var currentActiveItem = useRef(null);
|
|
16
|
+
var _useState = useState(false),
|
|
27
17
|
_useState2 = _slicedToArray(_useState, 2),
|
|
28
18
|
loaded = _useState2[0],
|
|
29
19
|
setLoaded = _useState2[1];
|
|
30
|
-
var _useState3 =
|
|
20
|
+
var _useState3 = useState(false),
|
|
31
21
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
32
22
|
activeItemInNavigation = _useState4[0],
|
|
33
23
|
_setActiveItemInNavigation = _useState4[1];
|
|
@@ -36,7 +26,7 @@ var MagicLine = function MagicLine(_ref) {
|
|
|
36
26
|
_setActiveItemInNavigation(value);
|
|
37
27
|
}
|
|
38
28
|
};
|
|
39
|
-
var MagicLineRefClasses = (
|
|
29
|
+
var MagicLineRefClasses = c('MagicLine__magic_line', {
|
|
40
30
|
'MagicLine__magic_line--visible': activeItemInNavigation && loaded
|
|
41
31
|
});
|
|
42
32
|
var alignMagicLine = function alignMagicLine() {
|
|
@@ -60,7 +50,7 @@ var MagicLine = function MagicLine(_ref) {
|
|
|
60
50
|
}
|
|
61
51
|
alignMagicLine();
|
|
62
52
|
};
|
|
63
|
-
|
|
53
|
+
useEffect(function () {
|
|
64
54
|
var initialize = function initialize() {
|
|
65
55
|
setInitialMagicLine();
|
|
66
56
|
};
|
|
@@ -75,13 +65,12 @@ var MagicLine = function MagicLine(_ref) {
|
|
|
75
65
|
window.removeEventListener('resize', handleResize);
|
|
76
66
|
};
|
|
77
67
|
}, []);
|
|
78
|
-
return /*#__PURE__*/
|
|
68
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
79
69
|
ref: magicLineParentRef,
|
|
80
70
|
className: "MagicLine"
|
|
81
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
82
72
|
ref: magicLineRef,
|
|
83
73
|
className: MagicLineRefClasses
|
|
84
74
|
}), children(setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation));
|
|
85
75
|
};
|
|
86
|
-
|
|
87
|
-
exports.default = _default;
|
|
76
|
+
export default MagicLine;
|
|
@@ -1,26 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _reactHookVideojs = require("react-hook-videojs");
|
|
10
|
-
var _reactI18next = require("react-i18next");
|
|
11
|
-
require("videojs-vimeo-tech");
|
|
12
|
-
require("videojs-youtube");
|
|
13
|
-
require("video.js/dist/video-js.css");
|
|
14
|
-
require("./style.scss");
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
22
5
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
23
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
6
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
7
|
+
import React, { useEffect, useMemo } from 'react';
|
|
8
|
+
import c from 'classnames';
|
|
9
|
+
import { useVideoJS } from 'react-hook-videojs';
|
|
10
|
+
import { useTranslation } from 'react-i18next';
|
|
11
|
+
// VideoJS plugins:
|
|
12
|
+
import 'videojs-vimeo-tech';
|
|
13
|
+
import 'videojs-youtube';
|
|
14
|
+
import 'video.js/dist/video-js.css';
|
|
15
|
+
import './style.scss';
|
|
24
16
|
var MediaPlayer = function MediaPlayer(_ref) {
|
|
25
17
|
var src = _ref.src,
|
|
26
18
|
type = _ref.type,
|
|
@@ -38,13 +30,13 @@ var MediaPlayer = function MediaPlayer(_ref) {
|
|
|
38
30
|
onVolumeChange = _ref.onVolumeChange,
|
|
39
31
|
onFullscreenChange = _ref.onFullscreenChange,
|
|
40
32
|
onError = _ref.onError;
|
|
41
|
-
var _useTranslation =
|
|
33
|
+
var _useTranslation = useTranslation(),
|
|
42
34
|
t = _useTranslation.t;
|
|
43
|
-
var classNames = (
|
|
44
|
-
var audioOnlyMode =
|
|
35
|
+
var classNames = c('MediaPlayer', 'video-js', 'vjs-default-skin', 'vjs-big-play-centered', className);
|
|
36
|
+
var audioOnlyMode = useMemo(function () {
|
|
45
37
|
return audioOnly || type.startsWith('audio');
|
|
46
38
|
}, [type, audioOnly]);
|
|
47
|
-
var controlBar =
|
|
39
|
+
var controlBar = useMemo(function () {
|
|
48
40
|
var videoJSControls = {
|
|
49
41
|
play: 'playToggle',
|
|
50
42
|
currentTime: 'currentTimeDisplay',
|
|
@@ -91,14 +83,14 @@ var MediaPlayer = function MediaPlayer(_ref) {
|
|
|
91
83
|
}]
|
|
92
84
|
};
|
|
93
85
|
var options = _objectSpread(_objectSpread({}, defaultOptions), customOptions);
|
|
94
|
-
var videoJS =
|
|
86
|
+
var videoJS = useVideoJS(options);
|
|
95
87
|
var _ref2 = videoJS,
|
|
96
88
|
Video = _ref2.Video,
|
|
97
89
|
player = _ref2.player,
|
|
98
90
|
ready = _ref2.ready;
|
|
99
91
|
|
|
100
92
|
// Passing down the VideoJS events.
|
|
101
|
-
|
|
93
|
+
useEffect(function () {
|
|
102
94
|
if (ready) {
|
|
103
95
|
if (onPlay) {
|
|
104
96
|
player.one('play', function (event) {
|
|
@@ -138,10 +130,10 @@ var MediaPlayer = function MediaPlayer(_ref) {
|
|
|
138
130
|
}
|
|
139
131
|
// eslint-disable-next-line max-len
|
|
140
132
|
}, [onEnded, onError, onFullscreenChange, onPause, onPlay, onSeeking, onVolumeChange, player, ready]);
|
|
141
|
-
return /*#__PURE__*/
|
|
133
|
+
return /*#__PURE__*/React.createElement(Video, {
|
|
142
134
|
className: classNames
|
|
143
135
|
}, !audioOnlyMode && captions && captions.map(function (caption) {
|
|
144
|
-
return /*#__PURE__*/
|
|
136
|
+
return /*#__PURE__*/React.createElement("track", {
|
|
145
137
|
key: "caption:".concat(caption.language),
|
|
146
138
|
kind: "captions",
|
|
147
139
|
src: caption.src,
|
|
@@ -151,5 +143,4 @@ var MediaPlayer = function MediaPlayer(_ref) {
|
|
|
151
143
|
});
|
|
152
144
|
}));
|
|
153
145
|
};
|
|
154
|
-
|
|
155
|
-
exports.default = _default;
|
|
146
|
+
export default MediaPlayer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export {};
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
require("./style.scss");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -23,9 +10,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
23
10
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
11
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
25
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
14
|
+
import classNames from 'classnames';
|
|
15
|
+
import PropTypes from 'prop-types';
|
|
16
|
+
import './style.scss';
|
|
26
17
|
var NavigationScroll = function NavigationScroll(props) {
|
|
27
|
-
var node =
|
|
28
|
-
var _useState =
|
|
18
|
+
var node = useRef(null);
|
|
19
|
+
var _useState = useState({
|
|
29
20
|
pos: 0,
|
|
30
21
|
reachedBottom: false,
|
|
31
22
|
reachedTop: false,
|
|
@@ -71,7 +62,7 @@ var NavigationScroll = function NavigationScroll(props) {
|
|
|
71
62
|
});
|
|
72
63
|
});
|
|
73
64
|
};
|
|
74
|
-
|
|
65
|
+
useEffect(function () {
|
|
75
66
|
window.addEventListener('scroll', handleScroll);
|
|
76
67
|
return function () {
|
|
77
68
|
window.removeEventListener('scroll', handleScroll);
|
|
@@ -83,13 +74,13 @@ var NavigationScroll = function NavigationScroll(props) {
|
|
|
83
74
|
scrolledPastNavHeight = state.scrolledPastNavHeight;
|
|
84
75
|
var children = props.children,
|
|
85
76
|
hasBackground = props.hasBackground;
|
|
86
|
-
var classes = (
|
|
77
|
+
var classes = classNames('NavigationScroll', {
|
|
87
78
|
'NavigationScroll--hasBackground': hasBackground,
|
|
88
79
|
's-scrolled-past-nav-height': scrolledPastNavHeight,
|
|
89
80
|
's-reached-page-top': reachedTop,
|
|
90
81
|
's-reached-page-bottom': reachedBottom
|
|
91
82
|
});
|
|
92
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
93
84
|
ref: node,
|
|
94
85
|
className: classes,
|
|
95
86
|
style: {
|
|
@@ -98,8 +89,7 @@ var NavigationScroll = function NavigationScroll(props) {
|
|
|
98
89
|
}, children);
|
|
99
90
|
};
|
|
100
91
|
NavigationScroll.propTypes = {
|
|
101
|
-
children:
|
|
92
|
+
children: PropTypes.element.isRequired
|
|
102
93
|
};
|
|
103
94
|
NavigationScroll.defaultProps = {};
|
|
104
|
-
|
|
105
|
-
exports.default = _default;
|
|
95
|
+
export default NavigationScroll;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './style.scss';
|
|
3
|
+
declare interface ControlPanelProps {
|
|
4
|
+
scale: number;
|
|
5
|
+
setScale: (scale: number) => void;
|
|
6
|
+
numPages: number;
|
|
7
|
+
pageNumber: number;
|
|
8
|
+
setPageNumber: (pageNumber: number) => void;
|
|
9
|
+
file: string;
|
|
10
|
+
goToFirstPageButton?: React.ReactNode;
|
|
11
|
+
goToNextPageButton?: React.ReactNode;
|
|
12
|
+
goToPreviousPageButton?: React.ReactNode;
|
|
13
|
+
goToLastPageButton?: React.ReactNode;
|
|
14
|
+
downloadButton?: React.ReactNode;
|
|
15
|
+
printButton?: React.ReactNode;
|
|
16
|
+
zoomInButton?: React.ReactNode;
|
|
17
|
+
zoomOutButton?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare const ControlPanel: React.FC<ControlPanelProps>;
|
|
20
|
+
export default ControlPanel;
|