@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.
Files changed (59) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/InputGroup/InputGroup.d.ts +2 -0
  3. package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
  4. package/dist/esm/components/InputGroup/InputGroup.js +3 -2
  5. package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
  6. package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
  7. package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
  8. package/dist/esm/components/SearchInput/AdvancedSearchMenu.js +12 -10
  9. package/dist/esm/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
  10. package/dist/esm/components/SearchInput/SearchInput.d.ts +8 -0
  11. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  12. package/dist/esm/components/SearchInput/SearchInput.js +38 -28
  13. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  14. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  15. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  16. package/dist/esm/components/TextInputGroup/TextInputGroup.js +3 -2
  17. package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
  18. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
  19. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  20. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +3 -2
  21. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  22. package/dist/js/components/InputGroup/InputGroup.d.ts +2 -0
  23. package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
  24. package/dist/js/components/InputGroup/InputGroup.js +3 -2
  25. package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
  26. package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
  27. package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
  28. package/dist/js/components/SearchInput/AdvancedSearchMenu.js +12 -10
  29. package/dist/js/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
  30. package/dist/js/components/SearchInput/SearchInput.d.ts +8 -0
  31. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  32. package/dist/js/components/SearchInput/SearchInput.js +38 -28
  33. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  34. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  35. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  36. package/dist/js/components/TextInputGroup/TextInputGroup.js +3 -2
  37. package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
  38. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
  39. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  40. package/dist/js/components/TextInputGroup/TextInputGroupMain.js +3 -2
  41. package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  42. package/dist/styles/assets/images/icon-github.hbs +4 -0
  43. package/dist/styles/assets/images/icon-google.hbs +4 -0
  44. package/dist/styles/assets/images/icon-red-hat.hbs +1 -0
  45. package/dist/styles/base-no-reset.css +93 -4
  46. package/dist/styles/base.css +93 -4
  47. package/dist/umd/react-core.css +873 -91
  48. package/dist/umd/react-core.js +409 -327
  49. package/dist/umd/react-core.min.css +790 -8
  50. package/dist/umd/react-core.min.js +6 -6
  51. package/package.json +6 -6
  52. package/src/components/InputGroup/InputGroup.tsx +7 -1
  53. package/src/components/SearchInput/AdvancedSearchMenu.tsx +24 -18
  54. package/src/components/SearchInput/SearchInput.tsx +130 -113
  55. package/src/components/SearchInput/__tests__/SearchInput.test.tsx +1 -1
  56. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +297 -301
  57. package/src/components/SearchInput/examples/SearchInput.md +5 -2
  58. package/src/components/TextInputGroup/TextInputGroup.tsx +18 -7
  59. package/src/components/TextInputGroup/TextInputGroupMain.tsx +5 -0
@@ -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;AAc/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;IAEjC,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;AAwND,eAAO,MAAM,WAAW,2FAEtB,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"}
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SearchInput = 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 react_styles_1 = require("@patternfly/react-styles");
7
+ const search_input_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/SearchInput/search-input"));
8
8
  const Button_1 = require("../Button");
9
9
  const Badge_1 = require("../Badge");
10
10
  const angle_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-down-icon'));
@@ -13,10 +13,11 @@ const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/di
13
13
  const search_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/search-icon'));
14
14
  const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/caret-down-icon'));
15
15
  const arrow_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/arrow-right-icon'));
16
- const InputGroup_1 = require("../InputGroup");
17
16
  const AdvancedSearchMenu_1 = require("./AdvancedSearchMenu");
