@carbon/ibm-products 2.102.0 → 2.103.0-rc.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 (77) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +484 -435
  2. package/es/components/ActionBar/ActionBar.d.ts +5 -0
  3. package/es/components/ActionBar/ActionBar.d.ts.map +1 -1
  4. package/es/components/ActionBar/ActionBar.js +9 -1
  5. package/es/components/AddSelect/AddSelect.d.ts +3 -0
  6. package/es/components/AddSelect/AddSelect.d.ts.map +1 -1
  7. package/es/components/AddSelect/AddSelect.js +3 -0
  8. package/es/components/Decorator/Decorator.d.ts +3 -0
  9. package/es/components/Decorator/Decorator.d.ts.map +1 -1
  10. package/es/components/Decorator/Decorator.js +7 -1
  11. package/es/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
  12. package/es/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
  13. package/es/components/MultiAddSelect/MultiAddSelect.js +7 -0
  14. package/es/components/NotificationsPanel/NotificationsPanel.js +9 -7
  15. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
  16. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  17. package/es/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
  18. package/es/components/SearchBar/SearchBar.d.ts +4 -0
  19. package/es/components/SearchBar/SearchBar.d.ts.map +1 -1
  20. package/es/components/SearchBar/SearchBar.js +12 -1
  21. package/es/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
  22. package/es/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
  23. package/es/components/SingleAddSelect/SingleAddSelect.js +7 -0
  24. package/es/components/TagOverflow/TagOverflow.d.ts +5 -1
  25. package/es/components/TagOverflow/TagOverflow.d.ts.map +1 -1
  26. package/es/components/TagOverflow/TagOverflow.js +12 -2
  27. package/es/components/TagOverflow/TagOverflowModal.d.ts +5 -1
  28. package/es/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
  29. package/es/components/TagOverflow/TagOverflowModal.js +5 -1
  30. package/es/components/TagSet/TagSet.d.ts +8 -0
  31. package/es/components/TagSet/TagSet.d.ts.map +1 -1
  32. package/es/components/TagSet/TagSet.js +11 -1
  33. package/es/components/TagSet/TagSetModal.d.ts +5 -1
  34. package/es/components/TagSet/TagSetModal.d.ts.map +1 -1
  35. package/es/components/TagSet/TagSetModal.js +5 -1
  36. package/es/components/Toolbar/Toolbar.d.ts +6 -1
  37. package/es/components/Toolbar/Toolbar.d.ts.map +1 -1
  38. package/es/components/Toolbar/Toolbar.js +9 -1
  39. package/lib/components/ActionBar/ActionBar.d.ts +5 -0
  40. package/lib/components/ActionBar/ActionBar.d.ts.map +1 -1
  41. package/lib/components/ActionBar/ActionBar.js +8 -0
  42. package/lib/components/AddSelect/AddSelect.d.ts +3 -0
  43. package/lib/components/AddSelect/AddSelect.d.ts.map +1 -1
  44. package/lib/components/AddSelect/AddSelect.js +3 -0
  45. package/lib/components/Decorator/Decorator.d.ts +3 -0
  46. package/lib/components/Decorator/Decorator.d.ts.map +1 -1
  47. package/lib/components/Decorator/Decorator.js +6 -0
  48. package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
  49. package/lib/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
  50. package/lib/components/MultiAddSelect/MultiAddSelect.js +7 -0
  51. package/lib/components/NotificationsPanel/NotificationsPanel.js +9 -7
  52. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
  53. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  54. package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
  55. package/lib/components/SearchBar/SearchBar.d.ts +4 -0
  56. package/lib/components/SearchBar/SearchBar.d.ts.map +1 -1
  57. package/lib/components/SearchBar/SearchBar.js +11 -0
  58. package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
  59. package/lib/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
  60. package/lib/components/SingleAddSelect/SingleAddSelect.js +7 -0
  61. package/lib/components/TagOverflow/TagOverflow.d.ts +5 -1
  62. package/lib/components/TagOverflow/TagOverflow.d.ts.map +1 -1
  63. package/lib/components/TagOverflow/TagOverflow.js +12 -2
  64. package/lib/components/TagOverflow/TagOverflowModal.d.ts +5 -1
  65. package/lib/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
  66. package/lib/components/TagOverflow/TagOverflowModal.js +5 -1
  67. package/lib/components/TagSet/TagSet.d.ts +8 -0
  68. package/lib/components/TagSet/TagSet.d.ts.map +1 -1
  69. package/lib/components/TagSet/TagSet.js +11 -1
  70. package/lib/components/TagSet/TagSetModal.d.ts +5 -1
  71. package/lib/components/TagSet/TagSetModal.d.ts.map +1 -1
  72. package/lib/components/TagSet/TagSetModal.js +5 -1
  73. package/lib/components/Toolbar/Toolbar.d.ts +6 -1
  74. package/lib/components/Toolbar/Toolbar.d.ts.map +1 -1
  75. package/lib/components/Toolbar/Toolbar.js +9 -1
  76. package/package.json +17 -17
  77. package/telemetry.yml +5 -0
@@ -60,6 +60,11 @@ interface ActionBarProps extends PropsWithChildren {
60
60
  }
