@flightctl/ui-components 0.0.1

package/dist/src/components/Terminal/Terminal.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const xterm_1 = require("@xterm/xterm");
+const addon_fit_1 = require("@xterm/addon-fit");
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+require("./Terminal.css");
+const terminalOptions = {
+    fontFamily: 'monospace',
+    fontSize: 16,
+    cursorBlink: false,
+    cols: 80,
+    rows: 25,
+};
+const Terminal = React.forwardRef(({ onData }, ref) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [receivedData, setReceivedData] = React.useState(false);
+    const terminal = React.useRef();
+    const terminalRef = React.useRef(null);
+    React.useEffect(() => {
+        var _a;
+        const term = new xterm_1.Terminal(terminalOptions);
+        const fitAddon = new addon_fit_1.FitAddon();
+        terminalRef.current && term.open(terminalRef.current);
+        term.loadAddon(fitAddon);
+        term.focus();
+        const resizeObserver = new ResizeObserver(() => {
+            window.requestAnimationFrame(() => fitAddon.fit());
+        });
+        terminalRef.current && resizeObserver.observe(terminalRef.current);
+        if (terminal.current !== term) {
+            (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.dispose();
+            terminal.current = term;
+        }
+        return () => {
+            term.dispose();
+            resizeObserver.disconnect();
+        };
+    }, []);
+    React.useEffect(() => {
+        const term = terminal.current;
+        const data = term === null || term === void 0 ? void 0 : term.onData(onData);
+        return () => {
+            data === null || data === void 0 ? void 0 : data.dispose();
+        };
+    }, [onData]);
+    React.useImperativeHandle(ref, () => ({
+        focus: () => {
+            var _a;
+            (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        onDataReceived: (data) => {
+            var _a;
+            setReceivedData(true);
+            (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.write(data);
+        },
+        loadAttachAddon: (addOn) => {
+            var _a;
+            (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.loadAddon(addOn);
+        },
+        reset: () => {
+            var _a;
+            (_a = terminal.current) === null || _a === void 0 ? void 0 : _a.reset();
+            setReceivedData(false);
+        },
+    }));
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        !receivedData && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Spinner, { size: "md" }),
+            " ",
+            t('Waiting for terminal session to open...'))),
+        React.createElement(react_core_1.StackItem, null,
+            React.createElement("div", { style: { width: '100%' }, ref: terminalRef }))));
+});
+Terminal.displayName = 'Terminal';
+exports.default = Terminal;
+//# sourceMappingURL=Terminal.js.map

package/dist/src/components/Terminal/Terminal.js.map

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

package/dist/src/components/UserPreferences/UserPreferencesModal.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const FlightCtlActionGroup_1 = tslib_1.__importDefault(require("../form/FlightCtlActionGroup"));
+const FlightCtlForm_1 = tslib_1.__importDefault(require("../form/FlightCtlForm"));
+const UserPreferencesProvider_1 = require("./UserPreferencesProvider");
+const getThemeLabels = (t) => ({
+    system: t('System default'),
+    light: t('Light'),
+    dark: t('Dark'),
+});
+const UserPreferencesModal = ({ onClose }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { theme, setTheme } = React.useContext(UserPreferencesProvider_1.UserPreferencesContext);
+    const themeLabels = getThemeLabels(t);
+    const [themeExpanded, setThemeExpanded] = React.useState(false);
+    return (React.createElement(react_core_1.Modal, { title: t('User preferences'), isOpen: true, variant: "small", onClose: onClose },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(FlightCtlForm_1.default, null,
+                    React.createElement(react_core_1.FormGroup, { label: t('Theme') },
+                        React.createElement(react_core_1.Select, { toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, style: { width: '100%' }, onClick: () => setThemeExpanded(true), isExpanded: themeExpanded }, themeLabels[theme])), selected: theme, onSelect: (_, value) => {
+                                setTheme(value);
+                                setThemeExpanded(false);
+                            }, "aria-label": "theme", isOpen: themeExpanded, onOpenChange: setThemeExpanded }, Object.keys(themeLabels).map((theme) => (React.createElement(react_core_1.SelectOption, { key: theme, value: theme }, themeLabels[theme]))))))),
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(FlightCtlActionGroup_1.default, null,
+                    React.createElement(react_core_1.Button, { variant: "secondary", onClick: onClose }, t('Close')))))));
+};
+exports.default = UserPreferencesModal;
+//# sourceMappingURL=UserPreferencesModal.js.map

