@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/Breadcrumb/BreadcrumbHeading.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb';
+import { css } from '@patternfly/react-styles';
+export const BreadcrumbHeading = (_a) => {
+    var { children = null, className = '', to = undefined, target = undefined, component = 'a', showDivider } = _a, props = __rest(_a, ["children", "className", "to", "target", "component", "showDivider"]);
+    const Component = component;
+    return (React.createElement("li", Object.assign({}, props, { className: css(styles.breadcrumbItem, className) }),
+        showDivider && (React.createElement("span", { className: styles.breadcrumbItemDivider },
+            React.createElement(AngleRightIcon, null))),
+        React.createElement("h1", { className: styles.breadcrumbHeading },
+            !to && component === 'button' && (React.createElement("button", { className: css(styles.breadcrumbLink, styles.modifiers.current), "aria-current": true, type: "button" }, children)),
+            to && (React.createElement(Component, { href: to, target: target, className: css(styles.breadcrumbLink, styles.modifiers.current), "aria-current": "page" }, children)),
+            !to && component !== 'button' && React.createElement(React.Fragment, null, children))));
+};
+BreadcrumbHeading.displayName = 'BreadcrumbHeading';
+//# sourceMappingURL=BreadcrumbHeading.js.map

package/components/Breadcrumb/BreadcrumbHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbHeading.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbHeading.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,MAAM,MAAM,+DAA+D,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAiB/C,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAQ1D,EAAE,EAAE;QARsD,EACjF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,SAAS,EACd,MAAM,GAAG,SAAS,EAClB,SAAS,GAAG,GAAG,EACf,WAAW,OAEY,EADpB,KAAK,cAPyE,qEAQlF,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,4CAAQ,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC;QAC5D,WAAW,IAAI,CACd,8BAAM,SAAS,EAAE,MAAM,CAAC,qBAAqB;YAC3C,oBAAC,cAAc,OAAG,CACb,CACR;QACD,4BAAI,SAAS,EAAE,MAAM,CAAC,iBAAiB;YACpC,CAAC,EAAE,IAAI,SAAS,KAAK,QAAQ,IAAI,CAChC,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,wBAAe,IAAI,EAAC,QAAQ,IAChG,QAAQ,CACF,CACV;YACA,EAAE,IAAI,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,kBAClD,MAAM,IAElB,QAAQ,CACC,CACb;YACA,CAAC,EAAE,IAAI,SAAS,KAAK,QAAQ,IAAI,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAC1E,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface BreadcrumbItemRenderArgs {
+    className: string;
+    ariaCurrent: 'page' | undefined;
+}
+export interface BreadcrumbItemProps extends React.HTMLProps<HTMLLIElement> {
+    /** Content rendered inside the breadcrumb item. */
+    children?: React.ReactNode;
+    /** Additional classes added to the breadcrumb item. */
+    className?: string;
+    /** HREF for breadcrumb link. */
+    to?: string;
+    /** Flag indicating whether the item is active. */
+    isActive?: boolean;
+    /** Flag indicating whether the item contains a dropdown. */
+    isDropdown?: boolean;
+    /** Internal prop set by Breadcrumb on all but the first crumb */
+    showDivider?: boolean;
+    /** Target for breadcrumb link. */
+    target?: string;
+    /** Sets the base component to render. Defaults to <a> */
+    component?: React.ElementType;
+    /** A render function to render the component inside the breadcrumb item. */
+    render?: (props: BreadcrumbItemRenderArgs) => React.ReactNode;
+}
+export declare const BreadcrumbItem: React.FunctionComponent<BreadcrumbItemProps>;
+//# sourceMappingURL=BreadcrumbItem.d.ts.map

package/components/Breadcrumb/BreadcrumbItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACzE,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAqCvE,CAAC"}