61
61
  /**
62
62
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
63
+ *
64
+ * @deprecated ActionBar is deprecated and will be removed in a future major release.
65
+ * ActionBar was only used internally by the legacy PageHeader, which is being replaced
66
+ * by the new composable PageHeader migrating to @carbon/react. Use the composable
67
+ * PageHeader from @carbon/ibm-products instead.
63
68
  */
64
69
  export declare const ActionBar: React.ForwardRefExoticComponent<ActionBarProps & React.RefAttributes<HTMLDivElement>>;
65
70
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EAEjB,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAKpD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAYpE,UAAU,MAAO,SAAQ,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,uFAsErB,CAAC"}
1
+ {"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EAEjB,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAKpD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAYpE,UAAU,MAAO,SAAQ,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,UAAU,cAAe,SAAQ,iBAAiB;IAChD;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,uFA6ErB,CAAC"}
@@ -13,7 +13,7 @@ import uuidv4 from "../../global/js/utils/uuidv4.js";
13
13
  import { ActionBarItem } from "./ActionBarItem.js";
14
14
  import { ActionBarOverflowItems } from "./ActionBarOverflowItems.js";
15
15
  import { useOverflowItems } from "../../global/js/hooks/useOverflowItems/useOverflowItems.js";
16
- import React, { useRef } from "react";
16
+ import React, { useEffect, useRef } from "react";
17
17
  import PropTypes from "prop-types";
18
18
  import { Button } from "@carbon/react";
19
19
  //#region src/components/ActionBar/ActionBar.tsx
@@ -23,8 +23,16 @@ const componentName = "ActionBar";
23
23
  const defaults = { actions: Object.freeze([]) };
24
24
  /**
25
25
  * The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
26
+ *
27
+ * @deprecated ActionBar is deprecated and will be removed in a future major release.
28
+ * ActionBar was only used internally by the legacy PageHeader, which is being replaced
29
+ * by the new composable PageHeader migrating to @carbon/react. Use the composable
30
+ * PageHeader from @carbon/ibm-products instead.
26
31
  */
