@ilo-org/react 0.10.5 → 0.11.0
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/CHANGELOG.md +24 -0
- package/lib/cjs/AccordionCtx-be704051.js +9 -0
- package/lib/cjs/{GlobalCtx-97e4b433.js → GlobalCtx-10114bdd.js} +2 -2
- package/lib/cjs/ListCtx-14aa546f.js +9 -0
- package/lib/cjs/TagCtx-690a1d54.js +7 -0
- package/lib/cjs/components/Accordion/Accordion.js +6 -6
- package/lib/cjs/components/Accordion/AccordionButton.js +5 -5
- package/lib/cjs/components/Accordion/AccordionItem.js +2 -2
- package/lib/cjs/components/Accordion/AccordionPanel.js +8 -8
- package/lib/cjs/components/Accordion/index.js +2 -2
- package/lib/cjs/components/Breadcrumb/Breadcrumb.js +5 -5
- package/lib/cjs/components/Breadcrumb/index.js +1 -1
- package/lib/cjs/components/Button/Button.js +1 -1
- package/lib/cjs/components/Button/index.js +1 -1
- package/lib/cjs/components/Callout/Callout.js +4 -4
- package/lib/cjs/components/Callout/index.js +1 -1
- package/lib/cjs/components/Card/Card.js +2 -2
- package/lib/cjs/components/Card/CardGroup.js +2 -2
- package/lib/cjs/components/Card/index.js +2 -2
- package/lib/cjs/components/Checkbox/Checkbox.js +5 -5
- package/lib/cjs/components/Checkbox/index.js +1 -1
- package/lib/cjs/components/Collapse/Collapse.js +1194 -44
- package/lib/cjs/components/Collapse/index.js +0 -1
- package/lib/cjs/components/ContextMenu/ContextMenu.js +1 -1
- package/lib/cjs/components/ContextMenu/index.js +1 -1
- package/lib/cjs/components/Credit/Credit.js +3 -3
- package/lib/cjs/components/Credit/index.js +1 -1
- package/lib/cjs/components/DatePicker/DatePicker.js +4 -4
- package/lib/cjs/components/DatePicker/index.js +1 -1
- package/lib/cjs/components/Dropdown/Dropdown.js +5 -5
- package/lib/cjs/components/Dropdown/index.js +1 -1
- package/lib/cjs/components/Empty/Empty.js +1 -1
- package/lib/cjs/components/Empty/index.js +1 -1
- package/lib/cjs/components/Fieldset/Fieldset.js +5 -5
- package/lib/cjs/components/Fieldset/index.js +1 -1
- package/lib/cjs/components/FileUpload/FileUpload.js +5 -5
- package/lib/cjs/components/FileUpload/index.js +1 -1
- package/lib/cjs/components/Footer/Footer.js +1 -1
- package/lib/cjs/components/Footer/index.js +1 -1
- package/lib/cjs/components/Form/Form.js +3 -3
- package/lib/cjs/components/Form/index.js +1 -1
- package/lib/cjs/components/FormControl/FormControl.js +7 -7
- package/lib/cjs/components/FormControl/index.js +1 -1
- package/lib/cjs/components/GlobalProvider/GlobalProvider.js +1 -1
- package/lib/cjs/components/GlobalProvider/index.js +1 -1
- package/lib/cjs/components/Heading/Heading.js +1 -1
- package/lib/cjs/components/Heading/index.js +1 -1
- package/lib/cjs/components/Hero/Hero.js +1 -1
- package/lib/cjs/components/Hero/HeroCard.js +1 -1
- package/lib/cjs/components/Hero/index.js +1 -1
- package/lib/cjs/components/Icon/Icon.js +3 -3
- package/lib/cjs/components/Icon/index.js +1 -1
- package/lib/cjs/components/Image/Image.js +1 -1
- package/lib/cjs/components/Image/index.js +1 -1
- package/lib/cjs/components/Input/Input.js +3 -3
- package/lib/cjs/components/Input/index.js +1 -1
- package/lib/cjs/components/Link/Link.js +1 -1
- package/lib/cjs/components/Link/index.js +1 -1
- package/lib/cjs/components/LinkList/LinkList.js +1 -1
- package/lib/cjs/components/LinkList/index.js +1 -1
- package/lib/cjs/components/List/List.js +4 -4
- package/lib/cjs/components/List/ListItem.js +2 -2
- package/lib/cjs/components/List/index.js +2 -2
- package/lib/cjs/components/Loading/Loading.js +1 -1
- package/lib/cjs/components/Loading/index.js +1 -1
- package/lib/cjs/components/LocalNav/LocalNav.js +4 -4
- package/lib/cjs/components/LocalNav/index.js +1 -1
- package/lib/cjs/components/Logo/Logo.js +15 -15
- package/lib/cjs/components/Logo/index.js +1 -1
- package/lib/cjs/components/LogoGrid/LogoGrid.js +1 -1
- package/lib/cjs/components/LogoGrid/index.js +1 -1
- package/lib/cjs/components/Navigation/Navigation.js +8 -6
- package/lib/cjs/components/Navigation/index.js +3 -1
- package/lib/cjs/components/Notification/Notification.js +3 -3
- package/lib/cjs/components/Notification/index.js +1 -1
- package/lib/cjs/components/NumberPicker/NumberPicker.js +4 -4
- package/lib/cjs/components/NumberPicker/index.js +1 -1
- package/lib/cjs/components/Pagination/Pagination.js +1 -1
- package/lib/cjs/components/Pagination/index.js +1 -1
- package/lib/cjs/components/Profile/Profile.js +1 -1
- package/lib/cjs/components/Profile/index.js +1 -1
- package/lib/cjs/components/Radio/Radio.js +5 -5
- package/lib/cjs/components/Radio/index.js +1 -1
- package/lib/cjs/components/ReadMore/ReadMore.js +4 -4
- package/lib/cjs/components/ReadMore/index.js +1 -1
- package/lib/cjs/components/RichText/RichText.js +1 -1
- package/lib/cjs/components/RichText/index.js +1 -1
- package/lib/cjs/components/SearchField/SearchField.js +16 -6
- package/lib/cjs/components/SearchField/index.js +4 -2
- package/lib/cjs/components/SocialMedia/SocialMedia.js +1 -1
- package/lib/cjs/components/SocialMedia/index.js +1 -1
- package/lib/cjs/components/TableOfContents/TableOfContents.js +1 -1
- package/lib/cjs/components/TableOfContents/index.js +1 -1
- package/lib/cjs/components/Tabs/Tabs.args.js +156 -0
- package/lib/cjs/components/Tabs/Tabs.js +24 -0
- package/lib/cjs/components/Tabs/index.js +15 -0
- package/lib/cjs/components/Tag/Tag.js +4 -4
- package/lib/cjs/components/Tag/TagSet.js +6 -6
- package/lib/cjs/components/Tag/index.js +2 -2
- package/lib/cjs/components/TextInput/TextInput.js +4 -4
- package/lib/cjs/components/TextInput/index.js +1 -1
- package/lib/cjs/components/Textarea/Textarea.js +4 -4
- package/lib/cjs/components/Textarea/index.js +1 -1
- package/lib/cjs/components/Toggle/Toggle.js +4 -4
- package/lib/cjs/components/Toggle/index.js +1 -1
- package/lib/cjs/components/Tooltip/Tooltip.js +5 -5
- package/lib/cjs/components/Tooltip/index.js +1 -1
- package/lib/cjs/components/Video/Video.js +11 -12
- package/lib/cjs/components/Video/VideoPlayer.js +55 -13
- package/lib/cjs/components/Video/index.js +6 -8
- package/lib/cjs/components/index.js +9 -8
- package/lib/cjs/hooks/index.js +1 -1
- package/lib/cjs/hooks/useGlobalSettings.js +3 -3
- package/lib/cjs/hooks/usePrevious.js +3 -3
- package/lib/cjs/hooks/useVideoPlayer.js +7 -7
- package/lib/cjs/index.js +9 -8
- package/lib/esm/components/Collapse/Collapse.js +1156 -6
- package/lib/esm/components/Collapse/index.js +0 -1
- package/lib/esm/components/FileUpload/FileUpload.js +3 -3
- package/lib/esm/components/Input/Input.js +2 -2
- package/lib/esm/components/Navigation/Navigation.js +2 -0
- package/lib/esm/components/Navigation/index.js +2 -0
- package/lib/esm/components/NumberPicker/NumberPicker.js +3 -3
- package/lib/esm/components/Radio/Radio.js +3 -3
- package/lib/esm/components/SearchField/SearchField.js +15 -5
- package/lib/esm/components/SearchField/index.js +3 -1
- package/lib/esm/components/Tabs/Tabs.args.js +154 -0
- package/lib/esm/components/Tabs/Tabs.js +22 -0
- package/lib/esm/components/Tabs/index.js +9 -0
- package/lib/esm/components/TextInput/TextInput.js +3 -3
- package/lib/esm/components/Textarea/Textarea.js +3 -3
- package/lib/esm/components/Video/Video.js +10 -11
- package/lib/esm/components/Video/VideoPlayer.js +57 -11
- package/lib/esm/components/Video/index.js +5 -7
- package/lib/esm/components/index.js +4 -4
- package/lib/esm/index.js +4 -4
- package/lib/types/react/src/components/Input/Input.props.d.ts +1 -0
- package/lib/types/react/src/components/Tabs/Tabs.args.d.ts +10 -0
- package/lib/types/react/src/components/Tabs/Tabs.d.ts +4 -0
- package/lib/types/react/src/components/Tabs/Tabs.props.d.ts +12 -0
- package/lib/types/react/src/components/Tabs/index.d.ts +1 -0
- package/lib/types/react/src/components/Video/Video.d.ts +2 -2
- package/lib/types/react/src/components/Video/Video.props.d.ts +5 -43
- package/lib/types/react/src/components/Video/VideoPlayer.d.ts +3 -3
- package/lib/types/react/src/components/Video/VideoPlayer.props.d.ts +6 -31
- package/lib/types/react/src/components/index.d.ts +1 -0
- package/package.json +6 -4
- package/src/components/Input/Input.props.ts +2 -0
- package/src/components/Input/Input.tsx +2 -0
- package/src/components/SearchField/SearchField.args.ts +5 -0
- package/src/components/SearchField/SearchField.tsx +38 -16
- package/src/components/Tabs/Tabs.args.tsx +201 -0
- package/src/components/Tabs/Tabs.props.ts +13 -0
- package/src/components/Tabs/Tabs.tsx +60 -0
- package/src/components/Tabs/index.ts +1 -0
- package/src/components/Video/Video.args.ts +18 -24
- package/src/components/Video/Video.props.ts +5 -47
- package/src/components/Video/Video.tsx +24 -19
- package/src/components/Video/VideoPlayer.props.ts +7 -38
- package/src/components/Video/VideoPlayer.tsx +67 -322
- package/src/components/index.ts +1 -0
- package/src/declarations.d.ts +22 -0
- package/lib/cjs/AccordionCtx-fe08ff45.js +0 -9
- package/lib/cjs/DailyMotion-17b56ecb.js +0 -259
- package/lib/cjs/Facebook-0c8d86ee.js +0 -239
- package/lib/cjs/FilePlayer-01d6dc08.js +0 -596
- package/lib/cjs/Kaltura-40e8e581.js +0 -235
- package/lib/cjs/ListCtx-7db7fe04.js +0 -9
- package/lib/cjs/Mixcloud-e23f49d6.js +0 -222
- package/lib/cjs/Preview-8e490f54.js +0 -227
- package/lib/cjs/SoundCloud-2500b6cb.js +0 -249
- package/lib/cjs/Streamable-00723065.js +0 -234
- package/lib/cjs/TagCtx-929c7753.js +0 -7
- package/lib/cjs/Twitch-2c5c5733.js +0 -244
- package/lib/cjs/VideoPlayer-5f0a64c6.js +0 -2067
- package/lib/cjs/Vidyard-d36d6c45.js +0 -237
- package/lib/cjs/Vimeo-d311e3b8.js +0 -285
- package/lib/cjs/Wistia-318b4e43.js +0 -288
- package/lib/cjs/YouTube-a3796a55.js +0 -377
- package/lib/cjs/index-0af02e81.js +0 -1154
- package/lib/esm/DailyMotion-989c2db3.js +0 -257
- package/lib/esm/Facebook-04e9cc59.js +0 -237
- package/lib/esm/FilePlayer-0789336d.js +0 -594
- package/lib/esm/Kaltura-a9ed37a9.js +0 -233
- package/lib/esm/Mixcloud-5a3b4353.js +0 -220
- package/lib/esm/Preview-7ca1835e.js +0 -225
- package/lib/esm/SoundCloud-47bccd79.js +0 -247
- package/lib/esm/Streamable-ee762126.js +0 -232
- package/lib/esm/Twitch-3cd4b54b.js +0 -242
- package/lib/esm/VideoPlayer-96c2b20c.js +0 -2062
- package/lib/esm/Vidyard-258ab0ef.js +0 -235
- package/lib/esm/Vimeo-4b29b580.js +0 -283
- package/lib/esm/Wistia-3cbce669.js +0 -286
- package/lib/esm/YouTube-db52da1c.js +0 -375
- package/lib/esm/index-623ce3f5.js +0 -1152
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
|
-
var
|
|
4
|
+
var React = require('react');
|
|
5
5
|
require('react/jsx-runtime');
|
|
6
|
-
var GlobalCtx = require('../GlobalCtx-
|
|
6
|
+
var GlobalCtx = require('../GlobalCtx-10114bdd.js');
|
|
7
7
|
|
|
8
8
|
const useGlobalSettings = () => {
|
|
9
|
-
const _a =
|
|
9
|
+
const _a = React.useContext(GlobalCtx.GlobalProviderContext), { prefix } = _a, rest = tslib.__rest(_a, ["prefix"]);
|
|
10
10
|
return Object.assign({ prefix }, rest);
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
|
|
7
7
|
// This code was shamelessly borrowed from the blog post
|
|
8
8
|
// "How to access previous props or state with React Hooks" by
|
|
9
9
|
// Ohans Emmanuel, published on LogRocket May 11, 2023
|
|
10
10
|
// https://blog.logrocket.com/accessing-previous-props-state-react-hooks/
|
|
11
11
|
function usePrevious(value) {
|
|
12
|
-
const ref =
|
|
13
|
-
|
|
12
|
+
const ref = React.useRef();
|
|
13
|
+
React.useEffect(() => {
|
|
14
14
|
ref.current = value; //assign the value of ref to the argument
|
|
15
15
|
}, [value]); //this code will run when the value of 'value' changes
|
|
16
16
|
return ref.current; //in the end, return the current ref value.
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React = require('react');
|
|
4
4
|
|
|
5
5
|
const useVideoPlayer = (videoElement) => {
|
|
6
|
-
const [fullscreen, setFullscreen] =
|
|
7
|
-
const [playing, setPlaying] =
|
|
8
|
-
const [progress, setProgress] =
|
|
9
|
-
const [showvolume, showVolume] =
|
|
6
|
+
const [fullscreen, setFullscreen] = React.useState(false);
|
|
7
|
+
const [playing, setPlaying] = React.useState(false);
|
|
8
|
+
const [progress, setProgress] = React.useState(0);
|
|
9
|
+
const [showvolume, showVolume] = React.useState(false);
|
|
10
10
|
/**
|
|
11
11
|
* Fullscreen functionality
|
|
12
12
|
*/
|
|
13
13
|
const toggleFullscreen = () => {
|
|
14
14
|
setFullscreen(!fullscreen);
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
React.useEffect(() => {
|
|
17
17
|
if (fullscreen) {
|
|
18
18
|
if (videoElement.requestFullscreen) {
|
|
19
19
|
videoElement.requestFullscreen();
|
|
@@ -29,7 +29,7 @@ const useVideoPlayer = (videoElement) => {
|
|
|
29
29
|
const togglePlay = () => {
|
|
30
30
|
setPlaying(!playing);
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
React.useEffect(() => {
|
|
33
33
|
playing ? videoElement.current.play() : videoElement.current.pause();
|
|
34
34
|
}, [playing, videoElement]);
|
|
35
35
|
/**
|
package/lib/cjs/index.js
CHANGED
|
@@ -16,8 +16,8 @@ require('react/jsx-runtime');
|
|
|
16
16
|
require('classnames');
|
|
17
17
|
require('react');
|
|
18
18
|
var components_GlobalProvider_GlobalProvider = require('./components/GlobalProvider/GlobalProvider.js');
|
|
19
|
-
require('./GlobalCtx-
|
|
20
|
-
require('./TagCtx-
|
|
19
|
+
require('./GlobalCtx-10114bdd.js');
|
|
20
|
+
require('./TagCtx-690a1d54.js');
|
|
21
21
|
var components_Button_Button = require('./components/Button/Button.js');
|
|
22
22
|
var components_ContextMenu_ContextMenu = require('./components/ContextMenu/ContextMenu.js');
|
|
23
23
|
var components_Fieldset_Fieldset = require('./components/Fieldset/Fieldset.js');
|
|
@@ -46,7 +46,7 @@ var components_Video_Video = require('./components/Video/Video.js');
|
|
|
46
46
|
var components_Dropdown_Dropdown = require('./components/Dropdown/Dropdown.js');
|
|
47
47
|
var components_Icon_Icon = require('./components/Icon/Icon.js');
|
|
48
48
|
var components_List_List = require('./components/List/List.js');
|
|
49
|
-
require('./ListCtx-
|
|
49
|
+
require('./ListCtx-14aa546f.js');
|
|
50
50
|
var components_Profile_Profile = require('./components/Profile/Profile.js');
|
|
51
51
|
var components_TableOfContents_TableOfContents = require('./components/TableOfContents/TableOfContents.js');
|
|
52
52
|
var components_Footer_Footer = require('./components/Footer/Footer.js');
|
|
@@ -55,11 +55,11 @@ var components_Navigation_Navigation = require('./components/Navigation/Navigati
|
|
|
55
55
|
var components_Card_Card = require('./components/Card/Card.js');
|
|
56
56
|
var components_Card_CardGroup = require('./components/Card/CardGroup.js');
|
|
57
57
|
var components_Breadcrumb_Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
|
|
58
|
+
var components_Tabs_Tabs = require('./components/Tabs/Tabs.js');
|
|
58
59
|
require('./hooks/useGlobalSettings.js');
|
|
59
|
-
require('./AccordionCtx-
|
|
60
|
+
require('./AccordionCtx-be704051.js');
|
|
60
61
|
require('@ilo-org/utils');
|
|
61
62
|
require('./utils/checkArrayDuplicates.js');
|
|
62
|
-
require('./index-0af02e81.js');
|
|
63
63
|
require('react-dom');
|
|
64
64
|
require('./utils/createChainedFunction.js');
|
|
65
65
|
require('./utils/getDefaultDimensionValue.js');
|
|
@@ -75,9 +75,9 @@ require('./components/Hero/HeroCard.js');
|
|
|
75
75
|
require('./components/SocialMedia/SocialMedia.js');
|
|
76
76
|
require('./components/Input/Input.js');
|
|
77
77
|
require('./components/FormElement/FormElement.js');
|
|
78
|
-
require('./VideoPlayer
|
|
79
|
-
require('
|
|
80
|
-
require('
|
|
78
|
+
require('./components/Video/VideoPlayer.js');
|
|
79
|
+
require('videojs-youtube');
|
|
80
|
+
require('video.js');
|
|
81
81
|
require('./components/Logo/Logo.js');
|
|
82
82
|
require('./components/List/ListItem.js');
|
|
83
83
|
|
|
@@ -127,3 +127,4 @@ exports.Navigation = components_Navigation_Navigation;
|
|
|
127
127
|
exports.Card = components_Card_Card;
|
|
128
128
|
exports.CardGroup = components_Card_CardGroup;
|
|
129
129
|
exports.Breadcrumb = components_Breadcrumb_Breadcrumb;
|
|
130
|
+
exports.Tabs = components_Tabs_Tabs;
|