@patternfly/react-core 4.198.12 → 4.198.15

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 (129) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/Form/FormFieldGroup.d.ts +1 -1
  3. package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts +2 -2
  4. package/dist/esm/components/Form/FormFieldGroupHeader.d.ts +3 -1
  5. package/dist/esm/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
  6. package/dist/esm/components/Form/FormFieldGroupHeader.js.map +1 -1
  7. package/dist/esm/components/Form/InternalFormFieldGroup.d.ts +2 -2
  8. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  9. package/dist/esm/components/Label/Label.js +5 -2
  10. package/dist/esm/components/Label/Label.js.map +1 -1
  11. package/dist/esm/components/Menu/MenuItem.d.ts +3 -1
  12. package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
  13. package/dist/esm/components/Menu/MenuItem.js +4 -3
  14. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  15. package/dist/esm/components/Nav/NavGroup.d.ts +1 -1
  16. package/dist/esm/components/Nav/NavGroup.d.ts.map +1 -1
  17. package/dist/esm/components/Nav/NavGroup.js +7 -2
  18. package/dist/esm/components/Nav/NavGroup.js.map +1 -1
  19. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
  20. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
  21. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js +4 -3
  22. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
  23. package/dist/esm/components/Tabs/Tab.d.ts +3 -1
  24. package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
  25. package/dist/esm/components/Tabs/Tab.js +4 -3
  26. package/dist/esm/components/Tabs/Tab.js.map +1 -1
  27. package/dist/esm/components/Tabs/TabButton.d.ts +2 -0
  28. package/dist/esm/components/Tabs/TabButton.d.ts.map +1 -1
  29. package/dist/esm/components/Tabs/TabButton.js +2 -2
  30. package/dist/esm/components/Tabs/TabButton.js.map +1 -1
  31. package/dist/esm/components/Tile/Tile.d.ts.map +1 -1
  32. package/dist/esm/components/Tile/Tile.js +1 -1
  33. package/dist/esm/components/Tile/Tile.js.map +1 -1
  34. package/dist/esm/components/Toolbar/Toolbar.d.ts +3 -1
  35. package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
  36. package/dist/esm/components/Toolbar/Toolbar.js +4 -3
  37. package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
  38. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.d.ts +2 -0
  39. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.d.ts.map +1 -1
  40. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js +4 -3
  41. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js.map +1 -1
  42. package/dist/esm/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
  43. package/dist/esm/components/Toolbar/ToolbarExpandableContent.js +4 -3
  44. package/dist/esm/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
  45. package/dist/esm/components/Toolbar/ToolbarUtils.d.ts +1 -0
  46. package/dist/esm/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
  47. package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
  48. package/dist/js/components/Form/FormFieldGroup.d.ts +1 -1
  49. package/dist/js/components/Form/FormFieldGroupExpandable.d.ts +2 -2
  50. package/dist/js/components/Form/FormFieldGroupHeader.d.ts +3 -1
  51. package/dist/js/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
  52. package/dist/js/components/Form/FormFieldGroupHeader.js.map +1 -1
  53. package/dist/js/components/Form/InternalFormFieldGroup.d.ts +2 -2
  54. package/dist/js/components/Label/Label.d.ts.map +1 -1
  55. package/dist/js/components/Label/Label.js +5 -2
  56. package/dist/js/components/Label/Label.js.map +1 -1
  57. package/dist/js/components/Menu/MenuItem.d.ts +3 -1
  58. package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
  59. package/dist/js/components/Menu/MenuItem.js +4 -4
  60. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  61. package/dist/js/components/Nav/NavGroup.d.ts +1 -1
  62. package/dist/js/components/Nav/NavGroup.d.ts.map +1 -1
  63. package/dist/js/components/Nav/NavGroup.js +7 -2
  64. package/dist/js/components/Nav/NavGroup.js.map +1 -1
  65. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
  66. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
  67. package/dist/js/components/NotificationDrawer/NotificationDrawer.js +4 -4
  68. package/dist/js/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
  69. package/dist/js/components/Tabs/Tab.d.ts +3 -1
  70. package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
  71. package/dist/js/components/Tabs/Tab.js +4 -3
  72. package/dist/js/components/Tabs/Tab.js.map +1 -1
  73. package/dist/js/components/Tabs/TabButton.d.ts +2 -0
  74. package/dist/js/components/Tabs/TabButton.d.ts.map +1 -1
  75. package/dist/js/components/Tabs/TabButton.js +2 -2
  76. package/dist/js/components/Tabs/TabButton.js.map +1 -1
  77. package/dist/js/components/Tile/Tile.d.ts.map +1 -1
  78. package/dist/js/components/Tile/Tile.js +1 -1
  79. package/dist/js/components/Tile/Tile.js.map +1 -1
  80. package/dist/js/components/Toolbar/Toolbar.d.ts +3 -1
  81. package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
  82. package/dist/js/components/Toolbar/Toolbar.js +4 -3
  83. package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
  84. package/dist/js/components/Toolbar/ToolbarChipGroupContent.d.ts +2 -0
  85. package/dist/js/components/Toolbar/ToolbarChipGroupContent.d.ts.map +1 -1
  86. package/dist/js/components/Toolbar/ToolbarChipGroupContent.js +4 -3
  87. package/dist/js/components/Toolbar/ToolbarChipGroupContent.js.map +1 -1
  88. package/dist/js/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
  89. package/dist/js/components/Toolbar/ToolbarExpandableContent.js +4 -3
  90. package/dist/js/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
  91. package/dist/js/components/Toolbar/ToolbarUtils.d.ts +1 -0
  92. package/dist/js/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
  93. package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
  94. package/dist/umd/react-core.js +38 -25
  95. package/dist/umd/react-core.min.js +1 -1
  96. package/package.json +5 -5
  97. package/src/components/Form/FormFieldGroup.tsx +1 -1
  98. package/src/components/Form/FormFieldGroupExpandable.tsx +2 -2
  99. package/src/components/Form/FormFieldGroupHeader.tsx +5 -1
  100. package/src/components/Form/InternalFormFieldGroup.tsx +2 -2
  101. package/src/components/Form/__tests__/FormFieldGroup.test.tsx +1 -1
  102. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +1 -1
  103. package/src/components/Form/examples/Form.md +1 -1
  104. package/src/components/Label/Label.tsx +5 -2
  105. package/src/components/Menu/MenuItem.tsx +9 -1
  106. package/src/components/Menu/examples/Menu.md +57 -32
  107. package/src/components/Nav/NavGroup.tsx +20 -9
  108. package/src/components/Nav/examples/Nav.md +2 -0
  109. package/src/components/NotificationDrawer/NotificationDrawer.tsx +8 -2
  110. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawer.test.tsx.snap +1 -1
  111. package/src/components/Tabs/Tab.tsx +31 -24
  112. package/src/components/Tabs/TabButton.tsx +5 -1
  113. package/src/components/Tabs/examples/Tabs.md +527 -256
  114. package/src/components/Tile/Tile.tsx +3 -0
  115. package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +9 -0
  116. package/src/components/Tile/examples/Tile.md +41 -39
  117. package/src/components/Toolbar/Toolbar.tsx +7 -2
  118. package/src/components/Toolbar/ToolbarChipGroupContent.tsx +5 -1
  119. package/src/components/Toolbar/ToolbarExpandableContent.tsx +3 -2
  120. package/src/components/Toolbar/ToolbarUtils.tsx +1 -0
  121. package/src/components/Toolbar/__tests__/ToolbarToggleGroup.test.tsx +71 -1
  122. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarToggleGroup.test.tsx.snap +394 -0
  123. package/src/components/Toolbar/examples/Toolbar.md +8 -1
  124. package/src/components/Toolbar/examples/ToolbarCustomChipGroupContent.tsx +166 -0
  125. package/src/demos/Nav.md +7 -3
  126. package/src/demos/NotificationDrawer/NotificationDrawer.md +31 -4
  127. package/src/demos/Page/Page.md +7 -3
  128. package/src/demos/TileDemo.md +17 -35
  129. package/src/demos/examples/DashboardHeader.js +2 -1
