@carbon/ibm-products 2.102.0 → 2.103.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +558 -460
- package/es/components/ActionBar/ActionBar.d.ts +5 -0
- package/es/components/ActionBar/ActionBar.d.ts.map +1 -1
- package/es/components/ActionBar/ActionBar.js +9 -1
- package/es/components/AddSelect/AddSelect.d.ts +3 -0
- package/es/components/AddSelect/AddSelect.d.ts.map +1 -1
- package/es/components/AddSelect/AddSelect.js +3 -0
- package/es/components/Decorator/Decorator.d.ts +3 -0
- package/es/components/Decorator/Decorator.d.ts.map +1 -1
- package/es/components/Decorator/Decorator.js +7 -1
- package/es/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
- package/es/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
- package/es/components/MultiAddSelect/MultiAddSelect.js +7 -0
- package/es/components/NotificationsPanel/NotificationsPanel.js +9 -7
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
- package/es/components/SearchBar/SearchBar.d.ts +4 -0
- package/es/components/SearchBar/SearchBar.d.ts.map +1 -1
- package/es/components/SearchBar/SearchBar.js +12 -1
- package/es/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
- package/es/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +7 -0
- package/es/components/TagOverflow/TagOverflow.d.ts +5 -1
- package/es/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflow.js +12 -2
- package/es/components/TagOverflow/TagOverflowModal.d.ts +5 -1
- package/es/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflowModal.js +5 -1
- package/es/components/TagSet/TagSet.d.ts +8 -0
- package/es/components/TagSet/TagSet.d.ts.map +1 -1
- package/es/components/TagSet/TagSet.js +11 -1
- package/es/components/TagSet/TagSetModal.d.ts +5 -1
- package/es/components/TagSet/TagSetModal.d.ts.map +1 -1
- package/es/components/TagSet/TagSetModal.js +5 -1
- package/es/components/Toolbar/Toolbar.d.ts +6 -1
- package/es/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/es/components/Toolbar/Toolbar.js +9 -1
- package/lib/components/ActionBar/ActionBar.d.ts +5 -0
- package/lib/components/ActionBar/ActionBar.d.ts.map +1 -1
- package/lib/components/ActionBar/ActionBar.js +8 -0
- package/lib/components/AddSelect/AddSelect.d.ts +3 -0
- package/lib/components/AddSelect/AddSelect.d.ts.map +1 -1
- package/lib/components/AddSelect/AddSelect.js +3 -0
- package/lib/components/Decorator/Decorator.d.ts +3 -0
- package/lib/components/Decorator/Decorator.d.ts.map +1 -1
- package/lib/components/Decorator/Decorator.js +6 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
- package/lib/components/MultiAddSelect/MultiAddSelect.js +7 -0
- package/lib/components/NotificationsPanel/NotificationsPanel.js +9 -7
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
- package/lib/components/SearchBar/SearchBar.d.ts +4 -0
- package/lib/components/SearchBar/SearchBar.d.ts.map +1 -1
- package/lib/components/SearchBar/SearchBar.js +11 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +7 -0
- package/lib/components/TagOverflow/TagOverflow.d.ts +5 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflow.js +12 -2
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +5 -1
- package/lib/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +5 -1
- package/lib/components/TagSet/TagSet.d.ts +8 -0
- package/lib/components/TagSet/TagSet.d.ts.map +1 -1
- package/lib/components/TagSet/TagSet.js +11 -1
- package/lib/components/TagSet/TagSetModal.d.ts +5 -1
- package/lib/components/TagSet/TagSetModal.d.ts.map +1 -1
- package/lib/components/TagSet/TagSetModal.js +5 -1
- package/lib/components/Toolbar/Toolbar.d.ts +6 -1
- package/lib/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/lib/components/Toolbar/Toolbar.js +9 -1
- package/package.json +17 -17
- 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,
|
|
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
|
|
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":"AAOA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAc,MAAM,OAAO,CAAC;AAUnE,KAAK,MAAM,GAAG;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,UAAU,KAAK;IACb,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9B,KAAK,QAAQ,GAAG;IACd,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;OAEG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;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
|
|
1
|
+
{"version":3,"file":"MultiAddSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiAddSelect/MultiAddSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAc,MAAM,OAAO,CAAC;AAUnE,KAAK,MAAM,GAAG;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,UAAU,KAAK;IACb,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9B,KAAK,QAAQ,GAAG;IACd,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;OAEG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;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,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;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,cAAc,4FAS1B,CAAC"}
|
|
@@ -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
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
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() <
|
|
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() <
|
|
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,
|
|
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((
|
|
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":
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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;
|
|
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,
|
|
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;
|
|
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
|