17
+ const TextInputGroup_1 = require("../TextInputGroup");
18
+ const InputGroup_1 = require("../InputGroup");
18
19
  const SearchInputBase = (_a) => {
19
- 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 = tslib_1.__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"]);
20
+ 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 = tslib_1.__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"]);
20
21
  const [isSearchMenuOpen, setIsSearchMenuOpen] = React.useState(false);
21
22
  const [searchValue, setSearchValue] = React.useState(value);
22
23
  const searchInputRef = React.useRef(null);
@@ -33,11 +34,11 @@ const SearchInputBase = (_a) => {
33
34
  React.useEffect(() => {
34
35
  setIsSearchMenuOpen(isAdvancedSearchOpen);
35
36
  }, [isAdvancedSearchOpen]);
36
- const onChangeHandler = (event) => {
37
+ const onChangeHandler = (value, event) => {
37
38
  if (onChange) {
38
- onChange(event.currentTarget.value, event);
39
+ onChange(value, event);
39
40
  }
40
- setSearchValue(event.currentTarget.value);
41
+ setSearchValue(value);
41
42
  };
42
43
  const onToggle = (e) => {
43
44
  const isOpen = !isSearchMenuOpen;
@@ -82,30 +83,39 @@ const SearchInputBase = (_a) => {
82
83
  searchInputInputRef.current.focus();
83
84
  }
84
85
  };
85
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(className, search_input_1.default.searchInput), ref: searchInputRef }, props),
86
- React.createElement(InputGroup_1.InputGroup, null,
87
- React.createElement("div", { className: react_styles_1.css(search_input_1.default.searchInputBar) },
88
- React.createElement("span", { className: react_styles_1.css(search_input_1.default.searchInputText) },
89
- React.createElement("span", { className: react_styles_1.css(search_input_1.default.searchInputIcon) },
90
- React.createElement(search_icon_1.default, null)),
91
- hint && (React.createElement("input", { className: react_styles_1.css(search_input_1.default.searchInputTextInput, search_input_1.default.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
92
- React.createElement("input", { ref: searchInputInputRef, className: react_styles_1.css(search_input_1.default.searchInputTextInput), value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, disabled: isDisabled })),
93
- value && (React.createElement("span", { className: react_styles_1.css(search_input_1.default.searchInputUtilities) },
94
- resultsCount && (React.createElement("span", { className: react_styles_1.css(search_input_1.default.searchInputCount) },
95
- React.createElement(Badge_1.Badge, { isRead: true }, resultsCount))),
96
- !!onNextClick && !!onPreviousClick && (React.createElement("span", { className: react_styles_1.css(search_input_1.default.searchInputNav) },
97
- React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": "Previous", isDisabled: isDisabled, onClick: onPreviousClick },
98
- React.createElement(angle_up_icon_1.default, null)),
99
- React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": "Next", isDisabled: isDisabled, onClick: onNextClick },
100
- React.createElement(angle_down_icon_1.default, null)))),
101
- !!onClear && (React.createElement("span", { className: "pf-c-search-input__clear" },
102
- React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput },
103
- React.createElement(times_icon_1.default, null))))))),
86
+ const buildSearchTextInputGroup = (_a = {}) => {
87
+ var searchInputProps = tslib_1.__rest(_a, []);
88
+ return (React.createElement(TextInputGroup_1.TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
89
+ React.createElement(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: React.createElement(search_icon_1.default, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler }),
90
+ value && (React.createElement(TextInputGroup_1.TextInputGroupUtilities, null,
91
+ resultsCount && React.createElement(Badge_1.Badge, { isRead: true }, resultsCount),
92
+ !!onNextClick && !!onPreviousClick && (React.createElement("div", { className: "pf-c-text-input-group__group" },
93
+ React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick },
94
+ React.createElement(angle_up_icon_1.default, null)),
95
+ React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick },
96
+ React.createElement(angle_down_icon_1.default, null)))),
97
+ !!onClear && (React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput },
98
+ React.createElement(times_icon_1.default, null)))))));
99
+ };
100
+ const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
101
+ var searchInputProps = tslib_1.__rest(_a, []);
102
+ return (React.createElement(InputGroup_1.InputGroup, Object.assign({}, searchInputProps),
103
+ buildSearchTextInputGroup(),
104
104
  (attributes.length > 0 || onToggleAdvancedSearch) && (React.createElement(Button_1.Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: Button_1.ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen },
105
105
  React.createElement(caret_down_icon_1.default, null))),
106
- !!onSearch && (React.createElement(Button_1.Button, { type: "submit", variant: Button_1.ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled },
107
- React.createElement(arrow_right_icon_1.default, null)))),
108
- attributes.length > 0 && (React.createElement(AdvancedSearchMenu_1.AdvancedSearchMenu, { 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 }))));
106
+ !!onSearch && (React.createElement(Button_1.Button, { type: "submit", variant: Button_1.ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled || !searchValue },
107
+ React.createElement(arrow_right_icon_1.default, null)))));
108
+ };
109
+ const searchInputProps = Object.assign(Object.assign({}, props), { className: className && react_styles_1.css(className), innerRef: searchInputRef });
110
+ if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
111
+ if (attributes.length > 0) {
112
+ return (React.createElement("div", Object.assign({ className: react_styles_1.css(className, search_input_1.default.searchInput), ref: searchInputRef }, props),
113
+ buildSearchTextInputGroupWithExtraButtons(),
114
+ React.createElement(AdvancedSearchMenu_1.AdvancedSearchMenu, { className: search_input_1.default.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 })));
115
+ }
116
+ return buildSearchTextInputGroupWithExtraButtons(Object.assign({}, searchInputProps));
117
+ }
118
+ return buildSearchTextInputGroup(searchInputProps);
109
119
  };
