@iress-oss/ids-components 5.18.0 → 5.19.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 (182) hide show
  1. package/dist/{AutocompleteNoResults-JZ7V7NkM.js → AutocompleteNoResults-D_adOX6J.js} +1 -1
  2. package/dist/{ComboboxHiddenInput-B8HEOHjE.js → ComboboxHiddenInput-DgbYej-J.js} +5 -5
  3. package/dist/{FieldAppendToLabel--L91ZcMi.js → FieldAppendToLabel-B-8fGGeb.js} +3 -3
  4. package/dist/{InputBase-D4yDE4Xu.js → InputBase-Bn5cQ5z1.js} +1 -1
  5. package/dist/Loading.module-DV-X9MgR.js +13 -0
  6. package/dist/{LoadingSuspense-ZAaPH398.js → LoadingSuspense-U4UZBhSB.js} +1409 -1386
  7. package/dist/LogoFromSrc-CpUGDF0Z.js +59 -0
  8. package/dist/MenuItem.module-CEkjIjoS.js +24 -0
  9. package/dist/Popover.module-CVRr72JE.js +11 -0
  10. package/dist/{PopoverProvider-DsdRCQGa.js → PopoverProvider-BCmddfo7.js} +4 -4
  11. package/dist/{SelectControl-1_jw_jMH.js → SelectControl-3oO2h0ri.js} +1 -1
  12. package/dist/{SliderTicks-U5_LKSQq.js → SliderTicks-BkIFXa6K.js} +1 -1
  13. package/dist/TabSet.module-BRO3CmMd.js +13 -0
  14. package/dist/Table.module-fgDgW5gS.js +32 -0
  15. package/dist/components/Alert/Alert.js +1 -1
  16. package/dist/components/Alert/index.js +1 -1
  17. package/dist/components/Autocomplete/Autocomplete.js +3 -3
  18. package/dist/components/Autocomplete/components/AutocompleteNoResults.js +1 -1
  19. package/dist/components/Autocomplete/index.js +1 -1
  20. package/dist/components/Badge/Badge.js +4 -4
  21. package/dist/components/Button/Button.js +2 -2
  22. package/dist/components/Button/CloseButton/CloseButton.js +1 -1
  23. package/dist/components/Button/index.js +1 -1
  24. package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
  25. package/dist/components/ButtonGroup/hooks/useIDSButtonGroupItem.js +1 -1
  26. package/dist/components/ButtonGroup/index.js +1 -1
  27. package/dist/components/Checkbox/Checkbox.js +1 -1
  28. package/dist/components/Checkbox/helpers/mapCheckboxGroupOptions.js +1 -1
  29. package/dist/components/Checkbox/index.js +1 -1
  30. package/dist/components/CheckboxGroup/CheckboxGroup.js +6 -6
  31. package/dist/components/CheckboxMark/CheckboxMark.types.js +2 -2
  32. package/dist/components/Combobox/Combobox.js +3 -3
  33. package/dist/components/Combobox/MultiCombobox/MultiCombobox.js +3 -3
  34. package/dist/components/Combobox/components/ComboboxHiddenInput.js +1 -1
  35. package/dist/components/Combobox/components/ComboboxResults.js +4 -4
  36. package/dist/components/Combobox/components/ComboboxResultsDescriptor.js +2 -2
  37. package/dist/components/Combobox/index.js +1 -1
  38. package/dist/components/Expander/Expander.js +1 -1
  39. package/dist/components/Field/Field.js +1 -1
  40. package/dist/components/Field/FieldGroup/FieldGroup.js +2 -2
  41. package/dist/components/Field/components/FieldAppendToLabel.js +3 -3
  42. package/dist/components/Filter/Filter.js +3 -3
  43. package/dist/components/Filter/components/FilterResetButton.js +2 -2
  44. package/dist/components/Filter/components/FilterSearch.js +2 -2
  45. package/dist/components/Filter/index.js +1 -1
  46. package/dist/components/Form/Form.js +1 -1
  47. package/dist/components/Form/FormField/FormField.js +42 -38
  48. package/dist/components/Form/FormField/FormFieldset.js +2 -2
  49. package/dist/components/Form/HookForm/HookForm.js +1 -1
  50. package/dist/components/Form/index.js +1 -1
  51. package/dist/components/Hide/Hide.js +1 -1
  52. package/dist/components/Hide/helpers/composeHideClasses.js +2 -2
  53. package/dist/components/Hide/index.js +1 -1
  54. package/dist/components/Icon/Icon.js +2 -2
  55. package/dist/components/Icon/index.js +1 -1
  56. package/dist/components/Inline/Inline.js +2 -2
  57. package/dist/components/Inline/index.js +1 -1
  58. package/dist/components/Input/ClearButton/ClearButton.js +1 -1
  59. package/dist/components/Input/Input.js +2 -2
  60. package/dist/components/Input/InputBase/InputBase.js +1 -1
  61. package/dist/components/Input/index.js +1 -1
  62. package/dist/components/InputCurrency/InputCurrency.js +1 -1
  63. package/dist/components/InputCurrency/index.js +1 -1
  64. package/dist/components/Label/LabelBase/LabelBase.js +1 -1
  65. package/dist/components/Menu/MenuDivider/MenuDivider.js +2 -2
  66. package/dist/components/Menu/MenuHeading/MenuHeading.js +2 -2
  67. package/dist/components/Menu/MenuItem/MenuItem.js +1 -1
  68. package/dist/components/Menu/MenuItem/hooks/useMenuItemButtonProps.js +1 -1
  69. package/dist/components/Menu/MenuItem/hooks/useMenuItemComposite.js +1 -1
  70. package/dist/components/Menu/MenuItem/hooks/useMenuItemInteractions.js +33 -33
  71. package/dist/components/Menu/MenuText/MenuText.js +3 -3
  72. package/dist/components/Menu/helpers/mapMenuItems.js +1 -1
  73. package/dist/components/Menu/hooks/useMenuStyles.js +3 -3
  74. package/dist/components/Menu/index.js +1 -1
  75. package/dist/components/Modal/Modal.js +1 -1
  76. package/dist/components/Modal/index.js +1 -1
  77. package/dist/components/Navbar/Navbar.js +2 -2
  78. package/dist/components/Navbar/components/HomeLinkContent.js +2 -2
  79. package/dist/components/Navbar/components/LogoFromSrc.js +1 -1
  80. package/dist/components/Navbar/components/NavbarLogo.js +2 -2
  81. package/dist/components/Navbar/index.js +1 -1
  82. package/dist/components/Placeholder/Placeholder.js +1 -1
  83. package/dist/components/Popover/InputPopover/InputPopover.js +1 -1
  84. package/dist/components/Popover/InputPopover/InputPopoverActivator.js +1 -1
  85. package/dist/components/Popover/InputPopover/InputPopoverProvider.js +1 -1
  86. package/dist/components/Popover/Popover.js +2 -2
  87. package/dist/components/Popover/PopoverProvider.js +1 -1
  88. package/dist/components/Popover/components/PopoverActivator.js +1 -1
  89. package/dist/components/Popover/components/PopoverContent.js +1 -1
  90. package/dist/components/Popover/helpers/handlePopoverTabKey.js +1 -1
  91. package/dist/components/Popover/hooks/usePopover.js +1 -1
  92. package/dist/components/Popover/hooks/usePopoverActivatorInteractions.js +1 -1
  93. package/dist/components/Progress/Progress.js +1 -1
  94. package/dist/components/Provider/Provider.js +1 -1
  95. package/dist/components/Radio/Radio.js +1 -1
  96. package/dist/components/Radio/helpers/mapRadioGroupOptions.js +1 -1
  97. package/dist/components/Radio/index.js +1 -1
  98. package/dist/components/RadioGroup/RadioGroup.js +3 -3
  99. package/dist/components/Readonly/Readonly.js +3 -3
  100. package/dist/components/Readonly/index.js +1 -1
  101. package/dist/components/RichSelect/RichSelect.js +2 -2
  102. package/dist/components/RichSelect/SelectBody/SelectBody.js +2 -2
  103. package/dist/components/RichSelect/SelectCreate/SelectCreate.js +2 -2
  104. package/dist/components/RichSelect/SelectHeading/SelectHeading.js +2 -2
  105. package/dist/components/RichSelect/SelectLabel/SelectLabel.js +1 -1
  106. package/dist/components/RichSelect/SelectMenu/SelectMenu.js +2 -2
  107. package/dist/components/RichSelect/SelectMenu/SelectMenuItem.js +2 -2
  108. package/dist/components/RichSelect/SelectSearch/SelectSearch.js +1 -1
  109. package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.js +1 -1
  110. package/dist/components/RichSelect/SelectTags/SelectTags.js +1 -1
  111. package/dist/components/RichSelect/components/SelectActivator.js +1 -1
  112. package/dist/components/RichSelect/components/SelectOptions.js +2 -2
  113. package/dist/components/RichSelect/index.js +1 -1
  114. package/dist/components/Row/Row.js +2 -2
  115. package/dist/components/Row/index.js +1 -1
  116. package/dist/components/Select/Select.js +2 -2
  117. package/dist/components/Select/components/SelectControl.js +1 -1
  118. package/dist/components/Select/components/SelectReadonly.js +2 -2
  119. package/dist/components/Select/helpers/mapSelectOptions.js +1 -1
  120. package/dist/components/Select/helpers/nodesToSelectOptions.js +1 -1
  121. package/dist/components/Select/index.js +1 -1
  122. package/dist/components/Skeleton/Skeleton.js +2 -2
  123. package/dist/components/SkipLink/SkipLink.js +1 -1
  124. package/dist/components/Slideout/Slideout.js +2 -2
  125. package/dist/components/Slideout/components/SlideoutInner.js +2 -2
  126. package/dist/components/Slideout/index.js +1 -1
  127. package/dist/components/Slider/Slider.js +2 -2
  128. package/dist/components/Slider/components/SliderTicks.js +1 -1
  129. package/dist/components/Slider/index.js +1 -1
  130. package/dist/components/Spinner/Spinner.js +1 -1
  131. package/dist/components/Spinner/index.js +1 -1
  132. package/dist/components/TabSet/Tab/Tab.js +14 -13
  133. package/dist/components/TabSet/TabSet.js +1 -1
  134. package/dist/components/TabSet/components/TabSetItem.js +1 -1
  135. package/dist/components/Table/Table.js +2 -2
  136. package/dist/components/Table/TableBody/TableBody.js +2 -2
  137. package/dist/components/Table/components/TableEmpty.js +1 -1
  138. package/dist/components/Table/components/TableHeader.js +1 -1
  139. package/dist/components/Table/components/TableHeaderCell.js +1 -1
  140. package/dist/components/Table/components/TableSortButton.js +2 -2
  141. package/dist/components/Table/hooks/useIDSTableColumnStyles.js +1 -1
  142. package/dist/components/Table/index.js +1 -1
  143. package/dist/components/Tag/Tag.js +1 -1
  144. package/dist/components/Tag/TagInput/TagInput.js +1 -1
  145. package/dist/components/Tag/components/TagListInput/TagListInput.js +1 -1
  146. package/dist/components/Tag/index.js +1 -1
  147. package/dist/components/Toaster/Toast/Toast.js +1 -1
  148. package/dist/components/Toaster/Toast/ToastAnimated.js +1 -1
  149. package/dist/components/Toaster/Toast/ToastIcon.js +1 -1
  150. package/dist/components/Toaster/Toaster.js +1 -1
  151. package/dist/components/Toaster/ToasterProvider.js +1 -1
  152. package/dist/components/Toaster/hooks/useToaster.js +1 -1
  153. package/dist/components/Toaster/index.js +1 -1
  154. package/dist/components/Toggle/Toggle.js +3 -3
  155. package/dist/components/Tooltip/Tooltip.js +1 -1
  156. package/dist/components/ValidationMessage/ValidationBase/ValidationBase.js +1 -1
  157. package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js +1 -1
  158. package/dist/constants.js +1 -1
  159. package/dist/main.js +2 -2
  160. package/dist/patterns/Loading/Loading.js +1 -1
  161. package/dist/patterns/Loading/LoadingSuspense.js +1 -1
  162. package/dist/patterns/Loading/components/ComponentLoading.js +2 -2
  163. package/dist/patterns/Loading/components/DefaultLoading.js +2 -2
  164. package/dist/patterns/Loading/components/LongLoading.js +2 -2
  165. package/dist/patterns/Loading/components/PageLoading.js +2 -2
  166. package/dist/patterns/Loading/components/StartUpLoading.js +2 -2
  167. package/dist/patterns/Loading/components/ValidateLoading.js +2 -2
  168. package/dist/patterns/Loading/index.js +1 -1
  169. package/dist/src/components/Form/FormField/FormField.d.ts +1 -1
  170. package/dist/src/components/Form/FormField/FormField.types.d.ts +8 -2
  171. package/dist/src/components/Popover/Popover.types.d.ts +1 -1
  172. package/dist/src/components/RichSelect/RichSelect.types.d.ts +5 -0
  173. package/dist/src/components/RichSelect/components/SelectOptions.d.ts +2 -2
  174. package/dist/style.css +1 -1
  175. package/dist/{useIDSButtonGroupItem-CS7XOMy8.js → useIDSButtonGroupItem-DmWrryOR.js} +1 -1
  176. package/package.json +1 -1
  177. package/dist/Loading.module-CnqsvkmD.js +0 -13
  178. package/dist/LogoFromSrc-CTrXifPX.js +0 -59
  179. package/dist/MenuItem.module-BfqQpb2V.js +0 -24
  180. package/dist/Popover.module-DqsebJz2.js +0 -11
  181. package/dist/TabSet.module-C4RXA_SN.js +0 -13
  182. package/dist/Table.module-UEW2qXTE.js +0 -32