package/dist/src/components/UserPreferences/UserPreferencesModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferencesModal.js","sourceRoot":"","sources":["../../../../src/components/UserPreferences/UserPreferencesModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAUgC;AAGhC,+DAA4D;AAC5D,gGAAgE;AAChE,kFAAkD;AAClD,uEAAmE;AAEnE,MAAM,cAAc,GAAG,CAAC,CAAY,EAA8B,EAAE,CAAC,CAAC;IACpE,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;CAChB,CAAC,CAAC;AAMH,MAAM,oBAAoB,GAAwC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,gDAAsB,CAAC,CAAC;IAErE,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,OAAO,CACL,oBAAC,kBAAK,IAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,MAAM,QAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO;QAC1E,oBAAC,kBAAK,IAAC,SAAS;YACd,oBAAC,sBAAS;gBACR,oBAAC,uBAAa;oBACZ,oBAAC,sBAAS,IAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;wBAC1B,oBAAC,mBAAM,IACL,MAAM,EAAE,CAAC,SAAuC,EAAE,EAAE,CAAC,CACnD,oBAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,UAAU,EAAE,aAAa,IAExB,WAAW,CAAC,KAAK,CAAC,CACR,CACd,EACD,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gCACrB,QAAQ,CAAC,KAAc,CAAC,CAAC;gCACzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;4BAC1B,CAAC,gBACU,OAAO,EAClB,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,gBAAgB,IAE7B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,oBAAC,yBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACnC,WAAW,CAAC,KAAK,CAAC,CACN,CAChB,CAAC,CACK,CACC,CACE,CACN;YACZ,oBAAC,sBAAS;gBACR,oBAAC,8BAAoB;oBACnB,oBAAC,mBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,IACzC,CAAC,CAAC,OAAO,CAAC,CACJ,CACY,CACb,CACN,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/src/components/UserPreferences/UserPreferencesProvider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserPreferencesProvider = exports.UserPreferencesContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useThemePreferences_1 = require("../../hooks/useThemePreferences");
+exports.UserPreferencesContext = React.createContext({
+    theme: 'system',
+    setTheme: () => { },
+});
+const UserPreferencesProvider = ({ children }) => {
+    const { theme, setTheme } = (0, useThemePreferences_1.useThemePreferences)();
+    return (React.createElement(exports.UserPreferencesContext.Provider, { value: {
+            theme,
+            setTheme,
+        } }, children));
+};
+exports.UserPreferencesProvider = UserPreferencesProvider;
+//# sourceMappingURL=UserPreferencesProvider.js.map

package/dist/src/components/UserPreferences/UserPreferencesProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferencesProvider.js","sourceRoot":"","sources":["../../../../src/components/UserPreferences/UserPreferencesProvider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yEAA6E;AAEhE,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAGtD;IACD,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC;AAMI,MAAM,uBAAuB,GAA2C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,yCAAmB,GAAE,CAAC;IAElD,OAAO,CACL,oBAAC,8BAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;SACT,IAEA,QAAQ,CACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,uBAAuB,2BAalC"}

package/dist/src/components/charts/DonutChart.css

@@ -0,0 +1,10 @@
+.fctl-charts__donut {
+    display: flex;
+    justify-content: center;
+}
+
+.fctl-charts__title {
+    height: 100%;
+    color: var(--pf-v5-global--Color--200);
+    font-size: 14px;
+}

