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

package/components/TimePicker/TimePickerUtils.js

@@ -0,0 +1,149 @@
+export const amSuffix = ' AM';
+export const pmSuffix = ' PM';
+export const makeTimeOptions = (stepMinutes, hour12, delimiter, minTime, maxTime, includeSeconds) => {
+    const res = [];
+    const iter = new Date(new Date().setHours(0, 0, 0, 0));
+    const iterDay = iter.getDay();
+    while (iter.getDay() === iterDay) {
+        let hour = iter.getHours();
+        let suffix = amSuffix;
+        if (hour12) {
+            if (hour === 0) {
+                hour = 12; // 12am
+            }
+            else if (hour >= 12) {
+                suffix = pmSuffix;
+            }
+            if (hour > 12) {
+                hour %= 12;
+            }
+        }
+        hour = hour12 ? hour.toString() : hour.toString().padStart(2, '0');
+        const minutes = iter
+            .getMinutes()
+            .toString()
+            .padStart(2, '0');
+        const timeOption = `${hour}${delimiter}${minutes}${hour12 ? suffix : ''}`;
+        // time option is valid if within min/max constraints
+        if (isWithinMinMax(minTime, maxTime, timeOption, delimiter, includeSeconds)) {
+            res.push(timeOption);
+        }
+        iter.setMinutes(iter.getMinutes() + stepMinutes);
+    }
+    return res;
+};
+export const parseTime = (time, timeRegex, delimiter, is12Hour, includeSeconds) => {
+    const date = new Date(time);
+    // if default time is a ISO 8601 formatted date string, we parse it to hh:mm(am/pm) format
+    if (!isNaN(date.getDate()) && (time instanceof Date || time.includes('T'))) {
+        const hours = is12Hour
+            ? `${date.getHours() > 12 ? date.getHours() - 12 : date.getHours()}`
+            : `${date.getHours()}`.padStart(2, '0');
+        const minutes = `${date.getMinutes()}`.padStart(2, '0');
+        const seconds = includeSeconds ? `${date.getSeconds()}`.padStart(2, '0') : '';
+        const secondsWithDelimiter = seconds ? `${delimiter}${seconds}` : '';
+        let ampm = '';
+        if (is12Hour && date.getHours() > 11) {
+            ampm = pmSuffix;
+        }
+        else if (is12Hour) {
+            ampm = amSuffix;
+        }
+        return `${hours}${delimiter}${minutes}${secondsWithDelimiter}${ampm}`;
+    }
+    else if (typeof time === 'string') {
+        time = time.trim();
+        if (time !== '' && validateTime(time, timeRegex, delimiter, is12Hour)) {
+            const [, hours, minutes, seconds, suffix = ''] = timeRegex.exec(time);
+            const secondsWithDelimiter = includeSeconds ? `${delimiter}${seconds !== null && seconds !== void 0 ? seconds : '00'}` : '';
+            let ampm = '';
+            // Format AM/PM according to design
+            if (is12Hour) {
+                const uppercaseSuffix = suffix.toUpperCase();
+                if (uppercaseSuffix === amSuffix.toUpperCase().trim()) {
+                    ampm = amSuffix;
+                }
+                else if (uppercaseSuffix === pmSuffix.toUpperCase().trim()) {
+                    ampm = pmSuffix;
+                }
+                else {
+                    // if this 12 hour time is missing am/pm but otherwise valid,
+                    // append am/pm depending on time of day
+                    ampm = new Date().getHours() > 11 ? pmSuffix : amSuffix;
+                }
+            }
+            return `${hours}${delimiter}${minutes}${secondsWithDelimiter}${ampm}`;
+        }
+    }
+    return time.toString();
+};
+export const validateTime = (time, timeRegex, delimiter, is12Hour) => {
+    // ISO 8601 format is valid
+    const date = new Date(time);
+    if (!isNaN(date.getDate()) && time.includes('T')) {
+        return true;
+    }
+    // hours only valid if they are [0-23] or [1-12]
+    const hours = parseInt(time.split(delimiter)[0]);
+    const validHours = hours >= (is12Hour ? 1 : 0) && hours <= (is12Hour ? 12 : 23);
+    // minutes verified by timeRegex
+    // empty string is valid
+    return time === '' || (timeRegex.test(time) && validHours);
+};
+export const getHours = (time, timeRegex) => {
+    const parts = time.match(timeRegex);
+    if (parts && parts.length) {
+        if (/pm/i.test(parts[4])) {
+            return parseInt(parts[1]) === 12 ? parseInt(parts[1]) : parseInt(parts[1]) + 12;
+        }
+        if (/am/i.test(parts[4])) {
+            return parseInt(parts[1]) === 12 ? 0 : parseInt(parts[1]);
+        }
+        return parseInt(parts[1]);
+    }
+    return null;
+};
+export const getMinutes = (time, timeRegex) => {
+    const parts = time.match(timeRegex);
+    return parts && parts.length ? parseInt(parts[2]) : null;
+};
+export const getSeconds = (time, timeRegex) => {
+    var _a;
+    const seconds = (_a = time.match(timeRegex)) === null || _a === void 0 ? void 0 : _a[3];
+    return seconds ? parseInt(seconds) : null;
+};
+export const isWithinMinMax = (minTime, maxTime, time, delimiter, includeSeconds) => {
+    // do not throw error if empty string
+    if (time.trim() === '') {
+        return true;
+    }
+    // correctly format as 24hr times (12:30AM => 00:30, 1:15 => 01:15)
+    const min24HourTime = convertTo24Hour(minTime, delimiter, includeSeconds);
+    const selected24HourTime = convertTo24Hour(time, delimiter, includeSeconds);
+    const max24HourTime = convertTo24Hour(maxTime, delimiter, includeSeconds);
+    // simple string comparison for 24hr times
+    return min24HourTime <= selected24HourTime && selected24HourTime <= max24HourTime;
+};
+const convertTo24Hour = (time, delimiter, includeSeconds) => {
+    const timeReg = new RegExp(`^\\s*(\\d\\d?)${delimiter}([0-5]\\d)${delimiter}?([0-5]\\d)?\\s*([AaPp][Mm])?\\s*$`);
+    const regMatches = timeReg.exec(time);
+    if (!regMatches || !regMatches.length) {
+        return;
+    }
+    let hours = regMatches[1].padStart(2, '0');
+    const minutes = regMatches[2];
+    let seconds = regMatches[3] ? `${delimiter}${regMatches[3]}` : '';
+    // When seconds is empty and 'includeSeconds' is enabled, append 0 seconds.
+    if (!seconds && includeSeconds) {
+        seconds = `${delimiter}00`;
+    }
+    const suffix = regMatches[4] || '';
+    if (suffix.toUpperCase() === 'PM' && hours !== '12') {
+        hours = `${parseInt(hours) + 12}`;
+    }
+    else if (suffix.toUpperCase() === 'AM' && hours === '12') {
+        hours = '00';
+    }
+    return `${hours}${delimiter}${minutes}${seconds}`;
+};
+//# sourceMappingURL=TimePickerUtils.js.map

