@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.
Files changed (185) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/cjs/AccordionCtx-be704051.js +9 -0
  3. package/lib/cjs/{GlobalCtx-97e4b433.js → GlobalCtx-10114bdd.js} +2 -2
  4. package/lib/cjs/ListCtx-14aa546f.js +9 -0
  5. package/lib/cjs/TagCtx-690a1d54.js +7 -0
  6. package/lib/cjs/components/Accordion/Accordion.js +6 -6
  7. package/lib/cjs/components/Accordion/AccordionButton.js +5 -5
  8. package/lib/cjs/components/Accordion/AccordionItem.js +2 -2
  9. package/lib/cjs/components/Accordion/AccordionPanel.js +8 -8
  10. package/lib/cjs/components/Accordion/index.js +2 -2
  11. package/lib/cjs/components/Breadcrumb/Breadcrumb.js +5 -5
  12. package/lib/cjs/components/Breadcrumb/index.js +1 -1
  13. package/lib/cjs/components/Button/Button.js +1 -1
  14. package/lib/cjs/components/Button/index.js +1 -1
  15. package/lib/cjs/components/Callout/Callout.js +4 -4
  16. package/lib/cjs/components/Callout/index.js +1 -1
  17. package/lib/cjs/components/Card/Card.js +2 -2
  18. package/lib/cjs/components/Card/CardGroup.js +2 -2
  19. package/lib/cjs/components/Card/index.js +2 -2
  20. package/lib/cjs/components/Checkbox/Checkbox.js +5 -5
  21. package/lib/cjs/components/Checkbox/index.js +1 -1
  22. package/lib/cjs/components/Collapse/Collapse.js +1194 -44
  23. package/lib/cjs/components/Collapse/index.js +0 -1
  24. package/lib/cjs/components/ContextMenu/ContextMenu.js +1 -1
  25. package/lib/cjs/components/ContextMenu/index.js +1 -1
  26. package/lib/cjs/components/Credit/Credit.js +3 -3
  27. package/lib/cjs/components/Credit/index.js +1 -1
  28. package/lib/cjs/components/DatePicker/DatePicker.js +4 -4
  29. package/lib/cjs/components/DatePicker/index.js +1 -1
  30. package/lib/cjs/components/Dropdown/Dropdown.js +5 -5
  31. package/lib/cjs/components/Dropdown/index.js +1 -1
  32. package/lib/cjs/components/Empty/Empty.js +1 -1
  33. package/lib/cjs/components/Empty/index.js +1 -1
  34. package/lib/cjs/components/Fieldset/Fieldset.js +5 -5
  35. package/lib/cjs/components/Fieldset/index.js +1 -1
  36. package/lib/cjs/components/FileUpload/FileUpload.js +5 -5
  37. package/lib/cjs/components/FileUpload/index.js +1 -1
  38. package/lib/cjs/components/Footer/Footer.js +1 -1
  39. package/lib/cjs/components/Footer/index.js +1 -1
  40. package/lib/cjs/components/Form/Form.js +3 -3
  41. package/lib/cjs/components/Form/index.js +1 -1
  42. package/lib/cjs/components/FormControl/FormControl.js +7 -7
  43. package/lib/cjs/components/FormControl/index.js +1 -1
  44. package/lib/cjs/components/GlobalProvider/GlobalProvider.js +1 -1
  45. package/lib/cjs/components/GlobalProvider/index.js +1 -1
  46. package/lib/cjs/components/Heading/Heading.js +1 -1
  47. package/lib/cjs/components/Heading/index.js +1 -1
  48. package/lib/cjs/components/Hero/Hero.js +1 -1
  49. package/lib/cjs/components/Hero/HeroCard.js +1 -1
  50. package/lib/cjs/components/Hero/index.js +1 -1
  51. package/lib/cjs/components/Icon/Icon.js +3 -3
  52. package/lib/cjs/components/Icon/index.js +1 -1
  53. package/lib/cjs/components/Image/Image.js +1 -1
  54. package/lib/cjs/components/Image/index.js +1 -1
  55. package/lib/cjs/components/Input/Input.js +1 -1
  56. package/lib/cjs/components/Input/index.js +1 -1
  57. package/lib/cjs/components/Link/Link.js +1 -1
  58. package/lib/cjs/components/Link/index.js +1 -1
  59. package/lib/cjs/components/LinkList/LinkList.js +1 -1
  60. package/lib/cjs/components/LinkList/index.js +1 -1
  61. package/lib/cjs/components/List/List.js +4 -4
  62. package/lib/cjs/components/List/ListItem.js +2 -2
  63. package/lib/cjs/components/List/index.js +2 -2
  64. package/lib/cjs/components/Loading/Loading.js +1 -1
  65. package/lib/cjs/components/Loading/index.js +1 -1
  66. package/lib/cjs/components/LocalNav/LocalNav.js +4 -4
  67. package/lib/cjs/components/LocalNav/index.js +1 -1
  68. package/lib/cjs/components/Logo/Logo.js +15 -15
  69. package/lib/cjs/components/Logo/index.js +1 -1
  70. package/lib/cjs/components/LogoGrid/LogoGrid.js +1 -1
  71. package/lib/cjs/components/LogoGrid/index.js +1 -1
  72. package/lib/cjs/components/Navigation/Navigation.js +6 -6
  73. package/lib/cjs/components/Navigation/index.js +1 -1
  74. package/lib/cjs/components/Notification/Notification.js +3 -3
  75. package/lib/cjs/components/Notification/index.js +1 -1
  76. package/lib/cjs/components/NumberPicker/NumberPicker.js +4 -4
  77. package/lib/cjs/components/NumberPicker/index.js +1 -1
  78. package/lib/cjs/components/Pagination/Pagination.js +1 -1
  79. package/lib/cjs/components/Pagination/index.js +1 -1
  80. package/lib/cjs/components/Profile/Profile.js +1 -1
  81. package/lib/cjs/components/Profile/index.js +1 -1
  82. package/lib/cjs/components/Radio/Radio.js +5 -5
  83. package/lib/cjs/components/Radio/index.js +1 -1
  84. package/lib/cjs/components/ReadMore/ReadMore.js +4 -4
  85. package/lib/cjs/components/ReadMore/index.js +1 -1
  86. package/lib/cjs/components/RichText/RichText.js +1 -1
  87. package/lib/cjs/components/RichText/index.js +1 -1
  88. package/lib/cjs/components/SearchField/SearchField.js +3 -3
  89. package/lib/cjs/components/SearchField/index.js +1 -1
  90. package/lib/cjs/components/SocialMedia/SocialMedia.js +1 -1
  91. package/lib/cjs/components/SocialMedia/index.js +1 -1
  92. package/lib/cjs/components/TableOfContents/TableOfContents.js +1 -1
  93. package/lib/cjs/components/TableOfContents/index.js +1 -1
  94. package/lib/cjs/components/Tabs/Tabs.args.js +156 -0
  95. package/lib/cjs/components/Tabs/Tabs.js +24 -0
  96. package/lib/cjs/components/Tabs/index.js +15 -0
  97. package/lib/cjs/components/Tag/Tag.js +4 -4
  98. package/lib/cjs/components/Tag/TagSet.js +6 -6
  99. package/lib/cjs/components/Tag/index.js +2 -2
  100. package/lib/cjs/components/TextInput/TextInput.js +4 -4
  101. package/lib/cjs/components/TextInput/index.js +1 -1
  102. package/lib/cjs/components/Textarea/Textarea.js +4 -4
  103. package/lib/cjs/components/Textarea/index.js +1 -1
  104. package/lib/cjs/components/Toggle/Toggle.js +4 -4
  105. package/lib/cjs/components/Toggle/index.js +1 -1
  106. package/lib/cjs/components/Tooltip/Tooltip.js +5 -5
  107. package/lib/cjs/components/Tooltip/index.js +1 -1
  108. package/lib/cjs/components/Video/Video.js +11 -12
  109. package/lib/cjs/components/Video/VideoPlayer.js +55 -13
  110. package/lib/cjs/components/Video/index.js +6 -8
  111. package/lib/cjs/components/index.js +9 -8
  112. package/lib/cjs/hooks/index.js +1 -1
  113. package/lib/cjs/hooks/useGlobalSettings.js +3 -3
  114. package/lib/cjs/hooks/usePrevious.js +3 -3
  115. package/lib/cjs/hooks/useVideoPlayer.js +7 -7
  116. package/lib/cjs/index.js +9 -8
  117. package/lib/esm/components/Collapse/Collapse.js +1156 -6
  118. package/lib/esm/components/Collapse/index.js +0 -1
  119. package/lib/esm/components/FileUpload/FileUpload.js +3 -3
  120. package/lib/esm/components/NumberPicker/NumberPicker.js +3 -3
  121. package/lib/esm/components/Radio/Radio.js +3 -3
  122. package/lib/esm/components/Tabs/Tabs.args.js +154 -0
  123. package/lib/esm/components/Tabs/Tabs.js +22 -0
  124. package/lib/esm/components/Tabs/index.js +9 -0
  125. package/lib/esm/components/TextInput/TextInput.js +3 -3
  126. package/lib/esm/components/Textarea/Textarea.js +3 -3
  127. package/lib/esm/components/Video/Video.js +10 -11
  128. package/lib/esm/components/Video/VideoPlayer.js +57 -11
  129. package/lib/esm/components/Video/index.js +5 -7
  130. package/lib/esm/components/index.js +4 -4
  131. package/lib/esm/index.js +4 -4
  132. package/lib/types/react/src/components/Tabs/Tabs.args.d.ts +10 -0
  133. package/lib/types/react/src/components/Tabs/Tabs.d.ts +4 -0
  134. package/lib/types/react/src/components/Tabs/Tabs.props.d.ts +12 -0
  135. package/lib/types/react/src/components/Tabs/index.d.ts +1 -0
  136. package/lib/types/react/src/components/Video/Video.d.ts +2 -2
  137. package/lib/types/react/src/components/Video/Video.props.d.ts +5 -43
  138. package/lib/types/react/src/components/Video/VideoPlayer.d.ts +3 -3
  139. package/lib/types/react/src/components/Video/VideoPlayer.props.d.ts +6 -31
  140. package/lib/types/react/src/components/index.d.ts +1 -0
  141. package/package.json +9 -7
  142. package/src/components/Tabs/Tabs.args.tsx +201 -0
  143. package/src/components/Tabs/Tabs.props.ts +13 -0
  144. package/src/components/Tabs/Tabs.tsx +60 -0
  145. package/src/components/Tabs/index.ts +1 -0
  146. package/src/components/Video/Video.args.ts +18 -24
  147. package/src/components/Video/Video.props.ts +5 -47
  148. package/src/components/Video/Video.tsx +24 -19
  149. package/src/components/Video/VideoPlayer.props.ts +7 -38
  150. package/src/components/Video/VideoPlayer.tsx +67 -322
  151. package/src/components/index.ts +1 -0
  152. package/src/declarations.d.ts +22 -0
  153. package/lib/cjs/AccordionCtx-fe08ff45.js +0 -9
  154. package/lib/cjs/DailyMotion-17b56ecb.js +0 -259
  155. package/lib/cjs/Facebook-0c8d86ee.js +0 -239
  156. package/lib/cjs/FilePlayer-01d6dc08.js +0 -596
  157. package/lib/cjs/Kaltura-40e8e581.js +0 -235
  158. package/lib/cjs/ListCtx-7db7fe04.js +0 -9
  159. package/lib/cjs/Mixcloud-e23f49d6.js +0 -222
  160. package/lib/cjs/Preview-8e490f54.js +0 -227
  161. package/lib/cjs/SoundCloud-2500b6cb.js +0 -249
  162. package/lib/cjs/Streamable-00723065.js +0 -234
  163. package/lib/cjs/TagCtx-929c7753.js +0 -7
  164. package/lib/cjs/Twitch-2c5c5733.js +0 -244
  165. package/lib/cjs/VideoPlayer-5f0a64c6.js +0 -2067
  166. package/lib/cjs/Vidyard-d36d6c45.js +0 -237
  167. package/lib/cjs/Vimeo-d311e3b8.js +0 -285
  168. package/lib/cjs/Wistia-318b4e43.js +0 -288
  169. package/lib/cjs/YouTube-a3796a55.js +0 -377
  170. package/lib/cjs/index-0af02e81.js +0 -1154
  171. package/lib/esm/DailyMotion-989c2db3.js +0 -257
  172. package/lib/esm/Facebook-04e9cc59.js +0 -237
  173. package/lib/esm/FilePlayer-0789336d.js +0 -594
  174. package/lib/esm/Kaltura-a9ed37a9.js +0 -233
  175. package/lib/esm/Mixcloud-5a3b4353.js +0 -220
  176. package/lib/esm/Preview-7ca1835e.js +0 -225
  177. package/lib/esm/SoundCloud-47bccd79.js +0 -247
  178. package/lib/esm/Streamable-ee762126.js +0 -232
  179. package/lib/esm/Twitch-3cd4b54b.js +0 -242
  180. package/lib/esm/VideoPlayer-96c2b20c.js +0 -2062
  181. package/lib/esm/Vidyard-258ab0ef.js +0 -235
  182. package/lib/esm/Vimeo-4b29b580.js +0 -283
  183. package/lib/esm/Wistia-3cbce669.js +0 -286
  184. package/lib/esm/YouTube-db52da1c.js +0 -375
  185. package/lib/esm/index-623ce3f5.js +0 -1152