@@ -25,6 +25,8 @@ export interface TabProps extends Omit<React.HTMLProps<HTMLAnchorElement | HTMLB
25
25
  inoperableEvents?: string[];
26
26
  /** Forwarded ref */
27
27
  innerRef?: React.Ref<any>;
28
+ /** Optional Tooltip rendered to a Tab. Should be <Tooltip> with appropriate props for proper rendering. */
29
+ tooltip?: React.ReactElement<any>;
28
30
  }
29
- export declare const Tab: React.ForwardRefExoticComponent<Pick<TabProps, "children" | "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "ouiaId" | "ouiaSafe" | "isDisabled" | "isAriaDisabled" | "inoperableEvents" | "innerRef" | "isHidden" | "tabContentRef" | "eventKey" | "tabContentId"> & React.RefAttributes<any>>;
31
+ export declare const Tab: React.ForwardRefExoticComponent<Pick<TabProps, "children" | "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "tooltip" | "ouiaId" | "ouiaSafe" | "isDisabled" | "isAriaDisabled" | "inoperableEvents" | "innerRef" | "isHidden" | "tabContentRef" | "eventKey" | "tabContentId"> & React.RefAttributes<any>>;
30
32
  //# sourceMappingURL=Tab.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK1C,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAChH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAoED,eAAO,MAAM,GAAG,m8LAAoG,CAAC"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,SAAS;IAChH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAwED,eAAO,MAAM,GAAG,+8LAAoG,CAAC"}
@@ -7,8 +7,9 @@ const tabs_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
7
7
  const TabButton_1 = require("./TabButton");
8
8
  const TabsContext_1 = require("./TabsContext");
9
9
  const react_styles_1 = require("@patternfly/react-styles");
10
+ const Tooltip_1 = require("../Tooltip");
10
11
  const TabBase = (_a) => {
11
- var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef } = _a, props = tslib_1.__rest(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef"]);
12
+ var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef, tooltip } = _a, props = tslib_1.__rest(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef", "tooltip"]);
12
13
  const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
13
14
  event.preventDefault();
14
15
  } })), {});
@@ -26,8 +27,8 @@ const TabBase = (_a) => {
26
27
  return null;
27
28
  }
28
29
  };