package/components/TimePicker/TimePickerUtils.js.map

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

package/components/TimePicker/index.d.ts

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

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

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

package/components/TimePicker/index.js

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

package/components/TimePicker/index.js.map

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

package/components/Timestamp/Timestamp.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+export declare enum TimestampFormat {
+    full = "full",
+    long = "long",
+    medium = "medium",
+    short = "short"
+}
+export declare enum TimestampTooltipVariant {
+    default = "default",
+    custom = "custom"
+}
+export interface TimestampTooltip {
+    /** The variant of the tooltip. The "default" variant displays the date passed into
+     * the timestamp's date prop as a UTC string.
+     */
+    variant: 'default' | 'custom';
+    /** Content displayed in the tooltip when using the "custom" variant. */
+    content?: React.ReactNode;
+    /** Additional props passed to the tooltip. */
+    tooltipProps?: any;
+    /** A custom suffix to apply to a "default" variant tooltip. */
+    suffix?: string;
+}
+export interface TimestampProps extends React.HTMLProps<HTMLSpanElement> {
+    /** Displays custom content inside the timestamp, such as a relative time. This prop will
+     * override the default content that is displayed. Custom content will not be affected by
+     * any props that format or add to displayed content.
+     */
+    children?: React.ReactNode;
+    /** Class to add to the outer span. */
+    className?: string;
+    /** Applies custom formatting to the displayed date and/or time. Passing this prop in will
+     * override the dateFormat and timeFormat props.
+     */
+    customFormat?: {
+        [key: string]: string;
+    };
+    /** Determines the default content that is displayed inside the timestamp and the value of
+     * the inner time element's datetime attribute. */
+    date?: Date;
+    /** Determines the format of the displayed date in the timestamp and UTC tooltip. Examples:
+     * "Full" => Tuesday, August 9, 2022;
+     * "Long" => August 9, 2022;
+     * "Medium" => Aug 9, 2022;
+     * "Short" => 8/9/22
+     */
+    dateFormat?: 'full' | 'long' | 'medium' | 'short';
+    /** Applies a custom suffix to the displayed content, usually after the time, such as a
+     * custom time zone.
+     */
+    displaySuffix?: string;
+    /** Flag for displaying the time in a 12 hour format. If this prop is not passed in,
+     * the hour format will be based on the locale prop's value.
+     */
+    is12Hour?: boolean;
+    /** Determines which locale to use in the displayed content. Defaults to the current locale
+     * when this prop is not passed in. For more information about locale's:
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation
+     */
+    locale?: string;
+    /** Determines the format of the displayed time in the timestamp and UTC tooltip. Examples:
+     * "Full" => 11:25:00 AM Eastern Daylight Time
+     * "Long" => 11:25:00 AM EDT
+     * "Medium" => 11:25:00 AM
+     * "Short" => 11:25 AM
+     */
+    timeFormat?: 'full' | 'long' | 'medium' | 'short';
+    /** Adds a tooltip to the timestamp. */
+    tooltip?: TimestampTooltip;
+}
+export declare const Timestamp: React.FunctionComponent<TimestampProps>;
+//# sourceMappingURL=Timestamp.d.ts.map

