@flightctl/ui-components 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/form/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAA4E;AAC5E,6EAAuE;AAQvE,MAAM,aAAa,GAAG,CAAC,EAAsE,EAAE,EAAE;QAA1E,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,OAAgC,EAA3B,KAAK,sBAAhD,4CAAkD,CAAF;IACrE,MAAM,KAAqB,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,IAAA,iBAAQ,EAAU;QAC7E,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAFK,EAAE,KAAK,OAAW,EAAN,IAAI,sBAAhB,SAAkB,CAEvB,CAAC;IAEH,MAAM,QAAQ,GAA8B,CAAO,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7D,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,iBAAiB,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9C,OAAO,CACL;QACE,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO;YACzD,oBAAC,qBAAQ,oBAAK,IAAI,EAAM,KAAK,IAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI;YAE/G,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;YAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB;QACX,KAAK,IAAI,QAAQ,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultHelperText = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const DefaultHelperText = ({ helperText }) => {
+    return helperText ? (React.createElement(react_core_1.FormHelperText, null,
+        React.createElement(react_core_1.HelperText, null,
+            React.createElement(react_core_1.HelperTextItem, { variant: "default" }, helperText)))) : null;
+};
+exports.DefaultHelperText = DefaultHelperText;
+const ErrorHelperText = ({ meta, error, touchRequired = true }) => {
+    let content;
+    if (meta) {
+        content = !touchRequired || meta.touched ? meta.error : undefined;
+    }
+    else {
+        content = error;
+    }
+    return content ? (React.createElement(react_core_1.FormHelperText, null,
+        React.createElement(react_core_1.HelperText, null,
+            React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null), variant: "error" }, content)))) : null;
+};
+exports.default = ErrorHelperText;
+//# sourceMappingURL=FieldHelperText.js.map

package/dist/src/components/form/FieldHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHelperText.js","sourceRoot":"","sources":["../../../../src/components/form/FieldHelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,uDAAoF;AACpF,2GAAsG;AAY/F,MAAM,iBAAiB,GAAG,CAAC,EAAE,UAAU,EAA0B,EAAE,EAAE;IAC1E,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,oBAAC,2BAAc;QACb,oBAAC,uBAAU;YACT,oBAAC,2BAAc,IAAC,OAAO,EAAC,SAAS,IAAE,UAAU,CAAkB,CACpD,CACE,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,EAAwB,EAAE,EAAE;IACtF,IAAI,OAAwB,CAAC;IAC7B,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,KAAK,CAAC;IAClB,CAAC;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,2BAAc;QACb,oBAAC,uBAAU;YACT,oBAAC,2BAAc,IAAC,IAAI,EAAE,oBAAC,+CAAqB,OAAG,EAAE,OAAO,EAAC,OAAO,IAC7D,OAAO,CACO,CACN,CACE,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/src/components/form/FilterSelect.css

