@rh-support/components 2.0.4 → 2.0.7-beta.1

package/lib/cjs/PhoneInput/index.d.ts

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

package/lib/cjs/PhoneInput/index.d.ts.map

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

package/lib/cjs/PhoneInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PhoneInput"), exports);

package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './styles.css';
 import { CircularProgressbarDefaultProps, CircularProgressbarProps } from './types';
 declare function CircularProgressbar(props: CircularProgressbarProps): JSX.Element;

package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA8BpF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eA6E3D;kBA7EQ,mBAAmB;;;AAiF5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA8BpF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eA6E3D;kBA7EQ,mBAAmB;;;AAiF5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CircularProgressbar = void 0;
 require("./styles.css");
-var react_1 = __importDefault(require("react"));
-var constants_1 = require("./constants");
-var Path_1 = __importDefault(require("./Path"));
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("./constants");
+const Path_1 = __importDefault(require("./Path"));
 // Credits https://github.com/kevinsqi/react-circular-progressbar
-var defaultProps = {
+const defaultProps = {
     background: false,
     backgroundPadding: 0,
     circleRatio: 1,
@@ -35,33 +35,33 @@ var defaultProps = {
     text: '',
 };
 function CircularProgressbar(props) {
-    var getBackgroundPadding = function () {
+    const getBackgroundPadding = () => {
         if (!props.background) {
             // Don't add padding if not displaying background
             return 0;
         }
         return props.backgroundPadding;
     };
-    var getPathRadius = function () {
+    const getPathRadius = () => {
         // The radius of the path is defined to be in the middle, so in order for the path to
         // fit perfectly inside the 100x100 viewBox, need to subtract half the strokeWidth
         return constants_1.VIEWBOX_HEIGHT_HALF - props.strokeWidth / 2 - getBackgroundPadding();
     };
     // Ratio of path length to trail length, as a value between 0 and 1
-    var getPathRatio = function () {
-        var value = props.value, minValue = props.minValue, maxValue = props.maxValue;
-        var boundedValue = Math.min(Math.max(value, minValue), maxValue);
+    const getPathRatio = () => {
+        const { value, minValue, maxValue } = props;
+        const boundedValue = Math.min(Math.max(value, minValue), maxValue);
         return (boundedValue - minValue) / (maxValue - minValue);
     };
-    var circleRatio = props.circleRatio, className = props.className, classes = props.classes, counterClockwise = props.counterClockwise, styles = props.styles, strokeWidth = props.strokeWidth, text = props.text;
-    var pathRadius = getPathRadius();
-    var pathRatio = getPathRatio();
+    const { circleRatio, className, classes, counterClockwise, styles, strokeWidth, text } = props;
+    const pathRadius = getPathRadius();
+    const pathRatio = getPathRatio();
     return (react_1.default.createElement("div", { role: "progressbar", "aria-valuenow": props.value, "aria-valuemin": props.minValue, "aria-valuemax": props.maxValue },
-        react_1.default.createElement("svg", { className: classes.root + " " + className, style: styles.root, viewBox: "0 0 " + constants_1.VIEWBOX_WIDTH + " " + constants_1.VIEWBOX_HEIGHT, "data-test-id": "CircularProgressbar" },
+        react_1.default.createElement("svg", { className: `${classes.root} ${className}`, style: styles.root, viewBox: `0 0 ${constants_1.VIEWBOX_WIDTH} ${constants_1.VIEWBOX_HEIGHT}`, "data-test-id": "CircularProgressbar" },
             props.background ? (react_1.default.createElement("circle", { className: classes.background, style: styles.background, cx: constants_1.VIEWBOX_CENTER_X, cy: constants_1.VIEWBOX_CENTER_Y, r: constants_1.VIEWBOX_HEIGHT_HALF })) : null,
             react_1.default.createElement(Path_1.default, { className: classes.trail, counterClockwise: counterClockwise, dashRatio: circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth, style: styles.trail }),
             react_1.default.createElement(Path_1.default, { className: classes.path, counterClockwise: counterClockwise, dashRatio: pathRatio * circleRatio, pathRadius: pathRadius, strokeWidth: strokeWidth, style: styles.path },
-                react_1.default.createElement("title", null, props.title || props.value + "%")),
+                react_1.default.createElement("title", null, props.title || `${props.value}%`)),
             text ? (react_1.default.createElement("text", { className: classes.text, style: styles.text, x: constants_1.VIEWBOX_CENTER_X, y: constants_1.VIEWBOX_CENTER_Y }, text)) : null)));
 }
 exports.CircularProgressbar = CircularProgressbar;

package/lib/cjs/ProgressBar/CircularProgressBar/Path.js

@@ -3,35 +3,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var constants_1 = require("./constants");
-function Path(_a) {
-    var className = _a.className, counterClockwise = _a.counterClockwise, dashRatio = _a.dashRatio, pathRadius = _a.pathRadius, strokeWidth = _a.strokeWidth, style = _a.style, children = _a.children;
-    return (react_1.default.createElement("path", { className: className, style: Object.assign({}, style, getDashStyle({ pathRadius: pathRadius, dashRatio: dashRatio, counterClockwise: counterClockwise })), d: getPathDescription({
-            pathRadius: pathRadius,
-            counterClockwise: counterClockwise,
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("./constants");
+function Path({ className, counterClockwise, dashRatio, pathRadius, strokeWidth, style, children, }) {
+    return (react_1.default.createElement("path", { className: className, style: Object.assign({}, style, getDashStyle({ pathRadius, dashRatio, counterClockwise })), d: getPathDescription({
+            pathRadius,
+            counterClockwise,
         }), strokeWidth: strokeWidth, fillOpacity: 0 }, children ? children : null));
 }
 // SVG path description specifies how the path should be drawn
-function getPathDescription(_a) {
-    var pathRadius = _a.pathRadius, counterClockwise = _a.counterClockwise;
-    var radius = pathRadius;
-    var rotation = counterClockwise ? 1 : 0;
+function getPathDescription({ pathRadius, counterClockwise }) {
+    const radius = pathRadius;
+    const rotation = counterClockwise ? 1 : 0;
     // Move to center of canvas
     // Relative move to top canvas
     // Relative arc to bottom of canvas
     // Relative arc to top of canvas
-    return "\n      M " + constants_1.VIEWBOX_CENTER_X + "," + constants_1.VIEWBOX_CENTER_Y + "\n      m 0,-" + radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0," + 2 * radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0,-" + 2 * radius + "\n    ";
+    return `
+      M ${constants_1.VIEWBOX_CENTER_X},${constants_1.VIEWBOX_CENTER_Y}
+      m 0,-${radius}
+      a ${radius},${radius} ${rotation} 1 1 0,${2 * radius}
+      a ${radius},${radius} ${rotation} 1 1 0,-${2 * radius}
+    `;
 }
-function getDashStyle(_a) {
-    var counterClockwise = _a.counterClockwise, dashRatio = _a.dashRatio, pathRadius = _a.pathRadius;
-    var diameter = Math.PI * 2 * pathRadius;
-    var gapLength = (1 - dashRatio) * diameter;
+function getDashStyle({ counterClockwise, dashRatio, pathRadius, }) {
+    const diameter = Math.PI * 2 * pathRadius;
+    const gapLength = (1 - dashRatio) * diameter;
     return {
         // Have dash be full diameter, and gap be full diameter
-        strokeDasharray: diameter + "px " + diameter + "px",
+        strokeDasharray: `${diameter}px ${diameter}px`,
         // Shift dash backward by gapLength, so gap starts appearing at correct distance
-        strokeDashoffset: (counterClockwise ? -gapLength : gapLength) + "px",
+        strokeDashoffset: `${counterClockwise ? -gapLength : gapLength}px`,
     };
 }
 exports.default = Path;

package/lib/cjs/ProgressBar/ProgressBar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,22 +15,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressBar = void 0;
-var react_1 = __importDefault(require("react"));
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const defaultProps = {
     progressBarClassName: '',
     show: true,
     className: '',
 };
 function ProgressBar(props) {
-    var valueMin = props.valueMin, valueMax = props.valueMax, valueNow = props.valueNow, progressBarClassName = props.progressBarClassName, progressBarLabel = props.progressBarLabel, show = props.show, className = props.className, restProps = __rest(props, ["valueMin", "valueMax", "valueNow", "progressBarClassName", "progressBarLabel", "show", "className"]);
+    const { valueMin, valueMax, valueNow, progressBarClassName, progressBarLabel, show, className } = props, restProps = __rest(props, ["valueMin", "valueMax", "valueNow", "progressBarClassName", "progressBarLabel", "show", "className"]);
     if (!show) {
         return null;
     }
-    var valueNowInPercent = valueMax > valueMin ? ((valueNow - valueMin) / (valueMax - valueMin)) * 100 : NaN;
-    var widthInPercent = valueNowInPercent > 100 ? 100 : valueNowInPercent < 0 || isNaN(valueNowInPercent) ? 0 : valueNowInPercent;
-    return (react_1.default.createElement("div", __assign({ className: className + " progress" }, restProps),
-        react_1.default.createElement("div", { role: "progressbar", className: "progress-bar " + progressBarClassName, "aria-valuenow": valueNow, "aria-valuemin": valueMin, "aria-valuemax": valueMax, style: { width: widthInPercent + "%" } },
-            react_1.default.createElement("span", { className: "" + (progressBarLabel ? '' : 'sr-only') }, progressBarLabel ? progressBarLabel : valueNowInPercent + "% complete"))));
+    const valueNowInPercent = valueMax > valueMin ? ((valueNow - valueMin) / (valueMax - valueMin)) * 100 : NaN;
+    const widthInPercent = valueNowInPercent > 100 ? 100 : valueNowInPercent < 0 || isNaN(valueNowInPercent) ? 0 : valueNowInPercent;
+    return (react_1.default.createElement("div", Object.assign({ className: `${className} progress` }, restProps),
+        react_1.default.createElement("div", { role: "progressbar", className: `progress-bar ${progressBarClassName}`, "aria-valuenow": valueNow, "aria-valuemin": valueMin, "aria-valuemax": valueMax, style: { width: `${widthInPercent}%` } },
+            react_1.default.createElement("span", { className: `${progressBarLabel ? '' : 'sr-only'}` }, progressBarLabel ? progressBarLabel : `${valueNowInPercent}% complete`))));
 }
 exports.ProgressBar = ProgressBar;
 ProgressBar.defaultProps = defaultProps;

package/lib/cjs/PromisifyModal/PromisifyModal.js

@@ -1,54 +1,37 @@
 "use strict";
 // Original source
 // https://github.com/prezly/react-promise-modal/
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromisifyModal = void 0;
-var react_dom_1 = require("react-dom");
-var DEFAULT_DESTRUCTION_DELAY = 300;
-var DEFAULT_OPTIONS = {
+const react_dom_1 = require("react-dom");
+const DEFAULT_DESTRUCTION_DELAY = 300;
+const DEFAULT_OPTIONS = {
     destructionDelay: DEFAULT_DESTRUCTION_DELAY,
 };
-var noop = function () { };
-function PromisifyModal(renderModal, options) {
-    if (options === void 0) { options = {}; }
-    var destructionDelay = __assign(__assign({}, DEFAULT_OPTIONS), options).destructionDelay;
-    var container = document.createElement('div');
+const noop = () => { };
+function PromisifyModal(renderModal, options = {}) {
+    const { destructionDelay } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
+    const container = document.createElement('div');
     document.body.appendChild(container);
-    function displayModal(_a) {
-        var onSubmit = _a.onSubmit, onDismiss = _a.onDismiss;
-        react_dom_1.render(renderModal({ onSubmit: onSubmit, onDismiss: onDismiss, show: true }), container);
+    function displayModal({ onSubmit, onDismiss }) {
+        react_dom_1.render(renderModal({ onSubmit, onDismiss, show: true }), container);
     }
-    function hideModal(_a, callback) {
-        var onSubmit = _a.onSubmit, onDismiss = _a.onDismiss;
-        react_dom_1.render(renderModal({ onSubmit: onSubmit, onDismiss: onDismiss, show: false }), container, callback);
+    function hideModal({ onSubmit, onDismiss }, callback) {
+        react_dom_1.render(renderModal({ onSubmit, onDismiss, show: false }), container, callback);
     }
     function destroyModal() {
         react_dom_1.unmountComponentAtNode(container);
         document.body.removeChild(container);
     }
-    var confirmation = new Promise(function (resolve) {
-        var onSubmit = function (value) {
-            if (value === void 0) { value = true; }
-            return resolve(value);
-        };
-        var onDismiss = function () { return resolve(undefined); };
-        displayModal({ onSubmit: onSubmit, onDismiss: onDismiss });
+    const confirmation = new Promise((resolve) => {
+        const onSubmit = (value = true) => resolve(value);
+        const onDismiss = () => resolve(undefined);
+        displayModal({ onSubmit, onDismiss });
     });
-    return confirmation.then(function (result) {
-        var onSubmit = noop;
-        var onDismiss = noop;
-        hideModal({ onSubmit: onSubmit, onDismiss: onDismiss }, function () {
+    return confirmation.then((result) => {
+        const onSubmit = noop;
+        const onDismiss = noop;
+        hideModal({ onSubmit, onDismiss }, () => {
             setTimeout(destroyModal, destructionDelay);
         });
         return result;

package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     isOpen: boolean;
     onConfirm: () => void;

package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionAbuseModal.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/SubscriptionAbuseModal.tsx"],"names":[],"mappings":";AAMA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA0BnD"}
+{"version":3,"file":"SubscriptionAbuseModal.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/SubscriptionAbuseModal.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA0BnD"}

package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscriptionAbuseModal = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var const_1 = require("./const");
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const const_1 = require("./const");
 function SubscriptionAbuseModal(props) {
-    var t = react_i18next_1.useTranslation().t;
+    const { t } = react_i18next_1.useTranslation();
     return (react_1.default.createElement(react_core_1.Modal, { id: "subscription-abuse-confirmation", title: t(const_1.SubscriptionAbuseModalTitle), isOpen: props.isOpen, variant: react_core_1.ModalVariant.small, onClose: props.onConfirm, actions: [
             react_1.default.createElement(react_core_1.Button, { key: "confirm", variant: react_core_1.ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "subscription-abuse-close-cases-confirm" },
                 react_1.default.createElement(react_i18next_1.Trans, null, "I understand")),

package/lib/cjs/SubscriptionAbuse/const.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SubscriptionAbuseModalTitle = "Please address your account issues";
 declare const SubscriptionAbuseModalText: JSX.Element;
 export { SubscriptionAbuseModalTitle, SubscriptionAbuseModalText };

package/lib/cjs/SubscriptionAbuse/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/const.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,2BAA2B,uCAAuC,CAAC;AACzE,QAAA,MAAM,0BAA0B,aAS/B,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/const.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,2BAA2B,uCAAuC,CAAC;AACzE,QAAA,MAAM,0BAA0B,aAS/B,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}

package/lib/cjs/SubscriptionAbuse/const.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscriptionAbuseModalText = exports.SubscriptionAbuseModalTitle = void 0;
-var react_1 = __importDefault(require("react"));
-var SubscriptionAbuseModalTitle = 'Please address your account issues';
+const react_1 = __importDefault(require("react"));
+const SubscriptionAbuseModalTitle = 'Please address your account issues';
 exports.SubscriptionAbuseModalTitle = SubscriptionAbuseModalTitle;
-var SubscriptionAbuseModalText = (react_1.default.createElement(react_1.default.Fragment, null,
+const SubscriptionAbuseModalText = (react_1.default.createElement(react_1.default.Fragment, null,
     "A support case cannot be opened or modified for this account at this time. Please contact your Sales Account Manager for more information. If you do not know who your Account Manager is please visit",
     ' ',
     react_1.default.createElement("a", { href: "https://www.redhat.com/contact", target: "_blank", rel: "noopener noreferrer" }, "www.redhat.com/contact"),

package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     buttonLabel: string;
     additionalBtnClass: string;

package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":";AAMA,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuBzC;kBAvBQ,mBAAmB;;;AA0B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuBzC;kBAvBQ,mBAAmB;;;AA0B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.js

@@ -18,41 +18,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SupportFeedbackForm = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var SupportFeedbackModal_1 = require("./SupportFeedbackModal");
-var defaultProps = {
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const SupportFeedbackModal_1 = require("./SupportFeedbackModal");
+const defaultProps = {
     buttonLabel: 'Provide feedback',
     additionalBtnClass: '',
     isInline: false,
 };
 function SupportFeedbackForm(props) {
-    var _a = __read(react_1.useState(false), 2), isModalOpen = _a[0], toggleModal = _a[1];
+    const [isModalOpen, toggleModal] = react_1.useState(false);
     // Function for Toggling the Modal when Provide feedback button is clicked
-    var handleModalToggle = function () {
+    const handleModalToggle = () => {
         toggleModal(!isModalOpen);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, className: "" + props.additionalBtnClass, "data-tracking-id": "app-feedback-trigger", variant: "link", isInline: props.isInline ? true : null },
+        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, className: `${props.additionalBtnClass}`, "data-tracking-id": "app-feedback-trigger", variant: "link", isInline: props.isInline ? true : null },
             react_1.default.createElement(react_i18next_1.Trans, null, props.isInline ? props.buttonLabel.toLowerCase() : props.buttonLabel)),
         react_1.default.createElement(SupportFeedbackModal_1.SupportFeedbackModal, { isModalOpen: isModalOpen, onClose: handleModalToggle })));
 }

package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     isModalOpen: boolean;
     onClose: () => void;

package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":";AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAuN1C;kBAvNQ,oBAAoB;;;AA0N7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAuN1C;kBAvNQ,oBAAoB;;;AA0N7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}