@ansible/ansible-ui-framework 0.0.613 → 0.0.615

package/cjs/PageDetails/PageDetail.js

@@ -1,28 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDetail = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var StandardPopover_1 = require("../components/StandardPopover");
-function PageDetail(props) {
-    var label = props.label, children = props.children, helpText = props.helpText, isEmpty = props.isEmpty;
-    if (children === null || typeof children === 'undefined' || children === '') {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    if (isEmpty) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [label && ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListTerm, { children: [label, helpText ? (0, jsx_runtime_1.jsx)(StandardPopover_1.StandardPopover, { header: label, content: helpText }) : null] })), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, __assign({ id: label === null || label === void 0 ? void 0 : label.toLowerCase().split(' ').join('-') }, { children: children }))] }));
-}
-exports.PageDetail = PageDetail;

package/cjs/PageDetails/PageDetails.js

@@ -1,41 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDetails = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var Settings_1 = require("../Settings");
-function PageDetails(props) {
-    var disablePadding = props.disablePadding;
-    var settings = (0, Settings_1.useSettings)();
-    var orientation = settings.formLayout;
-    var columns = settings.formColumns;
-    var isCompact = false;
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light", padding: { default: 'noPadding' }, className: "dark-1" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, __assign({ orientation: {
-                sm: orientation,
-                md: orientation,
-                lg: orientation,
-                xl: orientation,
-                '2xl': orientation,
-            }, columnModifier: columns === 'multiple'
-                ? {
-                    default: '1Col',
-                    sm: '1Col',
-                    md: '2Col',
-                    lg: '2Col',
-                    xl: '3Col',
-                    '2xl': '3Col',
-                }
-                : undefined, style: { maxWidth: 1200, padding: disablePadding ? undefined : 24 }, isCompact: isCompact }, { children: props.children })) })));
-}
-exports.PageDetails = PageDetails;

package/cjs/PageDetails/PageDetailsFromColumns.js

@@ -1,27 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDetailsFromColumns = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/no-empty-function */
-var PageTable_1 = require("../PageTable/PageTable");
-var PageDetail_1 = require("./PageDetail");
-var PageDetails_1 = require("./PageDetails");
-function PageDetailsFromColumns(props) {
-    var item = props.item, columns = props.columns;
-    if (!item)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(PageDetails_1.PageDetails, { children: columns.map(function (column) { return ((0, jsx_runtime_1.jsx)(PageDetail_1.PageDetail, __assign({ label: column.header }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.TableColumnCell, { column: column, item: item }) }), column.id)); }) }));
-}
-exports.PageDetailsFromColumns = PageDetailsFromColumns;

package/cjs/PageDialog.js

@@ -1,28 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageDialog = exports.PageDialogProvider = exports.SetDialogContext = exports.DialogContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-exports.DialogContext = (0, react_1.createContext)(undefined);
-exports.SetDialogContext = (0, react_1.createContext)(function () { return null; });
-var PageDialogContext = (0, react_1.createContext)([undefined, function () { return alert('Use PageDialogProvider'); }]);
-function PageDialogProvider(props) {
-    var state = (0, react_1.useState)();
-    return ((0, jsx_runtime_1.jsxs)(PageDialogContext.Provider, __assign({ value: state }, { children: [state[0] !== undefined && state[0], props.children] })));
-}
-exports.PageDialogProvider = PageDialogProvider;
-function usePageDialog() {
-    return (0, react_1.useContext)(PageDialogContext);
-}
-exports.usePageDialog = usePageDialog;

package/cjs/PageForm/Inputs/FormGroupSelect.js

@@ -1,60 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.FormGroupSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var PageFormGroup_1 = require("./PageFormGroup");
-/** A PatternFly FormGroup with a PatternFly Select */
-function FormGroupSelect(props) {
-    var value = props.value, onSelect = props.onSelect, children = props.children, helperTextInvalid = props.helperTextInvalid, labelHelpTitle = props.labelHelpTitle, labelHelp = props.labelHelp, helperText = props.helperText, isRequired = props.isRequired, isReadOnly = props.isReadOnly, additionalControls = props.additionalControls, placeholderText = props.placeholderText, selectProps = __rest(props, ["value", "onSelect", "children", "helperTextInvalid", "labelHelpTitle", "labelHelp", "helperText", "isRequired", "isReadOnly", "additionalControls", "placeholderText"]);
-    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
-    var onToggle = (0, react_1.useCallback)(function () { return setOpen(function (open) { return !open; }); }, []);
-    var onSelectHandler = (0, react_1.useCallback)(function (event, value) {
-        if (typeof value === 'string')
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, value);
-        else
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, value.toString());
-        setOpen(false);
-    }, [onSelect]);
-    return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({}, selectProps, { label: undefined, placeholderText: placeholderText, variant: react_core_1.SelectVariant.single, "aria-describedby": props.id ? "".concat(props.id, "-form-group") : undefined, selections: value, onSelect: onSelectHandler, isOpen: open, onToggle: onToggle, maxHeight: 280, validated: helperTextInvalid ? 'error' : undefined, isDisabled: props.isDisabled || isReadOnly }, { children: children })) })));
-}
-exports.FormGroupSelect = FormGroupSelect;