@@ -0,0 +1,8 @@
+.fctl-filter-select__group {
+    height: 18rem;
+    overflow: auto;
+}
+
+.fclt-filter-select__badge {
+    margin-left: var(--pf-v5-global--spacer--sm);
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterSelectGroup = void 0;
+const tslib_1 = require("tslib");
+const react_core_1 = require("@patternfly/react-core");
+const React = tslib_1.__importStar(require("react"));
+require("./FilterSelect.css");
+const FilterSelectGroup = ({ label, children }) => (React.createElement(react_core_1.SelectGroup, { label: label },
+    React.createElement("div", { className: "fctl-filter-select__group" }, children)));
+exports.FilterSelectGroup = FilterSelectGroup;
+const FilterSelect = ({ placeholder, filter, setFilter, children, selectedFilters, isFilterUpdating, }) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+    const textInputRef = React.useRef();
+    const toggleExpand = () => {
+        var _a;
+        if (!isExpanded) {
+            (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        setIsExpanded(!isExpanded);
+    };
+    return (React.createElement(react_core_1.Select, { "aria-label": placeholder, role: "menu", toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, variant: "typeahead", "aria-label": placeholder, onClick: toggleExpand, isExpanded: isExpanded, isFullWidth: true },
+            React.createElement(react_core_1.TextInputGroup, { isPlain: true },
+                React.createElement(react_core_1.TextInputGroupMain, { value: filter, onClick: () => !isExpanded && setIsExpanded(true), onChange: (_, value) => setFilter(value), onKeyDown: () => !isExpanded && setIsExpanded(true), autoComplete: "off", placeholder: placeholder, role: "combobox", isExpanded: isExpanded, innerRef: textInputRef })),
+            isFilterUpdating && (React.createElement(react_core_1.TextInputGroupUtilities, { onClick: toggleExpand },
+                React.createElement(react_core_1.Spinner, { size: "sm" }))),
+            !!selectedFilters && (React.createElement(react_core_1.TextInputGroupUtilities, { onClick: toggleExpand },
+                React.createElement(react_core_1.Badge, { isRead: true, className: "fclt-filter-select__badge" }, selectedFilters))))), isOpen: isExpanded, onOpenChange: setIsExpanded }, children));
+};
+exports.default = FilterSelect;
+//# sourceMappingURL=FilterSelect.js.map

package/dist/src/components/form/FilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","sourceRoot":"","sources":["../../../../src/components/form/FilterSelect.tsx"],"names":[],"mappings":";;;;AAAA,uDASgC;AAChC,qDAA+B;AAE/B,8BAA4B;AAMrB,MAAM,iBAAiB,GAAqC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1F,oBAAC,wBAAW,IAAC,KAAK,EAAE,KAAK;IACvB,6BAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO,CAC/C,CACf,CAAC;AAJW,QAAA,iBAAiB,qBAI5B;AAUF,MAAM,YAAY,GAAgC,CAAC,EACjD,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,eAAe,EACf,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IAEtD,MAAM,YAAY,GAAG,GAAG,EAAE;;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;QACjC,CAAC;QACD,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,mBAAM,kBACO,WAAW,EACvB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CACrB,oBAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAC,WAAW,gBACP,WAAW,EACvB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,EACtB,WAAW;YAEX,oBAAC,2BAAc,IAAC,OAAO;gBACrB,oBAAC,+BAAkB,IACjB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CAAC,EACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACxC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CAAC,EACnD,YAAY,EAAC,KAAK,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,UAAU,EACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,GACtB,CACa;YAChB,gBAAgB,IAAI,CACnB,oBAAC,oCAAuB,IAAC,OAAO,EAAE,YAAY;gBAC5C,oBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACG,CAC3B;YACA,CAAC,CAAC,eAAe,IAAI,CACpB,oBAAC,oCAAuB,IAAC,OAAO,EAAE,YAAY;gBAC5C,oBAAC,kBAAK,IAAC,MAAM,QAAC,SAAS,EAAC,2BAA2B,IAChD,eAAe,CACV,CACgB,CAC3B,CACU,CACd,EACD,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,aAAa,IAE1B,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/src/components/form/FlightCtlActionGroup.css

@@ -0,0 +1,9 @@
+/**
+  Overwrites the "sm" margins set by Patternfly, which cut the focus outline vertically
+ */
+.fctl-form__action-footer .pf-v5-c-form__actions > * {
+  --pf-v5-c-form__actions--child--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-form__actions--child--MarginBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-form__actions--child--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-form__actions--child--MarginRight: var(--pf-v5-global--spacer--sm);
+}

package/dist/src/components/form/FlightCtlActionGroup.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"));
+// eslint-disable-next-line no-restricted-imports
+const react_core_1 = require("@patternfly/react-core");
+require("./FlightCtlActionGroup.css");
+const FlightCtlActionGroup = ({ children }) => (React.createElement(react_core_1.ActionGroup, { className: "fctl-form__action-footer" }, children));
+exports.default = FlightCtlActionGroup;
+//# sourceMappingURL=FlightCtlActionGroup.js.map