package/dist/src/components/charts/DonutChart.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_charts_1 = require("@patternfly/react-charts");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+const useNavigate_1 = require("../../hooks/useNavigate");
+const WithHelperText_1 = tslib_1.__importDefault(require("../common/WithHelperText"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const common_1 = require("../../utils/status/common");
+require("./DonutChart.css");
+const Legend = ({ rows }) => {
+    return (React.createElement(react_core_1.Stack, null, rows.map((r, index) => (React.createElement(react_core_1.StackItem, { key: index },
+        React.createElement(react_core_1.Flex, { rowGap: { default: 'rowGapNone' }, columnGap: { default: 'columnGapMd' } }, r.map((datum, index) => (React.createElement(react_core_1.FlexItem, { key: index },
+            React.createElement(LegendItem, { key: datum.x, color: datum.color },
+                React.createElement("span", null,
+                    `${datum.y}%`,
+                    " ",
+                    React.createElement(useNavigate_1.Link, Object.assign({}, datum.link), datum.x))))))))))));
+};
+const LegendItem = ({ children, color }) => {
+    return (React.createElement(react_core_1.Flex, { flexWrap: { default: 'nowrap' }, alignItems: { default: 'alignItemsBaseline' }, justifyContent: { default: 'justifyContentFlexStart' }, columnGap: { default: 'columnGapXs' } },
+        React.createElement(react_core_1.FlexItem, null,
+            React.createElement("div", { style: {
+                    backgroundColor: color,
+                    height: '10px',
+                    width: '10px',
+                } })),
+        React.createElement(react_core_1.FlexItem, null, children)));
+};
+const DonutChart = ({ data, title, helperText }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const firstRow = data.slice(0, Math.floor(data.length / 2));
+    const secondRow = data.slice(Math.floor(data.length / 2), data.length);
+    const isEmpty = !data.some(({ y }) => !!y);
+    return (React.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentCenter' }, direction: { default: 'column' }, alignItems: { default: 'alignItemsCenter' } },
+        React.createElement(react_core_1.FlexItem, { className: "fctl-charts__donut" },
+            React.createElement("div", { style: { height: '230px', width: '230px' } },
+                React.createElement(react_charts_1.ChartContainer, null,
+                    React.createElement("foreignObject", { x: "0", y: "0", width: "230px", height: "230px" },
+                        React.createElement(react_core_1.Flex, { alignItems: { default: 'alignItemsCenter' }, justifyContent: { default: 'justifyContentCenter' }, alignContent: { default: 'alignContentCenter' }, className: "fctl-charts__title" }, helperText ? React.createElement(WithHelperText_1.default, { showLabel: true, ariaLabel: title, content: helperText }) : title)),
+                    React.createElement(react_charts_1.ChartDonut, { ariaDesc: title, ariaTitle: title, constrainToVisibleArea: true, colorScale: isEmpty ? [(0, common_1.getDefaultStatusColor)('unknown')] : data.map((datum) => datum.color), data: isEmpty ? [{ y: 100 }] : data, name: title, standalone: false, labels: isEmpty ? [] : data.map((datum) => datum.tooltip) })))),
+        React.createElement(react_core_1.FlexItem, null, isEmpty ? (React.createElement(react_core_1.TextContent, null,
+            React.createElement(react_core_1.Text, { component: react_core_1.TextVariants.small }, t('No devices')))) : (React.createElement(Legend, { rows: [firstRow, secondRow] })))));
+};
+exports.default = DonutChart;
+//# sourceMappingURL=DonutChart.js.map

package/dist/src/components/charts/DonutChart.js.map

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

package/dist/src/components/common/CopyButton.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const copy_icon_1 = require("@patternfly/react-icons/dist/js/icons/copy-icon");
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const CopyButton = ({ text, variant }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const onCopy = () => {
+        void navigator.clipboard.writeText(text);
+    };
+    return (React.createElement(react_core_1.Tooltip, { content: t('Copy text') },
+        React.createElement(react_core_1.Button, { variant: variant || 'plain', isInline: variant === 'link', icon: React.createElement(react_core_1.Icon, { size: "sm" },
+                React.createElement(copy_icon_1.CopyIcon, { onClick: onCopy })), "aria-label": t('Copy text') })));
+};
+exports.default = CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/dist/src/components/common/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/components/common/CopyButton.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,+EAA2E;AAC3E,uDAA4E;AAE5E,+DAA4D;AAE5D,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAsD,EAAE,EAAE;IAC3F,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAO,IAAC,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC;QAC9B,oBAAC,mBAAM,IACL,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,OAAO,KAAK,MAAM,EAC5B,IAAI,EACF,oBAAC,iBAAI,IAAC,IAAI,EAAC,IAAI;gBACb,oBAAC,oBAAQ,IAAC,OAAO,EAAE,MAAM,GAAI,CACxB,gBAEG,CAAC,CAAC,WAAW,CAAC,GAC1B,CACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/src/components/common/EditableLabelControl.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const EditableLabelControl = ({ addButtonText, defaultLabel, onAddLabel, isEditable = true, }) => {
+    const [isEditing, setIsEditing] = React.useState();
+    const [label, setLabel] = React.useState('');
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const onConfirmAdd = () => {
+        if (label) {
+            onAddLabel(label);
+            setIsEditing(false);
+            setLabel('');
+        }
+    };
+    const onDiscardAdd = () => {
+        setIsEditing(false);
+        setLabel('');
+    };
+    return isEditing ? (React.createElement(react_core_1.TextInput, { "aria-label": t('New label'), autoFocus: true, value: label, onChange: (ev) => {
+            setLabel(ev.currentTarget.value);
+        }, onBlur: onConfirmAdd, onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                onConfirmAdd();
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                onDiscardAdd();
+            }
+        } })) : (React.createElement(react_core_1.Button, { variant: "link", isDisabled: !isEditable, onClick: () => {
+            setIsEditing(true);
+            setLabel(defaultLabel);
+        } }, addButtonText || t('Add label')));
+};
+exports.default = EditableLabelControl;
+//# sourceMappingURL=EditableLabelControl.js.map