package/components/Timestamp/Timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../../src/components/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACzC;sDACkD;IAClD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD,uCAAuC;IACvC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA4E7D,CAAC"}

package/components/Timestamp/Timestamp.js

@@ -0,0 +1,51 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Timestamp/timestamp';
+import { css } from '@patternfly/react-styles';
+import { Tooltip } from '../Tooltip';
+import { isValidDate } from '../../helpers/datetimeUtils';
+export var TimestampFormat;
+(function (TimestampFormat) {
+    TimestampFormat["full"] = "full";
+    TimestampFormat["long"] = "long";
+    TimestampFormat["medium"] = "medium";
+    TimestampFormat["short"] = "short";
+})(TimestampFormat || (TimestampFormat = {}));
+export var TimestampTooltipVariant;
+(function (TimestampTooltipVariant) {
+    TimestampTooltipVariant["default"] = "default";
+    TimestampTooltipVariant["custom"] = "custom";
+})(TimestampTooltipVariant || (TimestampTooltipVariant = {}));
+export const Timestamp = (_a) => {
+    var { children, className, customFormat, date: dateProp, dateFormat, displaySuffix = '', is12Hour, locale, timeFormat, tooltip } = _a, props = __rest(_a, ["children", "className", "customFormat", "date", "dateFormat", "displaySuffix", "is12Hour", "locale", "timeFormat", "tooltip"]);
+    const [date, setDate] = React.useState(() => {
+        const initDate = new Date(dateProp);
+        if (isValidDate(initDate)) {
+            return initDate;
+        }
+        return new Date();
+    });
+    React.useEffect(() => {
+        const dateFromProp = new Date(dateProp);
+        if (isValidDate(dateFromProp) && dateFromProp.toString() !== new Date(date).toString()) {
+            setDate(dateFromProp);
+        }
+        else if (!dateProp) {
+            setDate(new Date());
+        }
+    }, [dateProp]);
+    const hasTimeFormat = timeFormat && !customFormat;
+    const formatOptions = Object.assign(Object.assign(Object.assign({}, (dateFormat && !customFormat && { dateStyle: dateFormat })), (customFormat && Object.assign({}, customFormat))), (is12Hour !== undefined && { hour12: is12Hour }));
+    const dateAsLocaleString = new Date(date).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: timeFormat })));
+    const defaultDisplay = `${dateAsLocaleString}${displaySuffix ? ' ' + displaySuffix : ''}`;
+    const utcTimeFormat = timeFormat !== 'short' ? 'medium' : 'short';
+    const convertToUTCString = (date) => new Date(date).toUTCString().slice(0, -3);
+    const utcDateString = new Date(convertToUTCString(date)).toLocaleString(locale, Object.assign(Object.assign({}, formatOptions), (hasTimeFormat && { timeStyle: utcTimeFormat })));
+    const defaultTooltipContent = `${utcDateString}${(tooltip === null || tooltip === void 0 ? void 0 : tooltip.suffix) ? ' ' + tooltip.suffix : ' UTC'}`;
+    const { dateTime } = props, propsWithoutDateTime = __rest(props, ["dateTime"]);
+    const timestamp = (React.createElement("span", Object.assign({ className: css(styles.timestamp, tooltip && styles.modifiers.helpText, className) }, (tooltip && { tabIndex: 0 }), propsWithoutDateTime),
+        React.createElement("time", { className: "pf-c-timestamp__text", dateTime: dateTime || new Date(date).toISOString() }, !children ? defaultDisplay : children)));
+    return tooltip ? (React.createElement(Tooltip, Object.assign({ content: tooltip.variant === TimestampTooltipVariant.default ? defaultTooltipContent : tooltip.content }, tooltip.tooltipProps), timestamp)) : (timestamp);
+};
+Timestamp.displayName = 'Timestamp';
+//# sourceMappingURL=Timestamp.js.map