package/dist/src/components/form/FlightCtlActionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlActionGroup.js","sourceRoot":"","sources":["../../../../src/components/form/FlightCtlActionGroup.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,iDAAiD;AACjD,uDAAqD;AAErD,sCAAoC;AAEpC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,CAC5F,oBAAC,wBAAW,IAAC,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAe,CAC3E,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+// eslint-disable-next-line no-restricted-imports
+const react_core_1 = require("@patternfly/react-core");
+const FlightCtlForm = ({ className, children }) => {
+    return (React.createElement(react_core_1.Form, { className: className, onSubmit: (ev) => {
+            ev.preventDefault();
+        } }, children));
+};
+exports.default = FlightCtlForm;
+//# sourceMappingURL=FlightCtlForm.js.map

package/dist/src/components/form/FlightCtlForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightCtlForm.js","sourceRoot":"","sources":["../../../../src/components/form/FlightCtlForm.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,iDAAiD;AACjD,uDAA8C;AAE9C,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmD,EAAE,EAAE;IACjG,OAAO,CACL,oBAAC,iBAAI,IACH,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;YACf,EAAE,CAAC,cAAc,EAAE,CAAC;QACtB,CAAC,IAEA,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/src/components/form/FormSelect.css

@@ -0,0 +1,8 @@
+.fctl-form-select__toggle {
+    width: 100%;
+}
+
+.fctl-form-select__menu {
+    max-height: 20rem;
+    overflow: auto;
+}

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

@@ -0,0 +1,50 @@
+"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 FieldHelperText_1 = tslib_1.__importStar(require("./FieldHelperText"));
+require("./FormSelect.css");
+const isItemObject = (item) => typeof item === 'object';
+const getItemLabel = (item) => (isItemObject(item) ? item.label : item);
+const FormSelect = ({ name, items, helperText, placeholderText, children }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [field, meta, { setValue, setTouched }] = (0, formik_1.useField)({
+        name: name,
+    });
+    const fieldId = `selectfield-${name}`;
+    const itemKeys = Object.keys(items);
+    React.useEffect(() => {
+        const hasOneItem = itemKeys.length === 1;
+        if (hasOneItem && !field.value) {
+            setValue(itemKeys[0], true);
+        }
+    }, [itemKeys, field.value, setValue]);
+    const selectedText = field.value ? getItemLabel(items[field.value]) : placeholderText;
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+        React.createElement(react_core_1.Select, { id: fieldId, selected: field.value, onSelect: (_, value) => {
+                setValue(value, true);
+                setIsOpen(false);
+            }, toggle: (toggleRef) => (React.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: () => {
+                    if (isOpen && !meta.touched) {
+                        setTouched(true);
+                    }
+                    setIsOpen(!isOpen);
+                }, isExpanded: isOpen, className: "fctl-form-select__toggle", id: `${fieldId}-menu` }, selectedText)), isOpen: isOpen, onOpenChange: (open) => {
+                if (!open && !meta.touched) {
+                    setTouched(true);
+                }
+                setIsOpen(open);
+            } },
+            !!itemKeys.length && (React.createElement(react_core_1.SelectList, { className: "fctl-form-select__menu" }, itemKeys.map((key) => {
+                const item = items[key];
+                const desc = isItemObject(item) ? item.description : undefined;
+                return (React.createElement(react_core_1.SelectOption, { key: key, value: key, description: desc }, getItemLabel(item)));
+            }))),
+            children),
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(FieldHelperText_1.default, { meta: meta })));
+};
+exports.default = FormSelect;
+//# sourceMappingURL=FormSelect.js.map

package/dist/src/components/form/FormSelect.js.map

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

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