29
- return (React.createElement("li", { className: react_styles_1.css(tabs_1.default.tabsItem, eventKey === localActiveKey && tabs_1.default.modifiers.current, childClassName), ref: innerRef },
30
- React.createElement(TabButton_1.TabButton, Object.assign({ className: react_styles_1.css(tabs_1.default.tabsLink, isDisabled && href && tabs_1.default.modifiers.disabled, isAriaDisabled && tabs_1.default.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title)));
30
+ const tabButton = (React.createElement(TabButton_1.TabButton, Object.assign({ parentInnerRef: innerRef, className: react_styles_1.css(tabs_1.default.tabsLink, isDisabled && href && tabs_1.default.modifiers.disabled, isAriaDisabled && tabs_1.default.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title));
31
+ return (React.createElement("li", { className: react_styles_1.css(tabs_1.default.tabsItem, eventKey === localActiveKey && tabs_1.default.modifiers.current, childClassName) }, tooltip ? React.createElement(Tooltip_1.Tooltip, Object.assign({}, tooltip.props), tabButton) : tabButton));
31
32
  };
32
33
  exports.Tab = React.forwardRef((props, ref) => React.createElement(TabBase, Object.assign({ innerRef: ref }, props)));
33
34
  exports.Tab.displayName = 'Tab';
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AAEvE,2CAAwC;AACxC,+CAA4C;AAC5C,2DAA+C;AA6B/C,MAAM,OAAO,GAAsC,CAAC,EAczC,EAAE,EAAE;QAdqC,EAClD,KAAK,EACL,QAAQ,EACR,aAAa,EACb,EAAE,EAAE,OAAO,EACX,YAAY,EACZ,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,MAAM,EAAE,WAAW,EACnB,UAAU,EACV,cAAc,EACd,gBAAgB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,EAC5C,IAAI,EACJ,QAAQ,OAEC,EADN,KAAK,sBAb0C,2JAcnD,CADS;IAER,MAAM,eAAe,GAAG,gBAAgB,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,CAAC,cAAc,CAAC,EAAE,CAAC,KAA8C,EAAE,EAAE;YACnE,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,IACD,EACF,EAAE,CACH,CAAC;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAChH,IAAI,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,kBAAkB,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;IAC1G,IAAI,CAAC,YAAY,IAAI,aAAa,CAAC,IAAI,QAAQ,KAAK,cAAc,EAAE;QAClE,YAAY,GAAG,SAAS,CAAC;KAC1B;IACD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,EAAE;YACd,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACpC;aAAM,IAAI,cAAc,EAAE;YACzB,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC;IACF,OAAO,CACL,4BACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,EAAE,QAAQ,KAAK,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,EACxG,GAAG,EAAE,QAAQ;QAEb,oBAAC,qBAAS,kBACR,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,QAAQ,EACf,UAAU,IAAI,IAAI,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,CAChD,EACD,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,mBAC9B,UAAU,IAAI,cAAc,EAC3C,QAAQ,EAAE,gBAAgB,EAAE,EAC5B,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,IACnE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAC7C,EAAE,EAAE,UAAU,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,mBAChC,YAAY,EAC3B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,IAAI,IACN,KAAK,GAER,KAAK,CACI,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAe,EAAE,GAAmB,EAAE,EAAE,CAAC,oBAAC,OAAO,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC,CAAC;AACrH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
1
+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}
@@ -9,6 +9,8 @@ export interface TabButtonProps extends Omit<React.HTMLProps<HTMLAnchorElement |
9
9
  href?: string;
10
10
  /** child reference for case in which a TabContent section is defined outside of a Tabs component */
11
11
  tabContentRef?: React.Ref<any>;
12
+ /** Parents' innerRef passed down for properly displaying Tooltips */
13
+ parentInnerRef?: React.Ref<any>;
12
14
  }
13
15
  export declare const TabButton: React.FunctionComponent<TabButtonProps>;
14
16
  //# sourceMappingURL=TabButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAc7D,CAAC"}
1
+ {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgB7D,CAAC"}
@@ -7,9 +7,9 @@ const helpers_1 = require("../../helpers");
7
7
  const TabButton = (_a) => {
8
8
  var { children,
9
9
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
10
- tabContentRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
10
+ tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
11
11
  const Component = (props.href ? 'a' : 'button');
12
- return (React.createElement(Component, Object.assign({}, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
12
+ return (React.createElement(Component, Object.assign({ ref: parentInnerRef }, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
13
13
  };
14
14
  exports.TabButton = TabButton;
15
15
  exports.TabButton.displayName = 'TabButton';
@@ -1 +1 @@
1
- {"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;AAajD,MAAM,SAAS,GAA4C,CAAC,EAOlD,EAAE,EAAE;QAP8C,EACjE,QAAQ;IACR,6DAA6D;IAC7D,aAAa,EACb,MAAM,EACN,QAAQ,OAEO,EADZ,KAAK,sBANyD,mDAOlE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAQ,CAAC;IACvD,OAAO,CACL,oBAAC,SAAS,oBAAK,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAM,KAAK,GAC5E,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;AAejD,MAAM,SAAS,GAA4C,CAAC,EAQlD,EAAE,EAAE;QAR8C,EACjE,QAAQ;IACR,6DAA6D;IAC7D,aAAa,EACb,MAAM,EACN,cAAc,EACd,QAAQ,OAEO,EADZ,KAAK,sBAPyD,qEAQlE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAQ,CAAC;IAEvD,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,cAAc,IAAM,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAM,KAAK,GACjG,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA4BnD,CAAC"}
1
+ {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
@@ -7,7 +7,7 @@ const tile_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const Tile = (_a) => {
9
9
  var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = tslib_1.__rest(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
10
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
10
+ return (React.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
11
11
  React.createElement("div", { className: react_styles_1.css(tile_1.default.tileHeader, isStacked && tile_1.default.modifiers.stacked) },
12
12
  icon && React.createElement("div", { className: react_styles_1.css(tile_1.default.tileIcon) }, icon),
13
13
  React.createElement("div", { className: react_styles_1.css(tile_1.default.tileTitle) }, title)),
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA5BW,QAAA,IAAI,QA4Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA/BW,QAAA,IAAI,QA+Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -5,7 +5,9 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
5
5
  clearAllFilters?: () => void;
6
6
  /** Text to display in the clear all filters button */
7
7
  clearFiltersButtonText?: string;
8
- /** The breakpoint at which the listed fitlers in chip groups are collapsed down to a summary */
8
+ /** Custom content appended to the filter generated chip group. To maintain spacing and styling, each node should be wrapped in a ToolbarItem or ToolbarGroup. This property will remove the default "Clear all filters" button. */
9
+ customChipGroupContent?: React.ReactNode;
10
+ /** The breakpoint at which the listed filters in chip groups are collapsed down to a summary */
9
11
  collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
10
12
  /** Flag indicating if a data toolbar toggle group's expandable content is expanded */
11
13
  isExpanded?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC9E,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QACnF,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;KAClF,CAAC;IACF,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3D;AAED,MAAM,WAAW,YAAY;IAC3B;iEAC6D;IAC7D,uBAAuB,EAAE,OAAO,CAAC;IACjC,8EAA8E;IAC9E,UAAU,EAAE,UAAU,CAAC;IACvB,qGAAqG;IACrG,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACtE,MAAM,CAAC,WAAW,SAAa;IAC/B,mBAAmB,kCAAqC;IACxD,gBAAgB,KAAM;IACtB,KAAK;;;;;MAKH;IAEF,eAAe,gBAAmE;IAElF,gBAAgB,aAId;IAEF,sBAAsB,MAAO,GAAG,UAO9B;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,mBAAmB,iBAAkB,MAAM,mBAAmB,MAAM,UAOlE;IAEF,kBAAkB,eAC4E;IAE9F,aAAa,aAAc,MAAM,iBAwE/B;IAEF,MAAM;CAOP"}
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC9E,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mOAAmO;IACnO,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QACnF,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;KAClF,CAAC;IACF,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3D;AAED,MAAM,WAAW,YAAY;IAC3B;iEAC6D;IAC7D,uBAAuB,EAAE,OAAO,CAAC;IACjC,8EAA8E;IAC9E,UAAU,EAAE,UAAU,CAAC;IACvB,qGAAqG;IACrG,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACtE,MAAM,CAAC,WAAW,SAAa;IAC/B,mBAAmB,kCAAqC;IACxD,gBAAgB,KAAM;IACtB,KAAK;;;;;MAKH;IAEF,eAAe,gBAAmE;IAElF,gBAAgB,aAId;IAEF,sBAAsB,MAAO,GAAG,UAO9B;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,mBAAmB,iBAAkB,MAAM,mBAAmB,MAAM,UAOlE;IAEF,kBAAkB,eAC4E;IAE9F,aAAa,aAAc,MAAM,iBA2E/B;IAEF,MAAM;CAOP"}
@@ -46,7 +46,7 @@ class Toolbar extends React.Component {
46
46
  };
47
47
  this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
48
48
  this.renderToolbar = (randomId) => {
49
- const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText } = _a, props = tslib_1.__rest(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText"]);
49
+ const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText, customChipGroupContent } = _a, props = tslib_1.__rest(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText", "customChipGroupContent"]);
50
50
  const { isManagedToggleExpanded } = this.state;
51
51
  const isToggleManaged = this.isToggleManaged();
52
52
  const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
@@ -62,10 +62,11 @@ class Toolbar extends React.Component {
62
62
  clearAllFilters,
63
63
  clearFiltersButtonText,
64
64
  showClearFiltersButton,
65
- toolbarId: randomId
65
+ toolbarId: randomId,
66
+ customChipGroupContent
66
67
  } },
67
68
  children,
68
- React.createElement(ToolbarChipGroupContent_1.ToolbarChipGroupContent, { isExpanded: isExpanded, chipGroupContentRef: this.chipGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint }))))));
69
+ React.createElement(ToolbarChipGroupContent_1.ToolbarChipGroupContent, { isExpanded: isExpanded, chipGroupContentRef: this.chipGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint, customChipGroupContent: customChipGroupContent }))))));
69
70
  };
70
71
  }
71
72
  componentDidMount() {
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,oEAAiE;AACjE,2DAA+C;AAC/C,iDAAgD;AAChD,uEAAoE;AACpE,6CAAqE;AACrE,2CAA0E;AAC1E,uCAA2C;AAyD3C,MAAa,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAAxE;;QAEE,wBAAmB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACxD,qBAAgB,GAAG,EAAE,CAAC;QACtB,UAAK,GAAG;YACN,uBAAuB,EAAE,KAAK;YAC9B,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,gBAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;YACjD,WAAW,EAAE,0BAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;SACnD,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAElF,qBAAgB,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC1B,uBAAuB,EAAE,CAAC,SAAS,CAAC,uBAAuB;aAC5D,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,2BAAsB,GAAG,CAAC,CAAM,EAAE,EAAE;YAClC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;gBAClD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;oBACnB,uBAAuB,EAAE,KAAK;oBAC9B,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;iBACjC,CAAC,CAAC,CAAC;aACL;QACH,CAAC,CAAC;QAcF,wBAAmB,GAAG,CAAC,YAAoB,EAAE,eAAuB,EAAE,EAAE;YACtE,MAAM,kBAAkB,qBAAoB,IAAI,CAAC,gBAAgB,CAAE,CAAC;YACpE,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,KAAK,eAAe,EAAE;gBAC5G,kBAAkB,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;gBACnD,IAAI,CAAC,gBAAgB,GAAG,kBAAkB,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC,CAAC;aACnD;QACH,CAAC,CAAC;QAEF,uBAAkB,GAAG,GAAG,EAAE,CACxB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,GAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAW,CAAC;QAE9F,kBAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;YACnC,MAAM,KAiBF,IAAI,CAAC,KAAK,EAjBR,EACJ,eAAe,EACf,sBAAsB,EACtB,+BAA+B,EAC/B,UAAU,EAAE,cAAc,EAC1B,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,sBAAsB,OAEV,EADT,KAAK,sBAhBJ,wQAiBL,CAAa,CAAC;YAEf,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC/C,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,cAAc,CAAC;YAC9E,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAClD,MAAM,sBAAsB,GAAG,eAAe,GAAG,CAAC,CAAC;YAEnD,OAAO,CACL,oBAAC,kBAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,OAAO,EACd,YAAY,IAAI,iBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,aAAa,IAAI,iBAAM,CAAC,SAAS,CAAC,UAAU,EAC5C,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,2BAAoB,CAAC,KAAK,EAAE,iBAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,SAAS,CACV,EACD,EAAE,EAAE,QAAQ,IACR,sBAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EACzF,KAAK;gBAET,oBAAC,6BAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;wBACL,UAAU;wBACV,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;wBAC5E,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;wBAC7C,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;wBAC7C,eAAe;wBACf,eAAe;wBACf,sBAAsB;wBACtB,sBAAsB;wBACtB,SAAS,EAAE,QAAQ;wBACnB,sBAAsB;qBACvB;oBAEA,QAAQ;oBACT,oBAAC,iDAAuB,IACtB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,EAC9C,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,+BAA+B,EAAE,+BAA+B,EAChE,sBAAsB,EAAE,sBAAsB,GAC9C,CACsB,CACtB,CACP,CACoB,CACxB,CAAC;QACJ,CAAC,CAAC;IASJ,CAAC;IA5GC,iBAAiB;QACf,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,gBAAS,EAAE;YACvC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;SAChE;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,gBAAS,EAAE;YACvC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACnE;IACH,CAAC;IA2FD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAClC,CAAC,CAAC,CAAC,CACF,oBAAC,uBAAU,QAAE,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAc,CACpE,CAAC;IACJ,CAAC;;AAvIH,0BAwIC;AAvIQ,mBAAW,GAAG,SAAS,CAAC"}
@@ -20,6 +20,8 @@ export interface ToolbarChipGroupContentProps extends React.HTMLProps<HTMLDivEle
20
20
  numberOfFiltersText?: (numberOfFilters: number) => string;
21
21
  /** The breakpoint at which the listed filters in chip groups are collapsed down to a summary */
22
22
  collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
23
+ /** Custom additional content appended to the generated chips. To maintain spacing and styling, each node should be a ToolbarItem or ToolbarGroup. This property will remove the built in "Clear all filters" button. */
24
+ customChipGroupContent?: React.ReactNode;
23
25
  }
24
26
  export declare class ToolbarChipGroupContent extends React.Component<ToolbarChipGroupContentProps> {
25
27
  static displayName: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarChipGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CACtE;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACxF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAI7D;IAEF,MAAM;CAyDP"}
1
+ {"version":3,"file":"ToolbarChipGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,wNAAwN;IACxN,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACxF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAI7D;IAEF,MAAM;CA2DP"}
@@ -12,7 +12,7 @@ const ToolbarGroup_1 = require("./ToolbarGroup");
12
12
  const ToolbarUtils_1 = require("./ToolbarUtils");
13
13
  class ToolbarChipGroupContent extends React.Component {
14
14
  render() {
15
- const _a = this.props, { className, isExpanded, chipGroupContentRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, collapseListedFiltersBreakpoint, numberOfFilters, numberOfFiltersText } = _a, props = tslib_1.__rest(_a, ["className", "isExpanded", "chipGroupContentRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "numberOfFilters", "numberOfFiltersText"]);
15
+ const _a = this.props, { className, isExpanded, chipGroupContentRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, collapseListedFiltersBreakpoint, numberOfFilters, numberOfFiltersText, customChipGroupContent } = _a, props = tslib_1.__rest(_a, ["className", "isExpanded", "chipGroupContentRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "numberOfFilters", "numberOfFiltersText", "customChipGroupContent"]);
16
16
  const clearChipGroups = () => {
17
17
  clearAllFilters();
18
18
  };
@@ -28,8 +28,9 @@ class ToolbarChipGroupContent extends React.Component {
28
28
  React.createElement(ToolbarGroup_1.ToolbarGroup, Object.assign({ className: react_styles_1.css(collapseListedFilters && toolbar_1.default.modifiers.hidden) }, (collapseListedFilters && { hidden: true }), (collapseListedFilters && { 'aria-hidden': true }))),
29
29
  collapseListedFilters && numberOfFilters > 0 && !isExpanded && (React.createElement(ToolbarGroup_1.ToolbarGroup, null,
30
30
  React.createElement(ToolbarItem_1.ToolbarItem, null, numberOfFiltersText(numberOfFilters)))),
31
- showClearFiltersButton && !isExpanded && (React.createElement(ToolbarItem_1.ToolbarItem, null,
32
- React.createElement(Button_1.Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText)))));
31
+ showClearFiltersButton && !isExpanded && !customChipGroupContent && (React.createElement(ToolbarItem_1.ToolbarItem, null,
32
+ React.createElement(Button_1.Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
33
+ customChipGroupContent && customChipGroupContent));
33
34
  }
34
35
  }
35
36
  exports.ToolbarChipGroupContent = ToolbarChipGroupContent;
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarChipGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,6CAA+C;AAG/C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAA8C;AAC9C,iDAAmD;AAwBnD,MAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAuC;IAQxF,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,OAEP,EADT,KAAK,sBAVJ,sMAWL,CAAa,CAAC;QAEf,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE;YAC7C,qBAAqB,GAAG,IAAI,CAAC;SAC9B;aAAM,IAAI,gBAAS,EAAE;YACpB,qBAAqB;gBACnB,CAAC,gBAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,gCAAiB,CAAC,+BAA+B,CAAC,CAAC;SAC/F;QAED,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,cAAc,EACrB,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EAChE,SAAS,CACV,IACG,CAAC,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,GAAG,EAAE,mBAAmB,IACpB,KAAK;YAET,oBAAC,2BAAY,kBACX,SAAS,EAAE,kBAAG,CAAC,qBAAqB,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAC5D,CAAC,qBAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,CAAC,qBAAqB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EACtD;YACD,qBAAqB,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAC9D,oBAAC,2BAAY;gBACX,oBAAC,yBAAW,QAAE,mBAAmB,CAAC,eAAe,CAAC,CAAe,CACpD,CAChB;YACA,sBAAsB,IAAI,CAAC,UAAU,IAAI,CACxC,oBAAC,yBAAW;gBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf,CACG,CACP,CAAC;IACJ,CAAC;;AAhEH,0DAiEC;AAhEQ,mCAAW,GAAG,yBAAyB,CAAC;AACxC,oCAAY,GAA+C;IAChE,sBAAsB,EAAE,mBAAmB;IAC3C,+BAA+B,EAAE,IAAI;IACrC,mBAAmB,EAAE,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,eAAe,kBAAkB;CACvF,CAAC"}
1
+ {"version":3,"file":"ToolbarChipGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,6CAA+C;AAG/C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAA8C;AAC9C,iDAAmD;AA0BnD,MAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAuC;IAQxF,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,EACnB,sBAAsB,OAEV,EADT,KAAK,sBAXJ,gOAYL,CAAa,CAAC;QAEf,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE;YAC7C,qBAAqB,GAAG,IAAI,CAAC;SAC9B;aAAM,IAAI,gBAAS,EAAE;YACpB,qBAAqB;gBACnB,CAAC,gBAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,gCAAiB,CAAC,+BAA+B,CAAC,CAAC;SAC/F;QAED,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,cAAc,EACrB,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EAChE,SAAS,CACV,IACG,CAAC,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,GAAG,EAAE,mBAAmB,IACpB,KAAK;YAET,oBAAC,2BAAY,kBACX,SAAS,EAAE,kBAAG,CAAC,qBAAqB,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAC5D,CAAC,qBAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,CAAC,qBAAqB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EACtD;YACD,qBAAqB,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAC9D,oBAAC,2BAAY;gBACX,oBAAC,yBAAW,QAAE,mBAAmB,CAAC,eAAe,CAAC,CAAe,CACpD,CAChB;YACA,sBAAsB,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,IAAI,CACnE,oBAAC,yBAAW;gBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;YACA,sBAAsB,IAAI,sBAAsB,CAC7C,CACP,CAAC;IACJ,CAAC;;AAlEH,0DAmEC;AAlEQ,mCAAW,GAAG,yBAAyB,CAAC;AACxC,oCAAY,GAA+C;IAChE,sBAAsB,EAAE,mBAAmB;IAC3C,+BAA+B,EAAE,IAAI;IACrC,mBAAmB,EAAE,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,eAAe,kBAAkB;CACvF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarExpandableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,qBAAa,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IAC1F,MAAM,CAAC,WAAW,SAA8B;IAChD,MAAM,CAAC,WAAW,EAAE,GAAG,CAAkB;IACzC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAG9D;IAEF,MAAM;CAoCP"}
1
+ {"version":3,"file":"ToolbarExpandableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,qBAAa,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IAC1F,MAAM,CAAC,WAAW,SAA8B;IAChD,MAAM,CAAC,WAAW,EAAE,GAAG,CAAkB;IACzC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAG9D;IAEF,MAAM;CAqCP"}
@@ -14,7 +14,7 @@ class ToolbarExpandableContent extends React.Component {
14
14
  const _a = this.props, { className, expandableContentRef, chipContainerRef,
15
15
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
16
16
  isExpanded, clearAllFilters, clearFiltersButtonText, showClearFiltersButton } = _a, props = tslib_1.__rest(_a, ["className", "expandableContentRef", "chipContainerRef", "isExpanded", "clearAllFilters", "clearFiltersButtonText", "showClearFiltersButton"]);
17
- const { numberOfFilters } = this.context;
17
+ const { numberOfFilters, customChipGroupContent } = this.context;
18
18
  const clearChipGroups = () => {
19
19
  clearAllFilters();
20
20
  };
@@ -22,8 +22,9 @@ class ToolbarExpandableContent extends React.Component {
22
22
  React.createElement(ToolbarGroup_1.ToolbarGroup, null),
23
23
  numberOfFilters > 0 && (React.createElement(ToolbarGroup_1.ToolbarGroup, { className: toolbar_1.default.modifiers.chipContainer },
24
24
  React.createElement(ToolbarGroup_1.ToolbarGroup, { ref: chipContainerRef }),
25
- showClearFiltersButton && (React.createElement(ToolbarItem_1.ToolbarItem, null,
26
- React.createElement(Button_1.Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText)))))));
25
+ showClearFiltersButton && !customChipGroupContent && (React.createElement(ToolbarItem_1.ToolbarItem, null,
26
+ React.createElement(Button_1.Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
27
+ customChipGroupContent && customChipGroupContent))));
27
28
  }
28
29
  }
29
30
  exports.ToolbarExpandableContent = ToolbarExpandableContent;
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarExpandableContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAG/C,iDAA8C;AAC9C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAAgD;AAoBhD,MAAa,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IAQ1F,MAAM;QACJ,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACJ,SAAS,EACT,oBAAoB,EACpB,gBAAgB;QAChB,6DAA6D;QAC7D,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,sBATJ,8IAUL,CAAa,CAAC;QACf,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEzC,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,iBAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,oBAAoB,IAAM,KAAK;YACnG,oBAAC,2BAAY,OAAG;YACf,eAAe,GAAG,CAAC,IAAI,CACtB,oBAAC,2BAAY,IAAC,SAAS,EAAE,iBAAM,CAAC,SAAS,CAAC,aAAa;gBACrD,oBAAC,2BAAY,IAAC,GAAG,EAAE,gBAAgB,GAAI;gBACtC,sBAAsB,IAAI,CACzB,oBAAC,yBAAW;oBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf,CACY,CAChB,CACG,CACP,CAAC;IACJ,CAAC;;AA3CH,4DA4CC;AA3CQ,oCAAW,GAAG,0BAA0B,CAAC;AACzC,oCAAW,GAAQ,6BAAc,CAAC;AAClC,qCAAY,GAAgD;IACjE,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,mBAAmB;CAC5C,CAAC"}
1
+ {"version":3,"file":"ToolbarExpandableContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAG/C,iDAA8C;AAC9C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAAgD;AAoBhD,MAAa,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IAQ1F,MAAM;QACJ,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACJ,SAAS,EACT,oBAAoB,EACpB,gBAAgB;QAChB,6DAA6D;QAC7D,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,sBATJ,8IAUL,CAAa,CAAC;QACf,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEjE,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,iBAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,oBAAoB,IAAM,KAAK;YACnG,oBAAC,2BAAY,OAAG;YACf,eAAe,GAAG,CAAC,IAAI,CACtB,oBAAC,2BAAY,IAAC,SAAS,EAAE,iBAAM,CAAC,SAAS,CAAC,aAAa;gBACrD,oBAAC,2BAAY,IAAC,GAAG,EAAE,gBAAgB,GAAI;gBACtC,sBAAsB,IAAI,CAAC,sBAAsB,IAAI,CACpD,oBAAC,yBAAW;oBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;gBACA,sBAAsB,IAAI,sBAAsB,CACpC,CAChB,CACG,CACP,CAAC;IACJ,CAAC;;AA5CH,4DA6CC;AA5CQ,oCAAW,GAAG,0BAA0B,CAAC;AACzC,oCAAW,GAAQ,6BAAc,CAAC;AAClC,qCAAY,GAAgD;IACjE,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,mBAAmB;CAC5C,CAAC"}
@@ -10,6 +10,7 @@ interface ToolbarContextProps {
10
10
  clearFiltersButtonText?: string;
11
11
  showClearFiltersButton?: boolean;
12
12
  toolbarId?: string;
13
+ customChipGroupContent?: React.ReactNode;
13
14
  }
14
15
  export declare const ToolbarContext: React.Context<ToolbarContextProps>;
15
16
  interface ToolbarContentContextProps {
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,oCAOzB,CAAC;AAEH,UAAU,0BAA0B;IAClC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,2CAIhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
1
+ {"version":3,"file":"ToolbarUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,mBAAmB;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc,oCAOzB,CAAC;AAEH,UAAU,0BAA0B;IAClC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,2CAIhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yHAAwF;AACxF,yHAAwF;AACxF,yHAAwF;AACxF,2HAA0F;AAc7E,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAQU,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,gBAAgB,EAAE,IAAI;CACvB,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG;IAC/B,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC"}
1
+ {"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yHAAwF;AACxF,yHAAwF;AACxF,yHAAwF;AACxF,2HAA0F;AAe7E,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAQU,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,gBAAgB,EAAE,IAAI;CACvB,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG;IAC/B,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC"}
@@ -13769,8 +13769,11 @@
13769
13769
  const componentRef = React__namespace.useRef();
13770
13770
  const [isTooltipVisible, setIsTooltipVisible] = React__namespace.useState(false);
13771
13771
  useIsomorphicLayoutEffect(() => {
13772
- setIsTooltipVisible(textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth);
13773
- }, []);
13772
+ const currTextRef = isEditable ? editableButtonRef : textRef;
13773
+ if (!isEditableActive) {
13774
+ setIsTooltipVisible(currTextRef.current && currTextRef.current.offsetWidth < currTextRef.current.scrollWidth);
13775
+ }
13776
+ }, [isEditableActive]);
13774
13777
  const content = (React__namespace.createElement(React__namespace.Fragment, null,
13775
13778
  icon && React__namespace.createElement("span", { className: css(_default$G.labelIcon) }, icon),
13776
13779
  isTruncated && (React__namespace.createElement("span", { ref: textRef, className: css(_default$G.labelText) }, children)),
@@ -14740,8 +14743,8 @@
14740
14743
  const FlyoutContext = React__namespace.createContext({
14741
14744
  direction: 'right'
14742
14745
  });
14743
- const MenuItem = (_a) => {
14744
- var { children, className, itemId = null, to, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, icon, actions, onShowFlyout, drilldownMenu, isOnPath } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath"]);
14746
+ const MenuItemBase = (_a) => {
14747
+ var { children, className, itemId = null, to, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
14745
14748
  const { menuId, parentMenu, onSelect, onActionClick, activeItemId, selected, drilldownItemPath, onDrillIn, onDrillOut, flyoutRef, setFlyoutRef, disableHover } = React__namespace.useContext(MenuContext);
14746
14749
  const Component = (to ? 'a' : component);
14747
14750
  const [flyoutTarget, setFlyoutTarget] = React__namespace.useState(null);
@@ -14905,7 +14908,7 @@
14905
14908
  }
14906
14909
  };
14907
14910
  return (React__namespace.createElement("li", Object.assign({ className: css(_default$A.menuListItem, isDisabled && _default$A.modifiers.disabled, _isOnPath && _default$A.modifiers.currentPath, isLoadButton && _default$A.modifiers.load, isLoading && _default$A.modifiers.loading, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: "none" }, props),
14908
- React__namespace.createElement(Component, Object.assign({ tabIndex: -1, className: css(_default$A.menuItem, getIsSelected() && _default$A.modifiers.selected, className), "aria-current": getAriaCurrent(), disabled: isDisabled, role: "menuitem", onClick: (event) => {
14911
+ React__namespace.createElement(Component, Object.assign({ tabIndex: -1, className: css(_default$A.menuItem, getIsSelected() && _default$A.modifiers.selected, className), "aria-current": getAriaCurrent(), disabled: isDisabled, role: "menuitem", ref: innerRef, onClick: (event) => {
14909
14912
  onItemSelect(event, onSelect);
14910
14913
  _drill && _drill();
14911
14914
  } }, additionalProps),
@@ -14929,6 +14932,7 @@
14929
14932
  actions,
14930
14933
  isFavorited !== null && (React__namespace.createElement(MenuItemAction, { icon: "favorites", isFavorited: isFavorited, "aria-label": isFavorited ? 'starred' : 'not starred', onClick: event => onActionClick(event, itemId), tabIndex: -1, actionId: "fav" })))));
14931
14934
  };
14935
+ const MenuItem = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(MenuItemBase, Object.assign({}, props, { innerRef: ref }))));
14932
14936
  MenuItem.displayName = 'MenuItem';
14933
14937
 
14934
14938
  const MenuList = (_a) => {
@@ -15794,8 +15798,13 @@
15794
15798
 
15795
15799
  const NavGroup = (_a) => {
15796
15800
  var { title, children = null, className = '', id = getUniqueId() } = _a, props = __rest$1(_a, ["title", "children", "className", "id"]);
15797
- return (React__namespace.createElement("section", Object.assign({ className: css(_default$v.navSection, className), "aria-labelledby": id }, props),
15798
- React__namespace.createElement("h2", { className: css(_default$v.navSectionTitle), id: id }, title),
15801
+ if (!title && !props['aria-label']) {
15802
+ // eslint-disable-next-line no-console
15803
+ console.warn("For accessibility reasons an aria-label should be specified on nav groups if a title isn't");
15804
+ }
15805
+ const labelledBy = title ? id : undefined;
15806
+ return (React__namespace.createElement("section", Object.assign({ className: css(_default$v.navSection, className), "aria-labelledby": labelledBy }, props),
15807
+ title && (React__namespace.createElement("h2", { className: css(_default$v.navSectionTitle), id: id }, title)),
15799
15808
  React__namespace.createElement("ul", { className: css(_default$v.navList, className) }, children)));
15800
15809
  };
15801
15810
  NavGroup.displayName = 'NavGroup';
@@ -16064,10 +16073,11 @@
16064
16073
  "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
16065
16074
  };
16066
16075
 
16067
- const NotificationDrawer = (_a) => {
16068
- var { children, className = '' } = _a, props = __rest$1(_a, ["children", "className"]);
16069
- return (React__namespace.createElement("div", Object.assign({}, props, { className: css(_default$t.notificationDrawer, className) }), children));
16076
+ const NotificationDrawerBase = (_a) => {
16077
+ var { children, className = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "innerRef"]);
16078
+ return (React__namespace.createElement("div", Object.assign({ ref: innerRef }, props, { className: css(_default$t.notificationDrawer, className) }), children));
16070
16079
  };
16080
+ const NotificationDrawer = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(NotificationDrawerBase, Object.assign({ innerRef: ref }, props))));
16071
16081
  NotificationDrawer.displayName = 'NotificationDrawer';
16072
16082
 
16073
16083
  const NotificationDrawerBody = (_a) => {
@@ -17972,9 +17982,9 @@
17972
17982
  const TabButton = (_a) => {
17973
17983
  var { children,
17974
17984
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
17975
- tabContentRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
17985
+ tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
17976
17986
  const Component = (props.href ? 'a' : 'button');
17977
- return (React__namespace.createElement(Component, Object.assign({}, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
17987
+ return (React__namespace.createElement(Component, Object.assign({ ref: parentInnerRef }, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
17978
17988
  };
17979
17989
  TabButton.displayName = 'TabButton';
17980
17990
 
@@ -17990,7 +18000,7 @@
17990
18000
  const TabsContextConsumer = TabsContext.Consumer;
17991
18001
 
17992
18002
  const TabBase = (_a) => {
17993
- var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef"]);
18003
+ var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef, tooltip } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef", "tooltip"]);
17994
18004
  const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
17995
18005
  event.preventDefault();
17996
18006
  } })), {});
@@ -18008,8 +18018,8 @@
18008
18018
  return null;
18009
18019
  }
18010
18020
  };
18011
- return (React__namespace.createElement("li", { className: css(_default$h.tabsItem, eventKey === localActiveKey && _default$h.modifiers.current, childClassName), ref: innerRef },
18012
- React__namespace.createElement(TabButton, Object.assign({ className: css(_default$h.tabsLink, isDisabled && href && _default$h.modifiers.disabled, isAriaDisabled && _default$h.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title)));
18021
+ const tabButton = (React__namespace.createElement(TabButton, Object.assign({ parentInnerRef: innerRef, className: css(_default$h.tabsLink, isDisabled && href && _default$h.modifiers.disabled, isAriaDisabled && _default$h.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title));
18022
+ return (React__namespace.createElement("li", { className: css(_default$h.tabsItem, eventKey === localActiveKey && _default$h.modifiers.current, childClassName) }, tooltip ? React__namespace.createElement(Tooltip, Object.assign({}, tooltip.props), tabButton) : tabButton));
18013
18023
  };
18014
18024
  const Tab = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TabBase, Object.assign({ innerRef: ref }, props)));
18015
18025
  Tab.displayName = 'Tab';
@@ -18290,7 +18300,7 @@
18290
18300
 
18291
18301
  const Tile = (_a) => {
18292
18302
  var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = __rest$1(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
18293
- return (React__namespace.createElement("div", Object.assign({ className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
18303
+ return (React__namespace.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
18294
18304
  React__namespace.createElement("div", { className: css(_default$f.tileHeader, isStacked && _default$f.modifiers.stacked) },
18295
18305
  icon && React__namespace.createElement("div", { className: css(_default$f.tileIcon) }, icon),
18296
18306
  React__namespace.createElement("div", { className: css(_default$f.tileTitle) }, title)),
@@ -19044,7 +19054,7 @@
19044
19054
 
19045
19055
  class ToolbarChipGroupContent extends React__namespace.Component {
19046
19056
  render() {
19047
- const _a = this.props, { className, isExpanded, chipGroupContentRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, collapseListedFiltersBreakpoint, numberOfFilters, numberOfFiltersText } = _a, props = __rest$1(_a, ["className", "isExpanded", "chipGroupContentRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "numberOfFilters", "numberOfFiltersText"]);
19057
+ const _a = this.props, { className, isExpanded, chipGroupContentRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, collapseListedFiltersBreakpoint, numberOfFilters, numberOfFiltersText, customChipGroupContent } = _a, props = __rest$1(_a, ["className", "isExpanded", "chipGroupContentRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "numberOfFilters", "numberOfFiltersText", "customChipGroupContent"]);
19048
19058
  const clearChipGroups = () => {
19049
19059
  clearAllFilters();
19050
19060
  };
@@ -19060,8 +19070,9 @@
19060
19070
  React__namespace.createElement(ToolbarGroup, Object.assign({ className: css(collapseListedFilters && _default$d.modifiers.hidden) }, (collapseListedFilters && { hidden: true }), (collapseListedFilters && { 'aria-hidden': true }))),
19061
19071
  collapseListedFilters && numberOfFilters > 0 && !isExpanded && (React__namespace.createElement(ToolbarGroup, null,
19062
19072
  React__namespace.createElement(ToolbarItem, null, numberOfFiltersText(numberOfFilters)))),
19063
- showClearFiltersButton && !isExpanded && (React__namespace.createElement(ToolbarItem, null,
19064
- React__namespace.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText)))));
19073
+ showClearFiltersButton && !isExpanded && !customChipGroupContent && (React__namespace.createElement(ToolbarItem, null,
19074
+ React__namespace.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
19075
+ customChipGroupContent && customChipGroupContent));
19065
19076
  }
19066
19077
  }
19067
19078
  ToolbarChipGroupContent.displayName = 'ToolbarChipGroupContent';
@@ -19106,7 +19117,7 @@
19106
19117
  };
19107
19118
  this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
19108
19119
  this.renderToolbar = (randomId) => {
19109
- const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText } = _a, props = __rest$1(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText"]);
19120
+ const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText, customChipGroupContent } = _a, props = __rest$1(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText", "customChipGroupContent"]);
19110
19121
  const { isManagedToggleExpanded } = this.state;
19111
19122
  const isToggleManaged = this.isToggleManaged();
19112
19123
  const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
@@ -19122,10 +19133,11 @@
19122
19133
  clearAllFilters,
19123
19134
  clearFiltersButtonText,
19124
19135
  showClearFiltersButton,
19125
- toolbarId: randomId
19136
+ toolbarId: randomId,
19137
+ customChipGroupContent
19126
19138
  } },
19127
19139
  children,
19128
- React__namespace.createElement(ToolbarChipGroupContent, { isExpanded: isExpanded, chipGroupContentRef: this.chipGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint }))))));
19140
+ React__namespace.createElement(ToolbarChipGroupContent, { isExpanded: isExpanded, chipGroupContentRef: this.chipGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint, customChipGroupContent: customChipGroupContent }))))));
19129
19141
  };
19130
19142
  }
19131
19143
  componentDidMount() {
@@ -19149,7 +19161,7 @@
19149
19161
  const _a = this.props, { className, expandableContentRef, chipContainerRef,
19150
19162
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
19151
19163
  isExpanded, clearAllFilters, clearFiltersButtonText, showClearFiltersButton } = _a, props = __rest$1(_a, ["className", "expandableContentRef", "chipContainerRef", "isExpanded", "clearAllFilters", "clearFiltersButtonText", "showClearFiltersButton"]);
19152
- const { numberOfFilters } = this.context;
19164
+ const { numberOfFilters, customChipGroupContent } = this.context;
19153
19165
  const clearChipGroups = () => {
19154
19166
  clearAllFilters();
19155
19167
  };
@@ -19157,8 +19169,9 @@
19157
19169
  React__namespace.createElement(ToolbarGroup, null),
19158
19170
  numberOfFilters > 0 && (React__namespace.createElement(ToolbarGroup, { className: _default$d.modifiers.chipContainer },
19159
19171
  React__namespace.createElement(ToolbarGroup, { ref: chipContainerRef }),
19160
- showClearFiltersButton && (React__namespace.createElement(ToolbarItem, null,
19161
- React__namespace.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText)))))));
19172
+ showClearFiltersButton && !customChipGroupContent && (React__namespace.createElement(ToolbarItem, null,
19173
+ React__namespace.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
19174
+ customChipGroupContent && customChipGroupContent))));
19162
19175
  }
19163
19176
  }
19164
19177
  ToolbarExpandableContent.displayName = 'ToolbarExpandableContent';