@patternfly/react-core 4.271.0 → 4.271.1
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/CHANGELOG.md +11 -0
- package/components/DualListSelector/DualListSelectorPane.d.ts +3 -1
- package/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
- package/components/DualListSelector/DualListSelectorPane.js +7 -3
- package/components/DualListSelector/DualListSelectorPane.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts +3 -1
- package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorPane.js +7 -3
- package/dist/esm/components/DualListSelector/DualListSelectorPane.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts +3 -1
- package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorPane.js +7 -3
- package/dist/js/components/DualListSelector/DualListSelectorPane.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/DualListSelector/DualListSelectorPane.tsx +14 -2
- package/src/components/DualListSelector/examples/DualListSelector.md +1 -0
- package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +76 -46
- package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +33 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.271.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.271.0...@patternfly/react-core@4.271.1) (2023-01-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **DualListSelector:** added empty state to composable examples ([#8480](https://github.com/patternfly/patternfly-react/issues/8480)) ([94bed40](https://github.com/patternfly/patternfly-react/commit/94bed407b8104760f604a824d502727a4bda57df))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [4.271.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.270.0...@patternfly/react-core@4.271.0) (2023-01-13)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -4,7 +4,7 @@ import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
|
4
4
|
* depending on the pane type (available or chosen). A search input and other actions,
|
|
5
5
|
* such as sorting, can also be passed into this sub-component.
|
|
6
6
|
*/
|
|
7
|
-
export interface DualListSelectorPaneProps {
|
|
7
|
+
export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
|
|
8
8
|
/** Additional classes applied to the dual list selector pane. */
|
|
9
9
|
className?: string;
|
|
10
10
|
/** A dual list selector list or dual list selector tree to be rendered in the pane. */
|
|
@@ -45,6 +45,8 @@ export interface DualListSelectorPaneProps {
|
|
|
45
45
|
searchInputAriaLabel?: string;
|
|
46
46
|
/** @hide Callback for updating the filtered options in DualListSelector. To be used when isSearchable is true. */
|
|
47
47
|
onFilterUpdate?: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
|
|
48
|
+
/** Minimum height of the list of options rendered in the pane. **/
|
|
49
|
+
listMinHeight?: string;
|
|
48
50
|
}
|
|
49
51
|
export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
|
|
50
52
|
//# sourceMappingURL=DualListSelectorPane.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,yGAAyG;IACzG,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAC7D,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,EAAE,CAAC,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,GAAG,EACd,UAAU,CAAC,EAAE,GAAG,KACb,IAAI,CAAC;IACV,4GAA4G;IAC5G,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACjF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,8FAA8F;IAC9F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzF,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9E,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnE,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kHAAkH;IAClH,cAAc,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3G,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4KnF,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { DualListSelectorContext, DualListSelectorPaneContext } from './DualList
|
|
|
9
9
|
import { DualListSelectorList } from './DualListSelectorList';
|
|
10
10
|
import { SearchInput } from '../SearchInput';
|
|
11
11
|
export const DualListSelectorPane = (_a) => {
|
|
12
|
-
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = getUniqueId('dual-list-selector-pane'), isDisabled = false } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled"]);
|
|
12
|
+
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled", "listMinHeight"]);
|
|
13
13
|
const [input, setInput] = React.useState('');
|
|
14
14
|
const { isTree } = React.useContext(DualListSelectorContext);
|
|
15
15
|
// only called when search input is dynamically built
|
|
@@ -70,8 +70,12 @@ export const DualListSelectorPane = (_a) => {
|
|
|
70
70
|
status && (React.createElement("div", { className: css(styles.dualListSelectorStatus) },
|
|
71
71
|
React.createElement("div", { className: css(styles.dualListSelectorStatusText), id: `${id}-status` }, status))),
|
|
72
72
|
React.createElement(DualListSelectorPaneContext.Provider, { value: { isChosen } },
|
|
73
|
-
!isTree && (React.createElement(DualListSelectorListWrapper, { "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled },
|
|
74
|
-
|
|
73
|
+
!isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled }, (listMinHeight && {
|
|
74
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
75
|
+
})), children)),
|
|
76
|
+
isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
77
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
78
|
+
})), options.length > 0 ? (React.createElement(DualListSelectorList, null,
|
|
75
79
|
React.createElement(DualListSelectorTree, { data: isSearchable
|
|
76
80
|
? options
|
|
77
81
|
.map(opt => Object.assign({}, opt))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,6EAA6E,CAAC;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAgC,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
|
4
4
|
* depending on the pane type (available or chosen). A search input and other actions,
|
|
5
5
|
* such as sorting, can also be passed into this sub-component.
|
|
6
6
|
*/
|
|
7
|
-
export interface DualListSelectorPaneProps {
|
|
7
|
+
export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
|
|
8
8
|
/** Additional classes applied to the dual list selector pane. */
|
|
9
9
|
className?: string;
|
|
10
10
|
/** A dual list selector list or dual list selector tree to be rendered in the pane. */
|
|
@@ -45,6 +45,8 @@ export interface DualListSelectorPaneProps {
|
|
|
45
45
|
searchInputAriaLabel?: string;
|
|
46
46
|
/** @hide Callback for updating the filtered options in DualListSelector. To be used when isSearchable is true. */
|
|
47
47
|
onFilterUpdate?: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
|
|
48
|
+
/** Minimum height of the list of options rendered in the pane. **/
|
|
49
|
+
listMinHeight?: string;
|
|
48
50
|
}
|
|
49
51
|
export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
|
|
50
52
|
//# sourceMappingURL=DualListSelectorPane.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,yGAAyG;IACzG,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAC7D,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,EAAE,CAAC,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,GAAG,EACd,UAAU,CAAC,EAAE,GAAG,KACb,IAAI,CAAC;IACV,4GAA4G;IAC5G,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACjF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,8FAA8F;IAC9F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzF,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9E,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnE,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kHAAkH;IAClH,cAAc,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3G,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4KnF,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { DualListSelectorContext, DualListSelectorPaneContext } from './DualList
|
|
|
9
9
|
import { DualListSelectorList } from './DualListSelectorList';
|
|
10
10
|
import { SearchInput } from '../SearchInput';
|
|
11
11
|
export const DualListSelectorPane = (_a) => {
|
|
12
|
-
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = getUniqueId('dual-list-selector-pane'), isDisabled = false } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled"]);
|
|
12
|
+
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled", "listMinHeight"]);
|
|
13
13
|
const [input, setInput] = React.useState('');
|
|
14
14
|
const { isTree } = React.useContext(DualListSelectorContext);
|
|
15
15
|
// only called when search input is dynamically built
|
|
@@ -70,8 +70,12 @@ export const DualListSelectorPane = (_a) => {
|
|
|
70
70
|
status && (React.createElement("div", { className: css(styles.dualListSelectorStatus) },
|
|
71
71
|
React.createElement("div", { className: css(styles.dualListSelectorStatusText), id: `${id}-status` }, status))),
|
|
72
72
|
React.createElement(DualListSelectorPaneContext.Provider, { value: { isChosen } },
|
|
73
|
-
!isTree && (React.createElement(DualListSelectorListWrapper, { "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled },
|
|
74
|
-
|
|
73
|
+
!isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled }, (listMinHeight && {
|
|
74
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
75
|
+
})), children)),
|
|
76
|
+
isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
77
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
78
|
+
})), options.length > 0 ? (React.createElement(DualListSelectorList, null,
|
|
75
79
|
React.createElement(DualListSelectorTree, { data: isSearchable
|
|
76
80
|
? options
|
|
77
81
|
.map(opt => Object.assign({}, opt))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,6EAA6E,CAAC;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAgC,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
|
4
4
|
* depending on the pane type (available or chosen). A search input and other actions,
|
|
5
5
|
* such as sorting, can also be passed into this sub-component.
|
|
6
6
|
*/
|
|
7
|
-
export interface DualListSelectorPaneProps {
|
|
7
|
+
export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
|
|
8
8
|
/** Additional classes applied to the dual list selector pane. */
|
|
9
9
|
className?: string;
|
|
10
10
|
/** A dual list selector list or dual list selector tree to be rendered in the pane. */
|
|
@@ -45,6 +45,8 @@ export interface DualListSelectorPaneProps {
|
|
|
45
45
|
searchInputAriaLabel?: string;
|
|
46
46
|
/** @hide Callback for updating the filtered options in DualListSelector. To be used when isSearchable is true. */
|
|
47
47
|
onFilterUpdate?: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
|
|
48
|
+
/** Minimum height of the list of options rendered in the pane. **/
|
|
49
|
+
listMinHeight?: string;
|
|
48
50
|
}
|
|
49
51
|
export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
|
|
50
52
|
//# sourceMappingURL=DualListSelectorPane.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAwB,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAO5F;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,yGAAyG;IACzG,cAAc,CAAC,EAAE,CACf,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAC7D,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,EAAE,CAAC,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,GAAG,EACd,UAAU,CAAC,EAAE,GAAG,KACb,IAAI,CAAC;IACV,4GAA4G;IAC5G,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACjF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,8FAA8F;IAC9F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzF,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9E,+GAA+G;IAC/G,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnE,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kHAAkH;IAClH,cAAc,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3G,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4KnF,CAAC"}
|
|
@@ -12,7 +12,7 @@ const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
|
12
12
|
const DualListSelectorList_1 = require("./DualListSelectorList");
|
|
13
13
|
const SearchInput_1 = require("../SearchInput");
|
|
14
14
|
const DualListSelectorPane = (_a) => {
|
|
15
|
-
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = helpers_1.getUniqueId('dual-list-selector-pane'), isDisabled = false } = _a, props = tslib_1.__rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled"]);
|
|
15
|
+
var { isChosen = false, className = '', status = '', actions, searchInput, children, onOptionSelect, onOptionCheck, title = '', options = [], selectedOptions = [], isSearchable = false, searchInputAriaLabel = '', onFilterUpdate, onSearchInputChanged, onSearchInputClear, filterOption, id = helpers_1.getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = tslib_1.__rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "onOptionSelect", "onOptionCheck", "title", "options", "selectedOptions", "isSearchable", "searchInputAriaLabel", "onFilterUpdate", "onSearchInputChanged", "onSearchInputClear", "filterOption", "id", "isDisabled", "listMinHeight"]);
|
|
16
16
|
const [input, setInput] = React.useState('');
|
|
17
17
|
const { isTree } = React.useContext(DualListSelectorContext_1.DualListSelectorContext);
|
|
18
18
|
// only called when search input is dynamically built
|
|
@@ -73,8 +73,12 @@ const DualListSelectorPane = (_a) => {
|
|
|
73
73
|
status && (React.createElement("div", { className: react_styles_1.css(dual_list_selector_1.default.dualListSelectorStatus) },
|
|
74
74
|
React.createElement("div", { className: react_styles_1.css(dual_list_selector_1.default.dualListSelectorStatusText), id: `${id}-status` }, status))),
|
|
75
75
|
React.createElement(DualListSelectorContext_1.DualListSelectorPaneContext.Provider, { value: { isChosen } },
|
|
76
|
-
!isTree && (React.createElement(DualListSelectorListWrapper_1.DualListSelectorListWrapper, { "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled },
|
|
77
|
-
|
|
76
|
+
!isTree && (React.createElement(DualListSelectorListWrapper_1.DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, options: options, selectedOptions: selectedOptions, onOptionSelect: (e, index, id) => onOptionSelect(e, index, isChosen, id), displayOption: displayOption, id: `${id}-list`, isDisabled: isDisabled }, (listMinHeight && {
|
|
77
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
78
|
+
})), children)),
|
|
79
|
+
isTree && (React.createElement(DualListSelectorListWrapper_1.DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
80
|
+
style: { '--pf-c-dual-list-selector__menu--MinHeight': listMinHeight }
|
|
81
|
+
})), options.length > 0 ? (React.createElement(DualListSelectorList_1.DualListSelectorList, null,
|
|
78
82
|
React.createElement(DualListSelectorTree_1.DualListSelectorTree, { data: isSearchable
|
|
79
83
|
? options
|
|
80
84
|
.map(opt => Object.assign({}, opt))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,iEAA4F;AAC5F,2CAA4C;AAC5C,+EAA4E;AAC5E,uEAAiG;AACjG,iEAA8D;AAC9D,gDAA6C;
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"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"}
|