@@ -0,0 +1,61 @@
+"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 EditableLabelControl_1 = tslib_1.__importDefault(require("../common/EditableLabelControl"));
+const FieldHelperText_1 = tslib_1.__importStar(require("./FieldHelperText"));
+const maxWidthDefaultLabel = '18ch'; // Can fit more chars as it doesn't have a "Close" button
+const maxWidthNonDefaultLabel = '16ch'; // Can fit less chars due to the "Close" button
+const LabelsField = ({ name, onChangeCallback, addButtonText, helperText, isFormEditable = true, }) => {
+    const [{ value: labels }, meta, { setValue: setLabels }] = (0, formik_1.useField)(name);
+    const updateLabels = (newLabels) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const errors = yield setLabels(newLabels, true);
+        const hasErrors = Object.keys(errors || {}).length > 0;
+        onChangeCallback && onChangeCallback(newLabels, hasErrors);
+    });
+    const onDelete = (_ev, index) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isFormEditable) {
+            return;
+        }
+        const newLabels = [...labels];
+        newLabels.splice(index, 1);
+        yield updateLabels(newLabels);
+    });
+    const onAdd = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const split = text.split('=');
+        let newLabel;
+        if (split.length === 2) {
+            newLabel = { key: split[0], value: split[1] };
+        }
+        else {
+            newLabel = { key: text || '', value: '' };
+        }
+        const newLabels = [...labels, newLabel];
+        yield updateLabels(newLabels);
+    });
+    const onEdit = (index, nextText) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const label = nextText.split('=');
+        const newLabels = [...labels];
+        newLabels.splice(index, 1, { key: label[0], value: label.length ? label[1] : undefined });
+        yield updateLabels(newLabels);
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_core_1.LabelGroup, { numLabels: 5, isEditable: isFormEditable, addLabelControl: React.createElement(EditableLabelControl_1.default, { defaultLabel: "key=value", addButtonText: addButtonText, onAddLabel: onAdd, isEditable: isFormEditable }) }, labels.map(({ key, value, isDefault }, index) => {
+            const text = value ? `${key}=${value}` : key;
+            const elKey = `${key}__${index}`;
+            if (isDefault) {
+                return (React.createElement(react_core_1.Label, { key: elKey, textMaxWidth: maxWidthDefaultLabel }, text));
+            }
+            const closeButtonProps = !isFormEditable && { isDisabled: true };
+            const isLabelEditable = isFormEditable && !isDefault;
+            return (React.createElement(react_core_1.Label, { key: elKey, textMaxWidth: maxWidthNonDefaultLabel, closeBtnProps: closeButtonProps, onClose: (e) => onDelete(e, index), onEditCancel: (_, prevText) => onEdit(index, prevText), onEditComplete: (_, newText) => onEdit(index, newText), 
+                /* Add a basic tooltip as the PF tooltip doesn't work for editable labels */
+                title: isLabelEditable ? text : undefined, isEditable: isLabelEditable }, text));
+        })),
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(FieldHelperText_1.default, { meta: meta, touchRequired: false })));
+};
+exports.default = LabelsField;
+//# sourceMappingURL=LabelsField.js.map

package/dist/src/components/form/LabelsField.js.map

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

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