package/components/Timestamp/Timestamp.js.map

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

package/components/Timestamp/index.d.ts

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

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

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

package/components/Timestamp/index.js

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

package/components/Timestamp/index.js.map

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

package/components/Title/Title.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export declare enum TitleSizes {
+    md = "md",
+    lg = "lg",
+    xl = "xl",
+    '2xl' = "2xl",
+    '3xl' = "3xl",
+    '4xl' = "4xl"
+}
+declare type Size = 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export interface TitleProps extends Omit<React.HTMLProps<HTMLHeadingElement>, 'size' | 'className'>, OUIAProps {
+    /** The size of the Title  */
+    size?: Size;
+    /** Content rendered inside the Title */
+    children?: React.ReactNode;
+    /** Additional classes added to the Title */
+    className?: string;
+    /** The heading level to use */
+    headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** 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 Title: React.FunctionComponent<TitleProps>;
+export {};
+//# sourceMappingURL=Title.d.ts.map

package/components/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,KAAK,QAAQ;IACb,KAAK,QAAQ;IACb,KAAK,QAAQ;CACd;AAWD,aAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,EAAE,SAAS;IAC5G,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAmBrD,CAAC"}

package/components/Title/Title.js

@@ -0,0 +1,30 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Title/title';
+import { useOUIAProps } from '../../helpers';
+export var TitleSizes;
+(function (TitleSizes) {
+    TitleSizes["md"] = "md";
+    TitleSizes["lg"] = "lg";
+    TitleSizes["xl"] = "xl";
+    TitleSizes["2xl"] = "2xl";
+    TitleSizes["3xl"] = "3xl";
+    TitleSizes["4xl"] = "4xl";
+})(TitleSizes || (TitleSizes = {}));
+var headingLevelSizeMap;
+(function (headingLevelSizeMap) {
+    headingLevelSizeMap["h1"] = "2xl";
+    headingLevelSizeMap["h2"] = "xl";
+    headingLevelSizeMap["h3"] = "lg";
+    headingLevelSizeMap["h4"] = "md";
+    headingLevelSizeMap["h5"] = "md";
+    headingLevelSizeMap["h6"] = "md";
+})(headingLevelSizeMap || (headingLevelSizeMap = {}));
+export const Title = (_a) => {
+    var { className = '', children = '', headingLevel: HeadingLevel, size = headingLevelSizeMap[HeadingLevel], ouiaId, ouiaSafe = true } = _a, props = __rest(_a, ["className", "children", "headingLevel", "size", "ouiaId", "ouiaSafe"]);
+    const ouiaProps = useOUIAProps(Title.displayName, ouiaId, ouiaSafe);
+    return (React.createElement(HeadingLevel, Object.assign({}, ouiaProps, props, { className: css(styles.title, size && styles.modifiers[size], className) }), children));
+};
+Title.displayName = 'Title';
+//# sourceMappingURL=Title.js.map

package/components/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,qDAAqD,CAAC;AACzE,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAExD,MAAM,CAAN,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,uBAAS,CAAA;IACT,uBAAS,CAAA;IACT,uBAAS,CAAA;IACT,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,yBAAa,CAAA;AACf,CAAC,EAPW,UAAU,KAAV,UAAU,QAOrB;AAED,IAAK,mBAOJ;AAPD,WAAK,mBAAmB;IACtB,iCAAU,CAAA;IACV,gCAAS,CAAA;IACT,gCAAS,CAAA;IACT,gCAAS,CAAA;IACT,gCAAS,CAAA;IACT,gCAAS,CAAA;AACX,CAAC,EAPI,mBAAmB,KAAnB,mBAAmB,QAOvB;AAmBD,MAAM,CAAC,MAAM,KAAK,GAAwC,CAAC,EAQ9C,EAAE,EAAE;QAR0C,EACzD,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,IAAI,GAAG,mBAAmB,CAAC,YAAY,CAAC,EACxC,MAAM,EACN,QAAQ,GAAG,IAAI,OAEJ,EADR,KAAK,cAPiD,uEAQ1D,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpE,OAAO,CACL,oBAAC,YAAY,oBACP,SAAS,EACT,KAAK,IACT,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAY,CAAC,EAAE,SAAS,CAAC,KAE9E,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/components/Title/index.d.ts

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

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

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

package/components/Title/index.js

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

package/components/Title/index.js.map

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

package/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface ToggleGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the toggle group */
+    children?: React.ReactNode;
+    /** Additional classes added to the toggle group */
+    className?: string;
+    /** Modifies the toggle group to include compact styling. */
+    isCompact?: boolean;
+    /** Disable all toggle group items under this component. */
+    areAllGroupsDisabled?: boolean;
+    /** Accessible label for the toggle group */
+    'aria-label'?: string;
+}
+export declare const ToggleGroup: React.FunctionComponent<ToggleGroupProps>;
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/components/ToggleGroup/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAyBjE,CAAC"}

