@patternfly/react-core 4.220.1 → 4.221.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 +27 -0
- package/dist/esm/components/InputGroup/InputGroup.d.ts +2 -0
- package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.js +3 -2
- package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.js +12 -10
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +8 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +38 -28
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.js +3 -2
- package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +3 -2
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.d.ts +2 -0
- package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.js +3 -2
- package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.js +12 -10
- package/dist/js/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +8 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +38 -28
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.js +3 -2
- package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js +3 -2
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/styles/assets/images/icon-github.hbs +4 -0
- package/dist/styles/assets/images/icon-google.hbs +4 -0
- package/dist/styles/assets/images/icon-red-hat.hbs +1 -0
- package/dist/styles/base-no-reset.css +93 -4
- package/dist/styles/base.css +93 -4
- package/dist/umd/react-core.css +873 -91
- package/dist/umd/react-core.js +409 -327
- package/dist/umd/react-core.min.css +790 -8
- package/dist/umd/react-core.min.js +6 -6
- package/package.json +6 -6
- package/src/components/InputGroup/InputGroup.tsx +7 -1
- package/src/components/SearchInput/AdvancedSearchMenu.tsx +24 -18
- package/src/components/SearchInput/SearchInput.tsx +130 -113
- package/src/components/SearchInput/__tests__/SearchInput.test.tsx +1 -1
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +297 -301
- package/src/components/SearchInput/examples/SearchInput.md +5 -2
- package/src/components/TextInputGroup/TextInputGroup.tsx +18 -7
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.221.1 (2022-06-01)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# 4.221.0 (2022-06-01)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **table:** full screen demo for sticky first column ([#7451](https://github.com/patternfly/patternfly-react/issues/7451)) ([f610dd4](https://github.com/patternfly/patternfly-react/commit/f610dd4726b16d73a166f7a57da0fa3588b8201d))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 4.220.2 (2022-05-31)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
## 4.220.1 (2022-05-31)
|
|
7
34
|
|
|
8
35
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -4,6 +4,8 @@ export interface InputGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Content rendered inside the input group. */
|
|
6
6
|
children: React.ReactNode;
|
|
7
|
+
/** @hide A reference object to attach to the input box */
|
|
8
|
+
innerRef?: React.RefObject<any>;
|
|
7
9
|
}
|
|
8
10
|
export declare const InputGroup: React.FunctionComponent<InputGroupProps>;
|
|
9
11
|
//# sourceMappingURL=InputGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwB/D,CAAC"}
|
|
@@ -6,10 +6,11 @@ import { FormSelect } from '../FormSelect';
|
|
|
6
6
|
import { TextArea } from '../TextArea';
|
|
7
7
|
import { TextInput } from '../TextInput';
|
|
8
8
|
export const InputGroup = (_a) => {
|
|
9
|
-
var { className = '', children } = _a, props = __rest(_a, ["className", "children"]);
|
|
9
|
+
var { className = '', children, innerRef } = _a, props = __rest(_a, ["className", "children", "innerRef"]);
|
|
10
10
|
const formCtrls = [FormSelect, TextArea, TextInput].map(comp => comp.displayName);
|
|
11
11
|
const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
|
|
12
|
-
|
|
12
|
+
const inputGroupRef = innerRef || React.useRef(null);
|
|
13
|
+
return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: css(styles.inputGroup, className) }, props), idItem
|
|
13
14
|
? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
|
|
14
15
|
? React.cloneElement(child, { 'aria-describedby': idItem.props.id })
|
|
15
16
|
: child)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,cAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACpE,CAAC,CAAC,KAAK,CACV;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SearchAttribute } from './SearchInput';
|
|
3
3
|
export interface AdvancedSearchMenuProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
|
|
4
|
+
/** Additional classes added to the Advanced search menu */
|
|
5
|
+
className?: string;
|
|
4
6
|
/** Value of the search input */
|
|
5
7
|
value?: string;
|
|
6
8
|
/** Ref of the div wrapping the whole search input **/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedSearchMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AdvancedSearchMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACjC,uDAAuD;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAClD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC9C,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KACpC,IAAI,CAAC;IACV,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5E,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAG1C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;0DACsD;IACtD,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAiL/E,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import styles from '@patternfly/react-styles/css/components/SearchInput/search-input';
|
|
3
2
|
import { Button } from '../Button';
|
|
4
3
|
import { ActionGroup, Form, FormGroup } from '../Form';
|
|
5
4
|
import { TextInput } from '../TextInput';
|
|
6
5
|
import { GenerateId, KEY_CODES } from '../../helpers';
|
|
7
|
-
|
|
6
|
+
import { Panel, PanelMain, PanelMainBody } from '../Panel';
|
|
7
|
+
import { css } from '@patternfly/react-styles';
|
|
8
|
+
export const AdvancedSearchMenu = ({ className, parentRef, parentInputRef, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, getAttrValueMap, onChange, onSearch, onClear, resetButtonLabel = 'Reset', submitSearchButtonLabel = 'Search', isSearchMenuOpen, onToggleAdvancedMenu }) => {
|
|
8
9
|
const firstAttrRef = React.useRef(null);
|
|
9
10
|
const [putFocusBackOnInput, setPutFocusBackOnInput] = React.useState(false);
|
|
10
11
|
React.useEffect(() => {
|
|
@@ -100,14 +101,15 @@ export const AdvancedSearchMenu = ({ parentRef, parentInputRef, value = '', attr
|
|
|
100
101
|
React.createElement(TextInput, { type: "text", id: randomId, value: getValue('haswords'), onChange: (value, evt) => handleValueChange('haswords', value, evt) })))));
|
|
101
102
|
return formGroups;
|
|
102
103
|
};
|
|
103
|
-
return isSearchMenuOpen ? (React.createElement("
|
|
104
|
-
React.createElement(
|
|
105
|
-
React.createElement(
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
React.createElement(
|
|
110
|
-
|
|
104
|
+
return isSearchMenuOpen ? (React.createElement(Panel, { variant: "raised", className: css(className) },
|
|
105
|
+
React.createElement(PanelMain, null,
|
|
106
|
+
React.createElement(PanelMainBody, null,
|
|
107
|
+
React.createElement(Form, null,
|
|
108
|
+
buildFormGroups(),
|
|
109
|
+
formAdditionalItems ? formAdditionalItems : null,
|
|
110
|
+
React.createElement(ActionGroup, null,
|
|
111
|
+
React.createElement(Button, { variant: "primary", type: "submit", onClick: onSearchHandler, isDisabled: !value }, submitSearchButtonLabel),
|
|
112
|
+
!!onClear && (React.createElement(Button, { variant: "link", type: "reset", onClick: onClear }, resetButtonLabel)))))))) : null;
|
|
111
113
|
};
|
|
112
114
|
AdvancedSearchMenu.displayName = 'SearchInput';
|
|
113
115
|
//# sourceMappingURL=AdvancedSearchMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedSearchMenu.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"AdvancedSearchMenu.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,14 @@ export interface SearchInputProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
39
39
|
isAdvancedSearchOpen?: boolean;
|
|
40
40
|
/** Label for the button which opens the advanced search form menu */
|
|
41
41
|
openMenuButtonAriaLabel?: string;
|
|
42
|
+
/** Label for the button to navigate to previous result */
|
|
43
|
+
previousNavigationButtonAriaLabel?: string;
|
|
44
|
+
/** Flag indicating if the previous navigation button is disabled */
|
|
45
|
+
isPreviousNavigationButtonDisabled?: boolean;
|
|
46
|
+
/** Label for the button to navigate to next result */
|
|
47
|
+
nextNavigationButtonAriaLabel?: string;
|
|
48
|
+
/** Flag indicating if the next navigation button is disabled */
|
|
49
|
+
isNextNavigationButtonDisabled?: boolean;
|
|
42
50
|
/** Function called when user clicks to navigate to next result */
|
|
43
51
|
onNextClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
|
|
44
52
|
/** Function called when user clicks to navigate to previous result */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,eAAe;IAC9B;oEACgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,qGAAqG;IACrG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;IAC7G,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC9C,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KACpC,IAAI,CAAC;IACV,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qEAAqE;IACrE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpG,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qEAAqE;IACrE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2DAA2D;IAC3D,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,oEAAoE;IACpE,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,sDAAsD;IACtD,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,gEAAgE;IAChE,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3E;oGACgG;IAChG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAG1C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;0DACsD;IACtD,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAiOD,eAAO,MAAM,WAAW,2FAEtB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import styles from '@patternfly/react-styles/css/components/SearchInput/search-input';
|
|
4
3
|
import { css } from '@patternfly/react-styles';
|
|
4
|
+
import styles from '@patternfly/react-styles/css/components/SearchInput/search-input';
|
|
5
5
|
import { Button, ButtonVariant } from '../Button';
|
|
6
6
|
import { Badge } from '../Badge';
|
|
7
7
|
import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
|
|
@@ -10,10 +10,11 @@ import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
|
10
10
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
11
11
|
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
|
|
12
12
|
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
|
|
13
|
-
import { InputGroup } from '../InputGroup';
|
|
14
13
|
import { AdvancedSearchMenu } from './AdvancedSearchMenu';
|
|
14
|
+
import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../TextInputGroup';
|
|
15
|
+
import { InputGroup } from '../InputGroup';
|
|
15
16
|
const SearchInputBase = (_a) => {
|
|
16
|
-
var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', submitSearchButtonLabel = 'Search', isDisabled = false } = _a, props = __rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "submitSearchButtonLabel", "isDisabled"]);
|
|
17
|
+
var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false } = _a, props = __rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled"]);
|
|
17
18
|
const [isSearchMenuOpen, setIsSearchMenuOpen] = React.useState(false);
|
|
18
19
|
const [searchValue, setSearchValue] = React.useState(value);
|
|
19
20
|
const searchInputRef = React.useRef(null);
|
|
@@ -30,11 +31,11 @@ const SearchInputBase = (_a) => {
|
|
|
30
31
|
React.useEffect(() => {
|
|
31
32
|
setIsSearchMenuOpen(isAdvancedSearchOpen);
|
|
32
33
|
}, [isAdvancedSearchOpen]);
|
|
33
|
-
const onChangeHandler = (event) => {
|
|
34
|
+
const onChangeHandler = (value, event) => {
|
|
34
35
|
if (onChange) {
|
|
35
|
-
onChange(
|
|
36
|
+
onChange(value, event);
|
|
36
37
|
}
|
|
37
|
-
setSearchValue(
|
|
38
|
+
setSearchValue(value);
|
|
38
39
|
};
|
|
39
40
|
const onToggle = (e) => {
|
|
40
41
|
const isOpen = !isSearchMenuOpen;
|
|
@@ -79,30 +80,39 @@ const SearchInputBase = (_a) => {
|
|
|
79
80
|
searchInputInputRef.current.focus();
|
|
80
81
|
}
|
|
81
82
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
React.createElement(
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
React.createElement(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
React.createElement(TimesIcon, null))))))),
|
|
83
|
+
const buildSearchTextInputGroup = (_a = {}) => {
|
|
84
|
+
var searchInputProps = __rest(_a, []);
|
|
85
|
+
return (React.createElement(TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
|
|
86
|
+
React.createElement(TextInputGroupMain, { hint: hint, icon: React.createElement(SearchIcon, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler }),
|
|
87
|
+
value && (React.createElement(TextInputGroupUtilities, null,
|
|
88
|
+
resultsCount && React.createElement(Badge, { isRead: true }, resultsCount),
|
|
89
|
+
!!onNextClick && !!onPreviousClick && (React.createElement("div", { className: "pf-c-text-input-group__group" },
|
|
90
|
+
React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick },
|
|
91
|
+
React.createElement(AngleUpIcon, null)),
|
|
92
|
+
React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick },
|
|
93
|
+
React.createElement(AngleDownIcon, null)))),
|
|
94
|
+
!!onClear && (React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput },
|
|
95
|
+
React.createElement(TimesIcon, null)))))));
|
|
96
|
+
};
|
|
97
|
+
const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
|
|
98
|
+
var searchInputProps = __rest(_a, []);
|
|
99
|
+
return (React.createElement(InputGroup, Object.assign({}, searchInputProps),
|
|
100
|
+
buildSearchTextInputGroup(),
|
|
101
101
|
(attributes.length > 0 || onToggleAdvancedSearch) && (React.createElement(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen },
|
|
102
102
|
React.createElement(CaretDownIcon, null))),
|
|
103
|
-
!!onSearch && (React.createElement(Button, { type: "submit", variant: ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled },
|
|
104
|
-
React.createElement(ArrowRightIcon, null))))
|
|
105
|
-
|
|
103
|
+
!!onSearch && (React.createElement(Button, { type: "submit", variant: ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled || !searchValue },
|
|
104
|
+
React.createElement(ArrowRightIcon, null)))));
|
|
105
|
+
};
|
|
106
|
+
const searchInputProps = Object.assign(Object.assign({}, props), { className: className && css(className), innerRef: searchInputRef });
|
|
107
|
+
if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
|
|
108
|
+
if (attributes.length > 0) {
|
|
109
|
+
return (React.createElement("div", Object.assign({ className: css(className, styles.searchInput), ref: searchInputRef }, props),
|
|
110
|
+
buildSearchTextInputGroupWithExtraButtons(),
|
|
111
|
+
React.createElement(AdvancedSearchMenu, { className: styles.searchInputMenu, value: value, parentRef: searchInputRef, parentInputRef: searchInputInputRef, onSearch: onSearch, onClear: onClear, onChange: onChange, onToggleAdvancedMenu: onToggle, resetButtonLabel: resetButtonLabel, submitSearchButtonLabel: submitSearchButtonLabel, attributes: attributes, formAdditionalItems: formAdditionalItems, hasWordsAttrLabel: hasWordsAttrLabel, advancedSearchDelimiter: advancedSearchDelimiter, getAttrValueMap: getAttrValueMap, isSearchMenuOpen: isSearchMenuOpen })));
|
|
112
|
+
}
|
|
113
|
+
return buildSearchTextInputGroupWithExtraButtons(Object.assign({}, searchInputProps));
|
|
114
|
+
}
|
|
115
|
+
return buildSearchTextInputGroup(searchInputProps);
|
|
106
116
|
};
|
|
107
117
|
SearchInputBase.displayName = 'SearchInputBase';
|
|
108
118
|
export const SearchInput = React.forwardRef((props, ref) => (React.createElement(SearchInputBase, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ export interface TextInputGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
/** Adds disabled styling and a disabled context value which text input group main hooks into for the input itself */
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
+
/** @hide A reference object to attach to the input box */
|
|
10
|
+
innerRef?: React.RefObject<any>;
|
|
9
11
|
}
|
|
10
12
|
export declare const TextInputGroupContext: React.Context<Partial<TextInputGroupProps>>;
|
|
11
13
|
export declare const TextInputGroup: React.FunctionComponent<TextInputGroupProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAoBvE,CAAC"}
|
|
@@ -6,9 +6,10 @@ export const TextInputGroupContext = React.createContext({
|
|
|
6
6
|
isDisabled: false
|
|
7
7
|
});
|
|
8
8
|
export const TextInputGroup = (_a) => {
|
|
9
|
-
var { children, className, isDisabled } = _a, props = __rest(_a, ["children", "className", "isDisabled"]);
|
|
9
|
+
var { children, className, isDisabled, innerRef } = _a, props = __rest(_a, ["children", "className", "isDisabled", "innerRef"]);
|
|
10
|
+
const textInputGroupRef = innerRef || React.useRef(null);
|
|
10
11
|
return (React.createElement(TextInputGroupContext.Provider, { value: { isDisabled } },
|
|
11
|
-
React.createElement("div", Object.assign({ className: css(styles.textInputGroup, isDisabled && styles.modifiers.disabled, className) }, props), children)));
|
|
12
|
+
React.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles.textInputGroup, isDisabled && styles.modifiers.disabled, className) }, props), children)));
|
|
12
13
|
};
|
|
13
14
|
TextInputGroup.displayName = 'TextInputGroup';
|
|
14
15
|
//# sourceMappingURL=TextInputGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,OAEY,EADjB,KAAK,cALmE,mDAM5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrF,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -22,6 +22,8 @@ export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivEle
|
|
|
22
22
|
value?: string | number;
|
|
23
23
|
/** Placeholder value for the input */
|
|
24
24
|
placeholder?: string;
|
|
25
|
+
/** @hide A reference object to attach to the input box */
|
|
26
|
+
innerRef?: React.RefObject<any>;
|
|
25
27
|
}
|
|
26
28
|
export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
|
|
27
29
|
//# sourceMappingURL=TextInputGroupMain.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
|
|
@@ -4,8 +4,9 @@ import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-
|
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { TextInputGroupContext } from './TextInputGroup';
|
|
6
6
|
export const TextInputGroupMain = (_a) => {
|
|
7
|
-
var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder } = _a, props = __rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder"]);
|
|
7
|
+
var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder, innerRef } = _a, props = __rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder", "innerRef"]);
|
|
8
8
|
const { isDisabled } = React.useContext(TextInputGroupContext);
|
|
9
|
+
const textInputGroupInputInputRef = innerRef || React.useRef(null);
|
|
9
10
|
const handleChange = (event) => {
|
|
10
11
|
onChange(event.currentTarget.value, event);
|
|
11
12
|
};
|
|
@@ -14,7 +15,7 @@ export const TextInputGroupMain = (_a) => {
|
|
|
14
15
|
React.createElement("span", { className: css(styles.textInputGroupText) },
|
|
15
16
|
hint && (React.createElement("input", { className: css(styles.textInputGroupTextInput, styles.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
|
|
16
17
|
icon && React.createElement("span", { className: css(styles.textInputGroupIcon) }, icon),
|
|
17
|
-
React.createElement("input", { type: type, className: css(styles.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
|
|
18
|
+
React.createElement("input", { ref: textInputGroupInputInputRef, type: type, className: css(styles.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
|
|
18
19
|
};
|
|
19
20
|
TextInputGroupMain.displayName = 'TextInputGroupMain';
|
|
20
21
|
//# sourceMappingURL=TextInputGroupMain.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAwCzD,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAc3D,EAAE,EAAE;QAduD,EACnF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,GAAQ,EAAE,CAAC,SAAS,EAC/B,OAAO,EACP,MAAM,EACN,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,OAEgB,EADrB,KAAK,cAb2E,oIAcpF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,2BAA2B,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;QAChE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACrE,IAAI,EAAC,MAAM,EACX,QAAQ,uBACI,MAAM,EAClB,KAAK,EAAE,IAAI,GACX,CACH;YACA,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,GAAG,EAAE,2BAA2B,EAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,gBAClC,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,WAAW,EAAE,gBAAgB,GAC7B,CACG,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -4,6 +4,8 @@ export interface InputGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Content rendered inside the input group. */
|
|
6
6
|
children: React.ReactNode;
|
|
7
|
+
/** @hide A reference object to attach to the input box */
|
|
8
|
+
innerRef?: React.RefObject<any>;
|
|
7
9
|
}
|
|
8
10
|
export declare const InputGroup: React.FunctionComponent<InputGroupProps>;
|
|
9
11
|
//# sourceMappingURL=InputGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwB/D,CAAC"}
|
|
@@ -9,10 +9,11 @@ const FormSelect_1 = require("../FormSelect");
|
|
|
9
9
|
const TextArea_1 = require("../TextArea");
|
|
10
10
|
const TextInput_1 = require("../TextInput");
|
|
11
11
|
const InputGroup = (_a) => {
|
|
12
|
-
var { className = '', children } = _a, props = tslib_1.__rest(_a, ["className", "children"]);
|
|
12
|
+
var { className = '', children, innerRef } = _a, props = tslib_1.__rest(_a, ["className", "children", "innerRef"]);
|
|
13
13
|
const formCtrls = [FormSelect_1.FormSelect, TextArea_1.TextArea, TextInput_1.TextInput].map(comp => comp.displayName);
|
|
14
14
|
const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
|
|
15
|
-
|
|
15
|
+
const inputGroupRef = innerRef || React.useRef(null);
|
|
16
|
+
return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: react_styles_1.css(input_group_1.default.inputGroup, className) }, props), idItem
|
|
16
17
|
? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
|
|
17
18
|
? React.cloneElement(child, { 'aria-describedby': idItem.props.id })
|
|
18
19
|
: child)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;AAWlC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,sBAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,uBAAU,EAAE,mBAAQ,EAAE,qBAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACpE,CAAC,CAAC,KAAK,CACV;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SearchAttribute } from './SearchInput';
|
|
3
3
|
export interface AdvancedSearchMenuProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
|
|
4
|
+
/** Additional classes added to the Advanced search menu */
|
|
5
|
+
className?: string;
|
|
4
6
|
/** Value of the search input */
|
|
5
7
|
value?: string;
|
|
6
8
|
/** Ref of the div wrapping the whole search input **/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedSearchMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AdvancedSearchMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACjC,uDAAuD;IACvD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAClD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC9C,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KACpC,IAAI,CAAC;IACV,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5E,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAG1C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;0DACsD;IACtD,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAiL/E,CAAC"}
|
|
@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AdvancedSearchMenu = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const search_input_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/SearchInput/search-input"));
|
|
7
6
|
const Button_1 = require("../Button");
|
|
8
7
|
const Form_1 = require("../Form");
|
|
9
8
|
const TextInput_1 = require("../TextInput");
|
|
10
9
|
const helpers_1 = require("../../helpers");
|
|
11
|
-
const
|
|
10
|
+
const Panel_1 = require("../Panel");
|
|
11
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
12
|
+
const AdvancedSearchMenu = ({ className, parentRef, parentInputRef, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, getAttrValueMap, onChange, onSearch, onClear, resetButtonLabel = 'Reset', submitSearchButtonLabel = 'Search', isSearchMenuOpen, onToggleAdvancedMenu }) => {
|
|
12
13
|
const firstAttrRef = React.useRef(null);
|
|
13
14
|
const [putFocusBackOnInput, setPutFocusBackOnInput] = React.useState(false);
|
|
14
15
|
React.useEffect(() => {
|
|
@@ -104,14 +105,15 @@ const AdvancedSearchMenu = ({ parentRef, parentInputRef, value = '', attributes
|
|
|
104
105
|
React.createElement(TextInput_1.TextInput, { type: "text", id: randomId, value: getValue('haswords'), onChange: (value, evt) => handleValueChange('haswords', value, evt) })))));
|
|
105
106
|
return formGroups;
|
|
106
107
|
};
|
|
107
|
-
return isSearchMenuOpen ? (React.createElement("
|
|
108
|
-
React.createElement(
|
|
109
|
-
React.createElement(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
React.createElement(
|
|
114
|
-
|
|
108
|
+
return isSearchMenuOpen ? (React.createElement(Panel_1.Panel, { variant: "raised", className: react_styles_1.css(className) },
|
|
109
|
+
React.createElement(Panel_1.PanelMain, null,
|
|
110
|
+
React.createElement(Panel_1.PanelMainBody, null,
|
|
111
|
+
React.createElement(Form_1.Form, null,
|
|
112
|
+
buildFormGroups(),
|
|
113
|
+
formAdditionalItems ? formAdditionalItems : null,
|
|
114
|
+
React.createElement(Form_1.ActionGroup, null,
|
|
115
|
+
React.createElement(Button_1.Button, { variant: "primary", type: "submit", onClick: onSearchHandler, isDisabled: !value }, submitSearchButtonLabel),
|
|
116
|
+
!!onClear && (React.createElement(Button_1.Button, { variant: "link", type: "reset", onClick: onClear }, resetButtonLabel)))))))) : null;
|
|
115
117
|
};
|
|
116
118
|
exports.AdvancedSearchMenu = AdvancedSearchMenu;
|
|
117
119
|
exports.AdvancedSearchMenu.displayName = 'SearchInput';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedSearchMenu.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"AdvancedSearchMenu.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/AdvancedSearchMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,14 @@ export interface SearchInputProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
39
39
|
isAdvancedSearchOpen?: boolean;
|
|
40
40
|
/** Label for the button which opens the advanced search form menu */
|
|
41
41
|
openMenuButtonAriaLabel?: string;
|
|
42
|
+
/** Label for the button to navigate to previous result */
|
|
43
|
+
previousNavigationButtonAriaLabel?: string;
|
|
44
|
+
/** Flag indicating if the previous navigation button is disabled */
|
|
45
|
+
isPreviousNavigationButtonDisabled?: boolean;
|
|
46
|
+
/** Label for the button to navigate to next result */
|
|
47
|
+
nextNavigationButtonAriaLabel?: string;
|
|
48
|
+
/** Flag indicating if the next navigation button is disabled */
|
|
49
|
+
isNextNavigationButtonDisabled?: boolean;
|
|
42
50
|
/** Function called when user clicks to navigate to next result */
|
|
43
51
|
onNextClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
|
|
44
52
|
/** Function called when user clicks to navigate to previous result */
|