@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
|
@@ -16,7 +16,12 @@ interface ToolbarContextType {
|
|
|
16
16
|
vertical?: boolean;
|
|
17
17
|
}
|
|
18
18
|
declare const ToolbarContext: React.Context<ToolbarContextType>;
|
|
19
|
-
/**
|
|
19
|
+
/**
|
|
20
|
+
* Toolbars are a collection of action items that organize a program's interaction patterns into a series of closely related commands.
|
|
21
|
+
*
|
|
22
|
+
* @deprecated Toolbar is deprecated and will be removed in a future major release.
|
|
23
|
+
* This component has no known production adoption and will not be migrating to Carbon core.
|
|
24
|
+
*/
|
|
20
25
|
declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & {
|
|
21
26
|
children?: React.ReactNode | undefined;
|
|
22
27
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,QAAA,MAAM,UAAU,QAA2B,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,mCAAwC,CAAC;AAE7D
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,QAAA,MAAM,UAAU,QAA2B,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,mCAAwC,CAAC;AAE7D;;;;;GAKG;AACH,QAAA,MAAM,OAAO;;wCAkGZ,CAAC;AAEF,QAAA,MAAM,aAAa,YAAY,CAAC;AAchC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -22,8 +22,16 @@ import { bool, node, string } from "prop-types";
|
|
|
22
22
|
var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
|
|
23
23
|
const blockClass = `${pkg.prefix}--toolbar`;
|
|
24
24
|
const ToolbarContext = createContext({});
|
|
25
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* Toolbars are a collection of action items that organize a program's interaction patterns into a series of closely related commands.
|
|
27
|
+
*
|
|
28
|
+
* @deprecated Toolbar is deprecated and will be removed in a future major release.
|
|
29
|
+
* This component has no known production adoption and will not be migrating to Carbon core.
|
|
30
|
+
*/
|
|
26
31
|
const Toolbar = forwardRef(({ children, className, vertical, ...rest }, r) => {
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
console.warn("Toolbar 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.");
|
|
34
|
+
}, []);
|
|
27
35
|
const focusableElements = useRef(void 0);
|
|
28
36
|
const getFocusableElements$1 = useCallback(() => focusableElements.current, [focusableElements]);
|
|
29
37
|
const localRef = useRef(null);
|
|
@@ -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"}
|
|
@@ -25,8 +25,16 @@ const componentName = "ActionBar";
|
|
|
25
25
|
const defaults = { actions: Object.freeze([]) };
|
|
26
26
|
/**
|
|
27
27
|
* The ActionBar is used internally by the PageHeader to wrap ActionBarItems.
|
|
28
|
+
*
|
|
29
|
+
* @deprecated ActionBar is deprecated and will be removed in a future major release.
|
|
30
|
+
* ActionBar was only used internally by the legacy PageHeader, which is being replaced
|
|
31
|
+
* by the new composable PageHeader migrating to @carbon/react. Use the composable
|
|
32
|
+
* PageHeader from @carbon/ibm-products instead.
|
|
28
33
|
*/
|
|
29
34
|
const ActionBar = react.default.forwardRef(({ actions = defaults.actions, className, maxVisible, menuOptionsClass, onWidthChange, overflowAriaLabel, overflowMenuRef, rightAlign, ...rest }, ref) => {
|
|
35
|
+
(0, react.useEffect)(() => {
|
|
36
|
+
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.");
|
|
37
|
+
}, []);
|
|
30
38
|
const internalId = (0, react.useRef)(require_uuidv4.default());
|
|
31
39
|
const refDisplayedItems = (0, react.useRef)(null);
|
|
32
40
|
const backupRef = (0, react.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"}
|
|
@@ -14,6 +14,9 @@ let prop_types = require("prop-types");
|
|
|
14
14
|
prop_types = require_runtime.__toESM(prop_types);
|
|
15
15
|
//#region src/components/AddSelect/AddSelect.tsx
|
|
16
16
|
const componentName = "AddSelect";
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated This component is deprecated. Use the composable `preview__AddSelect` component instead.
|
|
19
|
+
*/
|
|
17
20
|
const AddSelect = (0, react.forwardRef)(({ items = { entries: [] }, globalFilters, ...props }, ref) => {
|
|
18
21
|
const useNormalizedItems = !!items.entries.find((item) => item.children);
|
|
19
22
|
const normalizedItems = useNormalizedItems ? require_add_select_utils.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"}
|
|
@@ -24,8 +24,14 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
24
24
|
const componentName = "Decorator";
|
|
25
25
|
/**
|
|
26
26
|
* The Decorator groups a key/value pair as a single element. This component is not interactive.
|
|
27
|
+
*
|
|
28
|
+
* @deprecated Decorator is deprecated and will be removed in a future major release.
|
|
29
|
+
* This component has no known production adoption and will not be migrating to Carbon core.
|
|
27
30
|
*/
|
|
28
31
|
let Decorator = react.default.forwardRef((props, ref) => {
|
|
32
|
+
(0, react.useEffect)(() => {
|
|
33
|
+
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.");
|
|
34
|
+
}, []);
|
|
29
35
|
const validProps = require_props_helper.prepareProps(props, [
|
|
30
36
|
"disabled",
|
|
31
37
|
"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"}
|
|
@@ -15,6 +15,8 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
15
15
|
//#region src/components/MultiAddSelect/MultiAddSelect.tsx
|
|
16
16
|
const componentName = "MultiAddSelect";
|
|
17
17
|
/**
|
|
18
|
+
* @deprecated This component is deprecated. Use the MultiAddSelect pattern instead.
|
|
19
|
+
*
|
|
18
20
|
* Used to add or select multiple or more items from larger lists or hierarchies.
|
|
19
21
|
*/
|
|
20
22
|
const MultiAddSelect = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ react.default.createElement(require_AddSelect.AddSelect, {
|
|
@@ -157,5 +159,10 @@ MultiAddSelect.propTypes = {
|
|
|
157
159
|
title: prop_types.default.string
|
|
158
160
|
};
|
|
159
161
|
MultiAddSelect.displayName = componentName;
|
|
162
|
+
/**@ts-ignore*/
|
|
163
|
+
MultiAddSelect.deprecated = {
|
|
164
|
+
level: "warn",
|
|
165
|
+
details: `Please replace ${componentName} with MultiAddSelect pattern`
|
|
166
|
+
};
|
|
160
167
|
//#endregion
|
|
161
168
|
exports.MultiAddSelect = MultiAddSelect;
|
|
@@ -143,15 +143,17 @@ const NotificationsPanel = react.default.forwardRef(({ className, data, dateTime
|
|
|
143
143
|
if (!arr || arr && !arr.length) return;
|
|
144
144
|
return arr.sort((a, b) => b.timestamp - a.timestamp);
|
|
145
145
|
};
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
146
|
+
const startOfToday = /* @__PURE__ */ new Date();
|
|
147
|
+
startOfToday.setHours(0, 0, 0, 0);
|
|
148
|
+
const yesterdayDate = new Date(startOfToday);
|
|
149
|
+
yesterdayDate.setDate(yesterdayDate.getDate() - 1);
|
|
150
|
+
const dayBeforeYesterdayDate = new Date(startOfToday);
|
|
151
|
+
dayBeforeYesterdayDate.setDate(dayBeforeYesterdayDate.getDate() - 2);
|
|
152
|
+
let withinLastDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() >= startOfToday.getTime());
|
|
151
153
|
withinLastDayNotifications = sortChronologically(withinLastDayNotifications);
|
|
152
|
-
let previousDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() <
|
|
154
|
+
let previousDayNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < startOfToday.getTime() && item.timestamp.getTime() >= yesterdayDate.getTime());
|
|
153
155
|
previousDayNotifications = sortChronologically(previousDayNotifications);
|
|
154
|
-
let previousNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() <
|
|
156
|
+
let previousNotifications = allNotifications && allNotifications.length && allNotifications.filter((item) => item.timestamp.getTime() < yesterdayDate.getTime());
|
|
155
157
|
previousNotifications = sortChronologically(previousNotifications);
|
|
156
158
|
const renderDescription = (id) => {
|
|
157
159
|
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"}
|
|
@@ -21,7 +21,8 @@ let _carbon_react = require("@carbon/react");
|
|
|
21
21
|
* LICENSE file in the root directory of this source tree.
|
|
22
22
|
*/
|
|
23
23
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
24
|
-
const PageHeaderTagOverflow = react.default.forwardRef((
|
|
24
|
+
const PageHeaderTagOverflow = react.default.forwardRef((props, ref) => {
|
|
25
|
+
const { renderOverflowTag, renderPopoverContent, children, hiddenTagsLabel = "Hidden tags" } = props;
|
|
25
26
|
const [openPopover, setOpenPopover] = (0, react.useState)(false);
|
|
26
27
|
const [hiddenTags, setHiddenTags] = (0, react.useState)([]);
|
|
27
28
|
const overflowButtonId = `${require_settings.pkg.prefix}--page-header--tag-overflow-btn`;
|
|
@@ -64,7 +65,7 @@ const PageHeaderTagOverflow = react.default.forwardRef(({ renderOverflowTag, ren
|
|
|
64
65
|
className: (0, import_classnames.default)(`${require_settings.pkg.prefix}--page-header--tag-overflow-popover`, { [`${require_settings.pkg.prefix}--page-header--tag-overflow-popover__hidden`]: !hiddenTags.length })
|
|
65
66
|
}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover, overflowButtonId), /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, null, /* @__PURE__ */ react.default.createElement("ul", {
|
|
66
67
|
className: `${require_PageHeaderUtils.blockClass}__tags-popover-list`,
|
|
67
|
-
"aria-label":
|
|
68
|
+
"aria-label": hiddenTagsLabel
|
|
68
69
|
}, renderPopoverContent?.(hiddenTags)))));
|
|
69
70
|
});
|
|
70
71
|
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"}
|
|
@@ -31,7 +31,18 @@ const defaults = {
|
|
|
31
31
|
selectedScopes: [],
|
|
32
32
|
hideScopesLabel: true
|
|
33
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated SearchBar is deprecated and will be removed in a future major release.
|
|
36
|
+
* This component has no known production adoption and will not be migrating to Carbon core.
|
|
37
|
+
*/
|
|
34
38
|
const SearchBar = react.default.forwardRef(({ className, clearButtonLabelText, hideScopesLabel = defaults.hideScopesLabel, labelText, onChange = defaults.onChange, onSubmit = defaults.onSubmit, placeholderText, scopes = [], scopesTypeLabel, scopeToString, selectedScopes = [], sortItems, submitLabel, translateWithId, value, ...rest }, ref) => {
|
|
39
|
+
const hasWarned = (0, react.useRef)(false);
|
|
40
|
+
(0, react.useEffect)(() => {
|
|
41
|
+
if (!hasWarned.current) {
|
|
42
|
+
hasWarned.current = true;
|
|
43
|
+
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.");
|
|
44
|
+
}
|
|
45
|
+
}, []);
|
|
35
46
|
const [text, setText] = (0, react.useState)(value || "");
|
|
36
47
|
const [_selectedScopes, setSelectedScopes] = (0, react.useState)(selectedScopes || []);
|
|
37
48
|
const [isInputDirty, setIsInputDirty] = (0, react.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"}
|
|
@@ -16,6 +16,8 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
16
16
|
//#region src/components/SingleAddSelect/SingleAddSelect.tsx
|
|
17
17
|
const componentName = "SingleAddSelect";
|
|
18
18
|
/**
|
|
19
|
+
* @deprecated This component is deprecated. Use the SingleAddSelect pattern instead.
|
|
20
|
+
*
|
|
19
21
|
* Used to add or select one or more items from larger lists or hierarchies.
|
|
20
22
|
*/
|
|
21
23
|
const SingleAddSelect = (0, react.forwardRef)((props, ref) => {
|
|
@@ -114,5 +116,10 @@ SingleAddSelect.propTypes = {
|
|
|
114
116
|
title: prop_types.default.string
|
|
115
117
|
};
|
|
116
118
|
SingleAddSelect.displayName = componentName;
|
|
119
|
+
/**@ts-ignore*/
|
|
120
|
+
SingleAddSelect.deprecated = {
|
|
121
|
+
level: "warn",
|
|
122
|
+
details: `Please replace ${componentName} with SingleAddSelect pattern`
|
|
123
|
+
};
|
|
117
124
|
//#endregion
|
|
118
125
|
exports.SingleAddSelect = 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"}
|
|
@@ -20,7 +20,7 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
20
20
|
let _carbon_react = require("@carbon/react");
|
|
21
21
|
//#region src/components/TagOverflow/TagOverflow.tsx
|
|
22
22
|
/**
|
|
23
|
-
* Copyright IBM Corp. 2024,
|
|
23
|
+
* Copyright IBM Corp. 2024, 2026
|
|
24
24
|
*
|
|
25
25
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
26
26
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -30,7 +30,7 @@ const blockClass = `${require_settings.pkg.prefix}--tag-overflow`;
|
|
|
30
30
|
const componentName = "TagOverflow";
|
|
31
31
|
const allTagsModalSearchThreshold = 10;
|
|
32
32
|
const TagOverflow = (0, react.forwardRef)((props, ref) => {
|
|
33
|
-
const { align = "start", allTagsModalAriaLabel, allTagsModalSearchLabel, allTagsModalSearchPlaceholderText, allTagsModalTarget, allTagsModalTitle, autoAlign, className, disablePortal, items, maxVisible, overflowAlign = "bottom", overflowClassName, overflowType = "default", onOverflowTagChange, showAllTagsLabel, tagComponent, ...rest } = props;
|
|
33
|
+
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;
|
|
34
34
|
const containerRef = (0, react.useRef)(null);
|
|
35
35
|
const offsetRef = (0, react.useRef)(null);
|
|
36
36
|
const [showAllModalOpen, setShowAllModalOpen] = (0, react.useState)(false);
|
|
@@ -101,6 +101,8 @@ const TagOverflow = (0, react.forwardRef)((props, ref) => {
|
|
|
101
101
|
open: showAllModalOpen,
|
|
102
102
|
title: allTagsModalTitle,
|
|
103
103
|
modalAriaLabel: allTagsModalAriaLabel,
|
|
104
|
+
closeLabel: allTagsModalCloseLabel,
|
|
105
|
+
searchClearLabel: allTagsModalSearchClearLabel,
|
|
104
106
|
onClose: handleModalClose,
|
|
105
107
|
overflowType,
|
|
106
108
|
searchLabel: allTagsModalSearchLabel,
|
|
@@ -125,6 +127,14 @@ TagOverflow.propTypes = {
|
|
|
125
127
|
*/
|
|
126
128
|
allTagsModalAriaLabel: prop_types.default.string,
|
|
127
129
|
/**
|
|
130
|
+
* Accessible label for the all tags modal close button. Defaults to 'Close'.
|
|
131
|
+
*/
|
|
132
|
+
allTagsModalCloseLabel: prop_types.default.string,
|
|
133
|
+
/**
|
|
134
|
+
* Accessible label for clearing the all tags search. Defaults to 'Clear search input'.
|
|
135
|
+
*/
|
|
136
|
+
allTagsModalSearchClearLabel: prop_types.default.string,
|
|
137
|
+
/**
|
|
128
138
|
* label text for the show all search. **Note: Required if more than 10 tags**
|
|
129
139
|
*/
|
|
130
140
|
allTagsModalSearchLabel: prop_types.default.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"}
|
|
@@ -23,7 +23,7 @@ const defaults = {
|
|
|
23
23
|
modalAriaLabel: "List of all tags",
|
|
24
24
|
searchLabel: ""
|
|
25
25
|
};
|
|
26
|
-
const TagOverflowModal = ({ allTags, className, disablePortal = false, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
|
|
26
|
+
const TagOverflowModal = ({ allTags, className, closeLabel, disablePortal = false, title, modalAriaLabel = defaults.modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchClearLabel, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
|
|
27
27
|
const [search, setSearch] = (0, react.useState)("");
|
|
28
28
|
const mountNode = disablePortal ? null : portalTargetIn ?? document.body;
|
|
29
29
|
const getFilteredItems = () => {
|
|
@@ -44,10 +44,12 @@ const TagOverflowModal = ({ allTags, className, disablePortal = false, title, mo
|
|
|
44
44
|
}, /* @__PURE__ */ react.default.createElement(_carbon_react.ModalHeader, {
|
|
45
45
|
className: `${blockClass}__header`,
|
|
46
46
|
closeModal: onClose,
|
|
47
|
+
iconDescription: closeLabel,
|
|
47
48
|
title
|
|
48
49
|
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
|
|
49
50
|
"data-modal-primary-focus": true,
|
|
50
51
|
className: `${blockClass}__search`,
|
|
52
|
+
closeButtonLabelText: searchClearLabel,
|
|
51
53
|
labelText: searchLabel,
|
|
52
54
|
placeholder: searchPlaceholder,
|
|
53
55
|
onChange: handleSearch,
|
|
@@ -75,6 +77,7 @@ TagOverflowModal.propTypes = {
|
|
|
75
77
|
label: prop_types.default.string.isRequired
|
|
76
78
|
})),
|
|
77
79
|
className: prop_types.default.string,
|
|
80
|
+
closeLabel: prop_types.default.string,
|
|
78
81
|
/**
|
|
79
82
|
* Disable the portal and render the modal inline. Useful for tests and
|
|
80
83
|
* contexts where you need to inherit React context from parent components.
|
|
@@ -88,6 +91,7 @@ TagOverflowModal.propTypes = {
|
|
|
88
91
|
* DOM element to portal the modal into. Defaults to `document.body`.
|
|
89
92
|
*/
|
|
90
93
|
portalTarget: typeof HTMLElement === "undefined" ? prop_types.default.object : prop_types.default.instanceOf(HTMLElement),
|
|
94
|
+
searchClearLabel: prop_types.default.string,
|
|
91
95
|
searchLabel: prop_types.default.string,
|
|
92
96
|
searchPlaceholder: prop_types.default.string,
|
|
93
97
|
title: prop_types.default.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"}
|
|
@@ -29,7 +29,7 @@ const defaults = {
|
|
|
29
29
|
overflowType: "default",
|
|
30
30
|
onOverflowTagChange: () => {}
|
|
31
31
|
};
|
|
32
|
-
const TagSet = react.default.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) => {
|
|
32
|
+
const TagSet = react.default.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) => {
|
|
33
33
|
const [displayCount, setDisplayCount] = (0, react.useState)(3);
|
|
34
34
|
const [displayedTags, setDisplayedTags] = (0, react.useState)([]);
|
|
35
35
|
const [hiddenSizingTags, setHiddenSizingTags] = (0, react.useState)([]);
|
|
@@ -193,6 +193,8 @@ const TagSet = react.default.forwardRef(({ align = "start", allTagsModalTarget,
|
|
|
193
193
|
title: allTagsModalTitle,
|
|
194
194
|
onClose: handleModalClose,
|
|
195
195
|
modalAriaLabel: allTagsModalAriaLabel,
|
|
196
|
+
closeLabel: allTagsModalCloseLabel,
|
|
197
|
+
searchClearLabel: allTagsModalSearchClearLabel,
|
|
196
198
|
searchLabel: allTagsModalSearchLabel,
|
|
197
199
|
searchPlaceholder: allTagsModalSearchPlaceholderText,
|
|
198
200
|
portalTarget: allTagsModalTarget
|
|
@@ -227,6 +229,14 @@ TagSet.propTypes = {
|
|
|
227
229
|
*/
|
|
228
230
|
allTagsModalAriaLabel: prop_types.default.string,
|
|
229
231
|
/**
|
|
232
|
+
* Accessible label for the all tags modal close button. Defaults to 'Close'.
|
|
233
|
+
*/
|
|
234
|
+
allTagsModalCloseLabel: prop_types.default.string,
|
|
235
|
+
/**
|
|
236
|
+
* Accessible label for clearing the all tags search. Defaults to 'Clear search input'.
|
|
237
|
+
*/
|
|
238
|
+
allTagsModalSearchClearLabel: prop_types.default.string,
|
|
239
|
+
/**
|
|
230
240
|
* label text for the show all search.
|
|
231
241
|
*/
|
|
232
242
|
allTagsModalSearchLabel: prop_types.default.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"}
|