@patternfly/react-core 4.225.2 → 4.225.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/Alert/Alert.js +2 -2
- package/dist/esm/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts +3 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.js +2 -2
- package/dist/esm/components/Menu/MenuGroup.js.map +1 -1
- package/dist/esm/components/Nav/Nav.d.ts +1 -1
- package/dist/esm/components/Nav/Nav.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuItemGroup.js +2 -2
- package/dist/esm/components/OptionsMenu/OptionsMenuItemGroup.js.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js +4 -3
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
- package/dist/esm/components/Page/PageHeader.d.ts +2 -0
- package/dist/esm/components/Page/PageHeader.d.ts.map +1 -1
- package/dist/esm/components/Page/PageHeader.js +2 -2
- package/dist/esm/components/Page/PageHeader.js.map +1 -1
- package/dist/esm/components/Page/PageSidebar.d.ts +2 -0
- package/dist/esm/components/Page/PageSidebar.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSidebar.js +3 -3
- package/dist/esm/components/Page/PageSidebar.js.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.d.ts +2 -0
- package/dist/esm/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.js +2 -2
- package/dist/esm/components/Page/PageToggleButton.js.map +1 -1
- package/dist/esm/components/Tabs/TabContent.d.ts.map +1 -1
- package/dist/esm/components/Tabs/TabContent.js +4 -2
- package/dist/esm/components/Tabs/TabContent.js.map +1 -1
- package/dist/js/components/Alert/Alert.d.ts.map +1 -1
- package/dist/js/components/Alert/Alert.js +2 -2
- package/dist/js/components/Alert/Alert.js.map +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts +3 -1
- package/dist/js/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuGroup.js +2 -2
- package/dist/js/components/Menu/MenuGroup.js.map +1 -1
- package/dist/js/components/Nav/Nav.d.ts +1 -1
- package/dist/js/components/Nav/Nav.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuItemGroup.js +2 -2
- package/dist/js/components/OptionsMenu/OptionsMenuItemGroup.js.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js +4 -3
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
- package/dist/js/components/Page/PageHeader.d.ts +2 -0
- package/dist/js/components/Page/PageHeader.d.ts.map +1 -1
- package/dist/js/components/Page/PageHeader.js +2 -2
- package/dist/js/components/Page/PageHeader.js.map +1 -1
- package/dist/js/components/Page/PageSidebar.d.ts +2 -0
- package/dist/js/components/Page/PageSidebar.d.ts.map +1 -1
- package/dist/js/components/Page/PageSidebar.js +3 -3
- package/dist/js/components/Page/PageSidebar.js.map +1 -1
- package/dist/js/components/Page/PageToggleButton.d.ts +2 -0
- package/dist/js/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/js/components/Page/PageToggleButton.js +2 -2
- package/dist/js/components/Page/PageToggleButton.js.map +1 -1
- package/dist/js/components/Tabs/TabContent.d.ts.map +1 -1
- package/dist/js/components/Tabs/TabContent.js +4 -2
- package/dist/js/components/Tabs/TabContent.js.map +1 -1
- package/dist/umd/react-core.css +227 -227
- package/dist/umd/react-core.js +20 -18
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +5 -5
- package/src/components/Alert/Alert.tsx +0 -2
- package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +0 -35
- package/src/components/Masthead/examples/Masthead.md +3 -3
- package/src/components/Menu/MenuGroup.tsx +5 -2
- package/src/components/Menu/examples/Menu.md +25 -25
- package/src/components/Menu/examples/MenuDrilldown.tsx +9 -9
- package/src/components/Menu/examples/MenuDrilldownInitialState.tsx +15 -12
- package/src/components/Menu/examples/MenuDrilldownSubmenuFunctions.tsx +9 -9
- package/src/components/Nav/Nav.tsx +1 -1
- package/src/components/Nav/examples/Nav.md +57 -57
- package/src/components/Nav/examples/NavDrilldown.tsx +1 -1
- package/src/components/OptionsMenu/OptionsMenuItemGroup.tsx +2 -2
- package/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx +29 -24
- package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuItemGroup.test.tsx.snap +2 -0
- package/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +5 -1
- package/src/components/OptionsMenu/examples/OptionsMenu.md +11 -11
- package/src/components/Page/PageHeader.tsx +4 -1
- package/src/components/Page/PageSidebar.tsx +5 -2
- package/src/components/Page/PageToggleButton.tsx +4 -1
- package/src/components/Page/examples/Page.md +23 -17
- package/src/components/Page/examples/page.css +3 -0
- package/src/components/Select/examples/Select.md +10 -10
- package/src/components/Tabs/TabContent.tsx +2 -1
- package/src/components/Tabs/examples/Tabs.md +139 -143
- package/src/components/Tabs/examples/TabsDynamic.tsx +1 -0
- package/src/components/ToggleGroup/examples/ToggleGroup.md +16 -16
- package/src/components/TreeView/examples/TreeView.md +165 -165
|
@@ -10,6 +10,8 @@ export interface MenuGroupProps extends React.HTMLProps<HTMLElement> {
|
|
|
10
10
|
titleId?: string;
|
|
11
11
|
/** Forwarded ref */
|
|
12
12
|
innerRef?: React.Ref<any>;
|
|
13
|
+
/** Group label heading level. Default is h1. */
|
|
14
|
+
labelHeadingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
13
15
|
}
|
|
14
|
-
export declare const MenuGroup: React.ForwardRefExoticComponent<Pick<MenuGroupProps, "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" | "innerRef" | "titleId"> & React.RefAttributes<HTMLElement>>;
|
|
16
|
+
export declare const MenuGroup: React.ForwardRefExoticComponent<Pick<MenuGroupProps, "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" | "innerRef" | "titleId" | "labelHeadingLevel"> & React.RefAttributes<HTMLElement>>;
|
|
15
17
|
//# sourceMappingURL=MenuGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAClE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAClE,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7D;AAqBD,eAAO,MAAM,SAAS,u2LAEpB,CAAC"}
|
|
@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const menu_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Menu/menu"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const MenuGroupBase = (_a) => {
|
|
9
|
-
var { children, className = '', label = '', titleId = '', innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "titleId", "innerRef"]);
|
|
9
|
+
var { children, className = '', label = '', titleId = '', innerRef, labelHeadingLevel: HeadingLevel = 'h1' } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "titleId", "innerRef", "labelHeadingLevel"]);
|
|
10
10
|
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css('pf-c-menu__group', className), ref: innerRef }),
|
|
11
|
-
label && (React.createElement(
|
|
11
|
+
label && (React.createElement(HeadingLevel, { className: react_styles_1.css(menu_1.default.menuGroupTitle), id: titleId }, label)),
|
|
12
12
|
children));
|
|
13
13
|
};
|
|
14
14
|
exports.MenuGroup = React.forwardRef((props, ref) => (React.createElement(MenuGroupBase, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;
|
|
1
|
+
{"version":3,"file":"MenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAiB/C,MAAM,aAAa,GAA4C,CAAC,EAQ/C,EAAE,EAAE;QAR2C,EAC9D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,iBAAiB,EAAE,YAAY,GAAG,IAAI,OAEvB,EADZ,KAAK,sBAPsD,8EAQ/D,CADS;IACY,OAAA,CACpB,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ;QAC7E,KAAK,IAAI,CACR,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,OAAO,IAC7D,KAAK,CACO,CAChB;QACA,QAAQ,CACD,CACX,CAAA;CAAA,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAChG,oBAAC,aAAa,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC5C,CAAC,CAAC;AACH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -19,7 +19,7 @@ export interface NavProps extends Omit<React.DetailedHTMLProps<React.HTMLAttribu
|
|
|
19
19
|
isExpanded: boolean;
|
|
20
20
|
event: React.MouseEvent<HTMLButtonElement>;
|
|
21
21
|
}) => void;
|
|
22
|
-
/**
|
|
22
|
+
/** Accessible label for the nav when there are multiple navs on the page */
|
|
23
23
|
'aria-label'?: string;
|
|
24
24
|
/** Indicates which theme color to use */
|
|
25
25
|
theme?: 'dark' | 'light';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,oBAAY,qBAAqB,GAAG,CAClC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACpC,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,EAAE,MAAM,GAAG,MAAM,EACxB,EAAE,EAAE,MAAM,KACP,IAAI,CAAC;AAEV,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,EAC/F,SAAS;IACX,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;KAC1C,KAAK,IAAI,CAAC;IACX,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE;QACvB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,UAAU,EAAE,OAAO,CAAC;QACpB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;KAC5C,KAAK,IAAI,CAAC;IACX,
|
|
1
|
+
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const Divider_1 = require("../Divider");
|
|
9
9
|
const OptionsMenuItemGroup = (_a) => {
|
|
10
10
|
var { className = '', 'aria-label': ariaLabel = '', groupTitle = '', children = null, hasSeparator = false } = _a, props = tslib_1.__rest(_a, ["className", 'aria-label', "groupTitle", "children", "hasSeparator"]);
|
|
11
|
-
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(options_menu_1.default.optionsMenuGroup) }),
|
|
11
|
+
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(options_menu_1.default.optionsMenuGroup), role: "none" }),
|
|
12
12
|
groupTitle && React.createElement("h1", { className: react_styles_1.css(options_menu_1.default.optionsMenuGroupTitle) }, groupTitle),
|
|
13
|
-
React.createElement("ul", { className: className, "aria-label": ariaLabel },
|
|
13
|
+
React.createElement("ul", { className: className, "aria-label": ariaLabel, role: "group" },
|
|
14
14
|
children,
|
|
15
15
|
hasSeparator && React.createElement(Divider_1.Divider, { component: "li", role: "separator" }))));
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuItemGroup.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuItemGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,wCAAqC;AAe9B,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,OAEM,EADvB,KAAK,sBAN+E,qEAOxF,CADS;IACuB,OAAA,CAC/B,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsMenuItemGroup.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuItemGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,wCAAqC;AAe9B,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,OAEM,EADvB,KAAK,sBAN+E,qEAOxF,CADS;IACuB,OAAA,CAC/B,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAC,MAAM;QACrE,UAAU,IAAI,4BAAI,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,qBAAqB,CAAC,IAAG,UAAU,CAAM;QAClF,4BAAI,SAAS,EAAE,SAAS,gBAAc,SAAS,EAAE,IAAI,EAAC,OAAO;YAC1D,QAAQ;YACR,YAAY,IAAI,oBAAC,iBAAO,IAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,GAAG,CACzD,CACG,CACX,CAAA;CAAA,CAAC;AAfW,QAAA,oBAAoB,wBAe/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuToggleWithText.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsMenuToggleWithText.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,4DAA4D;IAC5D,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9F,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAqG7F,CAAC"}
|
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const constants_1 = require("../../helpers/constants");
|
|
8
8
|
const options_menu_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/OptionsMenu/options-menu"));
|
|
9
|
+
const Dropdown_1 = require("../Dropdown");
|
|
9
10
|
const OptionsMenuToggleWithText = (_a) => {
|
|
10
11
|
var { parentId = '', toggleText, toggleTextClassName = '', toggleButtonContents, toggleButtonContentsClassName = '', onToggle = () => null, isOpen = false, isPlain = false,
|
|
11
12
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
@@ -57,10 +58,10 @@ const OptionsMenuToggleWithText = (_a) => {
|
|
|
57
58
|
buttonRef.current.focus();
|
|
58
59
|
}
|
|
59
60
|
};
|
|
60
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(options_menu_1.default.optionsMenuToggle, options_menu_1.default.modifiers.text, isPlain && options_menu_1.default.modifiers.plain, isDisabled && options_menu_1.default.modifiers.disabled, isActive && options_menu_1.default.modifiers.active) }, props),
|
|
61
|
+
return (React.createElement(Dropdown_1.DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement("div", Object.assign({ className: react_styles_1.css(options_menu_1.default.optionsMenuToggle, options_menu_1.default.modifiers.text, isPlain && options_menu_1.default.modifiers.plain, isDisabled && options_menu_1.default.modifiers.disabled, isActive && options_menu_1.default.modifiers.active) }, props),
|
|
61
62
|
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleText, toggleTextClassName) }, toggleText),
|
|
62
|
-
React.createElement("button", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButton, toggleButtonContentsClassName), id: `${parentId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
63
|
-
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButtonIcon) }, toggleButtonContents))));
|
|
63
|
+
React.createElement("button", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButton, toggleButtonContentsClassName), id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
64
|
+
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
|
|
64
65
|
};
|
|
65
66
|
exports.OptionsMenuToggleWithText = OptionsMenuToggleWithText;
|
|
66
67
|
exports.OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuToggleWithText.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,uDAAoD;AACpD,4HAAsF;
|
|
1
|
+
{"version":3,"file":"OptionsMenuToggleWithText.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export interface PageHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
14
|
topNav?: React.ReactNode;
|
|
15
15
|
/** True to show the nav toggle button (toggles side nav) */
|
|
16
16
|
showNavToggle?: boolean;
|
|
17
|
+
/** Id for the nav toggle button */
|
|
18
|
+
navToggleId?: string;
|
|
17
19
|
/** True if the side nav is shown */
|
|
18
20
|
isNavOpen?: boolean;
|
|
19
21
|
/** This prop is no longer managed through PageHeader but in the Page component. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qEAAqE;IACrE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qEAAqE;IACrE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6D/D,CAAC"}
|
|
@@ -10,7 +10,7 @@ const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dis
|
|
|
10
10
|
const Button_1 = require("../../components/Button");
|
|
11
11
|
const Page_1 = require("./Page");
|
|
12
12
|
const PageHeader = (_a) => {
|
|
13
|
-
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = tslib_1.__rest(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
13
|
+
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, navToggleId = 'nav-toggle', onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = tslib_1.__rest(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
14
14
|
const LogoComponent = logoComponent;
|
|
15
15
|
if ([false, true].includes(deprecatedIsManagedSidebar)) {
|
|
16
16
|
console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
|
|
@@ -21,7 +21,7 @@ const PageHeader = (_a) => {
|
|
|
21
21
|
return (React.createElement("header", Object.assign({ role: role, className: react_styles_1.css(page_1.default.pageHeader, className) }, props),
|
|
22
22
|
(showNavToggle || logo) && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrand) },
|
|
23
23
|
showNavToggle && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrandToggle) },
|
|
24
|
-
React.createElement(Button_1.Button, { id:
|
|
24
|
+
React.createElement(Button_1.Button, { id: navToggleId, onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain },
|
|
25
25
|
React.createElement(bars_icon_1.default, null)))),
|
|
26
26
|
logo && (React.createElement(LogoComponent, Object.assign({ className: react_styles_1.css(page_1.default.pageHeaderBrandLink) }, logoProps), logo)))),
|
|
27
27
|
topNav && React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderNav) }, topNav),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE,iCAA+D;
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE,iCAA+D;AA+BxD,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAuB,EAC9B,SAAS,GAAG,IAAc,EAC1B,aAAa,GAAG,GAAG,EACnB,WAAW,GAAG,IAAuB,EACrC,MAAM,GAAG,IAAuB,EAChC,SAAS,GAAG,IAAI,EAChB,gBAAgB,EAAE,0BAA0B,GAAG,SAAS,EACxD,IAAI,GAAG,SAAmB,EAC1B,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,eAAe,EAAE,YAAY,GAAG,IAAI,OAEpB,EADb,KAAK,sBAf2D,mMAgBpE,CADS;IAER,MAAM,aAAa,GAAG,aAAoB,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;QACtD,OAAO,CAAC,IAAI,CACV,2IAA2I,CAC5I,CAAC;KACH;IACD,OAAO,CACL,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,8CAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;YACxE,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACxC,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,qBAAqB,CAAC;oBAC/C,oBAAC,eAAM,IACL,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,SAAS,gBACN,SAAS,mBACN,YAAY,mBACZ,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK;wBAE5B,oBAAC,mBAAQ,OAAG,CACL,CACL,CACP;gBACA,IAAI,IAAI,CACP,oBAAC,aAAa,kBAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,mBAAmB,CAAC,IAAM,SAAS,GACrE,IAAI,CACS,CACjB,CACG,CACP;YACA,MAAM,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,aAAa,CAAC,IAAG,MAAM,CAAO;YACnE,WAAW,CACL,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,UAAU,cA6DrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -13,6 +13,8 @@ export interface PageSidebarProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
13
13
|
isNavOpen?: boolean;
|
|
14
14
|
/** Indicates the color scheme of the sidebar */
|
|
15
15
|
theme?: 'dark' | 'light';
|
|
16
|
+
/** Sidebar id */
|
|
17
|
+
id?: string;
|
|
16
18
|
}
|
|
17
19
|
export interface PageSidebarContextProps {
|
|
18
20
|
isNavOpen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uIAAuI;IACvI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uIAAuI;IACvI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,0BAA0B,EAAE,uBAExC,CAAC;AACF,eAAO,MAAM,kBAAkB,iDAAoF,CAAC;AAEpH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAgCjE,CAAC"}
|
|
@@ -11,11 +11,11 @@ exports.pageSidebarContextDefaults = {
|
|
|
11
11
|
};
|
|
12
12
|
exports.PageSidebarContext = React.createContext(exports.pageSidebarContextDefaults);
|
|
13
13
|
const PageSidebar = (_a) => {
|
|
14
|
-
var { className = '', nav, isNavOpen = true, theme = 'dark' } = _a, props = tslib_1.__rest(_a, ["className", "nav", "isNavOpen", "theme"]);
|
|
14
|
+
var { className = '', nav, isNavOpen = true, theme = 'dark', id = 'page-sidebar' } = _a, props = tslib_1.__rest(_a, ["className", "nav", "isNavOpen", "theme", "id"]);
|
|
15
15
|
return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, isNavOpen: managedIsNavOpen }) => {
|
|
16
16
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
17
|
-
return (React.createElement("div", Object.assign({ id:
|
|
18
|
-
React.createElement("div", { className: page_1.default.pageSidebarBody },
|
|
17
|
+
return (React.createElement("div", Object.assign({ id: id, className: react_styles_1.css(page_1.default.pageSidebar, theme === 'light' && page_1.default.modifiers.light, navOpen && page_1.default.modifiers.expanded, !navOpen && page_1.default.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
|
|
18
|
+
React.createElement("div", { className: react_styles_1.css(page_1.default.pageSidebarBody) },
|
|
19
19
|
React.createElement(exports.PageSidebarContext.Provider, { value: { isNavOpen: navOpen } }, nav))));
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iCAA6C;
|
|
1
|
+
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iCAA6C;AAuBhC,QAAA,0BAA0B,GAA4B;IACjE,SAAS,EAAE,IAAI;CAChB,CAAC;AACW,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAmC,kCAA0B,CAAC,CAAC;AAE7G,MAAM,WAAW,GAA8C,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACrE,SAAS,GAAG,EAAE,EACd,GAAG,EACH,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,MAAM,EACd,EAAE,GAAG,cAAc,OAEF,EADd,KAAK,sBAN6D,gDAOtE,CADS;IACc,OAAA,CACtB,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,2CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,WAAW,EAClB,KAAK,KAAK,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,EAC3C,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACpC,CAAC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EACtC,SAAS,CACV,iBACY,CAAC,OAAO,IACjB,KAAK;YAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACzC,oBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAG,GAAG,CAA+B,CAC3F,CACF,CACP,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AAhCW,QAAA,WAAW,eAgCtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -7,6 +7,8 @@ export interface PageToggleButtonProps extends ButtonProps {
|
|
|
7
7
|
isNavOpen?: boolean;
|
|
8
8
|
/** Callback function to handle the side nav toggle button, managed by the Page component if the Page isManagedSidebar prop is set to true */
|
|
9
9
|
onNavToggle?: () => void;
|
|
10
|
+
/** Button id */
|
|
11
|
+
id?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare const PageToggleButton: React.FunctionComponent<PageToggleButtonProps>;
|
|
12
14
|
//# sourceMappingURL=PageToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CA0B3E,CAAC"}
|
|
@@ -7,11 +7,11 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
7
7
|
const Button_1 = require("../../components/Button");
|
|
8
8
|
const Page_1 = require("./Page");
|
|
9
9
|
const PageToggleButton = (_a) => {
|
|
10
|
-
var { children, isNavOpen = true, onNavToggle = () => undefined } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle"]);
|
|
10
|
+
var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
|
|
11
11
|
return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
|
12
12
|
const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
|
13
13
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
14
|
-
return (React.createElement(Button_1.Button, Object.assign({ id:
|
|
14
|
+
return (React.createElement(Button_1.Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain }, props), children));
|
|
15
15
|
}));
|
|
16
16
|
};
|
|
17
17
|
exports.PageToggleButton = PageToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;AAaxD,MAAM,gBAAgB,GAAmD,CAAC,EAMzD,EAAE,EAAE;QANqD,EAC/E,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,EAAE,GAAG,YAAY,OAEK,EADnB,KAAK,sBALuE,8CAMhF,CADS;IACmB,OAAA,CAC3B,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,oBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,SAAS,gBACP,wBAAwB,mBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK,IACxB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyDD,eAAO,MAAM,UAAU,qFAErB,CAAC"}
|
|
@@ -12,14 +12,16 @@ const variantStyle = {
|
|
|
12
12
|
light300: tab_content_1.default.modifiers.light_300
|
|
13
13
|
};
|
|
14
14
|
const TabContentBase = (_a) => {
|
|
15
|
-
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
15
|
+
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
16
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17
|
+
eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
|
|
16
18
|
if (children || child) {
|
|
17
19
|
let labelledBy;
|
|
18
20
|
if (ariaLabel) {
|
|
19
21
|
labelledBy = null;
|
|
20
22
|
}
|
|
21
23
|
else {
|
|
22
|
-
labelledBy = children ?
|
|
24
|
+
labelledBy = children ? `${id}` : `pf-tab-${child.props.eventKey}-${id}`;
|
|
23
25
|
}
|
|
24
26
|
return (React.createElement(TabsContext_1.TabsContextConsumer, null, ({ variant }) => (React.createElement("section", Object.assign({ ref: innerRef, hidden: children ? null : child.props.eventKey !== activeKey, className: children
|
|
25
27
|
? react_styles_1.css('pf-c-tab-content', className, variantStyle[variant])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,
|
|
1
|
+
{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,EAahD,EAAE,EAAE;QAb4C,EAChE,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,QAAQ,EACR,SAAS;IACT,6DAA6D;IAC7D,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,OAEQ,EADb,KAAK,sBAZwD,iHAajE,CADS;IAER,IAAI,QAAQ,IAAI,KAAK,EAAE;QACrB,IAAI,UAAkB,CAAC;QACvB,IAAI,SAAS,EAAE;YACb,UAAU,GAAG,IAAI,CAAC;SACnB;aAAM;YACL,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;SAC1E;QAED,OAAO,CACL,oBAAC,iCAAmB,QACjB,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,CAAC,CAClC,+CACE,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC5D,SAAS,EACP,QAAQ;gBACN,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC3D,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,EAE3E,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,gBACtD,SAAS,qBACJ,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,IACP,sBAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC5C,KAAK,GAER,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CACzB,CACX,CACmB,CACvB,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAClG,oBAAC,cAAc,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC7C,CAAC,CAAC"}
|