@ilo-org/react 0.10.6 → 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 +14 -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 +1 -1
- 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 +6 -6
- package/lib/cjs/components/Navigation/index.js +1 -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 +3 -3
- package/lib/cjs/components/SearchField/index.js +1 -1
- 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/NumberPicker/NumberPicker.js +3 -3
- package/lib/esm/components/Radio/Radio.js +3 -3
- 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/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 +9 -7
- 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
|
@@ -5,7 +5,7 @@ var classNames = require('classnames');
|
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
require('tslib');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const ContextMenu = ({ className, links }) => {
|
|
11
11
|
const { prefix } = hooks_useGlobalSettings();
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var React = require('react');
|
|
5
5
|
var classNames = require('classnames');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
7
|
require('tslib');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const Credit = ({ className, credit }) => {
|
|
11
|
-
const [showcredit, showCredit] =
|
|
11
|
+
const [showcredit, showCredit] = React.useState(false);
|
|
12
12
|
const { prefix } = hooks_useGlobalSettings();
|
|
13
13
|
const baseClass = `${prefix}--credit`;
|
|
14
14
|
const creditClasses = classNames(className, {
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var classNames = require('classnames');
|
|
7
7
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
8
8
|
var components_FormControl_FormControl = require('../FormControl/FormControl.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../Tooltip/Tooltip.js');
|
|
12
12
|
require('@popperjs/core');
|
|
13
13
|
|
|
14
|
-
const DatePicker =
|
|
14
|
+
const DatePicker = React.forwardRef((props, ref) => {
|
|
15
15
|
const { onChange, onBlur, disabled = false, error, id, name, placeholder, required, max, min, step, } = props;
|
|
16
16
|
const { prefix } = hooks_useGlobalSettings();
|
|
17
17
|
const formControlCtx = components_FormControl_FormControl.useFormControl();
|
|
@@ -28,7 +28,7 @@ const DatePicker = require$$0.forwardRef((props, ref) => {
|
|
|
28
28
|
};
|
|
29
29
|
return (jsxRuntime.jsx("input", { ref: ref, type: "date", id: id ? id : name, name: name, onChange: handleChange, onBlur: onBlur, disabled: disabled, placeholder: placeholder, required: required, className: datePickerClasses, max: max, min: min, step: step, "aria-describedby": ariaDescribedBy }));
|
|
30
30
|
});
|
|
31
|
-
const LabelledDatePicker =
|
|
31
|
+
const LabelledDatePicker = React.forwardRef((props, ref) => {
|
|
32
32
|
const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
|
|
33
33
|
const fieldId = props.id ? props.id : props.name;
|
|
34
34
|
return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(DatePicker, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
|
|
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('../FormControl/FormControl.js');
|
|
11
11
|
require('nanoid');
|
|
12
12
|
require('../Tooltip/Tooltip.js');
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var classNames = require('classnames');
|
|
7
7
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
8
8
|
var components_FormControl_FormControl = require('../FormControl/FormControl.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../Tooltip/Tooltip.js');
|
|
12
12
|
require('@popperjs/core');
|
|
13
13
|
|
|
14
|
-
const Dropdown =
|
|
14
|
+
const Dropdown = React.forwardRef((props, ref) => {
|
|
15
15
|
const { autocomplete, onChange, onBlur, disabled = false, error, id, name, options, required, value, form, multiple, selectSize, } = props;
|
|
16
16
|
const { prefix } = hooks_useGlobalSettings();
|
|
17
17
|
const formControlCtx = components_FormControl_FormControl.useFormControl();
|
|
@@ -20,7 +20,7 @@ const Dropdown = require$$0.forwardRef((props, ref) => {
|
|
|
20
20
|
const dropdownClasses = classNames(baseClass, {
|
|
21
21
|
[`error`]: error,
|
|
22
22
|
});
|
|
23
|
-
const [currentvalue, setValue] =
|
|
23
|
+
const [currentvalue, setValue] = React.useState(value);
|
|
24
24
|
const handleChange = (e) => {
|
|
25
25
|
setValue(e.target.value);
|
|
26
26
|
if (onChange) {
|
|
@@ -30,7 +30,7 @@ const Dropdown = require$$0.forwardRef((props, ref) => {
|
|
|
30
30
|
return (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--wrapper` }, { children: jsxRuntime.jsx("select", Object.assign({ ref: ref, id: id ? id : name, autoComplete: autocomplete, name: name, required: required, onChange: handleChange, onBlur: onBlur, disabled: disabled, className: dropdownClasses, value: currentvalue, form: form, multiple: multiple, size: selectSize, "aria-describedby": ariaDescribedBy }, { children: options &&
|
|
31
31
|
options.map((option, i) => (jsxRuntime.jsx("option", Object.assign({ disabled: option.disabled, label: option.label, value: option.value }, { children: option.label }), `${baseClass}--option--${i}`))) })) })));
|
|
32
32
|
});
|
|
33
|
-
const LabelledDropdown =
|
|
33
|
+
const LabelledDropdown = React.forwardRef((props, ref) => {
|
|
34
34
|
const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
|
|
35
35
|
const fieldId = props.id ? props.id : props.name;
|
|
36
36
|
return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(Dropdown, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
|
|
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('../FormControl/FormControl.js');
|
|
11
11
|
require('nanoid');
|
|
12
12
|
require('../Tooltip/Tooltip.js');
|
|
@@ -5,7 +5,7 @@ var classNames = require('classnames');
|
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
require('tslib');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const Empty = ({ className, style }) => {
|
|
11
11
|
const { prefix } = hooks_useGlobalSettings();
|
|
@@ -4,24 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
var
|
|
7
|
+
var React = require('react');
|
|
8
8
|
var classNames = require('classnames');
|
|
9
9
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
10
10
|
var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
|
|
11
|
-
require('../../GlobalCtx-
|
|
11
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
12
12
|
require('@popperjs/core');
|
|
13
13
|
|
|
14
14
|
// Create a new context for the error state
|
|
15
|
-
const FieldsetErrorContext =
|
|
15
|
+
const FieldsetErrorContext = React.createContext({
|
|
16
16
|
hasError: false,
|
|
17
17
|
setHasError: (value) => value,
|
|
18
18
|
});
|
|
19
19
|
// Custom hook to access the error state from the context
|
|
20
|
-
const useFieldsetError = () =>
|
|
20
|
+
const useFieldsetError = () => React.useContext(FieldsetErrorContext);
|
|
21
21
|
const Fieldset = (_a) => {
|
|
22
22
|
var { children, className, legend, helper, tooltip, errorMessage, disabled = false, wrap = "nowrap", direction = "column" } = _a, props = tslib.__rest(_a, ["children", "className", "legend", "helper", "tooltip", "errorMessage", "disabled", "wrap", "direction"]);
|
|
23
23
|
const { prefix } = hooks_useGlobalSettings();
|
|
24
|
-
const [hasError, setHasError] =
|
|
24
|
+
const [hasError, setHasError] = React.useState(false);
|
|
25
25
|
const baseClass = `${prefix}--fieldset`;
|
|
26
26
|
const wrapClass = `${baseClass}--wrap__${wrap}`;
|
|
27
27
|
const directionClass = `${baseClass}--direction__${direction}`;
|
|
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('../Tooltip/Tooltip.js');
|
|
11
11
|
require('@popperjs/core');
|
|
12
12
|
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var classNames = require('classnames');
|
|
7
7
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
8
8
|
var components_FormControl_FormControl = require('../FormControl/FormControl.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../Tooltip/Tooltip.js');
|
|
12
12
|
require('@popperjs/core');
|
|
@@ -20,7 +20,7 @@ function formatBytes(bytes, decimals = 2) {
|
|
|
20
20
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
21
21
|
return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
|
|
22
22
|
}
|
|
23
|
-
const FileUpload =
|
|
23
|
+
const FileUpload = React.forwardRef(({ onChange, onBlur, disabled = false, error, id, multiple, name, placeholder, required, accept, }, ref) => {
|
|
24
24
|
const { prefix } = hooks_useGlobalSettings();
|
|
25
25
|
const formControlCtx = components_FormControl_FormControl.useFormControl();
|
|
26
26
|
const { ariaDescribedBy } = formControlCtx;
|
|
@@ -29,7 +29,7 @@ const FileUpload = require$$0.forwardRef(({ onChange, onBlur, disabled = false,
|
|
|
29
29
|
[`error`]: error,
|
|
30
30
|
});
|
|
31
31
|
const inputClass = `${baseClass}--input`;
|
|
32
|
-
const [uploadfiles, setUploadFiles] =
|
|
32
|
+
const [uploadfiles, setUploadFiles] = React.useState(null);
|
|
33
33
|
const handleChange = (e) => {
|
|
34
34
|
const files = e.target.files;
|
|
35
35
|
setUploadFiles(files);
|
|
@@ -40,7 +40,7 @@ const FileUpload = require$$0.forwardRef(({ onChange, onBlur, disabled = false,
|
|
|
40
40
|
const inputId = id ? id : name;
|
|
41
41
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", Object.assign({ className: fileUploadClasses }, { children: jsxRuntime.jsxs("label", Object.assign({ className: inputClass }, { children: [placeholder, jsxRuntime.jsx("input", { ref: ref, id: inputId, name: name, accept: accept, onChange: handleChange, onBlur: onBlur, disabled: disabled, multiple: multiple, placeholder: placeholder, required: required, type: "file", "data-label": placeholder, "aria-describedby": ariaDescribedBy })] })) })), uploadfiles && uploadfiles.length > 0 && (jsxRuntime.jsx("ul", Object.assign({ className: `${baseClass}--list` }, { children: [...uploadfiles].map((file, i) => (jsxRuntime.jsx("li", Object.assign({ className: `${baseClass}--list-item` }, { children: `${file.name} (${formatBytes(file.size)})` }), `${baseClass}--list-item-${i}`))) })))] }));
|
|
42
42
|
});
|
|
43
|
-
const LabelledFileUpload =
|
|
43
|
+
const LabelledFileUpload = React.forwardRef((props, ref) => {
|
|
44
44
|
const { style, inputStyle, className } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className"]);
|
|
45
45
|
const fieldId = props.id ? props.id : props.name;
|
|
46
46
|
return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className }, rest, { children: jsxRuntime.jsx(FileUpload, Object.assign({ ref: ref, style: inputStyle }, rest)) })));
|
|
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
|
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('../FormControl/FormControl.js');
|
|
11
11
|
require('nanoid');
|
|
12
12
|
require('../Tooltip/Tooltip.js');
|
|
@@ -9,7 +9,7 @@ var components_SocialMedia_SocialMedia = require('../SocialMedia/SocialMedia.js'
|
|
|
9
9
|
require('../SocialMedia/index.js');
|
|
10
10
|
require('tslib');
|
|
11
11
|
require('react');
|
|
12
|
-
require('../../GlobalCtx-
|
|
12
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
13
13
|
require('../Link/Link.js');
|
|
14
14
|
require('../Icon/Icon.js');
|
|
15
15
|
require('@ilo-org/icons-react');
|
|
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
|
|
|
5
5
|
require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
require('tslib');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
require('classnames');
|
|
10
10
|
require('../LinkList/LinkList.js');
|
|
11
11
|
require('../Button/Button.js');
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
7
|
var classNames = require('classnames');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
|
-
const Form =
|
|
10
|
+
const Form = React.forwardRef((_a, ref) => {
|
|
11
11
|
var { children, theme = "light" } = _a, props = tslib.__rest(_a, ["children", "theme"]);
|
|
12
12
|
const { prefix } = hooks_useGlobalSettings();
|
|
13
13
|
const baseClass = `${prefix}--form`;
|
|
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var classNames = require('classnames');
|
|
7
7
|
var nanoid = require('nanoid');
|
|
8
|
-
var
|
|
8
|
+
var React = require('react');
|
|
9
9
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
10
10
|
var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
|
|
11
11
|
require('tslib');
|
|
12
|
-
require('../../GlobalCtx-
|
|
12
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
13
13
|
require('@popperjs/core');
|
|
14
14
|
|
|
15
15
|
// Calculates unique IDs for the internal accessibility elements
|
|
@@ -35,21 +35,21 @@ function getAriaDescribedBy(getAllyFields, hasError) {
|
|
|
35
35
|
return ariaDescribedBy;
|
|
36
36
|
}
|
|
37
37
|
// The context passed down to form elements wrapped by the form control
|
|
38
|
-
const FormControlContext =
|
|
38
|
+
const FormControlContext = React.createContext({});
|
|
39
39
|
// Hook to get the context value
|
|
40
|
-
const useFormControl = () =>
|
|
40
|
+
const useFormControl = () => React.useContext(FormControlContext);
|
|
41
41
|
const FormControl = ({ children, className, label, helper, errorMessage, tooltip, style, error, disabled, fieldId, labelSize = "medium", labelPlacement = "top", }) => {
|
|
42
42
|
const { prefix } = hooks_useGlobalSettings();
|
|
43
43
|
// Classes applied to the outer container
|
|
44
44
|
const baseClass = `${prefix}--form-control`;
|
|
45
45
|
// The ids of the tooltip, helper, and error only get calculated on first render
|
|
46
|
-
const a11yFields =
|
|
46
|
+
const a11yFields = React.useMemo(() => getA11yFields(baseClass, { helper, errorMessage, tooltip }), [baseClass, helper, errorMessage, tooltip]);
|
|
47
47
|
// The ids of the tooltip, helper, and error
|
|
48
48
|
const { tooltipId, helperId, errorId } = a11yFields;
|
|
49
49
|
// The aria-describedby attribute value
|
|
50
|
-
const [ariaDescribedBy, setAriaDescribedBy] =
|
|
50
|
+
const [ariaDescribedBy, setAriaDescribedBy] = React.useState(undefined);
|
|
51
51
|
// Update the aria-describedby attribute value when the error changes
|
|
52
|
-
|
|
52
|
+
React.useEffect(() => {
|
|
53
53
|
setAriaDescribedBy(getAriaDescribedBy({ tooltipId, helperId, errorId }, error));
|
|
54
54
|
}, [tooltipId, helperId, errorId, error]);
|
|
55
55
|
// The context passed down to form elements wrapped by the form control
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var components_GlobalProvider_GlobalProvider = require('./GlobalProvider.js');
|
|
4
|
-
var GlobalCtx = require('../../GlobalCtx-
|
|
4
|
+
var GlobalCtx = require('../../GlobalCtx-10114bdd.js');
|
|
5
5
|
require('react/jsx-runtime');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var classNames = require('classnames');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const Heading = (_a) => {
|
|
11
11
|
var { level = "h3", children, className, type } = _a, rest = tslib.__rest(_a, ["level", "children", "className", "type"]);
|
|
@@ -8,7 +8,7 @@ var components_Breadcrumb_Breadcrumb = require('../Breadcrumb/Breadcrumb.js');
|
|
|
8
8
|
var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
|
|
9
9
|
require('tslib');
|
|
10
10
|
require('react');
|
|
11
|
-
require('../../GlobalCtx-
|
|
11
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
12
12
|
require('../SocialMedia/SocialMedia.js');
|
|
13
13
|
require('../SocialMedia/index.js');
|
|
14
14
|
require('../ContextMenu/ContextMenu.js');
|
|
@@ -7,7 +7,7 @@ var components_SocialMedia_SocialMedia = require('../SocialMedia/SocialMedia.js'
|
|
|
7
7
|
require('../SocialMedia/index.js');
|
|
8
8
|
require('tslib');
|
|
9
9
|
require('react');
|
|
10
|
-
require('../../GlobalCtx-
|
|
10
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
11
11
|
|
|
12
12
|
const HeroCardTitle = ({ baseclass, title, url }) => {
|
|
13
13
|
const titleClass = `${baseclass}--title`;
|
|
@@ -7,7 +7,7 @@ require('classnames');
|
|
|
7
7
|
require('../../hooks/useGlobalSettings.js');
|
|
8
8
|
require('tslib');
|
|
9
9
|
require('react');
|
|
10
|
-
require('../../GlobalCtx-
|
|
10
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
11
11
|
require('../Breadcrumb/Breadcrumb.js');
|
|
12
12
|
require('../ContextMenu/ContextMenu.js');
|
|
13
13
|
require('../Tooltip/Tooltip.js');
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var React = require('react');
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
var icons = require('@ilo-org/icons-react');
|
|
7
7
|
require('tslib');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
function _interopNamespaceDefault(e) {
|
|
11
11
|
var n = Object.create(null);
|
|
@@ -32,7 +32,7 @@ const Icon = ({ hidden, name, size }) => {
|
|
|
32
32
|
const ariaHidden = hidden ? "hidden" : "";
|
|
33
33
|
const iconsize = size || 24;
|
|
34
34
|
const icon = name
|
|
35
|
-
?
|
|
35
|
+
? React.createElement(icons__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}${iconsize}`], {
|
|
36
36
|
"aria-hidden": ariaHidden,
|
|
37
37
|
className: baseClass,
|
|
38
38
|
})
|
|
@@ -6,7 +6,7 @@ var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
|
6
6
|
var components_Credit_Credit = require('../Credit/Credit.js');
|
|
7
7
|
require('tslib');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
|
|
11
11
|
const Image = ({ alt, caption, className, credit, url }) => {
|
|
12
12
|
const { prefix } = hooks_useGlobalSettings();
|
|
@@ -7,7 +7,7 @@ var components_Fieldset_Fieldset = require('../Fieldset/Fieldset.js');
|
|
|
7
7
|
var components_FormElement_FormElement = require('../FormElement/FormElement.js');
|
|
8
8
|
require('tslib');
|
|
9
9
|
require('react');
|
|
10
|
-
require('../../GlobalCtx-
|
|
10
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
11
11
|
require('../Tooltip/Tooltip.js');
|
|
12
12
|
require('@popperjs/core');
|
|
13
13
|
|
|
@@ -6,7 +6,7 @@ require('classnames');
|
|
|
6
6
|
require('../../hooks/useGlobalSettings.js');
|
|
7
7
|
require('tslib');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
require('../Fieldset/Fieldset.js');
|
|
11
11
|
require('../Tooltip/Tooltip.js');
|
|
12
12
|
require('@popperjs/core');
|
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var classNames = require('classnames');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const Link = (_a) => {
|
|
11
11
|
var { children, className, label, target, theme = "light", url, style } = _a, rest = tslib.__rest(_a, ["children", "className", "label", "target", "theme", "url", "style"]);
|
|
@@ -5,7 +5,7 @@ var classNames = require('classnames');
|
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
require('tslib');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const LinkList = ({ className, headline, linkgroup, theme, }) => {
|
|
11
11
|
const { prefix } = hooks_useGlobalSettings();
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var classNames = require('classnames');
|
|
5
|
-
var
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
|
-
var ListCtx = require('../../ListCtx-
|
|
7
|
+
var ListCtx = require('../../ListCtx-14aa546f.js');
|
|
8
8
|
require('tslib');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
|
|
11
11
|
const List = ({ children, className, alignment, ordered, title, }) => {
|
|
12
12
|
const { prefix } = hooks_useGlobalSettings();
|
|
13
13
|
const baseClass = `${prefix}--list`;
|
|
14
|
-
const [activeItems] =
|
|
14
|
+
const [activeItems] = React.useState([]);
|
|
15
15
|
const listClasses = classNames(className, {
|
|
16
16
|
[baseClass]: true,
|
|
17
17
|
[`${baseClass}--${alignment}`]: alignment,
|
|
@@ -4,9 +4,9 @@ var tslib = require('tslib');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var classNames = require('classnames');
|
|
6
6
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
7
|
-
var ListCtx = require('../../ListCtx-
|
|
7
|
+
var ListCtx = require('../../ListCtx-14aa546f.js');
|
|
8
8
|
require('react');
|
|
9
|
-
require('../../GlobalCtx-
|
|
9
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
10
10
|
|
|
11
11
|
const ListItem = (_a) => {
|
|
12
12
|
var { children, id, className } = _a, rest = tslib.__rest(_a, ["children", "id", "className"]);
|
|
@@ -7,8 +7,8 @@ require('classnames');
|
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../hooks/useGlobalSettings.js');
|
|
9
9
|
require('tslib');
|
|
10
|
-
require('../../GlobalCtx-
|
|
11
|
-
require('../../ListCtx-
|
|
10
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
11
|
+
require('../../ListCtx-14aa546f.js');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -5,7 +5,7 @@ var classNames = require('classnames');
|
|
|
5
5
|
var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
|
|
6
6
|
require('tslib');
|
|
7
7
|
require('react');
|
|
8
|
-
require('../../GlobalCtx-
|
|
8
|
+
require('../../GlobalCtx-10114bdd.js');
|
|
9
9
|
|
|
10
10
|
const Loading = ({ className, message, size, status }) => {
|
|
11
11
|
const { prefix } = hooks_useGlobalSettings();
|