package/dist/src/components/common/EditableLabelControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableLabelControl.js","sourceRoot":"","sources":["../../../../src/components/common/EditableLabelControl.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA2D;AAE3D,+DAA4D;AAS5D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,aAAa,EACb,YAAY,EACZ,UAAU,EACV,UAAU,GAAG,IAAI,GACS,EAAE,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,KAAK,EAAE,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,sBAAS,kBACI,CAAC,CAAC,WAAW,CAAC,EAC1B,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAqC,EAAE,EAAE;YAClD,QAAQ,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC;QACH,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAM,IACL,OAAO,EAAC,MAAM,EACd,UAAU,EAAE,CAAC,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzB,CAAC,IAEA,aAAa,IAAI,CAAC,CAAC,WAAW,CAAC,CACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/src/components/common/ErrorBoundary.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_core_1 = require("@patternfly/react-core");
+const error_1 = require("../../utils/error");
+class ErrorBoundary extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            hasError: false,
+            error: { message: '', stack: '' },
+            info: { componentStack: '' },
+        };
+        this.componentDidCatch = (error, info) => {
+            this.setState({ error, info });
+        };
+    }
+    render() {
+        const { hasError, error } = this.state;
+        const { children, t } = this.props;
+        if (!hasError && !children) {
+            return null;
+        }
+        return hasError ? (react_1.default.createElement(react_core_1.Alert, { variant: "danger", title: t('Unexpected error occurred'), isInline: true },
+            t('Please reload the page and try again.'),
+            react_1.default.createElement("details", null, (0, error_1.getErrorMessage)(error)))) : (children);
+    }
+}
+ErrorBoundary.getDerivedStateFromError = ( /* error */) => {
+    return { hasError: true };
+};
+const TranslatedErrorBoundary = (0, react_i18next_1.withTranslation)()(ErrorBoundary);
+exports.default = TranslatedErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/src/components/common/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/common/ErrorBoundary.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,iDAA2D;AAC3D,uDAA+C;AAE/C,6CAAoD;AAapD,MAAM,aAAc,SAAQ,eAAK,CAAC,SAAuB;IAAzD;;QACE,UAAK,GAAG;YACN,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAW;YAC1C,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE;SAC7B,CAAC;QAMF,sBAAiB,GAAG,CAAC,KAAY,EAAE,IAAqB,EAAE,EAAE;YAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;IAkBJ,CAAC;IAhBC,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,kBAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,QAAQ;YACpE,CAAC,CAAC,uCAAuC,CAAC;YAC3C,+CAAU,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAW,CACrC,CACT,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IACJ,CAAC;;AAvBM,sCAAwB,GAAG,EAAC,WAAW,EAAE,EAAE;IAChD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAC,AAF8B,CAE7B;AAwBJ,MAAM,uBAAuB,GAAG,IAAA,+BAAe,GAAE,CAAC,aAAa,CAAC,CAAC;AAEjE,kBAAe,uBAAuB,CAAC"}