package/cjs/PageForm/Inputs/FormGroupSelectOption.js

@@ -1,61 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormGroupSelectOption = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var FormGroupSelect_1 = require("./FormGroupSelect");
-/**
- * A PatternFly FormGroup with a PatternFly Select but using IFormGroupSelectOptions for the options.
- *
- * This supports easy grouping and options that have values that are objects and not just strings.
- */
-function FormGroupSelectOption(props) {
-    var onSelect = props.onSelect, value = props.value;
-    var onSelectHandler = (0, react_1.useCallback)(function (event, label) {
-        var _a;
-        onSelect(event, (_a = props.options.find(function (option) { return option.label === label.toString(); })) === null || _a === void 0 ? void 0 : _a.value);
-    }, [onSelect, props.options]);
-    var options = props.options;
-    options.sort(function (l, r) {
-        var _a, _b, _c, _d;
-        if (((_a = l.group) !== null && _a !== void 0 ? _a : '') < ((_b = r.group) !== null && _b !== void 0 ? _b : ''))
-            return -1;
-        if (((_c = l.group) !== null && _c !== void 0 ? _c : '') > ((_d = r.group) !== null && _d !== void 0 ? _d : ''))
-            return 1;
-        if (l.label < r.label)
-            return -1;
-        if (l.label > r.label)
-            return 1;
-        return 0;
-    });
-    var groups = options.reduce(function (groups, option) {
-        var _a;
-        var group = (_a = option.group) !== null && _a !== void 0 ? _a : '';
-        var optionsArray = groups[group];
-        if (!optionsArray) {
-            optionsArray = [];
-            groups[group] = optionsArray;
-        }
-        optionsArray.push(option);
-        return groups;
-    }, {});
-    var isGrouped = Object.keys(groups).length > 1 ||
-        (Object.keys(groups).length === 1 && Object.keys(groups)[0] !== '');
-    var selected = props.options.find(function (option) { return option.value === value; });
-    return ((0, jsx_runtime_1.jsx)(FormGroupSelect_1.FormGroupSelect, __assign({}, props, { value: selected === null || selected === void 0 ? void 0 : selected.label, onSelect: onSelectHandler, isGrouped: isGrouped }, { children: !isGrouped
-            ? options.map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.label, label: option.label, description: option.description }, { children: option.label }), option.label)); })
-            : Object.keys(groups).map(function (group) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectGroup, __assign({ label: group }, { children: groups[group].map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.label, label: option.label, description: option.description }, { children: option.label }), option.label)); }) }), group)); }) })));
-}
-exports.FormGroupSelectOption = FormGroupSelectOption;

package/cjs/PageForm/Inputs/FormGroupTextArea.js

@@ -1,53 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.FormGroupTextArea = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var PageFormGroup_1 = require("./PageFormGroup");
-/** A PatternFly FormGroup with a PatternFly TextArea */
-function FormGroupTextArea(props) {
-    var _a = __read((0, react_1.useState)(false), 2), showSecret = _a[0], setShowSecret = _a[1];
-    var _helperTextInvalid = props.helperTextInvalid, textAreaProps = __rest(props, ["helperTextInvalid"]);
-    return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextArea, __assign({}, textAreaProps, { id: props.id, label: undefined, "aria-describedby": props.id ? "".concat(props.id, "-form-group") : undefined, validated: props.helperTextInvalid ? 'error' : undefined })), props.type === 'password' && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () { return setShowSecret(!showSecret); }, isDisabled: props.isDisabled || props.isReadOnly }, { children: showSecret ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeSlashIcon, {}) })))] }) })));
-}
-exports.FormGroupTextArea = FormGroupTextArea;

package/cjs/PageForm/Inputs/FormGroupTextInput.js

