@patternfly/react-core 4.211.0 → 4.211.3
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 +30 -0
- package/dist/esm/components/Menu/Menu.js +1 -1
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/esm/components/Page/PageGroup.js +1 -1
- package/dist/esm/components/Page/PageGroup.js.map +1 -1
- package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/esm/components/Page/PageNavigation.js +1 -1
- package/dist/esm/components/Page/PageNavigation.js.map +1 -1
- package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSection.js +1 -1
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/components/Panel/Panel.d.ts +3 -1
- package/dist/esm/components/Panel/Panel.d.ts.map +1 -1
- package/dist/esm/components/Panel/Panel.js +4 -3
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.d.ts +6 -0
- package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +2 -2
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/helpers/KeyboardHandler.d.ts +2 -0
- package/dist/esm/helpers/KeyboardHandler.d.ts.map +1 -1
- package/dist/esm/helpers/KeyboardHandler.js +3 -2
- package/dist/esm/helpers/KeyboardHandler.js.map +1 -1
- package/dist/js/components/Menu/Menu.js +1 -1
- package/dist/js/components/Menu/Menu.js.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/js/components/Page/PageGroup.js +1 -1
- package/dist/js/components/Page/PageGroup.js.map +1 -1
- package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/js/components/Page/PageNavigation.js +1 -1
- package/dist/js/components/Page/PageNavigation.js.map +1 -1
- package/dist/js/components/Page/PageSection.d.ts.map +1 -1
- package/dist/js/components/Page/PageSection.js +1 -1
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/components/Panel/Panel.d.ts +3 -1
- package/dist/js/components/Panel/Panel.d.ts.map +1 -1
- package/dist/js/components/Panel/Panel.js +4 -4
- package/dist/js/components/Panel/Panel.js.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.d.ts +6 -0
- package/dist/js/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.js +2 -2
- package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/js/helpers/KeyboardHandler.d.ts +2 -0
- package/dist/js/helpers/KeyboardHandler.d.ts.map +1 -1
- package/dist/js/helpers/KeyboardHandler.js +3 -2
- package/dist/js/helpers/KeyboardHandler.js.map +1 -1
- package/dist/umd/react-core.js +14 -12
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/Menu/Menu.tsx +1 -1
- package/src/components/Page/PageBreadcrumb.tsx +1 -0
- package/src/components/Page/PageGroup.tsx +1 -0
- package/src/components/Page/PageNavigation.tsx +1 -0
- package/src/components/Page/PageSection.tsx +1 -0
- package/src/components/Page/__tests__/__snapshots__/PageBreadcrumb.test.tsx.snap +1 -0
- package/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap +1 -0
- package/src/components/Page/__tests__/__snapshots__/PageNavigation.test.tsx.snap +1 -0
- package/src/components/Page/__tests__/__snapshots__/PageSection.test.tsx.snap +1 -0
- package/src/components/Panel/Panel.tsx +8 -1
- package/src/components/Tabs/examples/Tabs.md +144 -25
- package/src/components/Tooltip/Tooltip.tsx +8 -0
- package/src/components/Tooltip/examples/Tooltip.md +86 -41
- package/src/demos/ComposableMenu/ComposableMenu.md +2 -0
- package/src/demos/ComposableMenu/examples/ComposableTreeViewMenu.tsx +62 -28
- package/src/helpers/KeyboardHandler.tsx +7 -2
|
@@ -38,7 +38,7 @@ const variantStyle = {
|
|
|
38
38
|
};
|
|
39
39
|
const PageSection = (_a) => {
|
|
40
40
|
var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
41
|
-
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(variantType[type], util_1.formatBreakpointMods(padding, page_1.default), variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }),
|
|
41
|
+
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(variantType[type], util_1.formatBreakpointMods(padding, page_1.default), variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
|
|
42
42
|
isWidthLimited && React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, children),
|
|
43
43
|
!isWidthLimited && children));
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAE1D,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,sCAAe,CAAA;IACf,oCAAa,CAAA;IACb,wCAAiB,CAAA;AACnB,CAAC,EALW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAK9B;AAED,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,+BAAW,CAAA;IACX,qCAAiB,CAAA;IACjB,6CAAyB,CAAA;IACzB,iCAAa,CAAA;IACb,qCAAiB,CAAA;AACnB,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B;AAoCD,MAAM,WAAW,GAAG;IAClB,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,cAAM,CAAC,eAAe;IAClD,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,cAAM,CAAC,WAAW;IAC1C,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,cAAM,CAAC,cAAc;IAChD,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,cAAM,CAAC,kBAAkB;IACxD,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,cAAM,CAAC,YAAY;IAC5C,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,cAAM,CAAC,cAAc;CACjD,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,EAAE;IACjC,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,cAAM,CAAC,SAAS,CAAC,KAAK;IACnD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,cAAM,CAAC,SAAS,CAAC,QAAQ;IACrD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,cAAM,CAAC,SAAS,CAAC,QAAQ;CACxD,CAAC;AAEK,MAAM,WAAW,GAA8C,CAAC,EAcpD,EAAE,EAAE;QAdgD,EACrE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAER,EADd,KAAK,sBAb6D,0KActE,CADS;IACc,OAAA,CACtB,iDACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,WAAW,CAAC,IAAI,CAAC,EACjB,2BAAoB,CAAC,OAAO,EAAE,cAAM,CAAC,EACrC,YAAY,CAAC,OAAO,CAAC,EACrB,QAAQ,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,MAAM,EAC7C,QAAQ,KAAK,IAAI,IAAI,cAAM,CAAC,SAAS,CAAC,IAAI,EAC1C,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,cAAc,IAAI,eAAe,IAAI,IAAI,KAAK,gBAAgB,CAAC,MAAM,IAAI,cAAM,CAAC,SAAS,CAAC,WAAW,EACrG,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV;
|
|
1
|
+
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export interface PanelProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
8
8
|
variant?: 'raised' | 'bordered';
|
|
9
9
|
/** Flag to add scrollable styling to the panel */
|
|
10
10
|
isScrollable?: boolean;
|
|
11
|
+
/** @hide Forwarded ref */
|
|
12
|
+
innerRef?: React.Ref<any>;
|
|
11
13
|
}
|
|
12
|
-
export declare const Panel: React.
|
|
14
|
+
export declare const Panel: React.ForwardRefExoticComponent<Pick<PanelProps, "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" | "variant" | "innerRef" | "isScrollable"> & React.RefAttributes<any>>;
|
|
13
15
|
//# sourceMappingURL=Panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAyBD,eAAO,MAAM,KAAK,s1LAEhB,CAAC"}
|
|
@@ -5,10 +5,10 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const panel_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Panel/panel"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const
|
|
9
|
-
var { className, children, variant, isScrollable } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "isScrollable"]);
|
|
10
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(panel_1.default.panel, variant === 'raised' && panel_1.default.modifiers.raised, variant === 'bordered' && panel_1.default.modifiers.bordered, isScrollable && panel_1.default.modifiers.scrollable, className) }, props), children));
|
|
8
|
+
const PanelBase = (_a) => {
|
|
9
|
+
var { className, children, variant, isScrollable, innerRef } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "isScrollable", "innerRef"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(panel_1.default.panel, variant === 'raised' && panel_1.default.modifiers.raised, variant === 'bordered' && panel_1.default.modifiers.bordered, isScrollable && panel_1.default.modifiers.scrollable, className), ref: innerRef }, props), children));
|
|
11
11
|
};
|
|
12
|
-
exports.Panel =
|
|
12
|
+
exports.Panel = React.forwardRef((props, ref) => (React.createElement(PanelBase, Object.assign({ innerRef: ref }, props))));
|
|
13
13
|
exports.Panel.displayName = 'Panel';
|
|
14
14
|
//# sourceMappingURL=Panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAe/C,MAAM,SAAS,GAAwC,CAAC,EAO3C,EAAE,EAAE;QAPuC,EACtD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,OAEG,EADR,KAAK,sBAN8C,gEAOvD,CADS;IACQ,OAAA,CAChB,2CACE,SAAS,EAAE,kBAAG,CACZ,eAAM,CAAC,KAAK,EACZ,OAAO,KAAK,QAAQ,IAAI,eAAM,CAAC,SAAS,CAAC,MAAM,EAC/C,OAAO,KAAK,UAAU,IAAI,eAAM,CAAC,SAAS,CAAC,QAAQ,EACnD,YAAY,IAAI,eAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,CACV,EACD,GAAG,EAAE,QAAQ,IACT,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEW,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAmB,EAAE,EAAE,CAAC,CAChF,oBAAC,SAAS,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CACxC,CAAC,CAAC;AACH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -25,6 +25,12 @@ export interface TooltipProps extends Omit<React.HTMLProps<HTMLDivElement>, 'con
|
|
|
25
25
|
* If you don't want that or prefer to add the aria attribute yourself on the trigger, set aria to 'none'.
|
|
26
26
|
*/
|
|
27
27
|
aria?: 'describedby' | 'labelledby' | 'none';
|
|
28
|
+
/**
|
|
29
|
+
* Determines whether the tooltip is an aria-live region. If the reference prop is passed in the
|
|
30
|
+
* default behavior is 'polite' in order to ensure the tooltip contents is announced to
|
|
31
|
+
* assistive technologies. Otherwise the default behavior is 'off'.
|
|
32
|
+
*/
|
|
33
|
+
'aria-live'?: 'off' | 'polite';
|
|
28
34
|
/**
|
|
29
35
|
* The reference element to which the Tooltip is relatively placed to.
|
|
30
36
|
* If you cannot wrap the reference with the Tooltip, you can use the reference prop instead.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAEhF,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EACT,MAAM,GACN,CACI,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CACd,EAAE,CAAC;IACR,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EACL,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4HAA4H;IAC5H,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAChE,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC;AAKD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAEhF,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;IAC7C;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EACT,MAAM,GACN,CACI,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CACd,EAAE,CAAC;IACR,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EACL,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4HAA4H;IAC5H,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAChE,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC;AAKD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CA4LzD,CAAC"}
|
|
@@ -32,7 +32,7 @@ let pfTooltipIdCounter = 1;
|
|
|
32
32
|
const Tooltip = (_a) => {
|
|
33
33
|
var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 0, appendTo = () => document.body, zIndex = 9999, maxWidth = c_tooltip_MaxWidth_1.default.value, distance = 15, aria = 'describedby',
|
|
34
34
|
// For every initial starting position, there are 3 escape positions
|
|
35
|
-
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, boundary, isAppLauncher, tippyProps } = _a, rest = tslib_1.__rest(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", "boundary", "isAppLauncher", "tippyProps"]);
|
|
35
|
+
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps } = _a, rest = tslib_1.__rest(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps"]);
|
|
36
36
|
if (process.env.NODE_ENV !== 'production') {
|
|
37
37
|
boundary !== undefined &&
|
|
38
38
|
console.warn('The Tooltip boundary prop has been deprecated. If you want to constrain the popper to a specific element use the appendTo prop instead.');
|
|
@@ -116,7 +116,7 @@ const Tooltip = (_a) => {
|
|
|
116
116
|
'right-end': tooltip_1.default.modifiers.rightBottom
|
|
117
117
|
};
|
|
118
118
|
const hasCustomMaxWidth = maxWidth !== c_tooltip_MaxWidth_1.default.value;
|
|
119
|
-
const content = (React.createElement("div", Object.assign({ className: react_styles_1.css(tooltip_1.default.tooltip, className), role: "tooltip", id: id, style: {
|
|
119
|
+
const content = (React.createElement("div", Object.assign({ "aria-live": ariaLive, className: react_styles_1.css(tooltip_1.default.tooltip, className), role: "tooltip", id: id, style: {
|
|
120
120
|
maxWidth: hasCustomMaxWidth ? maxWidth : null,
|
|
121
121
|
opacity,
|
|
122
122
|
transition: Popper_1.getOpacityTransition(animationDuration)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,qDAAkD;AAClD,iDAA8C;AAC9C,uDAAoD;AACpD,qHAAmF;AAEnF,wDAA2E;AAG3E,IAAY,eAcX;AAdD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,+CAA4B,CAAA;IAC5B,2CAAwB,CAAA;IACxB,2CAAwB,CAAA;IACxB,uCAAoB,CAAA;IACpB,6CAA0B,CAAA;IAC1B,yCAAsB,CAAA;AACxB,CAAC,EAdW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAc1B;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,qDAAkD;AAClD,iDAA8C;AAC9C,uDAAoD;AACpD,qHAAmF;AAEnF,wDAA2E;AAG3E,IAAY,eAcX;AAdD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,+CAA4B,CAAA;IAC5B,2CAAwB,CAAA;IACxB,2CAAwB,CAAA;IACxB,uCAAoB,CAAA;IACpB,6CAA0B,CAAA;IAC1B,yCAAsB,CAAA;AACxB,CAAC,EAdW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAc1B;AAiHD,kFAAkF;AAClF,IAAI,kBAAkB,GAAG,CAAC,CAAC;AAEpB,MAAM,OAAO,GAA0C,CAAC,EA0BhD,EAAE,EAAE;QA1B4C,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,kBAAkB,EAC5B,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,KAAK,EAC5B,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,GAAG,EAChB,SAAS,GAAG,CAAC,EACb,QAAQ,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAC9B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,4BAAe,CAAC,KAAK,EAChC,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,aAAa;IACpB,oEAAoE;IACpE,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC3E,EAAE,GAAG,cAAc,kBAAkB,EAAE,EAAE,EACzC,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EACR,aAAa,EACb,UAAU,OAEG,EADV,IAAI,sBAzBsD,+SA0B9D,CADQ;IAEP,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,QAAQ,KAAK,SAAS;YACpB,OAAO,CAAC,IAAI,CACV,yIAAyI,CAC1I,CAAC;QACJ,aAAa,KAAK,SAAS;YACzB,OAAO,CAAC,IAAI,CAAC,2EAA2E,CAAC,CAAC;QAC5F,UAAU,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,wEAAwE,CAAC,CAAC;KACpH;IACD,iEAAiE;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,OAAO,KAAK,QAAQ,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,WAAmC,EAAE,EAAE;QAC5D,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACxB,IAAI,GAAG,CAAC,OAAO,EAAE;gBACf,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,+BAA+B;IAC/B,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,aAAa,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAClE,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACjD,IAAI,CAAC,eAAe,EAAE;YACpB,IAAI,KAAK,CAAC,OAAO,KAAK,qBAAS,CAAC,UAAU,IAAI,OAAO,EAAE;gBACrD,IAAI,EAAE,CAAC;aACR;SACF;IACH,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC9C,IAAI,KAAK,CAAC,OAAO,KAAK,qBAAS,CAAC,KAAK,EAAE;YACrC,IAAI,CAAC,OAAO,EAAE;gBACZ,IAAI,EAAE,CAAC;aACR;iBAAM;gBACL,IAAI,EAAE,CAAC;aACR;SACF;IACH,CAAC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,aAAa,CAAC,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC;QAClD,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9B,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtF,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG;QACxB,GAAG,EAAE,iBAAM,CAAC,SAAS,CAAC,GAAG;QACzB,MAAM,EAAE,iBAAM,CAAC,SAAS,CAAC,MAAM;QAC/B,IAAI,EAAE,iBAAM,CAAC,SAAS,CAAC,IAAI;QAC3B,KAAK,EAAE,iBAAM,CAAC,SAAS,CAAC,KAAK;QAC7B,WAAW,EAAE,iBAAM,CAAC,SAAS,CAAC,OAAO;QACrC,SAAS,EAAE,iBAAM,CAAC,SAAS,CAAC,QAAQ;QACpC,cAAc,EAAE,iBAAM,CAAC,SAAS,CAAC,UAAU;QAC3C,YAAY,EAAE,iBAAM,CAAC,SAAS,CAAC,WAAW;QAC1C,YAAY,EAAE,iBAAM,CAAC,SAAS,CAAC,OAAO;QACtC,UAAU,EAAE,iBAAM,CAAC,SAAS,CAAC,UAAU;QACvC,aAAa,EAAE,iBAAM,CAAC,SAAS,CAAC,QAAQ;QACxC,WAAW,EAAE,iBAAM,CAAC,SAAS,CAAC,WAAW;KAC1C,CAAC;IACF,MAAM,iBAAiB,GAAG,QAAQ,KAAK,4BAAe,CAAC,KAAK,CAAC;IAC7D,MAAM,OAAO,GAAG,CACd,wDACa,QAAQ,EACnB,SAAS,EAAE,kBAAG,CAAC,iBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACzC,IAAI,EAAC,SAAS,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;YACL,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YAC7C,OAAO;YACP,UAAU,EAAE,6BAAoB,CAAC,iBAAiB,CAAC;SACpD,IACG,IAAI;QAER,oBAAC,2BAAY,OAAG;QAChB,oBAAC,+BAAc,IAAC,aAAa,EAAE,oBAAoB,IAAG,WAAW,CAAkB,CAC/E,CACP,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,cAA2B,EAAE,EAAE;QACzE,iCAAiC;QACjC,yDAAyD;QACzD,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,yDAAyD;YACzD,IAAI,OAAO,EAAE;gBACX,IAAI,EAAE,CAAC;aACR;iBAAM,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;gBAC1C,IAAI,EAAE,CAAC;aACR;SACF;aAAM,IAAI,WAAW,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;YACtE,sFAAsF;YACtF,IAAI,OAAO,EAAE;gBACX,IAAI,EAAE,CAAC;aACR;iBAAM;gBACL,IAAI,EAAE,CAAC;aACR;SACF;aAAM,IAAI,WAAW,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;YAC/E,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,IAAI,KAAK,aAAa,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;YAC/F,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;SACjE;aAAM,IAAI,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE;YACxF,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAAC;SAChE;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAM,IACL,OAAO,EAAE,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,QAAQ,EACnE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,OAAO,EACf,yBAAyB,EAAE,KAAK,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,mBAAmB,IAAI,IAAI,EACzC,YAAY,EAAE,mBAAmB,IAAI,IAAI,EACzC,OAAO,EAAE,cAAc,IAAI,IAAI,EAC/B,MAAM,EAAE,cAAc,IAAI,IAAI,EAC9B,eAAe,EAAE,cAAc,IAAI,eAAe,EAClD,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAC7D,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EACvD,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AA5LW,QAAA,OAAO,WA4LlB;AACF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -16,6 +16,8 @@ export interface KeyboardHandlerProps {
|
|
|
16
16
|
validSiblingTags?: string[];
|
|
17
17
|
/** Flag indicating that the tabIndex of the currently focused element and next focused element should be updated, in the case of using a roving tabIndex */
|
|
18
18
|
updateTabIndex?: boolean;
|
|
19
|
+
/** Flag indicating that next focusable element of a horizontal movement will be this element's sibling */
|
|
20
|
+
onlyTraverseSiblings?: boolean;
|
|
19
21
|
/** Flag indicating that the included vertical arrow key handling should be ignored */
|
|
20
22
|
noVerticalArrowHandling?: boolean;
|
|
21
23
|
/** Flag indicating that the included horizontal arrow key handling should be ignored */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardHandler.d.ts","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,mLAAmL;IACnL,uBAAuB,EAAE,MAAM,OAAO,EAAE,CAAC;IACzC,wKAAwK;IACxK,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACzD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,mHAAmH;IACnH,eAAe,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IACzD,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4JAA4J;IAC5J,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sFAAsF;IACtF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,UAChB,aAAa,qBACD,OAAO,EAAE,8BACD,OAAO,KAAK,OAAO,kCACf,OAAO,KAAK,OAAO,qBAChC,MAAM,EAAE,4BACD,OAAO,8BACL,OAAO,mBAClB,OAAO,yBACD,OAAO,SAoG9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,YAAa,WAAW,EAAE,SASjD,CAAC;AAEF,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"KeyboardHandler.d.ts","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,mLAAmL;IACnL,uBAAuB,EAAE,MAAM,OAAO,EAAE,CAAC;IACzC,wKAAwK;IACxK,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IACzD,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,mHAAmH;IACnH,eAAe,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IACzD,oGAAoG;IACpG,mBAAmB,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4JAA4J;IAC5J,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0GAA0G;IAC1G,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sFAAsF;IACtF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,UAChB,aAAa,qBACD,OAAO,EAAE,8BACD,OAAO,KAAK,OAAO,kCACf,OAAO,KAAK,OAAO,qBAChC,MAAM,EAAE,4BACD,OAAO,8BACL,OAAO,mBAClB,OAAO,yBACD,OAAO,SAoG9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,YAAa,WAAW,EAAE,SASjD,CAAC;AAEF,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAYvC;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,UAAW,aAAa,UAiEhC;IAEF,qBAAqB,UAAW,aAAa,SAG3C;IAEF,MAAM;CAGP"}
|
|
@@ -134,7 +134,7 @@ class KeyboardHandler extends React.Component {
|
|
|
134
134
|
if (isEventFromContainer ? !isEventFromContainer(event) : !this._isEventFromContainer(event)) {
|
|
135
135
|
return;
|
|
136
136
|
}
|
|
137
|
-
const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements } = this.props;
|
|
137
|
+
const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements, onlyTraverseSiblings } = this.props;
|
|
138
138
|
// Pass the event off to be handled by any custom handler
|
|
139
139
|
additionalKeyHandler && additionalKeyHandler(event);
|
|
140
140
|
// Initalize navigableElements from the createNavigableElements callback
|
|
@@ -162,7 +162,7 @@ class KeyboardHandler extends React.Component {
|
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
164
|
// Inject helper handler for arrow navigation
|
|
165
|
-
exports.handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex);
|
|
165
|
+
exports.handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex, onlyTraverseSiblings);
|
|
166
166
|
};
|
|
167
167
|
this._isEventFromContainer = (event) => {
|
|
168
168
|
const { containerRef } = this.props;
|
|
@@ -191,6 +191,7 @@ KeyboardHandler.defaultProps = {
|
|
|
191
191
|
isActiveElement: (navigableElement) => document.activeElement === navigableElement,
|
|
192
192
|
getFocusableElement: (navigableElement) => navigableElement,
|
|
193
193
|
validSiblingTags: ['BUTTON', 'A'],
|
|
194
|
+
onlyTraverseSiblings: true,
|
|
194
195
|
updateTabIndex: true,
|
|
195
196
|
noHorizontalArrowHandling: false,
|
|
196
197
|
noVerticalArrowHandling: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardHandler.js","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iCAAmC;
|
|
1
|
+
{"version":3,"file":"KeyboardHandler.js","sourceRoot":"","sources":["../../../src/helpers/KeyboardHandler.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -3332,7 +3332,7 @@
|
|
|
3332
3332
|
if (isEventFromContainer ? !isEventFromContainer(event) : !this._isEventFromContainer(event)) {
|
|
3333
3333
|
return;
|
|
3334
3334
|
}
|
|
3335
|
-
const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements } = this.props;
|
|
3335
|
+
const { isActiveElement, getFocusableElement, noVerticalArrowHandling, noHorizontalArrowHandling, noEnterHandling, noSpaceHandling, updateTabIndex, validSiblingTags, additionalKeyHandler, createNavigableElements, onlyTraverseSiblings } = this.props;
|
|
3336
3336
|
// Pass the event off to be handled by any custom handler
|
|
3337
3337
|
additionalKeyHandler && additionalKeyHandler(event);
|
|
3338
3338
|
// Initalize navigableElements from the createNavigableElements callback
|
|
@@ -3360,7 +3360,7 @@
|
|
|
3360
3360
|
}
|
|
3361
3361
|
}
|
|
3362
3362
|
// Inject helper handler for arrow navigation
|
|
3363
|
-
handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex);
|
|
3363
|
+
handleArrows(event, navigableElements, isActiveElement, getFocusableElement, validSiblingTags, noVerticalArrowHandling, noHorizontalArrowHandling, updateTabIndex, onlyTraverseSiblings);
|
|
3364
3364
|
};
|
|
3365
3365
|
this._isEventFromContainer = (event) => {
|
|
3366
3366
|
const { containerRef } = this.props;
|
|
@@ -3388,6 +3388,7 @@
|
|
|
3388
3388
|
isActiveElement: (navigableElement) => document.activeElement === navigableElement,
|
|
3389
3389
|
getFocusableElement: (navigableElement) => navigableElement,
|
|
3390
3390
|
validSiblingTags: ['BUTTON', 'A'],
|
|
3391
|
+
onlyTraverseSiblings: true,
|
|
3391
3392
|
updateTabIndex: true,
|
|
3392
3393
|
noHorizontalArrowHandling: false,
|
|
3393
3394
|
noVerticalArrowHandling: false,
|
|
@@ -4237,7 +4238,7 @@
|
|
|
4237
4238
|
const Tooltip = (_a) => {
|
|
4238
4239
|
var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 0, appendTo = () => document.body, zIndex = 9999, maxWidth = tooltipMaxWidth.value, distance = 15, aria = 'describedby',
|
|
4239
4240
|
// For every initial starting position, there are 3 escape positions
|
|
4240
|
-
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, boundary, isAppLauncher, tippyProps } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", "boundary", "isAppLauncher", "tippyProps"]);
|
|
4241
|
+
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps"]);
|
|
4241
4242
|
{
|
|
4242
4243
|
boundary !== undefined &&
|
|
4243
4244
|
console.warn('The Tooltip boundary prop has been deprecated. If you want to constrain the popper to a specific element use the appendTo prop instead.');
|
|
@@ -4319,7 +4320,7 @@
|
|
|
4319
4320
|
'right-end': styles$19.modifiers.rightBottom
|
|
4320
4321
|
};
|
|
4321
4322
|
const hasCustomMaxWidth = maxWidth !== tooltipMaxWidth.value;
|
|
4322
|
-
const content = (React__namespace.createElement("div", Object.assign({ className: css(styles$19.tooltip, className), role: "tooltip", id: id, style: {
|
|
4323
|
+
const content = (React__namespace.createElement("div", Object.assign({ "aria-live": ariaLive, className: css(styles$19.tooltip, className), role: "tooltip", id: id, style: {
|
|
4323
4324
|
maxWidth: hasCustomMaxWidth ? maxWidth : null,
|
|
4324
4325
|
opacity,
|
|
4325
4326
|
transition: getOpacityTransition(animationDuration)
|
|
@@ -14440,7 +14441,7 @@
|
|
|
14440
14441
|
|
|
14441
14442
|
const PageGroup = (_a) => {
|
|
14442
14443
|
var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
14443
|
-
return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$z.pageMainGroup, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }), children));
|
|
14444
|
+
return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$z.pageMainGroup, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
|
|
14444
14445
|
};
|
|
14445
14446
|
PageGroup.displayName = 'PageGroup';
|
|
14446
14447
|
|
|
@@ -14783,7 +14784,7 @@
|
|
|
14783
14784
|
const isDrilldown = this.props.containsDrilldown;
|
|
14784
14785
|
return isDrilldown
|
|
14785
14786
|
? Array.from(this.activeMenu.getElementsByTagName('UL')[0].children).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')))
|
|
14786
|
-
: Array.from(this.
|
|
14787
|
+
: Array.from(this.menuRef.current.getElementsByTagName('LI')).filter(el => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
|
|
14787
14788
|
};
|
|
14788
14789
|
if (props.innerRef) {
|
|
14789
14790
|
this.menuRef = props.innerRef;
|
|
@@ -16787,7 +16788,7 @@
|
|
|
16787
16788
|
|
|
16788
16789
|
const PageBreadcrumb = (_a) => {
|
|
16789
16790
|
var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
16790
|
-
return (React__namespace.createElement("section", Object.assign({ className: css(styles$z.pageMainBreadcrumb, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, props),
|
|
16791
|
+
return (React__namespace.createElement("section", Object.assign({ className: css(styles$z.pageMainBreadcrumb, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
|
|
16791
16792
|
isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
|
|
16792
16793
|
!isWidthLimited && children));
|
|
16793
16794
|
};
|
|
@@ -16859,7 +16860,7 @@
|
|
|
16859
16860
|
};
|
|
16860
16861
|
const PageSection = (_a) => {
|
|
16861
16862
|
var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
16862
|
-
return (React__namespace.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles$z), variantStyle$3[variant], isFilled === false && styles$z.modifiers.noFill, isFilled === true && styles$z.modifiers.fill, isWidthLimited && styles$z.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== exports.PageSectionTypes.subNav && styles$z.modifiers.alignCenter, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }),
|
|
16863
|
+
return (React__namespace.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles$z), variantStyle$3[variant], isFilled === false && styles$z.modifiers.noFill, isFilled === true && styles$z.modifiers.fill, isWidthLimited && styles$z.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== exports.PageSectionTypes.subNav && styles$z.modifiers.alignCenter, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
|
|
16863
16864
|
isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
|
|
16864
16865
|
!isWidthLimited && children));
|
|
16865
16866
|
};
|
|
@@ -16887,7 +16888,7 @@
|
|
|
16887
16888
|
|
|
16888
16889
|
const PageNavigation = (_a) => {
|
|
16889
16890
|
var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest$1(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
16890
|
-
return (React__namespace.createElement("div", Object.assign({ className: css(styles$z.pageMainNav, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, props),
|
|
16891
|
+
return (React__namespace.createElement("div", Object.assign({ className: css(styles$z.pageMainNav, isWidthLimited && styles$z.modifiers.limitWidth, sticky === 'top' && styles$z.modifiers.stickyTop, sticky === 'bottom' && styles$z.modifiers.stickyBottom, hasShadowTop && styles$z.modifiers.shadowTop, hasShadowBottom && styles$z.modifiers.shadowBottom, hasOverflowScroll && styles$z.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
|
|
16891
16892
|
isWidthLimited && React__namespace.createElement("div", { className: css(styles$z.pageMainBody) }, children),
|
|
16892
16893
|
!isWidthLimited && children));
|
|
16893
16894
|
};
|
|
@@ -20690,10 +20691,11 @@
|
|
|
20690
20691
|
"panelMainBody": "pf-c-panel__main-body"
|
|
20691
20692
|
};
|
|
20692
20693
|
|
|
20693
|
-
const
|
|
20694
|
-
var { className, children, variant, isScrollable } = _a, props = __rest$1(_a, ["className", "children", "variant", "isScrollable"]);
|
|
20695
|
-
return (React__namespace.createElement("div", Object.assign({ className: css(styles$7.panel, variant === 'raised' && styles$7.modifiers.raised, variant === 'bordered' && styles$7.modifiers.bordered, isScrollable && styles$7.modifiers.scrollable, className) }, props), children));
|
|
20694
|
+
const PanelBase = (_a) => {
|
|
20695
|
+
var { className, children, variant, isScrollable, innerRef } = _a, props = __rest$1(_a, ["className", "children", "variant", "isScrollable", "innerRef"]);
|
|
20696
|
+
return (React__namespace.createElement("div", Object.assign({ className: css(styles$7.panel, variant === 'raised' && styles$7.modifiers.raised, variant === 'bordered' && styles$7.modifiers.bordered, isScrollable && styles$7.modifiers.scrollable, className), ref: innerRef }, props), children));
|
|
20696
20697
|
};
|
|
20698
|
+
const Panel = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(PanelBase, Object.assign({ innerRef: ref }, props))));
|
|
20697
20699
|
Panel.displayName = 'Panel';
|
|
20698
20700
|
|
|
20699
20701
|
const PanelMain = (_a) => {
|