package/dist/src/components/common/HelperTextItems.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IgnitionFileHelperText = exports.KubernetesLabelHelperText = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const external_link_alt_icon_1 = require("@patternfly/react-icons/dist/js/icons/external-link-alt-icon");
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const KubernetesLabelHelperText = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(React.Fragment, null,
+        t('Must be a valid Kubernetes label'),
+        ' ',
+        React.createElement(react_core_1.Button, { component: "a", variant: "link", isInline: true, icon: React.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, null), target: "_blank", rel: "noopener noreferrer", href: "https://kubernetes.io/docs/concepts/overview/working-with-objects/labels/" }, t('Learn more'))));
+};
+exports.KubernetesLabelHelperText = KubernetesLabelHelperText;
+const IgnitionFileHelperText = () => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    return (React.createElement(React.Fragment, null,
+        t('Must be a valid Ignition file in YAML format'),
+        ' ',
+        React.createElement(react_core_1.Button, { component: "a", variant: "link", isInline: true, icon: React.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, null), target: "_blank", rel: "noopener noreferrer", href: "https://coreos.github.io/ignition/specs/" }, t('Learn more'))));
+};
+exports.IgnitionFileHelperText = IgnitionFileHelperText;
+//# sourceMappingURL=HelperTextItems.js.map

package/dist/src/components/common/HelperTextItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperTextItems.js","sourceRoot":"","sources":["../../../../src/components/common/HelperTextItems.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yGAAmG;AACnG,uDAAgD;AAEhD,+DAA4D;AAErD,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL;QACG,CAAC,CAAC,kCAAkC,CAAC;QAAE,GAAG;QAC3C,oBAAC,mBAAM,IACL,SAAS,EAAC,GAAG,EACb,OAAO,EAAC,MAAM,EACd,QAAQ,QACR,IAAI,EAAE,oBAAC,4CAAmB,OAAG,EAC7B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,2EAA2E,IAE/E,CAAC,CAAC,YAAY,CAAC,CACT,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,yBAAyB,6BAkBpC;AAEK,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,OAAO,CACL;QACG,CAAC,CAAC,8CAA8C,CAAC;QAAE,GAAG;QACvD,oBAAC,mBAAM,IACL,SAAS,EAAC,GAAG,EACb,OAAO,EAAC,MAAM,EACd,QAAQ,QACR,IAAI,EAAE,oBAAC,4CAAmB,OAAG,EAC7B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,0CAA0C,IAE9C,CAAC,CAAC,YAAY,CAAC,CACT,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,sBAAsB,0BAkBjC"}

package/dist/src/components/common/LabelsView.css

@@ -0,0 +1,9 @@
+.fctl-labels-view__collapsed {
+  /* Set a maximum width on larger breakpoints */
+  @media (min-width: 769px) {
+    max-width: 400px;
+  }
+}
+
+
+