@@ -1,58 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.FormGroupTextInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var PageFormGroup_1 = require("./PageFormGroup");
-/** A PatternFly FormGroup with a PatternFly TextInput */
-function FormGroupTextInput(props) {
-    var _a = __read((0, react_1.useState)(false), 2), showSecret = _a[0], setShowSecret = _a[1];
-    var _children = props.children, isReadOnly = props.isReadOnly, placeholder = props.placeholder, formGroupProps = __rest(props, ["children", "isReadOnly", "placeholder"]);
-    var id = props.id
-        ? props.id
-        : typeof props.label === 'string'
-            ? props.label.toLowerCase().split(' ').join('-')
-            : undefined;
-    return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, formGroupProps, { id: id }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { placeholder: placeholder, onChange: props.onChange, id: id, onBlur: props.onBlur, label: undefined, value: props.value, "aria-describedby": id ? "".concat(id, "-form-group") : undefined, validated: props.helperTextInvalid ? 'error' : undefined, type: props.type === 'password' ? (showSecret ? 'text' : 'password') : props.type, readOnlyVariant: isReadOnly ? 'default' : undefined }), props.type === 'password' && ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "control", onClick: function () { return setShowSecret(!showSecret); }, isDisabled: props.isDisabled || props.isReadOnly }, { children: showSecret ? (0, jsx_runtime_1.jsx)(react_icons_1.EyeIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.EyeSlashIcon, {}) }))), props.children] }) })));
-}
-exports.FormGroupTextInput = FormGroupTextInput;

package/cjs/PageForm/Inputs/FormGroupTypeAheadMultiSelect.js

@@ -1,67 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.FormGroupTypeAheadMultiSelect = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var PageFormGroup_1 = require("./PageFormGroup");
-/** A PatternFly FormGroup with a PatternFly Select */
-function FormGroupTypeAheadMultiSelect(props) {
-    var onHandleSelection = props.onHandleSelection, onHandleClear = props.onHandleClear, value = props.value, id = props.id, name = props.name, options = props.options, placeholderText = props.placeholderText, isSubmitting = props.isSubmitting, isReadOnly = props.isReadOnly, rest = __rest(props, ["onHandleSelection", "onHandleClear", "value", "id", "name", "options", "placeholderText", "isSubmitting", "isReadOnly"]);
-    var _a = __read((0, react_1.useState)(false), 2), isOpen = _a[0], setIsOpen = _a[1];
-    var chipGroupComponent = function () {
-        if (!value) {
-            return;
-        }
-        return ((0, jsx_runtime_1.jsx)(react_core_1.ChipGroup, { children: value.map(function (v) { return ((0, jsx_runtime_1.jsx)(react_core_1.Chip, __assign({ onClick: function () {
-                    onHandleClear(v.name);
-                } }, { children: v.name }), v.name)); }) }));
-    };
-    return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ chipGroupComponent: chipGroupComponent(), variant: react_core_1.SelectVariant.typeaheadMulti, isCreatable: true, placeholderText: !(value === null || value === void 0 ? void 0 : value.length) && placeholderText, isOpen: isOpen, isCreateOptionOnTop: true, onClear: function () { return onHandleClear(); }, id: id !== null && id !== void 0 ? id : name, selections: value, onToggle: function () {
-                setIsOpen(!isOpen);
-            }, onSelect: function (_, v) {
-                if (typeof v === 'string') {
-                    return onHandleSelection({ name: v });
-                }
-                onHandleSelection(v);
-            }, isDisabled: isReadOnly || isSubmitting }, { children: options.map(function (option) { return ((0, jsx_runtime_1.jsx)(react_core_1.SelectOption, __assign({ value: option.value }, { children: option.label }), option.label)); }) })) })));
-}
-exports.FormGroupTypeAheadMultiSelect = FormGroupTypeAheadMultiSelect;

package/cjs/PageForm/Inputs/PageFormCheckbox.js

@@ -1,39 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormCheckbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_hook_form_1 = require("react-hook-form");
-/** PatternFly Checkbox wrapper for use with react-hook-form */
-function PageFormCheckbox(props) {
-    var name = props.name, readOnly = props.readOnly, validate = props.validate, rest = __rest(props, ["name", "readOnly", "validate"]);
-    var _a = (0, react_hook_form_1.useFormContext)(), control = _a.control, isSubmitting = _a.formState.isSubmitting;
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b;
-            var _c = _a.field, onChange = _c.onChange, value = _c.value;
-            return ((0, jsx_runtime_1.jsx)(react_core_1.Checkbox, __assign({}, rest, { id: (_b = props.id) !== null && _b !== void 0 ? _b : name.split('.').join('-'), isChecked: !!value, onChange: onChange, readOnly: readOnly || isSubmitting, minLength: undefined, maxLength: undefined, ref: undefined })));
-        }, rules: { validate: validate } }));
-}
-exports.PageFormCheckbox = PageFormCheckbox;

package/cjs/PageForm/Inputs/PageFormCodeEditor.js