package/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ToggleGroup/toggle-group';
+import { ToggleGroupItem } from './ToggleGroupItem';
+export const ToggleGroup = (_a) => {
+    var { className, children, isCompact = false, areAllGroupsDisabled = false, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["className", "children", "isCompact", "areAllGroupsDisabled", 'aria-label']);
+    const toggleGroupItemList = React.Children.map(children, child => {
+        const childCompName = child.type.name;
+        return childCompName !== ToggleGroupItem.name
+            ? child
+            : React.cloneElement(child, areAllGroupsDisabled ? { isDisabled: true } : {});
+    });
+    return (React.createElement("div", Object.assign({ className: css(styles.toggleGroup, isCompact && styles.modifiers.compact, className), role: "group", "aria-label": ariaLabel }, props), toggleGroupItemList));
+};
+ToggleGroup.displayName = 'ToggleGroup';
+//# sourceMappingURL=ToggleGroup.js.map

package/components/ToggleGroup/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAepD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACrE,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,KAAK,EAC5B,YAAY,EAAE,SAAS,OAEN,EADd,KAAK,cAN6D,4EAOtE,CADS;IAER,MAAM,mBAAmB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QAC/D,MAAM,aAAa,GAAI,KAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/C,OAAO,aAAa,KAAK,eAAe,CAAC,IAAI;YAC3C,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACxG,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,EACpF,IAAI,EAAC,OAAO,gBACA,SAAS,IACjB,KAAK,GAER,mBAAmB,CAChB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface ToggleGroupItemProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
+    /** Text rendered inside the toggle group item */
+    text?: React.ReactNode;
+    /** Icon rendered inside the toggle group item */
+    icon?: React.ReactNode;
+    /** Additional classes added to the toggle group item */
+    className?: string;
+    /** Flag indicating if the toggle group item is disabled */
+    isDisabled?: boolean;
+    /** Flag indicating if the toggle group item is selected */
+    isSelected?: boolean;
+    /** required when icon is used with no supporting text */
+    'aria-label'?: string;
+    /** Optional id for the button within the toggle group item */
+    buttonId?: string;
+    /** A callback for when the toggle group item selection changes. */
+    onChange?: (selected: boolean, event: React.MouseEvent<any> | React.KeyboardEvent | MouseEvent) => void;
+}
+export declare const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps>;
+//# sourceMappingURL=ToggleGroupItem.d.ts.map

package/components/ToggleGroup/ToggleGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,GAAG,UAAU,KAAK,IAAI,CAAC;CACzG;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAoCzE,CAAC"}