package/dist/src/components/common/LabelsView.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const useTranslation_1 = require("../../hooks/useTranslation");
+require("./LabelsView.css");
+const LabelsView = ({ variant, prefix, labels }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const labelItems = Object.entries(labels || {});
+    if (labelItems.length === 0) {
+        return '-';
+    }
+    const isLimited = variant === 'collapsed';
+    return (React.createElement(react_core_1.LabelGroup, { numLabels: isLimited ? 2 : 5, className: isLimited ? 'fctl-labels-view__collapsed' : undefined, expandedText: t('Show less'), collapsedText: '${remaining} ' + t('more') }, labelItems.map(([key, value], index) => (React.createElement(react_core_1.Label, { key: `${prefix}_${index}`, id: `${prefix}_${index}` }, value ? `${key}=${value}` : key)))));
+};
+exports.default = LabelsView;
+//# sourceMappingURL=LabelsView.js.map

package/dist/src/components/common/LabelsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelsView.js","sourceRoot":"","sources":["../../../../src/components/common/LabelsView.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA2D;AAE3D,+DAA4D;AAE5D,4BAA0B;AAQ1B,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAChD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC;IAED,MAAM,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC;IAC1C,OAAO,CACL,oBAAC,uBAAU,IACT,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,SAAS,EAChE,YAAY,EAAE,CAAC,CAAC,WAAW,CAAC,EAC5B,aAAa,EAAE,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,IAEzC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/C,oBAAC,kBAAK,IAAC,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,IACvD,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAC1B,CACT,CAAC,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/src/components/common/LeaveFormConfirmation.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const useAppContext_1 = require("../../hooks/useAppContext");
+const ConfirmNavigationDialog = ({ blocker }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    if (blocker.state !== 'blocked') {
+        return null;
+    }
+    return (React.createElement(react_core_1.Modal, { title: t('There are unsaved changes'), isOpen: true, variant: "small", titleIconVariant: "warning", actions: [
+            React.createElement(react_core_1.Button, { key: "proceed", variant: "danger", onClick: () => {
+                    var _a;
+                    (_a = blocker.proceed) === null || _a === void 0 ? void 0 : _a.call(blocker);
+                } }, t('Discard changes')),
+            React.createElement(react_core_1.Button, { key: "stay", variant: "link", onClick: () => {
+                    var _a;
+                    (_a = blocker.reset) === null || _a === void 0 ? void 0 : _a.call(blocker);
+                } }, t('Stay here')),
+        ] },
+        React.createElement(react_core_1.Stack, { hasGutter: true },
+            React.createElement(react_core_1.StackItem, null,
+                React.createElement(react_core_1.TextContent, null,
+                    React.createElement(react_core_1.Text, null, t('Are you sure you want to leave the current page? Unsaved changes will be lost.')))))));
+};
+const RouterBlocker = ({ lock }) => {
+    const { router: { useBlocker }, } = (0, useAppContext_1.useAppContext)();
+    const shouldBlock = ({ currentLocation, nextLocation }) => {
+        return lock && currentLocation.pathname !== nextLocation.pathname;
+    };
+    const blocker = useBlocker === null || useBlocker === void 0 ? void 0 : useBlocker(shouldBlock);
+    return React.createElement(React.Fragment, null, blocker ? React.createElement(ConfirmNavigationDialog, { blocker: blocker }) : null);
+};
+const BrowserBlocker = ({ lock }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { router: { Prompt }, } = (0, useAppContext_1.useAppContext)();
+    return (Prompt &&
+        lock && React.createElement(Prompt, { message: t('Are you sure you want to leave the current page? Unsaved changes will be lost.') }));
+};
+const LeaveFormConfirmation = () => {
+    const { dirty, isSubmitting } = (0, formik_1.useFormikContext)();
+    const { router: { useBlocker }, } = (0, useAppContext_1.useAppContext)();
+    const lock = !isSubmitting && dirty;
+    // workaround for OCP plugin where useBlocker is not yet available due to older react-router-dom version
+    return useBlocker ? React.createElement(RouterBlocker, { lock: lock }) : React.createElement(BrowserBlocker, { lock: lock });
+};
+exports.default = LeaveFormConfirmation;
+//# sourceMappingURL=LeaveFormConfirmation.js.map

package/dist/src/components/common/LeaveFormConfirmation.js.map

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

package/dist/src/components/common/ResourceLink.css