package/components/Breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb';
+import { css } from '@patternfly/react-styles';
+export const BreadcrumbItem = (_a) => {
+    var { children = null, className: classNameProp = '', to = undefined, isActive = false, isDropdown = false, showDivider, target = undefined, component = 'a', render = undefined } = _a, props = __rest(_a, ["children", "className", "to", "isActive", "isDropdown", "showDivider", "target", "component", "render"]);
+    const Component = component;
+    const ariaCurrent = isActive ? 'page' : undefined;
+    const className = css(styles.breadcrumbLink, isActive && styles.modifiers.current);
+    return (React.createElement("li", Object.assign({}, props, { className: css(styles.breadcrumbItem, classNameProp) }),
+        showDivider && (React.createElement("span", { className: styles.breadcrumbItemDivider },
+            React.createElement(AngleRightIcon, null))),
+        component === 'button' && (React.createElement("button", { className: className, "aria-current": ariaCurrent, type: "button" }, children)),
+        isDropdown && React.createElement("span", { className: css(styles.breadcrumbDropdown) }, children),
+        render && render({ className, ariaCurrent }),
+        to && !render && (React.createElement(Component, { href: to, target: target, className: className, "aria-current": ariaCurrent }, children)),
+        !to && component !== 'button' && !isDropdown && children));
+};
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+//# sourceMappingURL=BreadcrumbItem.js.map

package/components/Breadcrumb/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,MAAM,MAAM,+DAA+D,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AA4B/C,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAWvD,EAAE,EAAE;QAXmD,EAC3E,QAAQ,GAAG,IAAI,EACf,SAAS,EAAE,aAAa,GAAG,EAAE,EAC7B,EAAE,GAAG,SAAS,EACd,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,SAAS,GAAG,GAAG,EACf,MAAM,GAAG,SAAS,OAEE,EADjB,KAAK,cAVmE,yGAW5E,CADS;IAER,MAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnF,OAAO,CACL,4CAAQ,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC;QAChE,WAAW,IAAI,CACd,8BAAM,SAAS,EAAE,MAAM,CAAC,qBAAqB;YAC3C,oBAAC,cAAc,OAAG,CACb,CACR;QACA,SAAS,KAAK,QAAQ,IAAI,CACzB,gCAAQ,SAAS,EAAE,SAAS,kBAAgB,WAAW,EAAE,IAAI,EAAC,QAAQ,IACnE,QAAQ,CACF,CACV;QACA,UAAU,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ;QAChF,MAAM,IAAI,MAAM,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;QAC5C,EAAE,IAAI,CAAC,MAAM,IAAI,CAChB,oBAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,kBAAgB,WAAW,IACjF,QAAQ,CACC,CACb;QACA,CAAC,EAAE,IAAI,SAAS,KAAK,QAAQ,IAAI,CAAC,UAAU,IAAI,QAAQ,CACtD,CACN,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/components/Breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Breadcrumb';
+export * from './BreadcrumbItem';
+export * from './BreadcrumbHeading';
+//# sourceMappingURL=index.d.ts.map

package/components/Breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/components/Breadcrumb/index.js

@@ -0,0 +1,4 @@
+export * from './Breadcrumb';
+export * from './BreadcrumbItem';
+export * from './BreadcrumbHeading';
+//# sourceMappingURL=index.js.map