27
32
  const ActionBar = React.forwardRef(({ actions = defaults.actions, className, maxVisible, menuOptionsClass, onWidthChange, overflowAriaLabel, overflowMenuRef, rightAlign, ...rest }, ref) => {
33
+ useEffect(() => {
34
+ console.warn("ActionBar is deprecated and will be removed in a future major release. Reason: ActionBar was only used internally by the legacy PageHeader, which is being replaced by the new composable PageHeader migrating to @carbon/react. Use the composable PageHeader from @carbon/ibm-products instead.");
35
+ }, []);
28
36
  const internalId = useRef(uuidv4());
29
37
  const refDisplayedItems = useRef(null);
30
38
  const backupRef = useRef(null);
@@ -42,5 +42,8 @@ export interface AddSelectProps {
42
42
  sortByLabel?: string;
43
43
  title: string;
44
44
  }
45
+ /**
46
+ * @deprecated This component is deprecated. Use the composable `preview__AddSelect` component instead.
47
+ */
45
48
  export declare const AddSelect: React.ForwardRefExoticComponent<AddSelectProps & React.RefAttributes<HTMLDivElement>>;
46
49
  //# sourceMappingURL=AddSelect.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AddSelect/AddSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,IAAI,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,uFAoCrB,CAAC"}
1
+ {"version":3,"file":"AddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/AddSelect/AddSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,IAAI,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,uFAoCrB,CAAC"}
@@ -11,6 +11,9 @@ import React, { forwardRef } from "react";
11
11
  import PropTypes from "prop-types";
12
12
  //#region src/components/AddSelect/AddSelect.tsx
13
13
  const componentName = "AddSelect";
14
+ /**
15
+ * @deprecated This component is deprecated. Use the composable `preview__AddSelect` component instead.
16
+ */
14
17
  const AddSelect = forwardRef(({ items = { entries: [] }, globalFilters, ...props }, ref) => {
15
18
  const useNormalizedItems = !!items.entries.find((item) => item.children);
16
19
  const normalizedItems = useNormalizedItems ? normalize(items) : null;
@@ -1,5 +1,8 @@
1
1
  /**
2
2
  * The Decorator groups a key/value pair as a single element. This component is not interactive.
3
+ *
4
+ * @deprecated Decorator is deprecated and will be removed in a future major release.
5
+ * This component has no known production adoption and will not be migrating to Carbon core.
3
6
  */
4
7
  export let Decorator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
8
  import React from 'react';
@@ -1 +1 @@
1
- {"version":3,"file":"Decorator.d.ts","sourceRoot":"","sources":["../../../src/components/Decorator/Decorator.jsx"],"names":[],"mappings":"AAkBA;;GAEG;AACH,gFAoBG;kBAlCe,OAAO"}
1
+ {"version":3,"file":"Decorator.d.ts","sourceRoot":"","sources":["../../../src/components/Decorator/Decorator.jsx"],"names":[],"mappings":"AAkBA;;;;;GAKG;AACH,gFA2BG;kBA5C8B,OAAO"}
@@ -9,7 +9,7 @@ import { pkg } from "../../settings.js";
9
9
  import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
10
10
  import { prepareProps } from "../../global/js/utils/props-helper.js";
11
11
  import { DecoratorBase } from "../DecoratorBase/DecoratorBase.js";
12
- import React from "react";
12
+ import React, { useEffect } from "react";
13
13
  import PropTypes from "prop-types";
14
14
  //#region src/components/Decorator/Decorator.jsx
15
15
  /**
@@ -21,8 +21,14 @@ import PropTypes from "prop-types";
21
21
  const componentName = "Decorator";
22
22
  /**
23
23
  * The Decorator groups a key/value pair as a single element. This component is not interactive.
24
+ *
25
+ * @deprecated Decorator is deprecated and will be removed in a future major release.
26
+ * This component has no known production adoption and will not be migrating to Carbon core.
24
27
  */
25
28
  let Decorator = React.forwardRef((props, ref) => {
29
+ useEffect(() => {
30
+ console.warn("Decorator is deprecated and will be removed in a future major release. Reason: This component has no known production adoption and will not be migrating to Carbon core.");
31
+ }, []);
26
32
  const validProps = prepareProps(props, [
27
33
  "disabled",
28
34
  "kind",
@@ -139,6 +139,8 @@ export interface MultiAddSelectProps {
139
139
  title?: string;
140
140
  }
141
141
  /**
142
+ * @deprecated This component is deprecated. Use the MultiAddSelect pattern instead.
143
+ *
142
144
  * Used to add or select multiple or more items from larger lists or hierarchies.
143
145
  */
144
146
  export declare const MultiAddSelect: React.ForwardRefExoticComponent<MultiAddSelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiAddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiAddSelect/MultiAddSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MultiAddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiAddSelect/MultiAddSelect.tsx"],"names":[],"mappings":"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"}
@@ -12,6 +12,8 @@ import PropTypes from "prop-types";
12
12
  //#region src/components/MultiAddSelect/MultiAddSelect.tsx
13
13
  const componentName = "MultiAddSelect";
14
14
  /**
15
+ * @deprecated This component is deprecated. Use the MultiAddSelect pattern instead.
16
+ *
15
17
  * Used to add or select multiple or more items from larger lists or hierarchies.
16
18
  */
17
19
  const MultiAddSelect = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(AddSelect, {
@@ -154,5 +156,10 @@ MultiAddSelect.propTypes = {
154
156
  title: PropTypes.string
155
157
  };
156
158
  MultiAddSelect.displayName = componentName;
159
+ /**@ts-ignore*/
160
+ MultiAddSelect.deprecated = {
161
+ level: "warn",
162
+ details: `Please replace ${componentName} with MultiAddSelect pattern`
163
+ };
157
164
  //#endregion
158
165
  export { MultiAddSelect };
@@ -141,15 +141,17 @@ const NotificationsPanel = React.forwardRef(({ className, data, dateTimeLocale,
141
141
  if (!arr || arr && !arr.length) return;
142
142
  return arr.sort((a, b) => b.timestamp - a.timestamp);
143
143
  };
144
- let yesterdayDate = /* @__PURE__ */ new Date();
145
- yesterdayDate = new Date(yesterdayDate.setDate(yesterdayDate.getDate() - 1));
146
- let dayBeforeYesterdayDate = /* @__PURE__ */ new Date();
147
- dayBeforeYesterdayDate = new Date(dayBeforeYesterdayDate.setDate(dayBeforeYesterdayDate.getDate() - 2));
148
- let withinLastDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() >= yesterdayDate.getTime());
144
+ const startOfToday = /* @__PURE__ */ new Date();
145
+ startOfToday.setHours(0, 0, 0, 0);
146
+ const yesterdayDate = new Date(startOfToday);
147
+ yesterdayDate.setDate(yesterdayDate.getDate() - 1);
148
+ const dayBeforeYesterdayDate = new Date(startOfToday);
149
+ dayBeforeYesterdayDate.setDate(dayBeforeYesterdayDate.getDate() - 2);
150
+ let withinLastDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() >= startOfToday.getTime());
149
151
  withinLastDayNotifications = sortChronologically(withinLastDayNotifications);
150
- let previousDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < yesterdayDate.getTime() && item.timestamp.getTime() >= dayBeforeYesterdayDate.getTime());
152
+ let previousDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < startOfToday.getTime() && item.timestamp.getTime() >= yesterdayDate.getTime());
151
153
  previousDayNotifications = sortChronologically(previousDayNotifications);
152
- let previousNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < dayBeforeYesterdayDate.getTime());
154
+ let previousNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < yesterdayDate.getTime());
153
155
  previousNotifications = sortChronologically(previousNotifications);
154
156
  const renderDescription = (id) => {
155
157
  const notification = allNotifications && allNotifications.length && allNotifications.filter((item) => item.id === id)[0];
@@ -7,6 +7,11 @@
7
7
  import React from 'react';
8
8
  export interface PageHeaderTagOverflowProps {
9
9
  children: React.ReactNode;
10
+ /**
11
+ * Accessible name of the list of hidden tags shown in the overflow popover.
12
+ * Provide a translated string to localize it.
13
+ */
14
+ hiddenTagsLabel?: string;
10
15
  renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean, triggerId?: string) => React.ReactElement;
11
16
  renderPopoverContent?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement;
12
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,EACpB,SAAS,CAAC,EAAE,MAAM,KACf,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGAyFhC,CAAC"}
1
+ {"version":3,"file":"PageHeaderTagOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,0BAA0B;IAEzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAClB,iBAAiB,EAAE,WAAW,EAAE,EAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACtD,WAAW,EAAE,OAAO,EACpB,SAAS,CAAC,EAAE,MAAM,KACf,KAAK,CAAC,YAAY,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,iBAAiB,EAAE,WAAW,EAAE,KAC7B,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,mGA+FhC,CAAC"}
@@ -20,7 +20,8 @@ import { Popover, PopoverContent } from "@carbon/react";
20
20
  * LICENSE file in the root directory of this source tree.
21
21
  */
22
22
  var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
23
- const PageHeaderTagOverflow = React.forwardRef(({ renderOverflowTag, renderPopoverContent, children }, ref) => {
23
+ const PageHeaderTagOverflow = React.forwardRef((props, ref) => {
24
+ const { renderOverflowTag, renderPopoverContent, children, hiddenTagsLabel = "Hidden tags" } = props;
24
25
  const [openPopover, setOpenPopover] = useState(false);
25
26
  const [hiddenTags, setHiddenTags] = useState([]);
26
27
  const overflowButtonId = `${pkg.prefix}--page-header--tag-overflow-btn`;
@@ -63,7 +64,7 @@ const PageHeaderTagOverflow = React.forwardRef(({ renderOverflowTag, renderPopov
63
64
  className: (0, import_classnames.default)(`${pkg.prefix}--page-header--tag-overflow-popover`, { [`${pkg.prefix}--page-header--tag-overflow-popover__hidden`]: !hiddenTags.length })
64
65
  }, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover, overflowButtonId), /* @__PURE__ */ React.createElement(PopoverContent, null, /* @__PURE__ */ React.createElement("ul", {
65
66
  className: `${blockClass}__tags-popover-list`,
66
- "aria-label": "Hidden tags"
67
+ "aria-label": hiddenTagsLabel
67
68
  }, renderPopoverContent?.(hiddenTags)))));
68
69
  });
69
70
  PageHeaderTagOverflow.displayName = "PageHeaderTagOverflow";
@@ -49,6 +49,10 @@ export interface SearchBarProps extends PropsWithChildren {
49
49
  /** @type {string} Search query value. */
50
50
  value?: string;
51
51
  }
52
+ /**
53
+ * @deprecated SearchBar is deprecated and will be removed in a future major release.
54
+ * This component has no known production adoption and will not be migrating to Carbon core.
55
+ */
52
56
  export declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLFormElement>>;
53
57
  export declare const deprecatedProps: {
54
58
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,EACZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,SAAS,MAAM,YAAY,CAAC;AAoBnC,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;AAElC,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+DAA+D;IAC/D,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAElB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEhC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEhC,2EAA2E;IAC3E,eAAe,EAAE,MAAM,CAAC;IAExB,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAElD,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAE9D,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzC,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,KAAK,OAAO,EAAE,CAAC;IAErD,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,iBAAiB,KACpE,MAAM,CAAC;IAEZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAIhB;AAED,eAAO,MAAM,SAAS,wFAqIrB,CAAC;AAuBF,eAAO,MAAM,eAAe;IAC1B;;;;OAIG;;CAEJ,CAAC"}
1
+ {"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,EACZ,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAGf,OAAO,SAAS,MAAM,YAAY,CAAC;AAoBnC,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;AAElC,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+DAA+D;IAC/D,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAElB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEhC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEhC,2EAA2E;IAC3E,eAAe,EAAE,MAAM,CAAC;IAExB,uFAAuF;IACvF,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAElD,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAE9D,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzC,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,KAAK,OAAO,EAAE,CAAC;IAErD,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,iBAAiB,KACpE,MAAM,CAAC;IAEZ,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAIhB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,wFAgJrB,CAAC;AAuBF,eAAO,MAAM,eAAe;IAC1B;;;;OAIG;;CAEJ,CAAC"}
@@ -9,7 +9,7 @@ import { __toESM } from "../../_virtual/_rolldown/runtime.js";
9
9
  import { require_classnames } from "../../node_modules/classnames/index.js";
10
10
  import { pkg } from "../../settings.js";
11
11
  import { getDevtoolsProps } from "../../global/js/utils/devtools.js";
12
- import React, { useEffect, useState } from "react";
12
+ import React, { useEffect, useRef, useState } from "react";
13
13
  import PropTypes from "prop-types";
14
14
  import { Button, MultiSelect, Search } from "@carbon/react";
15
15
  //#region src/components/SearchBar/SearchBar.tsx
@@ -29,7 +29,18 @@ const defaults = {
29
29
  selectedScopes: [],
30
30
  hideScopesLabel: true
31
31
  };
32
+ /**
33
+ * @deprecated SearchBar is deprecated and will be removed in a future major release.
34
+ * This component has no known production adoption and will not be migrating to Carbon core.
35
+ */
32
36
  const SearchBar = React.forwardRef(({ className, clearButtonLabelText, hideScopesLabel = defaults.hideScopesLabel, labelText, onChange = defaults.onChange, onSubmit = defaults.onSubmit, placeholderText, scopes = [], scopesTypeLabel, scopeToString, selectedScopes = [], sortItems, submitLabel, translateWithId, value, ...rest }, ref) => {
37
+ const hasWarned = useRef(false);
38
+ useEffect(() => {
39
+ if (!hasWarned.current) {
40
+ hasWarned.current = true;
41
+ console.warn("SearchBar is deprecated and will be removed in a future major release. Reason: This component has no known production adoption and will not be migrating to Carbon core.");
42
+ }
43
+ }, []);
33
44
  const [text, setText] = useState(value || "");
34
45
  const [_selectedScopes, setSelectedScopes] = useState(selectedScopes || []);
35
46
  const [isInputDirty, setIsInputDirty] = useState(false);
@@ -70,6 +70,8 @@ export interface SingleAddSelectProps {
70
70
  title?: string;
71
71
  }
72
72
  /**
73
+ * @deprecated This component is deprecated. Use the SingleAddSelect pattern instead.
74
+ *
73
75
  * Used to add or select one or more items from larger lists or hierarchies.
74
76
  */
75
77
  export declare const SingleAddSelect: React.ForwardRefExoticComponent<SingleAddSelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"SingleAddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/SingleAddSelect/SingleAddSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQ3C,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,KAAK,EAAE,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,6FA0B3B,CAAC"}
1
+ {"version":3,"file":"SingleAddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/SingleAddSelect/SingleAddSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQ3C,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,KAAK,EAAE,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,6FA0B3B,CAAC"}
@@ -13,6 +13,8 @@ import PropTypes from "prop-types";
13
13
  //#region src/components/SingleAddSelect/SingleAddSelect.tsx
14
14
  const componentName = "SingleAddSelect";
15
15
  /**
16
+ * @deprecated This component is deprecated. Use the SingleAddSelect pattern instead.
17
+ *
16
18
  * Used to add or select one or more items from larger lists or hierarchies.
17
19
  */
18
20
  const SingleAddSelect = forwardRef((props, ref) => {
@@ -111,5 +113,10 @@ SingleAddSelect.propTypes = {
111
113
  title: PropTypes.string
112
114
  };
113
115
  SingleAddSelect.displayName = componentName;
116
+ /**@ts-ignore*/
117
+ SingleAddSelect.deprecated = {
118
+ level: "warn",
119
+ details: `Please replace ${componentName} with SingleAddSelect pattern`
120
+ };
114
121
  //#endregion
115
122
  export { SingleAddSelect };
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2024, 2025
2
+ * Copyright IBM Corp. 2024, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -20,6 +20,10 @@ export interface TagOverflowItem {
20
20
  export interface TagOverflowProps {
21
21
  align?: 'start' | 'center' | 'end';
22
22
  allTagsModalAriaLabel?: string;
23
+ /** Accessible label for the all tags modal close button. Defaults to 'Close'. */
24
+ allTagsModalCloseLabel?: string;
25
+ /** Accessible label for clearing the all tags search. Defaults to 'Clear search input'. */
26
+ allTagsModalSearchClearLabel?: string;
23
27
  allTagsModalSearchLabel?: string;
24
28
  allTagsModalSearchPlaceholderText?: string;
25
29
  allTagsModalTarget?: HTMLElement;
@@ -1 +1 @@
1
- {"version":3,"file":"TagOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EACV,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC5B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;QAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,WAAW,yFAoJvB,CAAC"}
1
+ {"version":3,"file":"TagOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,WAAW,GACX,WAAW,GACX,eAAe,GACf,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iFAAiF;IACjF,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,2FAA2F;IAC3F,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EACV,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC5B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;QAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,WAAW,yFAwJvB,CAAC"}
@@ -18,7 +18,7 @@ import PropTypes from "prop-types";
18
18
  import { DismissibleTag, Tag } from "@carbon/react";
19
19
  //#region src/components/TagOverflow/TagOverflow.tsx
20
20
  /**
21
- * Copyright IBM Corp. 2024, 2025
21
+ * Copyright IBM Corp. 2024, 2026
22
22
  *
23
23
  * This source code is licensed under the Apache-2.0 license found in the
24
24
  * LICENSE file in the root directory of this source tree.
@@ -28,7 +28,7 @@ const blockClass = `${pkg.prefix}--tag-overflow`;
28
28
  const componentName = "TagOverflow";
29
29
  const allTagsModalSearchThreshold = 10;
30
30
  const TagOverflow = forwardRef((props, ref) => {
31
- const { align = "start", allTagsModalAriaLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTarget, allTagsModalTitle, autoAlign, className, disablePortal, items, maxVisible, overflowAlign = "bottom", overflowClassName, overflowType = "default", onOverflowTagChange, showAllTagsLabel, tagComponent, ...rest } = props;
31
+ const { align = "start", allTagsModalAriaLabel, allTagsModalCloseLabel, allTagsModalSearchClearLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTarget, allTagsModalTitle, autoAlign, className, disablePortal, items, maxVisible, overflowAlign = "bottom", overflowClassName, overflowType = "default", onOverflowTagChange, showAllTagsLabel, tagComponent, ...rest } = props;
32
32
  const containerRef = useRef(null);
33
33
  const offsetRef = useRef(null);
34
34
  const [showAllModalOpen, setShowAllModalOpen] = useState(false);
@@ -99,6 +99,8 @@ const TagOverflow = forwardRef((props, ref) => {
99
99
  open: showAllModalOpen,
100
100
  title: allTagsModalTitle,
101
101
  modalAriaLabel: allTagsModalAriaLabel,
102
+ closeLabel: allTagsModalCloseLabel,
103
+ searchClearLabel: allTagsModalSearchClearLabel,
102
104
  onClose: handleModalClose,
103
105
  overflowType,
104
106
  searchLabel: allTagsModalSearchLabel,
@@ -123,6 +125,14 @@ TagOverflow.propTypes = {
123
125
  */
124
126
  allTagsModalAriaLabel: PropTypes.string,
125
127
  /**
128
+ * Accessible label for the all tags modal close button. Defaults to 'Close'.
129
+ */
130
+ allTagsModalCloseLabel: PropTypes.string,
131
+ /**
132
+ * Accessible label for clearing the all tags search. Defaults to 'Clear search input'.
133
+ */
134
+ allTagsModalSearchClearLabel: PropTypes.string,
135
+ /**
126
136
  * label text for the show all search. **Note: Required if more than 10 tags**
127
137
  */
128
138
  allTagsModalSearchLabel: PropTypes.string,
@@ -8,6 +8,7 @@ type AllTags = (TagType & Omit<React.ComponentProps<typeof Tag>, 'filter'>)[];
8
8
  interface TagOverflowModalProps {
9
9
  allTags?: AllTags;
10
10
  className?: string;
11
+ closeLabel?: string;
11
12
  /**
12
13
  * Disable the portal and render the modal inline. Useful for tests and
13
14
  * contexts where you need to inherit React context from parent components.
@@ -27,17 +28,19 @@ interface TagOverflowModalProps {
27
28
  * DOM element to portal the modal into. Defaults to `document.body`.
28
29
  */
29
30
  portalTarget?: HTMLElement | null;
31
+ searchClearLabel?: string;
30
32
  searchLabel?: string;
31
33
  searchPlaceholder?: string;
32
34
  title?: string;
33
35
  }
34
36
  export declare const TagOverflowModal: {
35
- ({ allTags, className, disablePortal, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): React.JSX.Element;
37
+ ({ allTags, className, closeLabel, disablePortal, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchClearLabel, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): React.JSX.Element;
36
38
  propTypes: {
37
39
  allTags: PropTypes.Requireable<PropTypes.InferProps<{
38
40
  label: PropTypes.Validator<string>;
39
41
  }>[]>;
40
42
  className: PropTypes.Requireable<string>;
43
+ closeLabel: PropTypes.Requireable<string>;
41
44
  /**
42
45
  * Disable the portal and render the modal inline. Useful for tests and
43
46
  * contexts where you need to inherit React context from parent components.
@@ -51,6 +54,7 @@ export declare const TagOverflowModal: {
51
54
  * DOM element to portal the modal into. Defaults to `document.body`.
52
55
  */
53
56
  portalTarget: PropTypes.Requireable<object>;
57
+ searchClearLabel: PropTypes.Requireable<string>;
54
58
  searchLabel: PropTypes.Requireable<string>;
55
59
  searchPlaceholder: PropTypes.Requireable<string>;
56
60
  title: PropTypes.Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"TagOverflowModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflowModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAKL,GAAG,EAEJ,MAAM,eAAe,CAAC;AAgBvB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,KAAK,OAAO,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC;AAC9E,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB;mLAkB1B,qBAAqB;;;;;;QA+EtB;;;WAGG;;;;;;QAMH;;WAEG;;;;;;;CArBJ,CAAC"}
1
+ {"version":3,"file":"TagOverflowModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagOverflow/TagOverflowModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAKL,GAAG,EAEJ,MAAM,eAAe,CAAC;AAgBvB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,KAAK,OAAO,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC;AAC9E,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB;iNAoB1B,qBAAqB;;;;;;;QAkFtB;;;WAGG;;;;;;QAMH;;WAEG;;;;;;;;CAtBJ,CAAC"}
@@ -21,7 +21,7 @@ const defaults = {
21
21
  modalAriaLabel: "List of all tags",
22
22
  searchLabel: ""
23
23
  };
24
- const TagOverflowModal = ({ allTags, className, disablePortal = false, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
24
+ const TagOverflowModal = ({ allTags, className, closeLabel, disablePortal = false, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchClearLabel, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
25
25
  const [search, setSearch] = useState("");
26
26
  const mountNode = disablePortal ? null : portalTargetIn ?? document.body;
27
27
  const getFilteredItems = () => {
@@ -42,10 +42,12 @@ const TagOverflowModal = ({ allTags, className, disablePortal = false, title, mo
42
42
  }, /* @__PURE__ */ React.createElement(ModalHeader, {
43
43
  className: `${blockClass}__header`,
44
44
  closeModal: onClose,
45
+ iconDescription: closeLabel,
45
46
  title
46
47
  }, /* @__PURE__ */ React.createElement(Search, {
47
48
  "data-modal-primary-focus": true,
48
49
  className: `${blockClass}__search`,
50
+ closeButtonLabelText: searchClearLabel,
49
51
  labelText: searchLabel,
50
52
  placeholder: searchPlaceholder,
51
53
  onChange: handleSearch,
@@ -73,6 +75,7 @@ TagOverflowModal.propTypes = {
73
75
  label: PropTypes.string.isRequired
74
76
  })),
75
77
  className: PropTypes.string,
78
+ closeLabel: PropTypes.string,
76
79
  /**
77
80
  * Disable the portal and render the modal inline. Useful for tests and
78
81
  * contexts where you need to inherit React context from parent components.
@@ -86,6 +89,7 @@ TagOverflowModal.propTypes = {
86
89
  * DOM element to portal the modal into. Defaults to `document.body`.
87
90
  */
88
91
  portalTarget: typeof HTMLElement === "undefined" ? PropTypes.object : PropTypes.instanceOf(HTMLElement),
92
+ searchClearLabel: PropTypes.string,
89
93
  searchLabel: PropTypes.string,
90
94
  searchPlaceholder: PropTypes.string,
91
95
  title: PropTypes.string
@@ -20,6 +20,14 @@ export interface TagSetProps extends PropsWithChildren {
20
20
  * aria label for all tags modal with hasScrollingContent
21
21
  */
22
22
  allTagsModalAriaLabel?: string;
23
+ /**
24
+ * Accessible label for the all tags modal close button. Defaults to 'Close'.
25
+ */
26
+ allTagsModalCloseLabel?: string;
27
+ /**
28
+ * Accessible label for clearing the all tags search. Defaults to 'Clear search input'.
29
+ */
30
+ allTagsModalSearchClearLabel?: string;
23
31
  /**
24
32
  * label text for the show all search.
25
33
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TagSet.d.ts","sourceRoot":"","sources":["../../../src/components/TagSet/TagSet.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAuB5C,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACxC,KAAK,aAAa,GACd,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,CAAC;AAChB,KAAK,YAAY,GAAG,SAAS,GAAG,KAAK,CAAC;AAEtC,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,YAAY,CAAC;AACjB,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,oFA4TlB,CAAC;AAmBF,QAAA,MAAM,QAAQ,UAAqB,CAAC;AAiHpC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"TagSet.d.ts","sourceRoot":"","sources":["../../../src/components/TagSet/TagSet.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAuB5C,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACxC,KAAK,aAAa,GACd,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,cAAc,GACd,WAAW,CAAC;AAChB,KAAK,YAAY,GAAG,SAAS,GAAG,KAAK,CAAC;AAEtC,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,YAAY,CAAC;AACjB,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,oFAgUlB,CAAC;AAmBF,QAAA,MAAM,QAAQ,UAAqB,CAAC;AAyHpC,eAAe,MAAM,CAAC"}
@@ -27,7 +27,7 @@ const defaults = {
27
27
  overflowType: "default",
28
28
  onOverflowTagChange: () => {}
29
29
  };
30
- const TagSet = React.forwardRef(({ align = "start", allTagsModalTarget, className, maxVisible, multiline, overflowAutoAlign, overflowAlign = "bottom", overflowClassName, overflowType = "default", allTagsModalAriaLabel, allTagsModalTitle = "All tags", allTagsModalSearchLabel = "Search all tags", allTagsModalSearchPlaceholderText = "Search all tags", showAllTagsLabel = "View all tags", onOverflowClick, tags, containingElementRef, measurementOffset = defaults.measurementOffset, onOverflowTagChange = defaults.onOverflowTagChange, ...rest }, ref) => {
30
+ const TagSet = React.forwardRef(({ align = "start", allTagsModalTarget, className, maxVisible, multiline, overflowAutoAlign, overflowAlign = "bottom", overflowClassName, overflowType = "default", allTagsModalAriaLabel, allTagsModalCloseLabel, allTagsModalSearchClearLabel, allTagsModalTitle = "All tags", allTagsModalSearchLabel = "Search all tags", allTagsModalSearchPlaceholderText = "Search all tags", showAllTagsLabel = "View all tags", onOverflowClick, tags, containingElementRef, measurementOffset = defaults.measurementOffset, onOverflowTagChange = defaults.onOverflowTagChange, ...rest }, ref) => {
31
31
  const [displayCount, setDisplayCount] = useState(3);
32
32
  const [displayedTags, setDisplayedTags] = useState([]);
33
33
  const [hiddenSizingTags, setHiddenSizingTags] = useState([]);
@@ -191,6 +191,8 @@ const TagSet = React.forwardRef(({ align = "start", allTagsModalTarget, classNam
191
191
  title: allTagsModalTitle,
192
192
  onClose: handleModalClose,
193
193
  modalAriaLabel: allTagsModalAriaLabel,
194
+ closeLabel: allTagsModalCloseLabel,
195
+ searchClearLabel: allTagsModalSearchClearLabel,
194
196
  searchLabel: allTagsModalSearchLabel,
195
197
  searchPlaceholder: allTagsModalSearchPlaceholderText,
196
198
  portalTarget: allTagsModalTarget
@@ -225,6 +227,14 @@ TagSet.propTypes = {
225
227
  */
226
228
  allTagsModalAriaLabel: PropTypes.string,
227
229
  /**
230
+ * Accessible label for the all tags modal close button. Defaults to 'Close'.
231
+ */
232
+ allTagsModalCloseLabel: PropTypes.string,
233
+ /**
234
+ * Accessible label for clearing the all tags search. Defaults to 'Clear search input'.
235
+ */
236
+ allTagsModalSearchClearLabel: PropTypes.string,
237
+ /**
228
238
  * label text for the show all search.
229
239
  */
230
240
  allTagsModalSearchLabel: PropTypes.string,
@@ -8,24 +8,28 @@ type AllTags = TagType[] & Omit<React.ComponentProps<typeof Tag>, 'filter'>[];
8
8
  interface TagSetModalProps {
9
9
  allTags?: AllTags;
10
10
  className?: string;
11
+ closeLabel?: string;
11
12
  modalAriaLabel?: string;
12
13
  onClose?: () => void;
13
14
  open?: boolean;
14
15
  portalTarget?: ReactNode;
16
+ searchClearLabel?: string;
15
17
  searchLabel?: string;
16
18
  searchPlaceholder?: string;
17
19
  title?: string;
18
20
  }
19
21
  export declare const TagSetModal: {
20
- ({ allTags, className, title, modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
22
+ ({ allTags, className, closeLabel, title, modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchClearLabel, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
21
23
  propTypes: {
22
24
  allTags: PropTypes.Requireable<PropTypes.InferProps<{
23
25
  label: PropTypes.Validator<string>;
24
26
  }>[]>;
25
27
  className: PropTypes.Requireable<string>;
28
+ closeLabel: PropTypes.Requireable<string>;
26
29
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
27
30
  open: PropTypes.Requireable<boolean>;
28
31
  portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
32
+ searchClearLabel: PropTypes.Requireable<string>;
29
33
  searchLabel: PropTypes.Requireable<string>;
30
34
  searchPlaceholder: PropTypes.Requireable<string>;
31
35
  title: PropTypes.Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"TagSetModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagSet/TagSetModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAKL,GAAG,EACJ,MAAM,eAAe,CAAC;AAiBvB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,KAAK,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;AAE9E,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,WAAW;0IAerB,gBAAgB;;;;;;;;;;;;;;CAyElB,CAAC"}
1
+ {"version":3,"file":"TagSetModal.d.ts","sourceRoot":"","sources":["../../../src/components/TagSet/TagSetModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAKL,GAAG,EACJ,MAAM,eAAe,CAAC;AAiBvB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AACD,KAAK,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;AAE9E,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,WAAW;wKAiBrB,gBAAgB;;;;;;;;;;;;;;;;CA2ElB,CAAC"}
@@ -21,7 +21,7 @@ const defaults = {
21
21
  modalAriaLabel: "List of all tags",
22
22
  searchLabel: ""
23
23
  };
24
- const TagSetModal = ({ allTags, className, title, modalAriaLabel = defaults.modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
24
+ const TagSetModal = ({ allTags, className, closeLabel, title, modalAriaLabel = defaults.modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchClearLabel, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
25
25
  const [filteredModalTags, setFilteredModalTags] = useState([]);
26
26
  const [search, setSearch] = useState("");
27
27
  const renderPortalUse = usePortalTarget(portalTargetIn);
@@ -55,10 +55,12 @@ const TagSetModal = ({ allTags, className, title, modalAriaLabel = defaults.moda
55
55
  }, /* @__PURE__ */ React.createElement(ModalHeader, {
56
56
  className: `${blockClass}__header`,
57
57
  closeModal: onClose,
58
+ iconDescription: closeLabel,
58
59
  title
59
60
  }, /* @__PURE__ */ React.createElement(Search, {
60
61
  "data-modal-primary-focus": true,
61
62
  className: `${blockClass}__search`,
63
+ closeButtonLabelText: searchClearLabel,
62
64
  labelText: searchLabel,
63
65
  placeholder: searchPlaceholder,
64
66
  onChange: handleSearch,
@@ -79,9 +81,11 @@ TagSetModal.propTypes = {
79
81
  label: PropTypes.string.isRequired
80
82
  })),
81
83
  className: PropTypes.string,
84
+ closeLabel: PropTypes.string,
82
85
  onClose: PropTypes.func,
83
86
  open: PropTypes.bool,
84
87
  portalTarget: PropTypes.node,
88
+ searchClearLabel: PropTypes.string,
85
89
  searchLabel: PropTypes.string,
86
90
  searchPlaceholder: PropTypes.string,
87
91
  title: PropTypes.string