@@ -0,0 +1,63 @@
+"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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const useFetch_1 = require("../../hooks/useFetch");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const RichValidationTextField_1 = tslib_1.__importDefault(require("./RichValidationTextField"));
+const NameField = (_a) => {
+    var { name, isDisabled, validations, resourceType } = _a, rest = tslib_1.__rest(_a, ["name", "isDisabled", "validations", "resourceType"]);
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const { get } = (0, useFetch_1.useFetch)();
+    const [{ value }, { error }, { setError }] = (0, formik_1.useField)(name);
+    const currentErrorRef = React.useRef();
+    const abortControllerRef = React.useRef();
+    const setValidationError = () => {
+        // @ts-expect-error Sets format used by RichValidationTextField
+        setError({
+            duplicateName: 'failed',
+        });
+    };
+    const validateExistingName = (value) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+        }
+        abortControllerRef.current = new AbortController();
+        if (isDisabled || !value) {
+            currentErrorRef.current = false;
+            return;
+        }
+        try {
+            yield get(`${resourceType}/${value}`, abortControllerRef.current.signal);
+            currentErrorRef.current = true;
+            setValidationError();
+        }
+        catch (e) {
+            currentErrorRef.current = false;
+        }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const validate = React.useCallback((0, debounce_1.default)(validateExistingName, 1000), []);
+    React.useEffect(() => {
+        currentErrorRef.current = undefined;
+        validate(value);
+    }, [value, validate]);
+    React.useEffect(() => {
+        if (!error && currentErrorRef.current) {
+            setValidationError();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [error]);
+    const allValidations = [
+        {
+            key: 'duplicateName',
+            message: t('Name must be unique'),
+        },
+        ...validations,
+    ];
+    return React.createElement(RichValidationTextField_1.default, Object.assign({ fieldName: name, validations: allValidations, isDisabled: isDisabled }, rest));
+};
+exports.default = NameField;
+//# sourceMappingURL=NameField.js.map

package/dist/src/components/form/NameField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NameField.js","sourceRoot":"","sources":["../../../../src/components/form/NameField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uEAAuC;AAEvC,mDAAgD;AAChD,+DAA4D;AAC5D,gGAAkG;AAQlG,MAAM,SAAS,GAA6B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,OAAW,EAAN,IAAI,sBAAtD,qDAAwD,CAAF;IACjG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAS,IAAI,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,EAAW,CAAC;IAChD,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAmB,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,+DAA+D;QAC/D,QAAQ,CAAC;YACP,aAAa,EAAE,QAAQ;SACxB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAO,KAAa,EAAE,EAAE;QACnD,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;YAC/B,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrC,CAAC;QACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,eAAe,EAAE,CAAC;QACnD,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;YACzB,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,MAAM,GAAG,CAAC,GAAG,YAAY,IAAI,KAAK,EAAE,EAAE,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzE,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,uDAAuD;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,IAAA,kBAAQ,EAAC,oBAAoB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC;QACpC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YACtC,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG;QACrB;YACE,GAAG,EAAE,eAAe;YACpB,OAAO,EAAE,CAAC,CAAC,qBAAqB,CAAC;SAClC;QACD,GAAG,WAAW;KACf,CAAC;IAEF,OAAO,oBAAC,iCAAuB,kBAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,IAAM,IAAI,EAAI,CAAC;AACrH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,32 @@
+"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 RadioField = (_a) => {
+    var { helperText, checkedValue, name, onChangeCustom, noDefaultOnChange } = _a, props = tslib_1.__rest(_a, ["helperText", "checkedValue", "name", "onChangeCustom", "noDefaultOnChange"]);
+    const [field, meta, { setValue, setTouched }] = (0, formik_1.useField)({
+        name,
+    });
+    const onChange = (_, checked) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (checked) {
+            if (onChangeCustom) {
+                onChangeCustom(checkedValue);
+            }
+            if (noDefaultOnChange) {
+                return;
+            }
+            yield setValue(checkedValue || true, true);
+            yield setTouched(true);
+        }
+    });
+    const fieldId = `radiofield-${props.id}`;
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+        React.createElement(react_core_1.Radio, Object.assign({}, field, props, { id: fieldId, onChange: onChange, isChecked: checkedValue ? field.value === checkedValue : !!field.value })),
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(FieldHelperText_1.default, { meta: meta })));
+};
+exports.default = RadioField;
+//# sourceMappingURL=RadioField.js.map