package/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/components/Button/Button.d.ts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export declare enum ButtonVariant {
+    primary = "primary",
+    secondary = "secondary",
+    tertiary = "tertiary",
+    danger = "danger",
+    warning = "warning",
+    link = "link",
+    plain = "plain",
+    control = "control"
+}
+export declare enum ButtonType {
+    button = "button",
+    submit = "submit",
+    reset = "reset"
+}
+export declare enum ButtonSize {
+    default = "default",
+    sm = "sm",
+    lg = "lg"
+}
+export interface BadgeCountObject {
+    /**  Adds styling to the badge to indicate it has been read */
+    isRead?: boolean;
+    /** Adds count number right of button */
+    count?: number;
+    /** Additional classes added to the badge count */
+    className?: string;
+}
+export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'ref' | 'size'>, OUIAProps {
+    /** Content rendered inside the button */
+    children?: React.ReactNode;
+    /** Additional classes added to the button */
+    className?: string;
+    /** Sets the base component to render. defaults to button */
+    component?: React.ElementType<any> | React.ComponentType<any>;
+    /** Adds active styling to button. */
+    isActive?: boolean;
+    /** Adds block styling to button */
+    isBlock?: boolean;
+    /** Adds disabled styling and disables the button using the disabled html attribute */
+    isDisabled?: boolean;
+    /** Adds disabled styling and communicates that the button is disabled using the aria-disabled html attribute */
+    isAriaDisabled?: boolean;
+    /** Adds progress styling to button */
+    isLoading?: boolean;
+    /** Text describing that current loading status or progress */
+    spinnerAriaValueText?: string;
+    /** Accessible label for the spinner to describe what is loading */
+    spinnerAriaLabel?: string;
+    /** Id of element which describes what is being loaded */
+    spinnerAriaLabelledBy?: string;
+    /** Events to prevent when the button is in an aria-disabled state */
+    inoperableEvents?: string[];
+    /** Adds inline styling to a link button */
+    isInline?: boolean;
+    /** Adds styling which affects the size of the button */
+    size?: 'default' | 'sm' | 'lg';
+    /** Sets button type */
+    type?: 'button' | 'submit' | 'reset';
+    /** Adds button variant styles */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'link' | 'plain' | 'control';
+    /** Sets position of the link icon */
+    iconPosition?: 'left' | 'right';
+    /** Adds accessible text to the button. */
+    'aria-label'?: string;
+    /** Icon for the button. Usable by all variants except for plain. */
+    icon?: React.ReactNode | null;
+    /** Sets the button tabindex. */
+    tabIndex?: number;
+    /** Adds danger styling to secondary or link button variants */
+    isDanger?: boolean;
+    /** Forwarded ref */
+    innerRef?: React.Ref<any>;
+    /** Adds count number to button */
+    countOptions?: BadgeCountObject;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+//# sourceMappingURL=Button.d.ts.map

package/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/components/Button/Button.js

@@ -0,0 +1,63 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Button/button';
+import { css } from '@patternfly/react-styles';
+import { Spinner, spinnerSize } from '../Spinner';
+import { useOUIAProps } from '../../helpers';
+import { Badge } from '../Badge';
+export var ButtonVariant;
+(function (ButtonVariant) {
+    ButtonVariant["primary"] = "primary";
+    ButtonVariant["secondary"] = "secondary";
+    ButtonVariant["tertiary"] = "tertiary";
+    ButtonVariant["danger"] = "danger";
+    ButtonVariant["warning"] = "warning";
+    ButtonVariant["link"] = "link";
+    ButtonVariant["plain"] = "plain";
+    ButtonVariant["control"] = "control";
+})(ButtonVariant || (ButtonVariant = {}));
+export var ButtonType;
+(function (ButtonType) {
+    ButtonType["button"] = "button";
+    ButtonType["submit"] = "submit";
+    ButtonType["reset"] = "reset";
+})(ButtonType || (ButtonType = {}));
+export var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["default"] = "default";
+    ButtonSize["sm"] = "sm";
+    ButtonSize["lg"] = "lg";
+})(ButtonSize || (ButtonSize = {}));
+const ButtonBase = (_a) => {
+    var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = __rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
+    const ouiaProps = useOUIAProps(Button.displayName, ouiaId, ouiaSafe, variant);
+    const Component = component;
+    const isButtonElement = Component === 'button';
+    const isInlineSpan = isInline && Component === 'span';
+    const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
+            event.preventDefault();
+        } })), {});
+    const getDefaultTabIdx = () => {
+        if (isDisabled) {
+            return isButtonElement ? null : -1;
+        }
+        else if (isAriaDisabled) {
+            return null;
+        }
+        else if (isInlineSpan) {
+            return 0;
+        }
+    };
+    return (React.createElement(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), { "aria-disabled": isDisabled || isAriaDisabled, "aria-label": ariaLabel, className: css(styles.button, styles.modifiers[variant], isBlock && styles.modifiers.block, isDisabled && styles.modifiers.disabled, isAriaDisabled && styles.modifiers.ariaDisabled, isActive && styles.modifiers.active, isInline && variant === ButtonVariant.link && styles.modifiers.inline, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && styles.modifiers.danger, isLoading !== null && children !== null && styles.modifiers.progress, isLoading && styles.modifiers.inProgress, size === ButtonSize.sm && styles.modifiers.small, size === ButtonSize.lg && styles.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : null, ref: innerRef }, ouiaProps),
+        isLoading && (React.createElement("span", { className: css(styles.buttonProgress) },
+            React.createElement(Spinner, { size: spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }))),
+        variant === ButtonVariant.plain && children === null && icon ? icon : null,
+        variant !== ButtonVariant.plain && icon && iconPosition === 'left' && (React.createElement("span", { className: css(styles.buttonIcon, styles.modifiers.start) }, icon)),
+        children,
+        variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: css(styles.buttonIcon, styles.modifiers.end) }, icon)),
+        countOptions && (React.createElement("span", { className: css(styles.buttonCount, countOptions.className) },
+            React.createElement(Badge, { isRead: countOptions.isRead }, countOptions.count)))));
+};
+export const Button = React.forwardRef((props, ref) => (React.createElement(ButtonBase, Object.assign({ innerRef: ref }, props))));
+Button.displayName = 'Button';
+//# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+//# sourceMappingURL=index.d.ts.map