@@ -0,0 +1,29 @@
+.fctl-resource-link {
+  display: inline-flex;
+  align-items: center;
+}
+
+.fctl-resource-link.fctl-resource-link__full {
+  display: flex;
+}
+
+.fctl-resource-link .fctl-resource-link__text {
+  text-wrap: nowrap;
+  overflow-x: hidden;
+}
+
+.fctl-resource-link .pf-v5-c-button {
+  /* The copy name button is hidden by default */
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.fctl-resource-link:hover .pf-v5-c-button {
+  /* Makes the copy name button visible when hovering over the name */
+  clip: initial;
+  clip-path: initial;
+  overflow: visible;
+  white-space: initial;
+}

package/dist/src/components/common/ResourceLink.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDisplayText = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useNavigate_1 = require("../../hooks/useNavigate");
+const CopyButton_1 = tslib_1.__importDefault(require("./CopyButton"));
+require("./ResourceLink.css");
+const maxDisplayLength = 50;
+const getDisplayText = (name) => {
+    if (!name) {
+        return '-';
+    }
+    if (name.length <= maxDisplayLength) {
+        return name;
+    }
+    return `${name.substring(0, 6)}...${name.substring(name.length - 7)}`;
+};
+exports.getDisplayText = getDisplayText;
+const ResourceLink = ({ id, name, variant = 'shortened', routeLink }) => {
+    const nameOrId = name || id;
+    const displayText = (0, exports.getDisplayText)(nameOrId);
+    const showCopy = nameOrId !== displayText;
+    const textEl = React.createElement("span", { className: "fctl-resource-link__text" }, variant === 'full' ? nameOrId : displayText);
+    return (React.createElement("span", { className: `fctl-resource-link fctl-resource-link__${variant}` },
+        routeLink ? React.createElement(useNavigate_1.Link, { to: { route: routeLink, postfix: id } }, textEl) : React.createElement(React.Fragment, null, textEl),
+        showCopy && nameOrId && React.createElement(CopyButton_1.default, { text: nameOrId })));
+};
+exports.default = ResourceLink;
+//# sourceMappingURL=ResourceLink.js.map

package/dist/src/components/common/ResourceLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLink.js","sourceRoot":"","sources":["../../../../src/components/common/ResourceLink.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yDAAsE;AACtE,sEAAsC;AAEtC,8BAA4B;AAE5B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AASrB,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,EAAE;IACzD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,GAAG,CAAC;IACb,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,IAAI,gBAAgB,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;AACxE,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,GAAG,WAAW,EAAE,SAAS,EAA4B,EAAE,EAAE;IAChG,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,QAAQ,KAAK,WAAW,CAAC;IAE1C,MAAM,MAAM,GAAG,8BAAM,SAAS,EAAC,0BAA0B,IAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAQ,CAAC;IAE/G,OAAO,CACL,8BAAM,SAAS,EAAE,0CAA0C,OAAO,EAAE;QACjE,SAAS,CAAC,CAAC,CAAC,oBAAC,kBAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAG,MAAM,CAAQ,CAAC,CAAC,CAAC,0CAAG,MAAM,CAAI;QACxF,QAAQ,IAAI,QAAQ,IAAI,oBAAC,oBAAU,IAAC,IAAI,EAAE,QAAQ,GAAI,CAClD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/common/ResourceListEmptyState.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ResourceListEmptyState = ({ titleText, icon, children, }) => (React.createElement(react_core_1.EmptyState, { style: { '--pf-v5-c-empty-state--PaddingTop': '4rem' } },
+    React.createElement(react_core_1.EmptyStateHeader, { titleText: titleText, headingLevel: "h4", icon: React.createElement(react_core_1.EmptyStateIcon, { icon: icon }) }),
+    children));
+exports.default = ResourceListEmptyState;
+//# sourceMappingURL=ResourceListEmptyState.js.map

package/dist/src/components/common/ResourceListEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceListEmptyState.js","sourceRoot":"","sources":["../../../../src/components/common/ResourceListEmptyState.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAsF;AAOtF,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,IAAI,EACJ,QAAQ,GAC6C,EAAE,EAAE,CAAC,CAC1D,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,mCAAmC,EAAE,MAAM,EAAyB;IACvF,oBAAC,6BAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,oBAAC,2BAAc,IAAC,IAAI,EAAE,IAAI,GAAI,GAAI;IACjG,QAAQ,CACE,CACd,CAAC;AACF,kBAAe,sBAAsB,CAAC"}

package/dist/src/components/common/WithHelperText.css

@@ -0,0 +1,3 @@
+.fctl-helper-text__icon {
+    padding: 0 0 0 var(--pf-v5-global--spacer--xs);
+}

package/dist/src/components/common/WithHelperText.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const outlined_question_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/outlined-question-circle-icon");
+require("./WithHelperText.css");
+const WithHelperText = ({ ariaLabel, showLabel, content, triggerAction }) => (React.createElement(React.Fragment, null,
+    showLabel && ariaLabel,
+    React.createElement(react_core_1.Popover, { "aria-label": ariaLabel, bodyContent: content, withFocusTrap: true, triggerAction: triggerAction },
+        React.createElement(react_core_1.Button, { component: "a", className: "fctl-helper-text__icon", isInline: true, variant: "plain", onClick: (ev) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            }, "aria-label": `${ariaLabel} help text`, icon: React.createElement(outlined_question_circle_icon_1.OutlinedQuestionCircleIcon, null) }))));
+exports.default = WithHelperText;
+//# sourceMappingURL=WithHelperText.js.map