package/dist/src/components/form/RadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../../../src/components/form/RadioField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAsE;AACtE,6EAAuE;AAUvE,MAAM,UAAU,GAAG,CAAC,EAOF,EAAE,EAAE;QAPF,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,iBAAiB,OAED,EADb,KAAK,sBANU,6EAOnB,CADS;IAER,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvD,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,QAAQ,GAA2B,CAAO,CAAC,EAAE,OAAO,EAAE,EAAE;QAC5D,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,YAAY,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,iBAAiB,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,MAAM,QAAQ,CAAC,YAAY,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3C,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,cAAc,KAAK,CAAC,EAAE,EAAE,CAAC;IAEzC,OAAO,CACL,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO;QACzD,oBAAC,kBAAK,oBACA,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IACtE;QAEF,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,66 @@
+"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 times_icon_1 = require("@patternfly/react-icons/dist/js/icons/times-icon");
+const check_icon_1 = require("@patternfly/react-icons/dist/js/icons/check-icon");
+const check_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/check-circle-icon");
+const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const info_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/info-circle-icon");
+const global_palette_green_500_1 = tslib_1.__importDefault(require("@patternfly/react-tokens/dist/js/global_palette_green_500"));
+const global_danger_color_100_1 = tslib_1.__importDefault(require("@patternfly/react-tokens/dist/js/global_danger_color_100"));
+const global_palette_blue_300_1 = tslib_1.__importDefault(require("@patternfly/react-tokens/dist/js/global_palette_blue_300"));
+const formik_1 = require("formik");
+const RichValidationStatus = ({ isRequired, hasValue, validations, metaError }) => {
+    const showRequiredError = isRequired && !hasValue;
+    return (React.createElement(react_core_1.HelperText, { component: "ul" }, validations.map((validation) => {
+        let hasError = false;
+        // For each validation entry, we check if there's an error with the same key
+        if (metaError !== undefined && typeof metaError !== 'string') {
+            hasError = (metaError === null || metaError === void 0 ? void 0 : metaError[validation.key]) === 'failed';
+        }
+        let iconType;
+        let variant;
+        if (showRequiredError) {
+            variant = 'indeterminate';
+        }
+        else if (hasError) {
+            iconType = React.createElement(times_icon_1.TimesIcon, null);
+            variant = 'error';
+        }
+        else {
+            variant = 'success';
+            iconType = React.createElement(check_icon_1.CheckIcon, null);
+        }
+        return (React.createElement(react_core_1.HelperTextItem, { key: validation.key, isDynamic: true, component: "li", variant: variant, icon: iconType }, validation.message));
+    })));
+};
+const RichValidationTextField = (_a) => {
+    var { fieldName, validations, isRequired } = _a, rest = tslib_1.__rest(_a, ["fieldName", "validations", "isRequired"]);
+    const [popoverOpen, setPopoverOpen] = React.useState(false);
+    const [field, meta, { setTouched }] = (0, formik_1.useField)({
+        name: fieldName,
+    });
+    const fieldId = `rich-validation-field-${fieldName}`;
+    const hasValue = !!field.value;
+    return (React.createElement(react_core_1.FormGroup, { label: rest === null || rest === void 0 ? void 0 : rest['aria-label'], id: `form-control__${fieldId}`, fieldId: fieldId, isRequired: isRequired },
+        React.createElement(react_core_1.InputGroup, null,
+            React.createElement(react_core_1.InputGroupItem, { isFill: true },
+                React.createElement(react_core_1.TextInput, Object.assign({}, field, rest, { id: fieldId, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (event, val) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                        !popoverOpen && setPopoverOpen(true);
+                        field.onChange(event);
+                        // TODO does not work well for the first character
+                        if (!meta.touched && (val === null || val === void 0 ? void 0 : val.length)) {
+                            yield setTouched(true, true);
+                        }
+                    }), onBlur: () => {
+                        setPopoverOpen(false);
+                        void setTouched(true, true);
+                    } }))),
+            React.createElement(react_core_1.InputGroupItem, null,
+                React.createElement(react_core_1.Popover, { isVisible: popoverOpen, shouldClose: () => setPopoverOpen(false), shouldOpen: () => setPopoverOpen(true), "aria-label": "validation popover", position: react_core_1.PopoverPosition.top, bodyContent: React.createElement(RichValidationStatus, { hasValue: hasValue, isRequired: isRequired || false, validations: validations, metaError: meta.error }), withFocusTrap: false },
+                    React.createElement(react_core_1.Button, { variant: "plain", "aria-label": "Validation" }, !hasValue ? (React.createElement(info_circle_icon_1.InfoCircleIcon, { color: global_palette_blue_300_1.default.value })) : !!meta.error ? (React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { color: global_danger_color_100_1.default.value })) : (React.createElement(check_circle_icon_1.CheckCircleIcon, { color: global_palette_green_500_1.default.value }))))))));
+};
+exports.default = RichValidationTextField;
+//# sourceMappingURL=RichValidationTextField.js.map