package/components/ToggleGroup/ToggleGroupItem.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ToggleGroup/toggle-group';
+import { ToggleGroupItemVariant, ToggleGroupItemElement } from './ToggleGroupItemElement';
+export const ToggleGroupItem = (_a) => {
+    var { text, icon, className, isDisabled = false, isSelected = false, 'aria-label': ariaLabel = '', onChange = () => { }, buttonId = '' } = _a, props = __rest(_a, ["text", "icon", "className", "isDisabled", "isSelected", 'aria-label', "onChange", "buttonId"]);
+    const handleChange = (event) => {
+        onChange(!isSelected, event);
+    };
+    if (!ariaLabel && icon && !text) {
+        /* eslint-disable no-console */
+        console.warn('An accessible aria-label is required when using the toggle group item icon variant.');
+    }
+    return (React.createElement("div", Object.assign({ className: css(styles.toggleGroupItem, className) }, props),
+        React.createElement("button", Object.assign({ type: "button", className: css(styles.toggleGroupButton, isSelected && styles.modifiers.selected), "aria-pressed": isSelected, onClick: handleChange }, (ariaLabel && { 'aria-label': ariaLabel }), (isDisabled && { disabled: true }), (buttonId && { id: buttonId })),
+            icon ? React.createElement(ToggleGroupItemElement, { variant: ToggleGroupItemVariant.icon }, icon) : null,
+            text ? React.createElement(ToggleGroupItemElement, { variant: ToggleGroupItemVariant.text }, text) : null)));
+};
+ToggleGroupItem.displayName = 'ToggleGroupItem';
+//# sourceMappingURL=ToggleGroupItem.js.map

package/components/ToggleGroup/ToggleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.js","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,kEAAkE,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAqB1F,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAUxD,EAAE,EAAE;QAVoD,EAC7E,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,EAAE,OAEQ,EADlB,KAAK,cATqE,+FAU9E,CADS;IAER,MAAM,YAAY,GAAG,CAAC,KAAU,EAAQ,EAAE;QACxC,QAAQ,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;QAC/B,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CAAC,qFAAqF,CAAC,CAAC;KACrG;IAED,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/D,8CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,kBACnE,UAAU,EACxB,OAAO,EAAE,YAAY,IACjB,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;YAEjC,IAAI,CAAC,CAAC,CAAC,oBAAC,sBAAsB,IAAC,OAAO,EAAE,sBAAsB,CAAC,IAAI,IAAG,IAAI,CAA0B,CAAC,CAAC,CAAC,IAAI;YAC3G,IAAI,CAAC,CAAC,CAAC,oBAAC,sBAAsB,IAAC,OAAO,EAAE,sBAAsB,CAAC,IAAI,IAAG,IAAI,CAA0B,CAAC,CAAC,CAAC,IAAI,CACrG,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/components/ToggleGroup/ToggleGroupItemElement.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export declare enum ToggleGroupItemVariant {
+    icon = "icon",
+    text = "text"
+}
+export interface ToggleGroupItemElementProps {
+    /** Content rendered inside the toggle group item */
+    children?: React.ReactNode;
+    /** Adds toggle group item variant styles */
+    variant?: ToggleGroupItemVariant | 'icon' | 'text';
+}
+export declare const ToggleGroupItemElement: React.FunctionComponent<ToggleGroupItemElementProps>;
+//# sourceMappingURL=ToggleGroupItemElement.d.ts.map

package/components/ToggleGroup/ToggleGroupItemElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItemElement.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroupItemElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,WAAW,2BAA2B;IAC1C,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM,GAAG,MAAM,CAAC;CACpD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAIvF,CAAC"}

package/components/ToggleGroup/ToggleGroupItemElement.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ToggleGroup/toggle-group';
+export var ToggleGroupItemVariant;
+(function (ToggleGroupItemVariant) {
+    ToggleGroupItemVariant["icon"] = "icon";
+    ToggleGroupItemVariant["text"] = "text";
+})(ToggleGroupItemVariant || (ToggleGroupItemVariant = {}));
+export const ToggleGroupItemElement = ({ variant, children }) => (React.createElement("span", { className: css(variant === 'icon' && styles.toggleGroupIcon, variant === 'text' && styles.toggleGroupText) }, children));
+ToggleGroupItemElement.displayName = 'ToggleGroupItemElement';
+//# sourceMappingURL=ToggleGroupItemElement.js.map

package/components/ToggleGroup/ToggleGroupItemElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItemElement.js","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroupItemElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,kEAAkE,CAAC;AAEtF,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,uCAAa,CAAA;AACf,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AASD,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrH,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,eAAe,CAAC,IAC7G,QAAQ,CACJ,CACR,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/components/ToggleGroup/index.d.ts

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

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

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

package/components/ToggleGroup/index.js

@@ -0,0 +1,3 @@
+export * from './ToggleGroup';
+export * from './ToggleGroupItem';
+//# sourceMappingURL=index.js.map

package/components/ToggleGroup/index.js.map

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