@@ -1,154 +0,0 @@
-"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonacoEditor = exports.PageFormCodeEditor = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var monaco = __importStar(require("monaco-editor"));
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var __1 = require("../..");
-var capitalize_1 = require("../../utils/capitalize");
-var PageFormGroup_1 = require("./PageFormGroup");
-function PageFormCodeEditor(props) {
-    var _a;
-    var isReadOnly = props.isReadOnly, validate = props.validate, formGroupInputProps = __rest(props, ["isReadOnly", "validate"]);
-    var label = props.label, name = props.name, isRequired = props.isRequired;
-    var _b = (0, react_hook_form_1.useFormContext)(), control = _b.control, _c = _b.formState, isSubmitting = _c.isSubmitting, isValidating = _c.isValidating;
-    var id = (_a = props.id) !== null && _a !== void 0 ? _a : name.split('.').join('-');
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name, control: control, shouldUnregister: true, render: function (_a) {
-            var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
-            return ((0, jsx_runtime_1.jsx)(PageFormGroup_1.PageFormGroup, __assign({}, formGroupInputProps, { id: id, helperTextInvalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message) }, { children: (0, jsx_runtime_1.jsx)(MonacoEditor, { id: id, value: value, onChange: onChange, isReadOnly: isReadOnly || isSubmitting, invalid: !(validate && isValidating) && (error === null || error === void 0 ? void 0 : error.message) !== undefined }) })));
-        }, rules: {
-            required: typeof label === 'string' && typeof isRequired === 'boolean'
-                ? {
-                    value: true,
-                    message: "".concat((0, capitalize_1.capitalizeFirstLetter)(label.toLocaleLowerCase()), " is required."),
-                }
-                : isRequired,
-            validate: props.validate,
-        } }));
-}
-exports.PageFormCodeEditor = PageFormCodeEditor;
-function MonacoEditor(props) {
-    var onChange = props.onChange;
-    var divEl = (0, react_1.useRef)(null);
-    var editorRef = (0, react_1.useRef)({});
-    var settings = (0, __1.useSettings)();
-    (0, react_1.useEffect)(function () {
-        var _a;
-        var editor;
-        monaco.editor.defineTheme('my-dark', {
-            base: 'vs-dark',
-            inherit: true,
-            colors: {
-                'editor.background': '#00000000',
-                'minimap.background': '#00000000',
-                'scrollbarSlider.background': '#FFFFFF22',
-            },
-            rules: [{ token: '', background: '#222222' }],
-        });
-        monaco.editor.defineTheme('my-light', {
-            base: 'vs',
-            inherit: true,
-            colors: {
-                'editor.background': '#FFFFFF00',
-                'minimap.background': '#FFFFFF00',
-                'scrollbarSlider.background': '#FFFFFF22',
-            },
-            rules: [],
-        });
-        if (divEl.current) {
-            editor = monaco.editor.create(divEl.current, {
-                language: 'yaml',
-                lineNumbers: 'off',
-                theme: 'my-dark',
-                lineDecorationsWidth: 8,
-                // lineNumbersMinChars: 0,
-                // glyphMargin: false,
-                // folding: false,
-                padding: { top: 6, bottom: 8 },
-                fontSize: 14,
-                fontFamily: 'RedHatMono',
-                scrollBeyondLastLine: false,
-                minimap: { enabled: false },
-                renderLineHighlightOnlyWhenFocus: true,
-            });
-            editorRef.current.editor = editor;
-            (_a = editor.getModel()) === null || _a === void 0 ? void 0 : _a.onDidChangeContent(function () {
-                var _a;
-                onChange === null || onChange === void 0 ? void 0 : onChange((_a = editor.getValue()) !== null && _a !== void 0 ? _a : '');
-            });
-        }
-        return function () {
-            editor.dispose();
-        };
-    }, [onChange]);
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
-            var currentValue = editorRef.current.editor.getValue();
-            if (currentValue !== props.value)
-                editorRef.current.editor.setValue((_b = props.value) !== null && _b !== void 0 ? _b : '');
-        }
-    }, [props.value]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
-            editorRef.current.editor.updateOptions({ readOnly: props.isReadOnly });
-        }
-    }, [props.isReadOnly]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.editor) {
-            editorRef.current.editor.updateOptions({
-                theme: settings.activeTheme === 'dark' ? 'my-dark' : 'my-light',
-            });
-        }
-    }, [settings.activeTheme]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "pf-c-form-control", style: { padding: 0, height: 400 }, "aria-invalid": props.invalid ? 'true' : undefined }, { children: (0, jsx_runtime_1.jsx)("div", { id: props.id, ref: divEl, style: { height: '100%' } }) })));
-}
-exports.MonacoEditor = MonacoEditor;