@indico-data/design-system 2.11.0 → 2.12.1

package/lib/index.js

@@ -18705,6 +18705,39 @@ const PasswordInput = e__namespace.default.forwardRef((_a, ref) => {
     return (jsxRuntime.jsxs("div", { className: "form-control", children: [jsxRuntime.jsx(Label, { label: label, name: name, isRequired: isRequired, hasHiddenLabel: hasHiddenLabel }), jsxRuntime.jsxs("div", { className: "password-input-wrapper", children: [jsxRuntime.jsx(Icon, { name: "lock", "data-testid": `${name}-embedded-icon`, className: "embedded-icon" }), jsxRuntime.jsx("input", Object.assign({ ref: ref, "data-testid": `form-password-input-${name}`, name: name, type: showPassword ? 'text' : 'password', disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: `password-input ${hasErrors ? 'error' : ''} password-input--has-icon`, "aria-invalid": hasErrors ? 'true' : 'false', "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired, "aria-label": label }, rest)), hasShowPassword && (jsxRuntime.jsx(Icon, { name: showPassword ? 'fa-eye-slash' : 'eye', "data-testid": `${name}-${showPassword ? 'hide' : 'show'}-password-icon`, size: "md", onClick: handleShowPassword, className: "toggle-show-password-icon" }))] }), hasErrors && jsxRuntime.jsx(DisplayFormError, { message: errorMessage }), helpText && (jsxRuntime.jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
 });
 
+const OptionComponent = (_a) => {
+    var _b, _c, _d;
+    var props = __rest$1(_a, []);
+    return (jsxRuntime.jsx(ReactSelect.components.Option, Object.assign({}, props, { children: jsxRuntime.jsxs("div", { className: "select__items", children: [jsxRuntime.jsx("div", { className: "select__item-value", children: (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.label }), ((_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.detail) && jsxRuntime.jsx("div", { className: "select__item-detail", children: (_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.detail })] }) })));
+};
+const Select$1 = (_a) => {
+    var { classNamePrefix = 'select', className, components: customComponents } = _a, props = __rest$1(_a, ["classNamePrefix", "className", "components"]);
+    const defaultComponents = {
+        Option: OptionComponent,
+    };
+    const mergedComponents = Object.assign(Object.assign({}, defaultComponents), customComponents);
+    return (jsxRuntime.jsx(ReactSelect__default.default, Object.assign({ classNamePrefix: classNamePrefix, className: y$1('select-wrapper', className), components: mergedComponents }, props)));
+};
+
+const Form = (_a) => {
+    var { children, onSubmit, action, method, target, autocomplete, noValidate, enctype, rel } = _a, rest = __rest$1(_a, ["children", "onSubmit", "action", "method", "target", "autocomplete", "noValidate", "enctype", "rel"]);
+    const handleSubmit = (e) => {
+        e.preventDefault(); // Prevent the default form submission
+        // Create a FormData object, passing in the form (e.currentTarget)
+        const formData = new FormData(e.currentTarget);
+        // Convert FormData into a plain object
+        const formObject = Array.from(formData.entries()).reduce((obj, [key, value]) => {
+            obj[key] = value.toString();
+            return obj;
+        }, {});
+        // Call the onSubmit prop, if provided, passing the form object instead of the event
+        if (onSubmit) {
+            onSubmit(formObject); // Modified to pass formObject instead of e
+        }
+    };
+    return (jsxRuntime.jsx("form", Object.assign({ onSubmit: handleSubmit, action: action, method: method, target: target, autoComplete: autocomplete, noValidate: noValidate, encType: enctype, rel: rel }, rest, { children: children })));
+};
+
 const StyledAccordion = styled__default.default.details `
   summary {
     display: inherit;
@@ -41543,6 +41576,7 @@ exports.ConfirmModal = ConfirmModal;
 exports.Container = Container;
 exports.DatePicker = DatePicker;
 exports.EditableInput = EditableInput;
+exports.Form = Form;
 exports.GlobalStyles = GlobalStyles;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
@@ -41575,6 +41609,7 @@ exports.SectionBody = SectionBody;
 exports.SectionHeader = SectionHeader;
 exports.SectionTable = SectionTable;
 exports.Select = Select;
+exports.SelectInput = Select$1;
 exports.Shrug = Shrug;
 exports.SingleCombobox = SingleCombobox;
 exports.TYPOGRAPHY = typography;