package/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/components/Button/index.js

@@ -0,0 +1,2 @@
+export * from './Button';
+//# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/components/CalendarMonth/CalendarMonth.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+export declare enum Weekday {
+    Sunday = 0,
+    Monday = 1,
+    Tuesday = 2,
+    Wednesday = 3,
+    Thursday = 4,
+    Friday = 5,
+    Saturday = 6
+}
+export interface CalendarMonthInlineProps {
+    /** Component wrapping the calendar month when used inline. Recommended to be 'article'. */
+    component?: keyof JSX.IntrinsicElements;
+    /** Title of the calendar rendered above the inline calendar month. Recommended to be a 'title' component. */
+    title?: React.ReactNode;
+    /** Id of the accessible label of the calendar month. Recommended to map to the title. */
+    ariaLabelledby?: string;
+}
+/** Additional properties that extend from and can be passed to the main component. These
+ * properties allow customizing the calendar formatting and aria-labels.
+ */
+export interface CalendarFormat {
+    /** Accessible label for the date cells. */
+    cellAriaLabel?: (date: Date) => string;
+    /** How to format days in buttons in table cells. */
+    dayFormat?: (date: Date) => React.ReactNode;
+    /** If using the default formatters which locale to use. Undefined defaults to current locale.
+     * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation
+     */
+    locale?: string;
+    /** How to format days in header for screen readers. */
+    longWeekdayFormat?: (date: Date) => React.ReactNode;
+    /** How to format months in month select. */
+    monthFormat?: (date: Date) => React.ReactNode;
+    /** Accessible label for the previous month button. */
+    prevMonthAriaLabel?: string;
+    /** Accessible label for the next month button. */
+    nextMonthAriaLabel?: string;
+    /** Which date to start range styles from. */
+    rangeStart?: Date;
+    /** How to format week days in header. */
+    weekdayFormat?: (date: Date) => React.ReactNode;
+    /** Day of week that starts the week. 0 is Sunday, 6 is Saturday. */
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | Weekday;
+    /** Accessible label for the year input. */
+    yearInputAriaLabel?: string;
+    /** Props used to ensure accessibility when displaying the calendar month inline. */
+    inlineProps?: CalendarMonthInlineProps;
+}
+export interface CalendarProps extends CalendarFormat, Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
+    /** Additional classes to add to the outer div of the calendar month. */
+    className?: string;
+    /** Month/year to base other dates around. */
+    date?: Date;
+    /** Flag to set browser focus on the passed date. **/
+    isDateFocused?: boolean;
+    /** Callback when date is selected. */
+    onChange?: (date: Date) => void;
+    /** Callback when month or year is changed. */
+    onMonthChange?: (newDate?: Date, event?: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>) => void;
+    /** @hide Internal prop to allow pressing escape in select menu to not close popover. */
+    onSelectToggle?: (open: boolean) => void;
+    /** Functions that returns if a date is valid and selectable. */
+    validators?: ((date: Date) => boolean)[];
+}
+/** The main calendar month component. */
+export declare const CalendarMonth: {
+    ({ date: dateProp, locale, monthFormat, weekdayFormat, longWeekdayFormat, dayFormat, weekStart, onChange, validators, className, onSelectToggle, onMonthChange, rangeStart, prevMonthAriaLabel, nextMonthAriaLabel, yearInputAriaLabel, cellAriaLabel, isDateFocused, inlineProps, ...props }: CalendarProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=CalendarMonth.d.ts.map

package/components/CalendarMonth/CalendarMonth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarMonth/CalendarMonth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,oBAAY,OAAO;IACjB,MAAM,IAAI;IACV,MAAM,IAAA;IACN,OAAO,IAAA;IACP,SAAS,IAAA;IACT,QAAQ,IAAA;IACR,MAAM,IAAA;IACN,QAAQ,IAAA;CACT;AAED,MAAM,WAAW,wBAAwB;IACvC,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACxC,6GAA6G;IAC7G,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AAEH,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACvC,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,oEAAoE;IACpE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;IAChD,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oFAAoF;IACpF,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CACd,OAAO,CAAC,EAAE,IAAI,EACd,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAC7E,IAAI,CAAC;IACV,wFAAwF;IACxF,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,EAAE,CAAC;CAC1C;AA2CD,yCAAyC;AAEzC,eAAO,MAAM,aAAa;mSAqBvB,aAAa;;CAwQf,CAAC"}

package/components/CalendarMonth/CalendarMonth.js

@@ -0,0 +1,237 @@
+import { __rest } from "tslib";
+import React, { useEffect } from 'react';
+import { TextInput } from '../TextInput/TextInput';
+import { Button } from '../Button/Button';
+import { Select, SelectOption } from '../Select';
+import { InputGroup } from '../InputGroup';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/CalendarMonth/calendar-month';
+import { getUniqueId } from '../../helpers/util';
+import { isValidDate } from '../../helpers/datetimeUtils';
+export var Weekday;
+(function (Weekday) {
+    Weekday[Weekday["Sunday"] = 0] = "Sunday";
+    Weekday[Weekday["Monday"] = 1] = "Monday";
+    Weekday[Weekday["Tuesday"] = 2] = "Tuesday";
+    Weekday[Weekday["Wednesday"] = 3] = "Wednesday";
+    Weekday[Weekday["Thursday"] = 4] = "Thursday";
+    Weekday[Weekday["Friday"] = 5] = "Friday";
+    Weekday[Weekday["Saturday"] = 6] = "Saturday";
+})(Weekday || (Weekday = {}));
+// Must be numeric given current header design
+const yearFormat = (date) => date.getFullYear();
+const buildCalendar = (year, month, weekStart, validators) => {
+    const defaultDate = new Date(year, month);
+    const firstDayOfWeek = new Date(defaultDate);
+    firstDayOfWeek.setDate(firstDayOfWeek.getDate() - firstDayOfWeek.getDay() + weekStart);
+    // We will show a maximum of 6 weeks like Google calendar
+    // Assume we just want the numbers for now...
+    const calendarWeeks = [];
+    if (firstDayOfWeek.getMonth() === defaultDate.getMonth() && firstDayOfWeek.getDate() !== 1) {
+        firstDayOfWeek.setDate(firstDayOfWeek.getDate() - 7);
+    }
+    for (let i = 0; i < 6; i++) {
+        const week = [];
+        for (let j = 0; j < 7; j++) {
+            const date = new Date(firstDayOfWeek);
+            week.push({
+                date,
+                isValid: validators.every(validator => validator(date))
+            });
+            firstDayOfWeek.setDate(firstDayOfWeek.getDate() + 1);
+        }
+        calendarWeeks.push(week);
+        if (firstDayOfWeek.getMonth() !== defaultDate.getMonth()) {
+            break;
+        }
+    }
+    return calendarWeeks;
+};
+const isSameDate = (d1, d2) => d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+const today = new Date();
+/** The main calendar month component. */
+export const CalendarMonth = (_a) => {
+    var { date: dateProp, locale = undefined, monthFormat = date => date.toLocaleDateString(locale, { month: 'long' }), weekdayFormat = date => date.toLocaleDateString(locale, { weekday: 'narrow' }), longWeekdayFormat = date => date.toLocaleDateString(locale, { weekday: 'long' }), dayFormat = date => date.getDate(), weekStart = 0, // Use the American Sunday as a default
+    onChange = () => { }, validators = [() => true], className, onSelectToggle = () => { }, onMonthChange = () => { }, rangeStart, prevMonthAriaLabel = 'Previous month', nextMonthAriaLabel = 'Next month', yearInputAriaLabel = 'Select year', cellAriaLabel, isDateFocused = false, inlineProps } = _a, props = __rest(_a, ["date", "locale", "monthFormat", "weekdayFormat", "longWeekdayFormat", "dayFormat", "weekStart", "onChange", "validators", "className", "onSelectToggle", "onMonthChange", "rangeStart", "prevMonthAriaLabel", "nextMonthAriaLabel", "yearInputAriaLabel", "cellAriaLabel", "isDateFocused", "inlineProps"]);
+    const longMonths = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map(monthNum => new Date(1990, monthNum)).map(monthFormat);
+    const [isSelectOpen, setIsSelectOpen] = React.useState(false);
+    // eslint-disable-next-line prefer-const
+    const [focusedDate, setFocusedDate] = React.useState(() => {
+        const initDate = new Date(dateProp);
+        if (isValidDate(initDate)) {
+            return initDate;
+        }
+        else {
+            if (isValidDate(rangeStart)) {
+                return rangeStart;
+            }
+            else {
+                return today;
+            }
+        }
+    });
+    const [hoveredDate, setHoveredDate] = React.useState(new Date(focusedDate));
+    const focusRef = React.useRef();
+    const [hiddenMonthId] = React.useState(getUniqueId('hidden-month-span'));
+    const [shouldFocus, setShouldFocus] = React.useState(false);
+    const isValidated = (date) => validators.every(validator => validator(date));
+    const focusedDateValidated = isValidated(focusedDate);
+    useEffect(() => {
+        if (isValidDate(dateProp) && !isSameDate(focusedDate, dateProp)) {
+            setFocusedDate(dateProp);
+        }
+        else if (!dateProp) {
+            setFocusedDate(today);
+        }
+    }, [dateProp]);
+    useEffect(() => {
+        // Calendar month should not be focused on page load
+        // Datepicker should place focus in calendar month when opened
+        if ((shouldFocus || isDateFocused) && focusedDateValidated && focusRef.current) {
+            focusRef.current.focus();
+        }
+        else {
+            setShouldFocus(true);
+        }
+    }, [focusedDate, isDateFocused, focusedDateValidated, focusRef]);
+    const onMonthClick = (newDate, ev) => {
+        setFocusedDate(newDate);
+        setHoveredDate(newDate);
+        setShouldFocus(false);
+        onMonthChange(newDate, ev);
+    };
+    const onKeyDown = (ev) => {
+        const newDate = new Date(focusedDate);
+        if (ev.key === 'ArrowUp') {
+            newDate.setDate(newDate.getDate() - 7);
+        }
+        else if (ev.key === 'ArrowRight') {
+            newDate.setDate(newDate.getDate() + 1);
+        }
+        else if (ev.key === 'ArrowDown') {
+            newDate.setDate(newDate.getDate() + 7);
+        }
+        else if (ev.key === 'ArrowLeft') {
+            newDate.setDate(newDate.getDate() - 1);
+        }
+        if (newDate.getTime() !== focusedDate.getTime() && isValidated(newDate)) {
+            ev.preventDefault();
+            setFocusedDate(newDate);
+            setHoveredDate(newDate);
+            setShouldFocus(true);
+        }
+    };
+    const addMonth = (toAdd) => {
+        const newDate = new Date(focusedDate);
+        newDate.setMonth(newDate.getMonth() + toAdd);
+        return newDate;
+    };
+    const prevMonth = addMonth(-1);
+    const nextMonth = addMonth(1);
+    const focusedYear = focusedDate.getFullYear();
+    const focusedMonth = focusedDate.getMonth();
+    const calendar = React.useMemo(() => buildCalendar(focusedYear, focusedMonth, weekStart, validators), [
+        focusedYear,
+        focusedMonth,
+        weekStart,
+        validators
+    ]);
+    if (!focusedDateValidated) {
+        const toFocus = calendar
+            .reduce((acc, cur) => [...acc, ...cur], [])
+            .filter(({ date, isValid }) => isValid && date.getMonth() === focusedMonth)
+            .map(({ date }) => ({ date, days: Math.abs(focusedDate.getTime() - date.getTime()) }))
+            .sort((o1, o2) => o1.days - o2.days)
+            .map(({ date }) => date)[0];
+        if (toFocus) {
+            setFocusedDate(toFocus);
+            setHoveredDate(toFocus);
+        }
+    }
+    const isHoveredDateValid = isValidated(hoveredDate);
+    const monthFormatted = monthFormat(focusedDate);
+    const yearFormatted = yearFormat(focusedDate);
+    const calendarToRender = (React.createElement("div", Object.assign({ className: css(styles.calendarMonth, className) }, props),
+        React.createElement("div", { className: styles.calendarMonthHeader },
+            React.createElement("div", { className: css(styles.calendarMonthHeaderNavControl, styles.modifiers.prevMonth) },
+                React.createElement(Button, { variant: "plain", "aria-label": prevMonthAriaLabel, onClick: (ev) => onMonthClick(prevMonth, ev) },
+                    React.createElement(AngleLeftIcon, { "aria-hidden": true }))),
+            React.createElement(InputGroup, null,
+                React.createElement("div", { className: styles.calendarMonthHeaderMonth },
+                    React.createElement("span", { id: hiddenMonthId, hidden: true }, "Month"),
+                    React.createElement(Select
+                    // Max width with "September"
+                    , { 
+                        // Max width with "September"
+                        width: "140px", "aria-labelledby": hiddenMonthId, isOpen: isSelectOpen, onToggle: () => {
+                            setIsSelectOpen(!isSelectOpen);
+                            onSelectToggle(!isSelectOpen);
+                        }, onSelect: (ev, monthNum) => {
+                            // When we put CalendarMonth in a Popover we want the Popover's onDocumentClick
+                            // to see the SelectOption as a child so it doesn't close the Popover.
+                            setTimeout(() => {
+                                setIsSelectOpen(false);
+                                onSelectToggle(false);
+                                const newDate = new Date(focusedDate);
+                                newDate.setMonth(Number(monthNum));
+                                setFocusedDate(newDate);
+                                setHoveredDate(newDate);
+                                setShouldFocus(false);
+                                onMonthChange(newDate, ev);
+                            }, 0);
+                        }, variant: "single", selections: monthFormatted }, longMonths.map((longMonth, index) => (React.createElement(SelectOption, { key: index, value: index, isSelected: longMonth === monthFormatted }, longMonth))))),
+                React.createElement("div", { className: styles.calendarMonthHeaderYear },
+                    React.createElement(TextInput, { "aria-label": yearInputAriaLabel, type: "number", value: yearFormatted, onChange: (year, ev) => {
+                            const newDate = new Date(focusedDate);
+                            newDate.setFullYear(+year);
+                            setFocusedDate(newDate);
+                            setHoveredDate(newDate);
+                            setShouldFocus(false);
+                            onMonthChange(newDate, ev);
+                        } }))),
+            React.createElement("div", { className: css(styles.calendarMonthHeaderNavControl, styles.modifiers.nextMonth) },
+                React.createElement(Button, { variant: "plain", "aria-label": nextMonthAriaLabel, onClick: (ev) => onMonthClick(nextMonth, ev) },
+                    React.createElement(AngleRightIcon, { "aria-hidden": true })))),
+        React.createElement("table", { className: styles.calendarMonthCalendar },
+            React.createElement("thead", { className: styles.calendarMonthDays },
+                React.createElement("tr", null, calendar[0].map(({ date }, index) => (React.createElement("th", { key: index, className: styles.calendarMonthDay, scope: "col" },
+                    React.createElement("span", { className: "pf-screen-reader" }, longWeekdayFormat(date)),
+                    React.createElement("span", { "aria-hidden": true }, weekdayFormat(date))))))),
+            React.createElement("tbody", { onKeyDown: onKeyDown }, calendar.map((week, index) => (React.createElement("tr", { key: index, className: styles.calendarMonthDatesRow }, week.map(({ date, isValid }, index) => {
+                const dayFormatted = dayFormat(date);
+                const isToday = isSameDate(date, today);
+                const isSelected = isValidDate(dateProp) && isSameDate(date, dateProp);
+                const isFocused = isSameDate(date, focusedDate);
+                const isAdjacentMonth = date.getMonth() !== focusedDate.getMonth();
+                const isRangeStart = isValidDate(rangeStart) && isSameDate(date, rangeStart);
+                let isInRange = false;
+                let isRangeEnd = false;
+                if (isValidDate(rangeStart) && isValidDate(dateProp)) {
+                    isInRange = date > rangeStart && date < dateProp;
+                    isRangeEnd = isSameDate(date, dateProp);
+                }
+                else if (isValidDate(rangeStart) && isHoveredDateValid) {
+                    if (hoveredDate > rangeStart || isSameDate(hoveredDate, rangeStart)) {
+                        isInRange = date > rangeStart && date < hoveredDate;
+                        isRangeEnd = isSameDate(date, hoveredDate);
+                    }
+                    // Don't handle focused dates before start dates for now.
+                    // Core would likely need new styles
+                }
+                return (React.createElement("td", { key: index, className: css(styles.calendarMonthDatesCell, isAdjacentMonth && styles.modifiers.adjacentMonth, isToday && styles.modifiers.current, (isSelected || isRangeStart) && styles.modifiers.selected, !isValid && styles.modifiers.disabled, (isInRange || isRangeStart || isRangeEnd) && styles.modifiers.inRange, isRangeStart && styles.modifiers.startRange, isRangeEnd && styles.modifiers.endRange) },
+                    React.createElement("button", Object.assign({ className: css(styles.calendarMonthDate, isRangeEnd && styles.modifiers.hover, !isValid && styles.modifiers.disabled), type: "button", onClick: () => onChange(date), onMouseOver: () => setHoveredDate(date), tabIndex: isFocused ? 0 : -1, disabled: !isValid, "aria-label": cellAriaLabel
+                            ? cellAriaLabel(date)
+                            : `${dayFormat(date)} ${monthFormat(date)} ${yearFormat(date)}` }, (isFocused && { ref: focusRef })), dayFormatted)));
+            }))))))));
+    if (inlineProps !== undefined) {
+        const Component = (inlineProps.component ? inlineProps.component : 'article');
+        return (React.createElement(Component, Object.assign({}, (inlineProps.ariaLabelledby && { 'aria-labelledby': inlineProps.ariaLabelledby })),
+            inlineProps.title,
+            calendarToRender));
+    }
+    return calendarToRender;
+};
+CalendarMonth.displayName = 'CalendarMonth';
+//# sourceMappingURL=CalendarMonth.js.map