@@ -5,7 +5,6 @@ require('tslib');
5
5
  require('react/jsx-runtime');
6
6
  require('classnames');
7
7
  require('react');
8
- require('../../index-0af02e81.js');
9
8
  require('react-dom');
10
9
  require('../../utils/createChainedFunction.js');
11
10
  require('../../utils/getDefaultDimensionValue.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-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
10
  const ContextMenu = ({ className, links }) => {
11
11
  const { prefix } = hooks_useGlobalSettings();
@@ -6,7 +6,7 @@ require('classnames');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
- var require$$0 = require('react');
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-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
10
  const Credit = ({ className, credit }) => {
11
- const [showcredit, showCredit] = require$$0.useState(false);
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, {
@@ -6,7 +6,7 @@ require('react');
6
6
  require('classnames');
7
7
  require('../../hooks/useGlobalSettings.js');
8
8
  require('tslib');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -2,16 +2,16 @@
2
2
 
3
3
  var tslib = require('tslib');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
- var require$$0 = require('react');
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-97e4b433.js');
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 = require$$0.forwardRef((props, ref) => {
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 = require$$0.forwardRef((props, ref) => {
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-97e4b433.js');
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 require$$0 = require('react');
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-97e4b433.js');
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 = require$$0.forwardRef((props, ref) => {
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] = require$$0.useState(value);
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 = require$$0.forwardRef((props, ref) => {
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-97e4b433.js');
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-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
10
  const Empty = ({ className, style }) => {
11
11
  const { prefix } = hooks_useGlobalSettings();
@@ -6,7 +6,7 @@ require('classnames');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -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 require$$0 = require('react');
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-97e4b433.js');
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 = require$$0.createContext({
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 = () => require$$0.useContext(FieldsetErrorContext);
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] = require$$0.useState(false);
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-97e4b433.js');
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 require$$0 = require('react');
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-97e4b433.js');
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 = require$$0.forwardRef(({ onChange, onBlur, disabled = false, error, id, multiple, name, placeholder, required, accept, }, ref) => {
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] = require$$0.useState(null);
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 = require$$0.forwardRef((props, ref) => {
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-97e4b433.js');
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-97e4b433.js');
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-97e4b433.js');
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 require$$0 = require('react');
5
+ var React = require('react');
6
6
  var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
7
7
  var classNames = require('classnames');
8
- require('../../GlobalCtx-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
- const Form = require$$0.forwardRef((_a, ref) => {
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,7 +5,7 @@ require('tslib');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
7
7
  require('../../hooks/useGlobalSettings.js');
8
- require('../../GlobalCtx-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
  require('classnames');
10
10
 
11
11
  const basic = {
@@ -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 require$$0 = require('react');
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-97e4b433.js');
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 = require$$0.createContext({});
38
+ const FormControlContext = React.createContext({});
39
39
  // Hook to get the context value
40
- const useFormControl = () => require$$0.useContext(FormControlContext);
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 = require$$0.useMemo(() => getA11yFields(baseClass, { helper, errorMessage, tooltip }), [baseClass, helper, errorMessage, tooltip]);
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] = require$$0.useState(undefined);
50
+ const [ariaDescribedBy, setAriaDescribedBy] = React.useState(undefined);
51
51
  // Update the aria-describedby attribute value when the error changes
52
- require$$0.useEffect(() => {
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
@@ -7,7 +7,7 @@ require('nanoid');
7
7
  require('react');
8
8
  require('../../hooks/useGlobalSettings.js');
9
9
  require('tslib');
10
- require('../../GlobalCtx-97e4b433.js');
10
+ require('../../GlobalCtx-10114bdd.js');
11
11
  require('../Tooltip/Tooltip.js');
12
12
  require('@popperjs/core');
13
13
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
- var GlobalCtx = require('../../GlobalCtx-97e4b433.js');
4
+ var GlobalCtx = require('../../GlobalCtx-10114bdd.js');
5
5
  require('react');
6
6
 
7
7
  var themeprefix = {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var components_GlobalProvider_GlobalProvider = require('./GlobalProvider.js');
4
- var GlobalCtx = require('../../GlobalCtx-97e4b433.js');
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-97e4b433.js');
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"]);
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
6
6
  require('classnames');
7
7
  require('../../hooks/useGlobalSettings.js');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -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-97e4b433.js');
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-97e4b433.js');
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-97e4b433.js');
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 require$$0 = require('react');
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-97e4b433.js');
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
- ? require$$0.createElement(icons__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}${iconsize}`], {
35
+ ? React.createElement(icons__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}${iconsize}`], {
36
36
  "aria-hidden": ariaHidden,
37
37
  className: baseClass,
38
38
  })
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
- require('../../GlobalCtx-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
  require('@ilo-org/icons-react');
10
10
 
11
11
 
@@ -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-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
  const Image = ({ alt, caption, className, credit, url }) => {
12
12
  const { prefix } = hooks_useGlobalSettings();
@@ -6,7 +6,7 @@ require('classnames');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
  require('../Credit/Credit.js');
11
11
 
12
12
 
@@ -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-97e4b433.js');
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-97e4b433.js');
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-97e4b433.js');
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"]);
@@ -6,7 +6,7 @@ require('react/jsx-runtime');
6
6
  require('classnames');
7
7
  require('../../hooks/useGlobalSettings.js');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -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-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
10
  const LinkList = ({ className, headline, linkgroup, theme, }) => {
11
11
  const { prefix } = hooks_useGlobalSettings();
@@ -6,7 +6,7 @@ require('classnames');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12
 
@@ -2,16 +2,16 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var classNames = require('classnames');
5
- var require$$0 = require('react');
5
+ var React = require('react');
6
6
  var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
7
- var ListCtx = require('../../ListCtx-7db7fe04.js');
7
+ var ListCtx = require('../../ListCtx-14aa546f.js');
8
8
  require('tslib');
9
- require('../../GlobalCtx-97e4b433.js');
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] = require$$0.useState([]);
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-7db7fe04.js');
7
+ var ListCtx = require('../../ListCtx-14aa546f.js');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
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-97e4b433.js');
11
- require('../../ListCtx-7db7fe04.js');
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-97e4b433.js');
8
+ require('../../GlobalCtx-10114bdd.js');
9
9
 
10
10
  const Loading = ({ className, message, size, status }) => {
11
11
  const { prefix } = hooks_useGlobalSettings();
@@ -6,7 +6,7 @@ require('classnames');
6
6
  require('../../hooks/useGlobalSettings.js');
7
7
  require('tslib');
8
8
  require('react');
9
- require('../../GlobalCtx-97e4b433.js');
9
+ require('../../GlobalCtx-10114bdd.js');
10
10
 
11
11
 
12
12