package/dist/src/components/form/RichValidationTextField.js.map

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

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

@@ -0,0 +1,28 @@
+"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 TextAreaField = (_a) => {
+    var { helperText, onChangeCustom, minHeight = '10rem' } = _a, props = tslib_1.__rest(_a, ["helperText", "onChangeCustom", "minHeight"]);
+    const [field, meta, { setValue, setTouched }] = (0, formik_1.useField)({
+        name: props.name,
+    });
+    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 = `textareafield-${props.name}`;
+    const hasError = meta.touched && !!meta.error;
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+        React.createElement(react_core_1.TextArea, Object.assign({}, field, props, { id: fieldId, onChange: onChange, validated: hasError ? 'error' : 'default', style: { minHeight } })),
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(FieldHelperText_1.default, { meta: meta })));
+};
+exports.default = TextAreaField;
+//# sourceMappingURL=TextAreaField.js.map

package/dist/src/components/form/TextAreaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.js","sourceRoot":"","sources":["../../../../src/components/form/TextAreaField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAA4E;AAC5E,6EAAuE;AASvE,MAAM,aAAa,GAAG,CAAC,EAAiF,EAAE,EAAE;QAArF,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,OAAO,OAAgC,EAA3B,KAAK,sBAA3D,6CAA6D,CAAF;IAChF,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvD,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAA8B,CAAO,CAAC,EAAE,KAAK,EAAE,EAAE;QAC7D,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,iBAAiB,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAE9C,OAAO,CACL,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO;QACzD,oBAAC,qBAAQ,oBACH,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,KAAK,EAAE,EAAE,SAAS,EAAE,IACpB;QAEF,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/src/components/form/TextField.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 TextField = React.forwardRef((_a, ref) => {
+    var { helperText, onChangeCustom } = _a, props = tslib_1.__rest(_a, ["helperText", "onChangeCustom"]);
+    const [field, meta, { setValue, setTouched }] = (0, formik_1.useField)({
+        name: props.name,
+    });
+    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 = `textfield-${props.name}`;
+    const hasError = meta.touched && !!meta.error;
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+        React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, onChange: onChange, validated: hasError ? 'error' : 'default' })),
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(FieldHelperText_1.default, { meta: meta })));
+});
+TextField.displayName = 'TextField';
+exports.default = TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/src/components/form/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/form/TextField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAA8E;AAC9E,6EAAuE;AAQvE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAwD,EAAE,GAAgC,EAAE,EAAE;QAA9F,EAAE,UAAU,EAAE,cAAc,OAA4B,EAAvB,KAAK,sBAAtC,gCAAwC,CAAF;IACrC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvD,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAA+B,CAAO,CAAC,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAE9C,OAAO,CACL,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO;QACzD,oBAAC,sBAAS,oBACJ,KAAK,EACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IACzC;QAEF,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,kBAAe,SAAS,CAAC"}