package/dist/src/components/common/WithHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithHelperText.js","sourceRoot":"","sources":["../../../../src/components/common/WithHelperText.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAAyD;AACzD,uHAAiH;AAEjH,gCAA8B;AAS9B,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAuB,EAAE,EAAE,CAAC,CAChG;IACG,SAAS,IAAI,SAAS;IACvB,oBAAC,oBAAO,kBAAa,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,QAAC,aAAa,EAAE,aAAa;QAC9F,oBAAC,mBAAM,IACL,SAAS,EAAC,GAAG,EACb,SAAS,EAAC,wBAAwB,EAClC,QAAQ,QACR,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACd,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,EAAE,CAAC,eAAe,EAAE,CAAC;YACvB,CAAC,gBACW,GAAG,SAAS,YAAY,EACpC,IAAI,EAAE,oBAAC,0DAA0B,OAAG,GACpC,CACM,CACT,CACJ,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/src/components/common/WithTooltip.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const WithTooltip = ({ showTooltip, content, children }) => showTooltip ? React.createElement(react_core_1.Tooltip, { content: content }, children) : children;
+exports.default = WithTooltip;
+//# sourceMappingURL=WithTooltip.js.map

package/dist/src/components/common/WithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTooltip.js","sourceRoot":"","sources":["../../../../src/components/common/WithTooltip.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,uDAAiD;AAQjD,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAuC,EAAE,EAAE,CAC9F,WAAW,CAAC,CAAC,CAAC,oBAAC,oBAAO,IAAC,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE3E,kBAAe,WAAW,CAAC"}

package/dist/src/components/form/CheckboxField.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const FieldHelperText_1 = tslib_1.__importStar(require("./FieldHelperText"));
+const CheckboxField = (_a) => {
+    var { helperText, onChangeCustom, children } = _a, props = tslib_1.__rest(_a, ["helperText", "onChangeCustom", "children"]);
+    const [_b, meta, { setValue, setTouched }] = (0, formik_1.useField)({
+        name: props.name,
+    }), { value } = _b, rest = tslib_1.__rest(_b, ["value"]);
+    const onChange = (_, value) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield setValue(value);
+        if (onChangeCustom) {
+            onChangeCustom(value);
+        }
+        yield setTouched(true);
+    });
+    const fieldId = `checkboxfield-${props.name}`;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+            React.createElement(react_core_1.Checkbox, Object.assign({}, rest, props, { isChecked: value, id: fieldId, onChange: onChange, body: value && props.body })),
+            React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+            React.createElement(FieldHelperText_1.default, { meta: meta })),
+        value && children));
+};
+exports.default = CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map