110
120
  SearchInputBase.displayName = 'SearchInputBase';
111
121
  exports.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":"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"}
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;CACtB;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAWvE,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"}
@@ -9,9 +9,10 @@ exports.TextInputGroupContext = React.createContext({
9
9
  isDisabled: false
10
10
  });
11
11
  const TextInputGroup = (_a) => {
12
- var { children, className, isDisabled } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled"]);
12
+ var { children, className, isDisabled, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "innerRef"]);
13
+ const textInputGroupRef = innerRef || React.useRef(null);
13
14
  return (React.createElement(exports.TextInputGroupContext.Provider, { value: { isDisabled } },
14
- React.createElement("div", Object.assign({ className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, className) }, props), children)));
15
+ React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, className) }, props), children)));
15
16
  };
16
17
  exports.TextInputGroup = TextInputGroup;
17
18
  exports.TextInputGroup.displayName = 'TextInputGroup';
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAWlC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAKvD,EAAE,EAAE;QALmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,OAEU,EADjB,KAAK,sBAJmE,uCAK5E,CADS;IACiB,OAAA,CACzB,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,GACtG,QAAQ,CACL,CACyB,CAClC,CAAA;CAAA,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
1
+ {"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAalC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,OAEY,EADjB,KAAK,sBALmE,mDAM5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrF,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,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;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAgD/E,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"}
@@ -7,8 +7,9 @@ const text_input_group_1 = tslib_1.__importDefault(require("@patternfly/react-st
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const TextInputGroup_1 = require("./TextInputGroup");
9
9
  const TextInputGroupMain = (_a) => {
10
- var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder"]);
10
+ var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder", "innerRef"]);
11
11
  const { isDisabled } = React.useContext(TextInputGroup_1.TextInputGroupContext);
12
+ const textInputGroupInputInputRef = innerRef || React.useRef(null);
12
13
  const handleChange = (event) => {
13
14
  onChange(event.currentTarget.value, event);
14
15
  };
@@ -17,7 +18,7 @@ const TextInputGroupMain = (_a) => {
17
18
  React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupText) },
18
19
  hint && (React.createElement("input", { className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput, text_input_group_1.default.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
19
20
  icon && React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupIcon) }, icon),
20
- React.createElement("input", { type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
21
+ React.createElement("input", { ref: textInputGroupInputInputRef, type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
21
22
  };
22
23
  exports.TextInputGroupMain = TextInputGroupMain;
23
24
  exports.TextInputGroupMain.displayName = 'TextInputGroupMain';
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;AAsClD,MAAM,kBAAkB,GAAqD,CAAC,EAa3D,EAAE,EAAE;QAbuD,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,OAEL,EADrB,KAAK,sBAZ2E,wHAapF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAqB,CAAC,CAAC;IAE/D,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,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,0BAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,EAAE,0BAAM,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,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,kBAAG,CAAC,0BAAM,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;AAhDW,QAAA,kBAAkB,sBAgD7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
1
+ {"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;AAwClD,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,sBAb2E,oIAcpF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAqB,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,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,0BAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,EAAE,0BAAM,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,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,GAAG,EAAE,2BAA2B,EAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,kBAAG,CAAC,0BAAM,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;AAnDW,QAAA,kBAAkB,sBAmD7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
@@ -0,0 +1,4 @@
1
+ <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
2
+ <title>GitHub logo</title>
3
+ <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#4285F4">
2
+ <title>Google logo</title>
3
+ <path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/>
4
+ </svg>
@@ -0,0 +1 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 145"><defs><style>.cls-1{fill:#e00;}</style></defs><title>RedHat-Logo-Hat-Color</title><path d="M157.77,62.61a14,14,0,0,1,.31,3.42c0,14.88-18.1,17.46-30.61,17.46C78.83,83.49,42.53,53.26,42.53,44a6.43,6.43,0,0,1,.22-1.94l-3.66,9.06a18.45,18.45,0,0,0-1.51,7.33c0,18.11,41,45.48,87.74,45.48,20.69,0,36.43-7.76,36.43-21.77,0-1.08,0-1.94-1.73-10.13Z"/><path class="cls-1" d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46a14,14,0,0,0-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5,91.69.5,90,8,83.06,8c-6.68,0-11.64-5.6-17.89-5.6-6,0-9.91,4.09-12.93,12.5,0,0-8.41,23.72-9.49,27.16A6.43,6.43,0,0,0,42.53,44c0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77C78.54,104,37.58,76.6,37.58,58.49a18.45,18.45,0,0,1,1.51-7.33C22.27,52,.5,55,.5,74.22c0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78"/></svg>
@@ -100,6 +100,7 @@
100
100
  --pf-global--palette--light-green-500: #6ca100;
101
101
  --pf-global--palette--light-green-600: #486b00;
102
102
  --pf-global--palette--light-green-700: #253600;
103
+ --pf-global--palette--orange-50: #fff6ec;
103
104
  --pf-global--palette--orange-100: #f4b678;
104
105
  --pf-global--palette--orange-200: #ef9234;
105
106
  --pf-global--palette--orange-300: #ec7a08;
@@ -123,6 +124,7 @@
123
124
  --pf-global--palette--red-500: #2c0000;
124
125
  --pf-global--palette--white: #fff;
125
126
  --pf-global--BackgroundColor--100: #fff;
127
+ --pf-global--BackgroundColor--150: #fafafa;
126
128
  --pf-global--BackgroundColor--200: #f0f0f0;
127
129
  --pf-global--BackgroundColor--light-100: #fff;
128
130
  --pf-global--BackgroundColor--light-200: #fafafa;
@@ -298,6 +300,89 @@
298
300
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
299
301
  }
300
302
 
303
+ :root:where(.pf-theme-dark) {
304
+ --pf-global--palette--black-50: #e0e0e0;
305
+ --pf-global--palette--black-100: #c6c7c8;
306
+ --pf-global--palette--black-200: #aaabac;
307
+ --pf-global--palette--black-300: #868789;
308
+ --pf-global--palette--black-400: #57585a;
309
+ --pf-global--palette--black-500: #444548;
310
+ --pf-global--palette--black-600: #36373a;
311
+ --pf-global--palette--black-700: #26292d;
312
+ --pf-global--palette--black-800: #1b1d21;
313
+ --pf-global--palette--black-900: #0f1214;
314
+ --pf-global--palette--red-9999: #fe5142;
315
+ --pf-global--palette--red-8888: #fe6a5d;
316
+ --pf-global--palette--blue-300: #1fa7f8;
317
+ --pf-global--BackgroundColor--100: #1b1d21;
318
+ --pf-global--BackgroundColor--150: #212427;
319
+ --pf-global--BackgroundColor--200: #0f1214;
320
+ --pf-global--BackgroundColor--300: #26292d;
321
+ --pf-global--BackgroundColor--400: #36373a;
322
+ --pf-global--BorderColor--100: #444548;
323
+ --pf-global--BorderColor--200: #444548;
324
+ --pf-global--BorderColor--300: #57585a;
325
+ --pf-global--BorderColor--400: #aaabac;
326
+ --pf-global--Color--100: #e0e0e0;
327
+ --pf-global--Color--200: #aaabac;
328
+ --pf-global--active-color--100: #1fa7f8;
329
+ --pf-global--primary-color--100: #1fa7f8;
330
+ --pf-global--primary-color--300: #06c;
331
+ --pf-global--success-color--100: #5ba352;
332
+ --pf-global--warning-color--100: #f0ab00;
333
+ --pf-global--warning-color--200: #f4c145;
334
+ --pf-global--danger-color--100: #fe5142;
335
+ --pf-global--danger-color--200: #fe6a5d;
336
+ --pf-global--link--Color: #1fa7f8;
337
+ --pf-global--link--Color--hover: #73bcf7;
338
+ --pf-global--disabled-color--100: #57585a;
339
+ --pf-global--disabled-color--200: #444548;
340
+ --pf-global--disabled-color--300: #aaabac;
341
+ --pf-global--icon--Color--light: #aaabac;
342
+ --pf-global--icon--Color--dark: #aaabac;
343
+ --pf-global--Color--dark-100: #e0e0e0;
344
+ --pf-global--Color--dark-200: #aaabac;
345
+ --pf-global--Color--light-100: #e0e0e0;
346
+ --pf-global--Color--light-200: #aaabac;
347
+ --pf-global--Color--light-300: #3c3f42;
348
+ --pf-global--BorderColor--dark-100: #444548;
349
+ --pf-global--BorderColor--light-100: #444548;
350
+ --pf-global--primary-color--light-100: #1fa7f8;
351
+ --pf-global--primary-color--dark-100: #1fa7f8;
352
+ --pf-global--link--Color--light: #1fa7f8;
353
+ --pf-global--link--Color--light--hover: #73bcf7;
354
+ --pf-global--link--Color--dark: #1fa7f8;
355
+ --pf-global--link--Color--dark--hover: #73bcf7;
356
+ --pf-global--BackgroundColor--light-100: #1b1d21;
357
+ --pf-global--BackgroundColor--light-200: #0f1214;
358
+ --pf-global--BackgroundColor--light-300: #26292d;
359
+ --pf-global--BackgroundColor--dark-100: #1b1d21;
360
+ --pf-global--BackgroundColor--dark-200: #0f1214;
361
+ --pf-global--BackgroundColor--dark-300: #26292d;
362
+ --pf-global--BackgroundColor--dark-400: #36373a;
363
+ --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
364
+ --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
365
+ --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
366
+ --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
367
+ --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
368
+ --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
369
+ --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
370
+ --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
371
+ --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
372
+ --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
373
+ --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
374
+ --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
375
+ --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
376
+ --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
377
+ --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
378
+ --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
379
+ --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
380
+ --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
381
+ --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
382
+ --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
383
+ --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
384
+ }
385
+
301
386
  @font-face {
302
387
  font-family: "RedHatDisplay";
303
388
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -600,6 +685,10 @@ html {
600
685
  font-variant-numeric: tabular-nums;
601
686
  }
602
687
 
688
+ :root:where(.pf-theme-dark) {
689
+ color-scheme: dark;
690
+ }
691
+
603
692
  .pf-t-dark.pf-m-transparent {
604
693
  background-color: transparent;
605
694
  }
@@ -613,11 +702,11 @@ html {
613
702
  }
614
703
 
615
704
  .pf-t-dark.pf-m-opaque-100 {
616
- background-color: #3c3f42;
705
+ background-color: #1b1d21;
617
706
  }
618
707
 
619
708
  .pf-t-dark.pf-m-opaque-200 {
620
- background-color: #151515;
709
+ background-color: #0f1214;
621
710
  }
622
711
 
623
712
  .pf-t-light.pf-m-transparent {
@@ -629,11 +718,11 @@ html {
629
718
  }
630
719
 
631
720
  .pf-t-light.pf-m-opaque-200 {
632
- background-color: #fafafa;
721
+ background-color: #c6c7c8;
633
722
  }
634
723
 
635
724
  .pf-t-light.pf-m-opaque-300 {
636
- background-color: #f0f0f0;
725
+ background-color: #aaabac;
637
726
  }
638
727
 
639
728
  @font-face {
@@ -100,6 +100,7 @@
100
100
  --pf-global--palette--light-green-500: #6ca100;
101
101
  --pf-global--palette--light-green-600: #486b00;
102
102
  --pf-global--palette--light-green-700: #253600;
103
+ --pf-global--palette--orange-50: #fff6ec;
103
104
  --pf-global--palette--orange-100: #f4b678;
104
105
  --pf-global--palette--orange-200: #ef9234;
105
106
  --pf-global--palette--orange-300: #ec7a08;
@@ -123,6 +124,7 @@
123
124
  --pf-global--palette--red-500: #2c0000;
124
125
  --pf-global--palette--white: #fff;
125
126
  --pf-global--BackgroundColor--100: #fff;
127
+ --pf-global--BackgroundColor--150: #fafafa;
126
128
  --pf-global--BackgroundColor--200: #f0f0f0;
127
129
  --pf-global--BackgroundColor--light-100: #fff;
128
130
  --pf-global--BackgroundColor--light-200: #fafafa;
@@ -298,6 +300,89 @@
298
300
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
299
301
  }
300
302
 
303
+ :root:where(.pf-theme-dark) {
304
+ --pf-global--palette--black-50: #e0e0e0;
305
+ --pf-global--palette--black-100: #c6c7c8;
306
+ --pf-global--palette--black-200: #aaabac;
307
+ --pf-global--palette--black-300: #868789;
308
+ --pf-global--palette--black-400: #57585a;
309
+ --pf-global--palette--black-500: #444548;
310
+ --pf-global--palette--black-600: #36373a;
311
+ --pf-global--palette--black-700: #26292d;
312
+ --pf-global--palette--black-800: #1b1d21;
313
+ --pf-global--palette--black-900: #0f1214;
314
+ --pf-global--palette--red-9999: #fe5142;
315
+ --pf-global--palette--red-8888: #fe6a5d;
316
+ --pf-global--palette--blue-300: #1fa7f8;
317
+ --pf-global--BackgroundColor--100: #1b1d21;
318
+ --pf-global--BackgroundColor--150: #212427;
319
+ --pf-global--BackgroundColor--200: #0f1214;
320
+ --pf-global--BackgroundColor--300: #26292d;
321
+ --pf-global--BackgroundColor--400: #36373a;
322
+ --pf-global--BorderColor--100: #444548;
323
+ --pf-global--BorderColor--200: #444548;
324
+ --pf-global--BorderColor--300: #57585a;
325
+ --pf-global--BorderColor--400: #aaabac;
326
+ --pf-global--Color--100: #e0e0e0;
327
+ --pf-global--Color--200: #aaabac;
328
+ --pf-global--active-color--100: #1fa7f8;
329
+ --pf-global--primary-color--100: #1fa7f8;
330
+ --pf-global--primary-color--300: #06c;
331
+ --pf-global--success-color--100: #5ba352;
332
+ --pf-global--warning-color--100: #f0ab00;
333
+ --pf-global--warning-color--200: #f4c145;
334
+ --pf-global--danger-color--100: #fe5142;
335
+ --pf-global--danger-color--200: #fe6a5d;
336
+ --pf-global--link--Color: #1fa7f8;
337
+ --pf-global--link--Color--hover: #73bcf7;
338
+ --pf-global--disabled-color--100: #57585a;
339
+ --pf-global--disabled-color--200: #444548;
340
+ --pf-global--disabled-color--300: #aaabac;
341
+ --pf-global--icon--Color--light: #aaabac;
342
+ --pf-global--icon--Color--dark: #aaabac;
343
+ --pf-global--Color--dark-100: #e0e0e0;
344
+ --pf-global--Color--dark-200: #aaabac;
345
+ --pf-global--Color--light-100: #e0e0e0;
346
+ --pf-global--Color--light-200: #aaabac;
347
+ --pf-global--Color--light-300: #3c3f42;
348
+ --pf-global--BorderColor--dark-100: #444548;
349
+ --pf-global--BorderColor--light-100: #444548;
350
+ --pf-global--primary-color--light-100: #1fa7f8;
351
+ --pf-global--primary-color--dark-100: #1fa7f8;
352
+ --pf-global--link--Color--light: #1fa7f8;
353
+ --pf-global--link--Color--light--hover: #73bcf7;
354
+ --pf-global--link--Color--dark: #1fa7f8;
355
+ --pf-global--link--Color--dark--hover: #73bcf7;
356
+ --pf-global--BackgroundColor--light-100: #1b1d21;
357
+ --pf-global--BackgroundColor--light-200: #0f1214;
358
+ --pf-global--BackgroundColor--light-300: #26292d;
359
+ --pf-global--BackgroundColor--dark-100: #1b1d21;
360
+ --pf-global--BackgroundColor--dark-200: #0f1214;
361
+ --pf-global--BackgroundColor--dark-300: #26292d;
362
+ --pf-global--BackgroundColor--dark-400: #36373a;
363
+ --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
364
+ --pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
365
+ --pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
366
+ --pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
367
+ --pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
368
+ --pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
369
+ --pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
370
+ --pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
371
+ --pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
372
+ --pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
373
+ --pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
374
+ --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
375
+ --pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
376
+ --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
377
+ --pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
378
+ --pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
379
+ --pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
380
+ --pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
381
+ --pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
382
+ --pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
383
+ --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
384
+ }
385
+
301
386
  @font-face {
302
387
  font-family: "RedHatDisplay";
303
388
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -728,6 +813,10 @@ a {
728
813
  font-weight: var(--pf-global--FontWeight--semi-bold);
729
814
  }
730
815
 
816
+ :root:where(.pf-theme-dark) {
817
+ color-scheme: dark;
818
+ }
819
+
731
820
  .pf-t-dark.pf-m-transparent {
732
821
  background-color: transparent;
733
822
  }
@@ -741,11 +830,11 @@ a {
741
830
  }
742
831
 
743
832
  .pf-t-dark.pf-m-opaque-100 {
744
- background-color: #3c3f42;
833
+ background-color: #1b1d21;
745
834
  }
746
835
 
747
836
  .pf-t-dark.pf-m-opaque-200 {
748
- background-color: #151515;
837
+ background-color: #0f1214;
749
838
  }
750
839
 
751
840
  .pf-t-light.pf-m-transparent {
@@ -757,11 +846,11 @@ a {
757
846
  }
758
847
 
759
848
  .pf-t-light.pf-m-opaque-200 {
760
- background-color: #fafafa;
849
+ background-color: #c6c7c8;
761
850
  }
762
851
 
763
852
  .pf-t-light.pf-m-opaque-300 {
764
- background-color: #f0f0f0;
853
+ background-color: #aaabac;
765
854
  }
766
855
 
767
856
  @font-face {