@ilo-org/react 0.4.3 → 0.4.5
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/.eslintrc.cjs +39 -0
- package/CHANGELOG.md +21 -0
- package/lib/cjs/{DailyMotion-5654fa6e.js → DailyMotion-2cda261d.js} +1 -1
- package/lib/cjs/{Facebook-1924e510.js → Facebook-40bd92e7.js} +1 -1
- package/lib/cjs/{FilePlayer-9c697e42.js → FilePlayer-b5a2e7b1.js} +1 -1
- package/lib/cjs/{Kaltura-177bb003.js → Kaltura-8544b000.js} +1 -1
- package/lib/cjs/{Mixcloud-91a772a6.js → Mixcloud-2c92778a.js} +1 -1
- package/lib/cjs/{Preview-8e2afb6a.js → Preview-a5f6c0c7.js} +1 -1
- package/lib/cjs/{SoundCloud-089e0f30.js → SoundCloud-ff297faf.js} +1 -1
- package/lib/cjs/{Streamable-4ca5b9c7.js → Streamable-612542e7.js} +1 -1
- package/lib/cjs/{Twitch-dbc5c387.js → Twitch-246c531e.js} +1 -1
- package/lib/cjs/{VideoPlayer-874a52b0.js → VideoPlayer-d576de50.js} +16 -23
- package/lib/cjs/{Vidyard-371acdcb.js → Vidyard-e1bb2e3d.js} +1 -1
- package/lib/cjs/{Vimeo-4d2029a8.js → Vimeo-38a72f3d.js} +1 -1
- package/lib/cjs/{Wistia-cd0799ad.js → Wistia-1280865c.js} +1 -1
- package/lib/cjs/{YouTube-23b7ec9e.js → YouTube-1fbce80b.js} +1 -1
- package/lib/cjs/components/Callout/index.js +14 -3
- package/lib/cjs/components/Card/CardGroup.js +4 -4
- package/lib/cjs/components/Collapse/Collapse.js +32 -47
- package/lib/cjs/components/Collapse/index.js +1 -1
- package/lib/cjs/components/Video/Video.js +2 -2
- package/lib/cjs/components/Video/VideoPlayer.js +2 -2
- package/lib/cjs/components/Video/index.js +2 -2
- package/lib/cjs/components/index.js +3 -3
- package/lib/cjs/{index-1b6434f0.js → index-0af02e81.js} +22 -59
- package/lib/cjs/index.js +4 -4
- package/lib/esm/{DailyMotion-88f6c379.js → DailyMotion-89500a59.js} +1 -1
- package/lib/esm/{Facebook-3a284039.js → Facebook-7abf2b6b.js} +1 -1
- package/lib/esm/{FilePlayer-dee1f94b.js → FilePlayer-c5879d9f.js} +1 -1
- package/lib/esm/{Kaltura-c5d42c88.js → Kaltura-424e97bb.js} +1 -1
- package/lib/esm/{Mixcloud-430ab42a.js → Mixcloud-a9c98513.js} +1 -1
- package/lib/esm/{Preview-7f57e055.js → Preview-05e5eb47.js} +1 -1
- package/lib/esm/{SoundCloud-d1ab591e.js → SoundCloud-0853e0b6.js} +1 -1
- package/lib/esm/{Streamable-042d61d5.js → Streamable-da3fc8b6.js} +1 -1
- package/lib/esm/{Twitch-2f45534f.js → Twitch-25eb6a7b.js} +1 -1
- package/lib/esm/{VideoPlayer-719076c4.js → VideoPlayer-a5fa87ce.js} +16 -23
- package/lib/esm/{Vidyard-4625527b.js → Vidyard-7284e1ca.js} +1 -1
- package/lib/esm/{Vimeo-03b960e6.js → Vimeo-4dc64c92.js} +1 -1
- package/lib/esm/{Wistia-48f9c303.js → Wistia-7f9e5ea3.js} +1 -1
- package/lib/esm/{YouTube-5b29a3d9.js → YouTube-9fef7faa.js} +1 -1
- package/lib/esm/components/Callout/index.js +16 -1
- package/lib/esm/components/Card/CardGroup.js +4 -4
- package/lib/esm/components/Collapse/Collapse.js +32 -47
- package/lib/esm/components/Collapse/index.js +1 -1
- package/lib/esm/components/Video/Video.js +2 -2
- package/lib/esm/components/Video/VideoPlayer.js +2 -2
- package/lib/esm/components/Video/index.js +2 -2
- package/lib/esm/components/index.js +3 -3
- package/lib/esm/{index-8ebb2cc1.js → index-623ce3f5.js} +21 -60
- package/lib/esm/index.js +4 -4
- package/lib/types/react/src/components/Fieldset/Fieldset.props.d.ts +1 -2
- package/lib/types/react/src/components/Video/Video.props.d.ts +1 -1
- package/package.json +29 -35
- package/src/components/Fieldset/Fieldset.props.ts +1 -2
- package/src/components/Video/Video.props.ts +1 -1
- package/lib/cjs/Callout.args-bcd5a9f1.js +0 -17
- package/lib/esm/Callout.args-3a0e0416.js +0 -15
package/.eslintrc.cjs
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Package-level eslint config extends the global config and applies
|
|
3
|
+
* customizations relative to the local project. In this example we
|
|
4
|
+
* are lintinting both js and ts files, so we combine two configs
|
|
5
|
+
* and set the TypeScript settings as an override
|
|
6
|
+
*/
|
|
7
|
+
module.exports = {
|
|
8
|
+
/* =============== */
|
|
9
|
+
/* Global Settings */
|
|
10
|
+
/* =============== */
|
|
11
|
+
root: true,
|
|
12
|
+
extends: ["@ilo-org/eslint-config"],
|
|
13
|
+
// Extend the default config and add any specific settings for this project
|
|
14
|
+
ignorePatterns: [
|
|
15
|
+
"storybook-static/",
|
|
16
|
+
"node_modules/",
|
|
17
|
+
"lib/",
|
|
18
|
+
"src/stories/",
|
|
19
|
+
//@TODO: Remove this once type errors in tests and args files are fixed
|
|
20
|
+
"src/__tests__",
|
|
21
|
+
"src/components/**/*.args.ts",
|
|
22
|
+
],
|
|
23
|
+
|
|
24
|
+
overrides: [
|
|
25
|
+
/* =================== */
|
|
26
|
+
/* TypeScript Settings */
|
|
27
|
+
/* =================== */
|
|
28
|
+
{
|
|
29
|
+
// Which files the override will apply to relative to the package root
|
|
30
|
+
files: ["**/*.{ts,tsx}"],
|
|
31
|
+
extends: ["@ilo-org/eslint-config/typescript"],
|
|
32
|
+
// The typescript parser options for this package, which will be different
|
|
33
|
+
// from other packages
|
|
34
|
+
parserOptions: {
|
|
35
|
+
project: ["./tsconfig.json"],
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
],
|
|
39
|
+
};
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @ilo-org/react
|
|
2
2
|
|
|
3
|
+
## 0.4.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [ee859111c]
|
|
8
|
+
- Updated dependencies [ee859111c]
|
|
9
|
+
- Updated dependencies [ee859111c]
|
|
10
|
+
- @ilo-org/styles@0.3.3
|
|
11
|
+
|
|
12
|
+
## 0.4.4
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies [be8262383]
|
|
17
|
+
- Updated dependencies [be8262383]
|
|
18
|
+
- Updated dependencies [36960e383]
|
|
19
|
+
- @ilo-org/styles@0.3.2
|
|
20
|
+
- @ilo-org/brand-assets@0.1.0
|
|
21
|
+
- @ilo-org/utils@0.0.11
|
|
22
|
+
- @ilo-org/icons-react@0.0.19
|
|
23
|
+
|
|
3
24
|
## 0.4.3
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var require$$0 = require('react');
|
|
5
|
-
var index = require('./index-
|
|
5
|
+
var index = require('./index-0af02e81.js');
|
|
6
6
|
var ReactDOM = require('react-dom');
|
|
7
7
|
var classNames = require('classnames');
|
|
8
8
|
var hooks_useGlobalSettings = require('./hooks/useGlobalSettings.js');
|
|
@@ -16,16 +16,9 @@ function getDefaultExportFromCjs (x) {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
function getAugmentedNamespace(n) {
|
|
19
|
-
if (n.__esModule) return n;
|
|
20
19
|
var f = n.default;
|
|
21
20
|
if (typeof f == "function") {
|
|
22
|
-
var a = function
|
|
23
|
-
if (this instanceof a) {
|
|
24
|
-
var args = [null];
|
|
25
|
-
args.push.apply(args, arguments);
|
|
26
|
-
var Ctor = Function.bind.apply(f, args);
|
|
27
|
-
return new Ctor();
|
|
28
|
-
}
|
|
21
|
+
var a = function () {
|
|
29
22
|
return f.apply(this, arguments);
|
|
30
23
|
};
|
|
31
24
|
a.prototype = f.prototype;
|
|
@@ -641,7 +634,7 @@ patterns.canPlay = canPlay;
|
|
|
641
634
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
642
635
|
return Promise.resolve().then(function () { return require(
|
|
643
636
|
/* webpackChunkName: 'reactPlayerYouTube' */
|
|
644
|
-
'./YouTube-
|
|
637
|
+
'./YouTube-1fbce80b.js'); }).then(function (n) { return n.YouTube; });
|
|
645
638
|
})
|
|
646
639
|
}, {
|
|
647
640
|
key: 'soundcloud',
|
|
@@ -650,7 +643,7 @@ patterns.canPlay = canPlay;
|
|
|
650
643
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
651
644
|
return Promise.resolve().then(function () { return require(
|
|
652
645
|
/* webpackChunkName: 'reactPlayerSoundCloud' */
|
|
653
|
-
'./SoundCloud-
|
|
646
|
+
'./SoundCloud-ff297faf.js'); }).then(function (n) { return n.SoundCloud; });
|
|
654
647
|
})
|
|
655
648
|
}, {
|
|
656
649
|
key: 'vimeo',
|
|
@@ -659,7 +652,7 @@ patterns.canPlay = canPlay;
|
|
|
659
652
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
660
653
|
return Promise.resolve().then(function () { return require(
|
|
661
654
|
/* webpackChunkName: 'reactPlayerVimeo' */
|
|
662
|
-
'./Vimeo-
|
|
655
|
+
'./Vimeo-38a72f3d.js'); }).then(function (n) { return n.Vimeo; });
|
|
663
656
|
})
|
|
664
657
|
}, {
|
|
665
658
|
key: 'facebook',
|
|
@@ -668,7 +661,7 @@ patterns.canPlay = canPlay;
|
|
|
668
661
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
669
662
|
return Promise.resolve().then(function () { return require(
|
|
670
663
|
/* webpackChunkName: 'reactPlayerFacebook' */
|
|
671
|
-
'./Facebook-
|
|
664
|
+
'./Facebook-40bd92e7.js'); }).then(function (n) { return n.Facebook; });
|
|
672
665
|
})
|
|
673
666
|
}, {
|
|
674
667
|
key: 'streamable',
|
|
@@ -677,7 +670,7 @@ patterns.canPlay = canPlay;
|
|
|
677
670
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
678
671
|
return Promise.resolve().then(function () { return require(
|
|
679
672
|
/* webpackChunkName: 'reactPlayerStreamable' */
|
|
680
|
-
'./Streamable-
|
|
673
|
+
'./Streamable-612542e7.js'); }).then(function (n) { return n.Streamable; });
|
|
681
674
|
})
|
|
682
675
|
}, {
|
|
683
676
|
key: 'wistia',
|
|
@@ -686,7 +679,7 @@ patterns.canPlay = canPlay;
|
|
|
686
679
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
687
680
|
return Promise.resolve().then(function () { return require(
|
|
688
681
|
/* webpackChunkName: 'reactPlayerWistia' */
|
|
689
|
-
'./Wistia-
|
|
682
|
+
'./Wistia-1280865c.js'); }).then(function (n) { return n.Wistia; });
|
|
690
683
|
})
|
|
691
684
|
}, {
|
|
692
685
|
key: 'twitch',
|
|
@@ -695,7 +688,7 @@ patterns.canPlay = canPlay;
|
|
|
695
688
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
696
689
|
return Promise.resolve().then(function () { return require(
|
|
697
690
|
/* webpackChunkName: 'reactPlayerTwitch' */
|
|
698
|
-
'./Twitch-
|
|
691
|
+
'./Twitch-246c531e.js'); }).then(function (n) { return n.Twitch; });
|
|
699
692
|
})
|
|
700
693
|
}, {
|
|
701
694
|
key: 'dailymotion',
|
|
@@ -704,7 +697,7 @@ patterns.canPlay = canPlay;
|
|
|
704
697
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
705
698
|
return Promise.resolve().then(function () { return require(
|
|
706
699
|
/* webpackChunkName: 'reactPlayerDailyMotion' */
|
|
707
|
-
'./DailyMotion-
|
|
700
|
+
'./DailyMotion-2cda261d.js'); }).then(function (n) { return n.DailyMotion; });
|
|
708
701
|
})
|
|
709
702
|
}, {
|
|
710
703
|
key: 'mixcloud',
|
|
@@ -713,7 +706,7 @@ patterns.canPlay = canPlay;
|
|
|
713
706
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
714
707
|
return Promise.resolve().then(function () { return require(
|
|
715
708
|
/* webpackChunkName: 'reactPlayerMixcloud' */
|
|
716
|
-
'./Mixcloud-
|
|
709
|
+
'./Mixcloud-2c92778a.js'); }).then(function (n) { return n.Mixcloud; });
|
|
717
710
|
})
|
|
718
711
|
}, {
|
|
719
712
|
key: 'vidyard',
|
|
@@ -722,7 +715,7 @@ patterns.canPlay = canPlay;
|
|
|
722
715
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
723
716
|
return Promise.resolve().then(function () { return require(
|
|
724
717
|
/* webpackChunkName: 'reactPlayerVidyard' */
|
|
725
|
-
'./Vidyard-
|
|
718
|
+
'./Vidyard-e1bb2e3d.js'); }).then(function (n) { return n.Vidyard; });
|
|
726
719
|
})
|
|
727
720
|
}, {
|
|
728
721
|
key: 'kaltura',
|
|
@@ -731,7 +724,7 @@ patterns.canPlay = canPlay;
|
|
|
731
724
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
732
725
|
return Promise.resolve().then(function () { return require(
|
|
733
726
|
/* webpackChunkName: 'reactPlayerKaltura' */
|
|
734
|
-
'./Kaltura-
|
|
727
|
+
'./Kaltura-8544b000.js'); }).then(function (n) { return n.Kaltura; });
|
|
735
728
|
})
|
|
736
729
|
}, {
|
|
737
730
|
key: 'file',
|
|
@@ -743,7 +736,7 @@ patterns.canPlay = canPlay;
|
|
|
743
736
|
lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
744
737
|
return Promise.resolve().then(function () { return require(
|
|
745
738
|
/* webpackChunkName: 'reactPlayerFilePlayer' */
|
|
746
|
-
'./FilePlayer-
|
|
739
|
+
'./FilePlayer-b5a2e7b1.js'); }).then(function (n) { return n.FilePlayer; });
|
|
747
740
|
})
|
|
748
741
|
}];
|
|
749
742
|
exports["default"] = _default;
|
|
@@ -953,7 +946,7 @@ Object.defineProperty(props, "__esModule", {
|
|
|
953
946
|
});
|
|
954
947
|
props.defaultProps = props.propTypes = void 0;
|
|
955
948
|
|
|
956
|
-
var _propTypes = _interopRequireDefault$1(index.
|
|
949
|
+
var _propTypes = _interopRequireDefault$1(index.propTypes.exports);
|
|
957
950
|
|
|
958
951
|
function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
959
952
|
|
|
@@ -1668,7 +1661,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
1668
1661
|
var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
1669
1662
|
return Promise.resolve().then(function () { return require(
|
|
1670
1663
|
/* webpackChunkName: 'reactPlayerPreview' */
|
|
1671
|
-
'./Preview-
|
|
1664
|
+
'./Preview-a5f6c0c7.js'); }).then(function (n) { return n.Preview; });
|
|
1672
1665
|
});
|
|
1673
1666
|
var IS_BROWSER = typeof window !== 'undefined' && window.document;
|
|
1674
1667
|
var IS_GLOBAL = typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window && commonjsGlobal.window.document;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var components_Callout_Callout = require('./Callout.js');
|
|
4
|
-
var Callout_args = require('../../Callout.args-bcd5a9f1.js');
|
|
5
4
|
require('react/jsx-runtime');
|
|
6
5
|
require('classnames');
|
|
7
6
|
require('react');
|
|
@@ -13,7 +12,19 @@ require('../Link/Link.js');
|
|
|
13
12
|
require('../Icon/Icon.js');
|
|
14
13
|
require('@ilo-org/icons-react');
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
const baseArgs = {
|
|
16
|
+
copy: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
|
|
17
|
+
isCollapsible: false,
|
|
18
|
+
headline: "Info Callout",
|
|
19
|
+
type: "info",
|
|
20
|
+
};
|
|
21
|
+
const success = Object.assign(Object.assign({}, baseArgs), { type: "success", headline: "Success Callout" });
|
|
22
|
+
const warning = Object.assign(Object.assign({}, baseArgs), { type: "warning", headline: "Warning Callout" });
|
|
23
|
+
const error = Object.assign(Object.assign({}, baseArgs), { cta: {
|
|
24
|
+
label: "Optional CTA",
|
|
25
|
+
url: "http://www.google.com",
|
|
26
|
+
}, isCollapsible: true, isOpen: false, headline: "Error Callout (Collapsible)", toggleOpenLabel: "Open", toggleClosedLabel: "Closed", type: "error" });
|
|
27
|
+
const CalloutArgs = { baseArgs, success, warning, error };
|
|
17
28
|
|
|
18
29
|
exports.Callout = components_Callout_Callout;
|
|
19
|
-
exports.calloutArgs =
|
|
30
|
+
exports.calloutArgs = CalloutArgs;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var components_Card_Card = require('./Card.js');
|
|
3
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var classNames = require('classnames');
|
|
5
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
|
-
var components_Card_Card = require('./Card.js');
|
|
7
|
-
require('tslib');
|
|
8
|
-
require('react');
|
|
9
|
-
require('../../GlobalCtx-97e4b433.js');
|
|
10
7
|
require('../Link/Link.js');
|
|
8
|
+
require('tslib');
|
|
11
9
|
require('../List/List.js');
|
|
10
|
+
require('react');
|
|
12
11
|
require('../../ListCtx-7db7fe04.js');
|
|
12
|
+
require('../../GlobalCtx-97e4b433.js');
|
|
13
13
|
require('../List/ListItem.js');
|
|
14
14
|
require('../LinkList/LinkList.js');
|
|
15
15
|
require('../Profile/Profile.js');
|
|
@@ -4,7 +4,7 @@ var tslib = require('tslib');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var classNames = require('classnames');
|
|
6
6
|
var require$$0 = require('react');
|
|
7
|
-
var index = require('../../index-
|
|
7
|
+
var index = require('../../index-0af02e81.js');
|
|
8
8
|
var ReactDOM = require('react-dom');
|
|
9
9
|
var utils_createChainedFunction = require('../../utils/createChainedFunction.js');
|
|
10
10
|
var utils_getDefaultDimensionValue = require('../../utils/getDefaultDimensionValue.js');
|
|
@@ -43,30 +43,26 @@ var config = {
|
|
|
43
43
|
disabled: false
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
-
var timeoutsShape = process.env.NODE_ENV !== 'production' ? index.
|
|
47
|
-
enter: index.
|
|
48
|
-
exit: index.
|
|
49
|
-
appear: index.
|
|
46
|
+
var timeoutsShape = process.env.NODE_ENV !== 'production' ? index.propTypes.exports.oneOfType([index.propTypes.exports.number, index.propTypes.exports.shape({
|
|
47
|
+
enter: index.propTypes.exports.number,
|
|
48
|
+
exit: index.propTypes.exports.number,
|
|
49
|
+
appear: index.propTypes.exports.number
|
|
50
50
|
}).isRequired]) : null;
|
|
51
|
-
process.env.NODE_ENV !== 'production' ? index.
|
|
52
|
-
enter: index.
|
|
53
|
-
exit: index.
|
|
54
|
-
active: index.
|
|
55
|
-
}), index.
|
|
56
|
-
enter: index.
|
|
57
|
-
enterDone: index.
|
|
58
|
-
enterActive: index.
|
|
59
|
-
exit: index.
|
|
60
|
-
exitDone: index.
|
|
61
|
-
exitActive: index.
|
|
51
|
+
process.env.NODE_ENV !== 'production' ? index.propTypes.exports.oneOfType([index.propTypes.exports.string, index.propTypes.exports.shape({
|
|
52
|
+
enter: index.propTypes.exports.string,
|
|
53
|
+
exit: index.propTypes.exports.string,
|
|
54
|
+
active: index.propTypes.exports.string
|
|
55
|
+
}), index.propTypes.exports.shape({
|
|
56
|
+
enter: index.propTypes.exports.string,
|
|
57
|
+
enterDone: index.propTypes.exports.string,
|
|
58
|
+
enterActive: index.propTypes.exports.string,
|
|
59
|
+
exit: index.propTypes.exports.string,
|
|
60
|
+
exitDone: index.propTypes.exports.string,
|
|
61
|
+
exitActive: index.propTypes.exports.string
|
|
62
62
|
})]) : null;
|
|
63
63
|
|
|
64
64
|
var TransitionGroupContext = require$$0.createContext(null);
|
|
65
65
|
|
|
66
|
-
var forceReflow = function forceReflow(node) {
|
|
67
|
-
return node.scrollTop;
|
|
68
|
-
};
|
|
69
|
-
|
|
70
66
|
var UNMOUNTED = 'unmounted';
|
|
71
67
|
var EXITED = 'exited';
|
|
72
68
|
var ENTERING = 'entering';
|
|
@@ -286,14 +282,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
286
282
|
this.cancelNextCallback();
|
|
287
283
|
|
|
288
284
|
if (nextStatus === ENTERING) {
|
|
289
|
-
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
290
|
-
var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
|
|
291
|
-
// With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
|
|
292
|
-
// To make the animation happen, we have to separate each rendering and avoid being processed as batched.
|
|
293
|
-
|
|
294
|
-
if (node) forceReflow(node);
|
|
295
|
-
}
|
|
296
|
-
|
|
297
285
|
this.performEnter(mounting);
|
|
298
286
|
} else {
|
|
299
287
|
this.performExit();
|
|
@@ -485,11 +473,8 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
485
473
|
* (see
|
|
486
474
|
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
487
475
|
*/
|
|
488
|
-
nodeRef: index.
|
|
489
|
-
current: typeof Element === 'undefined' ? index.
|
|
490
|
-
var value = propValue[key];
|
|
491
|
-
return index.propTypesExports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
|
|
492
|
-
}
|
|
476
|
+
nodeRef: index.propTypes.exports.shape({
|
|
477
|
+
current: typeof Element === 'undefined' ? index.propTypes.exports.any : index.propTypes.exports.instanceOf(Element)
|
|
493
478
|
}),
|
|
494
479
|
|
|
495
480
|
/**
|
|
@@ -506,12 +491,12 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
506
491
|
* </Transition>
|
|
507
492
|
* ```
|
|
508
493
|
*/
|
|
509
|
-
children: index.
|
|
494
|
+
children: index.propTypes.exports.oneOfType([index.propTypes.exports.func.isRequired, index.propTypes.exports.element.isRequired]).isRequired,
|
|
510
495
|
|
|
511
496
|
/**
|
|
512
497
|
* Show the component; triggers the enter or exit states
|
|
513
498
|
*/
|
|
514
|
-
in: index.
|
|
499
|
+
in: index.propTypes.exports.bool,
|
|
515
500
|
|
|
516
501
|
/**
|
|
517
502
|
* By default the child component is mounted immediately along with
|
|
@@ -519,13 +504,13 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
519
504
|
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
520
505
|
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
521
506
|
*/
|
|
522
|
-
mountOnEnter: index.
|
|
507
|
+
mountOnEnter: index.propTypes.exports.bool,
|
|
523
508
|
|
|
524
509
|
/**
|
|
525
510
|
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
526
511
|
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
527
512
|
*/
|
|
528
|
-
unmountOnExit: index.
|
|
513
|
+
unmountOnExit: index.propTypes.exports.bool,
|
|
529
514
|
|
|
530
515
|
/**
|
|
531
516
|
* By default the child component does not perform the enter transition when
|
|
@@ -538,17 +523,17 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
538
523
|
* > additional `.appear-*` classes, that way you can choose to style it
|
|
539
524
|
* > differently.
|
|
540
525
|
*/
|
|
541
|
-
appear: index.
|
|
526
|
+
appear: index.propTypes.exports.bool,
|
|
542
527
|
|
|
543
528
|
/**
|
|
544
529
|
* Enable or disable enter transitions.
|
|
545
530
|
*/
|
|
546
|
-
enter: index.
|
|
531
|
+
enter: index.propTypes.exports.bool,
|
|
547
532
|
|
|
548
533
|
/**
|
|
549
534
|
* Enable or disable exit transitions.
|
|
550
535
|
*/
|
|
551
|
-
exit: index.
|
|
536
|
+
exit: index.propTypes.exports.bool,
|
|
552
537
|
|
|
553
538
|
/**
|
|
554
539
|
* The duration of the transition, in milliseconds.
|
|
@@ -601,7 +586,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
601
586
|
* }}
|
|
602
587
|
* ```
|
|
603
588
|
*/
|
|
604
|
-
addEndListener: index.
|
|
589
|
+
addEndListener: index.propTypes.exports.func,
|
|
605
590
|
|
|
606
591
|
/**
|
|
607
592
|
* Callback fired before the "entering" status is applied. An extra parameter
|
|
@@ -611,7 +596,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
611
596
|
*
|
|
612
597
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
613
598
|
*/
|
|
614
|
-
onEnter: index.
|
|
599
|
+
onEnter: index.propTypes.exports.func,
|
|
615
600
|
|
|
616
601
|
/**
|
|
617
602
|
* Callback fired after the "entering" status is applied. An extra parameter
|
|
@@ -621,7 +606,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
621
606
|
*
|
|
622
607
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
623
608
|
*/
|
|
624
|
-
onEntering: index.
|
|
609
|
+
onEntering: index.propTypes.exports.func,
|
|
625
610
|
|
|
626
611
|
/**
|
|
627
612
|
* Callback fired after the "entered" status is applied. An extra parameter
|
|
@@ -631,7 +616,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
631
616
|
*
|
|
632
617
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
633
618
|
*/
|
|
634
|
-
onEntered: index.
|
|
619
|
+
onEntered: index.propTypes.exports.func,
|
|
635
620
|
|
|
636
621
|
/**
|
|
637
622
|
* Callback fired before the "exiting" status is applied.
|
|
@@ -640,7 +625,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
640
625
|
*
|
|
641
626
|
* @type Function(node: HtmlElement) -> void
|
|
642
627
|
*/
|
|
643
|
-
onExit: index.
|
|
628
|
+
onExit: index.propTypes.exports.func,
|
|
644
629
|
|
|
645
630
|
/**
|
|
646
631
|
* Callback fired after the "exiting" status is applied.
|
|
@@ -649,7 +634,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
649
634
|
*
|
|
650
635
|
* @type Function(node: HtmlElement) -> void
|
|
651
636
|
*/
|
|
652
|
-
onExiting: index.
|
|
637
|
+
onExiting: index.propTypes.exports.func,
|
|
653
638
|
|
|
654
639
|
/**
|
|
655
640
|
* Callback fired after the "exited" status is applied.
|
|
@@ -658,7 +643,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
658
643
|
*
|
|
659
644
|
* @type Function(node: HtmlElement) -> void
|
|
660
645
|
*/
|
|
661
|
-
onExited: index.
|
|
646
|
+
onExited: index.propTypes.exports.func
|
|
662
647
|
} : {}; // Name the function so it is clearer in the documentation
|
|
663
648
|
|
|
664
649
|
function noop() {}
|
|
@@ -5,7 +5,7 @@ require('tslib');
|
|
|
5
5
|
require('react/jsx-runtime');
|
|
6
6
|
require('classnames');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../index-
|
|
8
|
+
require('../../index-0af02e81.js');
|
|
9
9
|
require('react-dom');
|
|
10
10
|
require('../../utils/createChainedFunction.js');
|
|
11
11
|
require('../../utils/getDefaultDimensionValue.js');
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var classNames = require('classnames');
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
|
-
var components_Video_VideoPlayer = require('../../VideoPlayer-
|
|
6
|
+
var components_Video_VideoPlayer = require('../../VideoPlayer-d576de50.js');
|
|
7
7
|
require('tslib');
|
|
8
8
|
require('react');
|
|
9
9
|
require('../../GlobalCtx-97e4b433.js');
|
|
10
|
-
require('../../index-
|
|
10
|
+
require('../../index-0af02e81.js');
|
|
11
11
|
require('react-dom');
|
|
12
12
|
require('../../utils/hoursMinutesSeconds.js');
|
|
13
13
|
require('screenfull');
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
require('react/jsx-runtime');
|
|
4
4
|
require('react');
|
|
5
|
-
var components_Video_VideoPlayer = require('../../VideoPlayer-
|
|
5
|
+
var components_Video_VideoPlayer = require('../../VideoPlayer-d576de50.js');
|
|
6
6
|
require('react-dom');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
9
|
require('../../utils/hoursMinutesSeconds.js');
|
|
10
10
|
require('screenfull');
|
|
11
|
-
require('../../index-
|
|
11
|
+
require('../../index-0af02e81.js');
|
|
12
12
|
require('tslib');
|
|
13
13
|
require('../../GlobalCtx-97e4b433.js');
|
|
14
14
|
|
|
@@ -7,8 +7,8 @@ require('../../hooks/useGlobalSettings.js');
|
|
|
7
7
|
require('tslib');
|
|
8
8
|
require('react');
|
|
9
9
|
require('../../GlobalCtx-97e4b433.js');
|
|
10
|
-
require('../../VideoPlayer-
|
|
11
|
-
require('../../index-
|
|
10
|
+
require('../../VideoPlayer-d576de50.js');
|
|
11
|
+
require('../../index-0af02e81.js');
|
|
12
12
|
require('react-dom');
|
|
13
13
|
require('../../utils/hoursMinutesSeconds.js');
|
|
14
14
|
require('screenfull');
|