@@ -1,28 +1,28 @@
1
- import { jsx as r, jsxs as A, Fragment as h } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as h, Fragment as A } from "react/jsx-runtime";
2
2
  import { c as l } from "../../../index-2QXL0WYc.js";
3
3
  import { forwardRef as w, useEffect as x } from "react";
4
4
  import { useIdIfNeeded as g } from "../../../hooks/useIdIfNeeded.js";
5
5
  import { useTabSetItems as k } from "../hooks/useTabSetItems.js";
6
6
  import { TabSetItem as u } from "../components/TabSetItem.js";
7
7
  import { createPortal as N } from "react-dom";
8
- const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
8
+ const T = "ids-tab-v5190", I = "ids-tab--active-v5190", f = {
9
9
  tab: T,
10
10
  active: I
11
11
  }, v = w(
12
- ({ className: d, type: o = "button", ...s }, n) => /* @__PURE__ */ r(
12
+ ({ className: d, type: o = "button", ...n }, s) => /* @__PURE__ */ r(
13
13
  "button",
14
14
  {
15
15
  className: l(d, f.tab),
16
- ...s,
16
+ ...n,
17
17
  type: o,
18
- ref: n
18
+ ref: s
19
19
  }
20
20
  )
21
21
  ), $ = ({
22
22
  active: d,
23
23
  children: o,
24
- className: s,
25
- "data-testid": n,
24
+ className: n,
25
+ "data-testid": s,
26
26
  label: p,
27
27
  value: a,
28
28
  ...m
@@ -37,7 +37,7 @@ const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
37
37
  const c = t ? t.isActive(e, a) : d;
38
38
  if (t) {
39
39
  const y = o && c;
40
- return /* @__PURE__ */ A(h, { children: [
40
+ return /* @__PURE__ */ h(A, { children: [
41
41
  /* @__PURE__ */ r(
42
42
  u,
43
43
  {
@@ -48,12 +48,12 @@ const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
48
48
  children: /* @__PURE__ */ r(
49
49
  v,
50
50
  {
51
- className: l(s, {
51
+ className: l(n, {
52
52
  [f.active]: c
53
53
  }),
54
54
  "aria-controls": o ? `${e}--panel` : void 0,
55
55
  role: "tab",
56
- "data-testid": n,
56
+ "data-testid": s,
57
57
  ...m,
58
58
  id: e,
59
59
  ref: b,
@@ -62,7 +62,7 @@ const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
62
62
  )
63
63
  }
64
64
  ),
65
- y && t.panel && N(
65
+ t.panel && N(
66
66
  /* @__PURE__ */ r(
67
67
  "div",
68
68
  {
@@ -72,6 +72,7 @@ const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
72
72
  onKeyDown: (i) => {
73
73
  (i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "ArrowUp" || i.key === "ArrowDown") && i.stopPropagation();
74
74
  },
75
+ hidden: !y,
75
76
  children: o
76
77
  }
77
78
  ),
@@ -83,10 +84,10 @@ const T = "ids-tab-v5180", I = "ids-tab--active-v5180", f = {
83
84
  return /* @__PURE__ */ r(
84
85
  v,
85
86
  {
86
- className: l(s, {
87
+ className: l(n, {
87
88
  [f.active]: c
88
89
  }),
89
- "data-testid": n,
90
+ "data-testid": s,
90
91
  ...m,
91
92
  id: e,
92
93
  ref: b,
@@ -1,6 +1,6 @@
1
1
  import { jsx as a, jsxs as d } from "react/jsx-runtime";
2
2
  import { c as n } from "../../index-2QXL0WYc.js";
3
- import { s as e } from "../../TabSet.module-C4RXA_SN.js";
3
+ import { s as e } from "../../TabSet.module-BRO3CmMd.js";
4
4
  import { C as c } from "../../floating-ui.react-nmA48tb2.js";
5
5
  import { propagateTestid as b } from "../../helpers/utility/propagateTestid.js";
6
6
  import { TabSetLayout as u } from "./TabSet.types.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as u } from "react/jsx-runtime";
2
- import { s as A } from "../../../TabSet.module-C4RXA_SN.js";
2
+ import { s as A } from "../../../TabSet.module-BRO3CmMd.js";
3
3
  import { a as d } from "../../../floating-ui.react-nmA48tb2.js";
4
4
  import { focusableElements as f } from "../../../helpers/dom/focusableElements.js";
5
5
  const m = (i, t, e, a) => {
@@ -1,14 +1,14 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../index-2QXL0WYc.js";
3
3
  import "./Table.types.js";
4
- import "../../Table.module-UEW2qXTE.js";
4
+ import "../../Table.module-fgDgW5gS.js";
5
5
  import "react";
6
6
  import "../../helpers/utility/idsLogger.js";
7
7
  import "../../hooks/useIdIfNeeded.js";
8
8
  import "./components/TableEmpty.js";
9
9
  import "../../enums.js";
10
10
  import "../../helpers/utility/propagateTestid.js";
11
- import { J as T } from "../../LoadingSuspense-ZAaPH398.js";
11
+ import { J as T } from "../../LoadingSuspense-U4UZBhSB.js";
12
12
  import "./TableProvider.js";
13
13
  import "./helpers/hasColumns.js";
14
14
  import "./components/TableRows.js";
@@ -2,9 +2,9 @@ import { jsx as t, jsxs as y, Fragment as B } from "react/jsx-runtime";
2
2
  import { propagateTestid as T } from "../../../helpers/utility/propagateTestid.js";
3
3
  import { c as C } from "../../../index-2QXL0WYc.js";
4
4
  import { TableEmpty as F } from "../components/TableEmpty.js";
5
- import { U as G } from "../../../LoadingSuspense-ZAaPH398.js";
5
+ import { U as G } from "../../../LoadingSuspense-U4UZBhSB.js";
6
6
  import { IressTableProvider as V } from "../TableProvider.js";
7
- import { s as f } from "../../../Table.module-UEW2qXTE.js";
7
+ import { s as f } from "../../../Table.module-fgDgW5gS.js";
8
8
  import { useState as j, useEffect as k } from "react";
9
9
  import { useIdIfNeeded as w } from "../../../hooks/useIdIfNeeded.js";
10
10
  import { hasColumns as A } from "../helpers/hasColumns.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { s } from "../../../Table.module-UEW2qXTE.js";
2
+ import { s } from "../../../Table.module-fgDgW5gS.js";
3
3
  import { useTable as l } from "../hooks/useTable.js";
4
4
  const u = ({ children: r }) => {
5
5
  const t = l(), o = t == null ? void 0 : t.api.getSortedRowModel().rows;
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../helpers/utility/propagateTestid.js";
3
3
  import "../../../index-CtOScEKX.js";
4
- import { U as i } from "../../../LoadingSuspense-ZAaPH398.js";
4
+ import { U as i } from "../../../LoadingSuspense-U4UZBhSB.js";
5
5
  import "../hooks/useTable.js";
6
6
  export {
7
7
  i as TableHeader
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../hooks/useIDSTableColumnStyles.js";
3
3
  import "../hooks/useIDSTableColumnSort.js";
4
- import { ad as a } from "../../../LoadingSuspense-ZAaPH398.js";
4
+ import { ad as a } from "../../../LoadingSuspense-U4UZBhSB.js";
5
5
  import "../hooks/useTable.js";
6
6
  export {
7
7
  a as TableHeaderCell
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
- import { ac as a } from "../../../LoadingSuspense-ZAaPH398.js";
3
- import "../../../Table.module-UEW2qXTE.js";
2
+ import { ac as a } from "../../../LoadingSuspense-U4UZBhSB.js";
3
+ import "../../../Table.module-fgDgW5gS.js";
4
4
  import "../../../index-2QXL0WYc.js";
5
5
  export {
6
6
  a as TableSortButton
@@ -1,4 +1,4 @@
1
- import { s as r } from "../../../Table.module-UEW2qXTE.js";
1
+ import { s as r } from "../../../Table.module-fgDgW5gS.js";
2
2
  import { c as s } from "../../../index-2QXL0WYc.js";
3
3
  import { useTable as a } from "./useTable.js";
4
4
  const b = ({
@@ -1,5 +1,5 @@
1
1
  import { TABLE_CELL_FORMATS as r, TABLE_COLUMN_ALIGN as l, TABLE_SCOPES as a, TableCellFormat as T, TableColumnAlign as m, TableScope as s } from "./Table.types.js";
2
- import { J as L } from "../../LoadingSuspense-ZAaPH398.js";
2
+ import { J as L } from "../../LoadingSuspense-U4UZBhSB.js";
3
3
  import { IressTableFormattedValue as A } from "./TableFormattedValue/TableFormattedValue.js";
4
4
  import { IressTableBody as C } from "./TableBody/TableBody.js";
5
5
  export {
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../index-2QXL0WYc.js";
4
- import { K as s } from "../../LoadingSuspense-ZAaPH398.js";
4
+ import { K as s } from "../../LoadingSuspense-U4UZBhSB.js";
5
5
  import "../../helpers/utility/propagateTestid.js";
6
6
  export {
7
7
  s as IressTag
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../../hooks/useControlledState.js";
4
- import { L as s } from "../../../LoadingSuspense-ZAaPH398.js";
4
+ import { L as s } from "../../../LoadingSuspense-U4UZBhSB.js";
5
5
  import "../../../helpers/form/getValueAsEvent.js";
6
6
  export {
7
7
  s as IressTagInput
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../../../index-2QXL0WYc.js";
3
3
  import "react";
4
4
  import "../../../../helpers/utility/propagateTestid.js";
5
- import { a0 as a } from "../../../../LoadingSuspense-ZAaPH398.js";
5
+ import { a0 as a } from "../../../../LoadingSuspense-U4UZBhSB.js";
6
6
  export {
7
7
  a as TagListInput
8
8
  };
@@ -1,4 +1,4 @@
1
- import { K as r, L as e } from "../../LoadingSuspense-ZAaPH398.js";
1
+ import { K as r, L as e } from "../../LoadingSuspense-U4UZBhSB.js";
2
2
  export {
3
3
  r as IressTag,
4
4
  e as IressTagInput
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../index-2QXL0WYc.js";
3
- import { M as f, T as x } from "../../../LoadingSuspense-ZAaPH398.js";
3
+ import { M as f, T as x } from "../../../LoadingSuspense-U4UZBhSB.js";
4
4
  import "../../../enums.js";
5
5
  import "../../../helpers/utility/propagateTestid.js";
6
6
  import "../../Inline/Inline.types.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../../index-2QXL0WYc.js";
4
- import { a6 as s } from "../../../LoadingSuspense-ZAaPH398.js";
4
+ import { a6 as s } from "../../../LoadingSuspense-U4UZBhSB.js";
5
5
  import "../../../helpers/transition/getTransitionDuration.js";
6
6
  import "../../../floating-ui.react-nmA48tb2.js";
7
7
  export {
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { a5 as m } from "../../../LoadingSuspense-ZAaPH398.js";
2
+ import { a5 as m } from "../../../LoadingSuspense-U4UZBhSB.js";
3
3
  import "../../Icon/Icon.types.js";
4
4
  export {
5
5
  m as ToastIcon
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "./Toaster.types.js";
4
4
  import "../../index-2QXL0WYc.js";
5
- import { a7 as f } from "../../LoadingSuspense-ZAaPH398.js";
5
+ import { a7 as f } from "../../LoadingSuspense-U4UZBhSB.js";
6
6
  import "../../enums.js";
7
7
  import "../Stack/Stack.js";
8
8
  import "../../floating-ui.react-nmA48tb2.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { O as s, N as a } from "../../LoadingSuspense-ZAaPH398.js";
3
+ import { O as s, N as a } from "../../LoadingSuspense-U4UZBhSB.js";
4
4
  export {
5
5
  s as IressToasterProvider,
6
6
  a as ToasterContext
@@ -1,5 +1,5 @@
1
1
  import { useContext as u, useEffect as a, useMemo as c } from "react";
2
- import { N as f } from "../../../LoadingSuspense-ZAaPH398.js";
2
+ import { N as f } from "../../../LoadingSuspense-U4UZBhSB.js";
3
3
  const w = (e) => {
4
4
  const r = u(f);
5
5
  if (r === void 0)
@@ -1,6 +1,6 @@
1
1
  import { TOAST_ANIMATION as r, TOAST_STATUS as s } from "./Toast/Toast.types.js";
2
2
  import { TOASTER_ARIA_ATTRIBUTES as e, TOASTER_POSITION as t, TOAST_POSITION_ANIMATION_MATRIX as I, ToasterPosition as O } from "./Toaster.types.js";
3
- import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-ZAaPH398.js";
3
+ import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-U4UZBhSB.js";
4
4
  import { useToaster as f } from "./hooks/useToaster.js";
5
5
  export {
6
6
  S as IressToast,
@@ -7,7 +7,7 @@ import "../CheckboxMark/CheckboxMark.types.js";
7
7
  import { IressCheckboxMark as N } from "../CheckboxMark/CheckboxMark.js";
8
8
  import { ButtonCssClass as T } from "../Button/Button.types.js";
9
9
  import { ToggleLayout as w } from "./Toggle.types.js";
10
- const L = "ids-toggle--toggle-base-v5180", M = "ids-toggle--checkbox-mark-v5180", S = "ids-toggle--toggle-button-v5180", j = "ids-toggle--button-checked-v5180", R = "ids-toggle--toggle-button-container-v5180", $ = "ids-toggle--label-v5180", E = "ids-toggle--layout__inline-v5180", G = "ids-toggle--layout__stack-v5180", t = {
10
+ const L = "ids-toggle--toggle-base-v5190", M = "ids-toggle--checkbox-mark-v5190", S = "ids-toggle--toggle-button-v5190", j = "ids-toggle--button-checked-v5190", R = "ids-toggle--toggle-button-container-v5190", $ = "ids-toggle--label-v5190", E = "ids-toggle--layout__inline-v5190", G = "ids-toggle--layout__stack-v5190", t = {
11
11
  toggleBase: L,
12
12
  checkboxMark: M,
13
13
  toggleButton: S,
@@ -15,8 +15,8 @@ const L = "ids-toggle--toggle-base-v5180", M = "ids-toggle--checkbox-mark-v5180"
15
15
  toggleButtonContainer: R,
16
16
  label: $,
17
17
  layout__inline: E,
18
- "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5180",
19
- "layout__inline-between": "ids-toggle--layout__inline-between-v5180",
18
+ "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5190",
19
+ "layout__inline-between": "ids-toggle--layout__inline-between-v5190",
20
20
  layout__stack: G
21
21
  }, O = ({
22
22
  hiddenLabel: o,
@@ -7,7 +7,7 @@ import { propagateTestid as m } from "../../helpers/utility/propagateTestid.js";
7
7
  import { toArray as z } from "../../helpers/formatting/toArray.js";
8
8
  import { idsLogger as J } from "../../helpers/utility/idsLogger.js";
9
9
  import { focusableElements as K } from "../../helpers/dom/focusableElements.js";
10
- const Q = "ids-tooltip-v5180", V = "ids-tooltip--content-v5180", r = {
10
+ const Q = "ids-tooltip-v5190", V = "ids-tooltip--content-v5190", r = {
11
11
  tooltip: Q,
12
12
  content: V
13
13
  }, X = ({
@@ -2,7 +2,7 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
2
2
  import { c as r } from "../../../index-2QXL0WYc.js";
3
3
  import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
4
4
  import { GlobalCSSClass as m } from "../../../enums.js";
5
- const v = "ids-validation-message-v5180", f = "ids-validation-message--prefix-v5180", x = "ids-validation-message--message-v5180", p = "ids-validation-message--danger-v5180", u = "ids-validation-message--warning-v5180", N = "ids-validation-message--success-v5180", w = "ids-validation-message--info-v5180", e = {
5
+ const v = "ids-validation-message-v5190", f = "ids-validation-message--prefix-v5190", x = "ids-validation-message--message-v5190", p = "ids-validation-message--danger-v5190", u = "ids-validation-message--warning-v5190", N = "ids-validation-message--success-v5190", w = "ids-validation-message--info-v5190", e = {
6
6
  validationMessage: v,
7
7
  prefix: f,
8
8
  message: x,
@@ -5,7 +5,7 @@ import { IressValidationMessage as p } from "../ValidationMessage.js";
5
5
  import "react";
6
6
  import { useIdIfNeeded as c } from "../../../hooks/useIdIfNeeded.js";
7
7
  import { IressValidationLink as y } from "../ValidationLink/ValidationLink.js";
8
- const v = "ids-validation-summary-v5180", I = {
8
+ const v = "ids-validation-summary-v5190", I = {
9
9
  validationSummary: v
10
10
  }, S = ({
11
11
  children: a,
package/dist/constants.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = "5.18.0", e = {
1
+ const t = "5.19.0", e = {
2
2
  /**
3
3
  * Extra small breakpoint, for mobile devices
4
4
  */
package/dist/main.js CHANGED
@@ -1,11 +1,11 @@
1
- import { I as o, a as s, b as t, d as I, c as a, e as p, g as S, h as m, j as x, i as l, k as T, l as f, m as n, n as i, P as E, Q as u, o as O, p as d, r as C, q as _, s as A, f as L, t as M, u as N, v as P, w as R, D as c, E as D, x as g, y as G, z as B, A as F, B as U, C as b, F as y, G as v, H as k, J as H, K as V, L as h, M as Y, O as X, T as z, N as Z } from "./LoadingSuspense-ZAaPH398.js";
1
+ import { I as o, a as s, b as t, d as I, c as a, e as p, g as S, h as m, j as x, i as l, k as T, l as f, m as n, n as i, P as E, Q as u, o as O, p as d, r as C, q as _, s as A, f as L, t as M, u as N, v as P, w as R, D as c, E as D, x as g, y as G, z as B, A as F, B as U, C as b, F as y, G as v, H as k, J as H, K as V, L as h, M as Y, O as X, T as z, N as Z } from "./LoadingSuspense-U4UZBhSB.js";
2
2
  import { ALERT_ICONS as w } from "./components/Alert/Alert.types.js";
3
3
  import { useAutocompleteSearch as W } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
4
4
  import { IressBadge as q } from "./components/Badge/Badge.js";
5
5
  import { BADGE_MODES as $, BadgeMode as ee } from "./components/Badge/Badge.types.js";
6
6
  import { BUTTON_MODES as oe, BUTTON_TYPES as se, ButtonCssClass as te, ButtonMode as Ie, ButtonType as ae } from "./components/Button/Button.types.js";
7
7
  import { IressButtonGroup as Se } from "./components/ButtonGroup/ButtonGroup.js";
8
- import { u as xe } from "./useIDSButtonGroupItem-CS7XOMy8.js";
8
+ import { u as xe } from "./useIDSButtonGroupItem-DmWrryOR.js";
9
9
  import { CardCssClass as Te, CardSlotClass as fe } from "./components/Card/Card.types.js";
10
10
  import { IressCard as ie } from "./components/Card/Card.js";
11
11
  import { IressButtonCard as ue } from "./components/Card/components/ButtonCard.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./components/StartUpLoading.js";
3
- import { P as s } from "../../LoadingSuspense-ZAaPH398.js";
3
+ import { P as s } from "../../LoadingSuspense-U4UZBhSB.js";
4
4
  import "./hooks/useShouldRenderLoading.js";
5
5
  import "./components/LongLoading.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { Q as i } from "../../LoadingSuspense-ZAaPH398.js";
3
+ import { Q as i } from "../../LoadingSuspense-U4UZBhSB.js";
4
4
  import "./hooks/useSuspenseResource.js";
5
5
  export {
6
6
  i as IressLoadingSuspense
@@ -1,8 +1,8 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../../components/Skeleton/Skeleton.js";
4
- import { ag as e } from "../../../LoadingSuspense-ZAaPH398.js";
5
- import "../../../Loading.module-CnqsvkmD.js";
4
+ import { ag as e } from "../../../LoadingSuspense-U4UZBhSB.js";
5
+ import "../../../Loading.module-DV-X9MgR.js";
6
6
  import "../../../index-2QXL0WYc.js";
7
7
  import "../../../components/Text/Text.js";
8
8
  export {
@@ -1,9 +1,9 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { ae as e } from "../../../LoadingSuspense-ZAaPH398.js";
3
+ import { ae as e } from "../../../LoadingSuspense-U4UZBhSB.js";
4
4
  import "../../../components/Text/Text.js";
5
5
  import "../../../index-2QXL0WYc.js";
6
- import "../../../Loading.module-CnqsvkmD.js";
6
+ import "../../../Loading.module-DV-X9MgR.js";
7
7
  export {
8
8
  e as DefaultLoading
9
9
  };
@@ -2,7 +2,7 @@ import { jsx as c, jsxs as g } from "react/jsx-runtime";
2
2
  import { IressStack as w } from "../../../components/Stack/Stack.js";
3
3
  import { useMemo as f, useId as y } from "react";
4
4
  import { c as h } from "../../../index-2QXL0WYc.js";
5
- import { l as m } from "../../../Loading.module-CnqsvkmD.js";
5
+ import { l as m } from "../../../Loading.module-DV-X9MgR.js";
6
6
  import { IressText as M } from "../../../components/Text/Text.js";
7
7
  import { IressPanel as S } from "../../../components/Panel/Panel.js";
8
8
  import { IressProgress as j } from "../../../components/Progress/Progress.js";
@@ -10,7 +10,7 @@ import { GlobalCSSClass as L } from "../../../enums.js";
10
10
  import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
11
11
  import { useShowIndicator as C } from "../hooks/useShowIndicator.js";
12
12
  import { useEstimatedProgressValue as G } from "../hooks/useEstimatedProgressValue.js";
13
- const P = "ids-long-loading--root-v5180", V = "ids-long-loading--panel-v5180", B = "ids-long-loading--dots-v5180", E = "ids-long-loading--check-list-v5180", R = "ids-long-loading--check-list-item-v5180", T = "ids-long-loading--check-list-item__done-v5180", U = "ids-long-loading--checked-v5180", $ = "ids-long-loading--checked__circle-v5180", q = "ids-long-loading--checked__check-v5180", s = {
13
+ const P = "ids-long-loading--root-v5190", V = "ids-long-loading--panel-v5190", B = "ids-long-loading--dots-v5190", E = "ids-long-loading--check-list-v5190", R = "ids-long-loading--check-list-item-v5190", T = "ids-long-loading--check-list-item__done-v5190", U = "ids-long-loading--checked-v5190", $ = "ids-long-loading--checked__circle-v5190", q = "ids-long-loading--checked__check-v5190", s = {
14
14
  root: P,
15
15
  panel: V,
16
16
  dots: B,
@@ -3,12 +3,12 @@ import "react";
3
3
  import "../../../components/Stack/Stack.js";
4
4
  import "../../../components/Skeleton/Skeleton.js";
5
5
  import "../../../components/Container/Container.js";
6
- import { ah as n } from "../../../LoadingSuspense-ZAaPH398.js";
6
+ import { ah as n } from "../../../LoadingSuspense-U4UZBhSB.js";
7
7
  import "../../../components/Col/Col.js";
8
8
  import "../../../components/Divider/Divider.js";
9
9
  import "../../../components/Card/Card.js";
10
10
  import "../../../index-2QXL0WYc.js";
11
- import "../../../Loading.module-CnqsvkmD.js";
11
+ import "../../../Loading.module-DV-X9MgR.js";
12
12
  export {
13
13
  n as PageLoading
14
14
  };
@@ -3,12 +3,12 @@ import { IressStack as j } from "../../../components/Stack/Stack.js";
3
3
  import { useState as y, useEffect as u, useRef as I, useMemo as T } from "react";
4
4
  import { IressProgress as k } from "../../../components/Progress/Progress.js";
5
5
  import { c as M } from "../../../index-2QXL0WYc.js";
6
- import { l as n } from "../../../Loading.module-CnqsvkmD.js";
6
+ import { l as n } from "../../../Loading.module-DV-X9MgR.js";
7
7
  import { IressText as v } from "../../../components/Text/Text.js";
8
8
  import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
9
9
  import { useShowIndicator as E } from "../hooks/useShowIndicator.js";
10
10
  import { useEstimatedProgressValue as R } from "../hooks/useEstimatedProgressValue.js";
11
- const H = "ids-start-up-loading--root-v5180", P = "ids-start-up-loading--progress-v5180", h = {
11
+ const H = "ids-start-up-loading--root-v5190", P = "ids-start-up-loading--progress-v5190", h = {
12
12
  root: H,
13
13
  progress: P
14
14
  }, U = ({
@@ -1,9 +1,9 @@
1
1
  import "react/jsx-runtime";
2
- import { af as d } from "../../../LoadingSuspense-ZAaPH398.js";
2
+ import { af as d } from "../../../LoadingSuspense-U4UZBhSB.js";
3
3
  import "../../../index-2QXL0WYc.js";
4
4
  import "react";
5
5
  import "../../../components/Text/Text.js";
6
- import "../../../Loading.module-CnqsvkmD.js";
6
+ import "../../../Loading.module-DV-X9MgR.js";
7
7
  export {
8
8
  d as ValidateLoading
9
9
  };
@@ -1,4 +1,4 @@
1
- import { P as a, Q as o } from "../../LoadingSuspense-ZAaPH398.js";
1
+ import { P as a, Q as o } from "../../LoadingSuspense-U4UZBhSB.js";
2
2
  export {
3
3
  a as IressLoading,
4
4
  o as IressLoadingSuspense
@@ -4,4 +4,4 @@ import { IressFormFieldProps } from './FormField.types';
4
4
  * A `IressField` wrapper that can show error message and label automatically inside an `IressForm`.
5
5
  * It uses the `useController` hook from `react-hook-form` for form management.
6
6
  */
7
- export declare const IressFormField: <TFieldValues extends FieldValues>({ control, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const IressFormField: <TFieldValues extends FieldValues>({ control: controlProp, defaultValue, name, render, rules: withCustomRules, shouldUnregister, readOnly, ...fieldProps }: IressFormFieldProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
@@ -11,7 +11,7 @@ export type CustomRules<T extends FieldValues = FieldValues> = UseControllerProp
11
11
  minDate?: Date | CustomRuleWithMessage<Date>;
12
12
  maxDate?: Date | CustomRuleWithMessage<Date>;
13
13
  };
14
- export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled'> {
14
+ export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName extends FieldPath<T> = FieldPath<T>> extends Omit<IressFieldProps, OmittedFieldProps>, Omit<UseControllerProps<T, FieldPath<T>>, 'disabled' | 'shouldUnregister'> {
15
15
  /**
16
16
  * React Hook Form control object. It is used to register the field with the form.
17
17
  * It is automatically provided when used inside an `IressForm`, but it can be overridden if you are using a custom form control.
@@ -41,10 +41,16 @@ export interface IressFormFieldProps<T extends FieldValues = FieldValues, TName
41
41
  rules?: CustomRules<T>;
42
42
  /**
43
43
  * Input will be unregistered after unmount and defaultValues will be removed as well (it will not be stored in the form state).
44
+ * You can pass an object to keep some form state available after unregistering, such as dirty fields.
44
45
  *
45
46
  * [Learn more](https://react-hook-form.com/docs/usecontroller)
46
47
  */
47
- shouldUnregister?: boolean;
48
+ shouldUnregister?: boolean | {
49
+ keepDirty?: boolean;
50
+ keepTouched?: boolean;
51
+ keepIsValid?: boolean;
52
+ keepError?: boolean;
53
+ };
48
54
  /**
49
55
  * Text to be displayed instead of input field.
50
56
  */
@@ -154,7 +154,7 @@ export interface PopoverRef extends Pick<PopoverContextValue, 'setShow' | 'show'
154
154
  }
155
155
  export interface PopoverVirtualNode {
156
156
  onBlur?: React.KeyboardEventHandler<HTMLElement>;
157
- onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
157
+ onKeyDown?: (e: React.KeyboardEvent<HTMLElement>, popover?: PopoverContextValue) => void;
158
158
  }
159
159
  /** @deprecated PopoverType enum is now deprecated and will be removed in a future version. Please use the PopoverTypes type instead. **/
160
160
  export declare enum PopoverType {
@@ -72,6 +72,11 @@ export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps,
72
72
  * Completely customise the rendering of the select options.
73
73
  */
74
74
  renderOptions?: (props: SelectOptionsRenderProps) => ReactNode;
75
+ /**
76
+ * Render a custom footer below the default options display.
77
+ * If using `renderOptions`, this render prop will not be called.
78
+ */
79
+ renderOptionsFooter?: (props: SelectOptionsRenderProps) => ReactNode;
75
80
  /**
76
81
  * Whether its required. Will be passed to the hidden input.
77
82
  */
@@ -1,8 +1,8 @@
1
1
  import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect.types';
2
- interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
2
+ interface SelectOptionsProps extends Pick<IressRichSelectProps, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'renderOptionsFooter' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
3
3
  setShow: (show: boolean) => void;
4
4
  shouldShowInstructions?: boolean;
5
5
  shouldShowNoResults?: boolean;
6
6
  }
7
- export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
7
+ export declare const SelectOptions: ({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, renderOptionsFooter, results, setQuery, setShow, setValue, show, value, shouldShowInstructions, shouldShowNoResults, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
8
8
  export {};