@pagamio/frontend-commons-lib 0.8.322 → 0.8.323

package/lib/form-engine/components/inputs/multi-select-input/MultiSelectInput.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { MultiSelect } from '../../../../components';
-const MultiSelectInputComponent = React.forwardRef(({ field, error, options, ...props }, ref) => (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: field.name, className: "block text-sm font-medium text-foreground", children: field.label }), _jsx(MultiSelect, { className: "w-full border-input pb-5 disabled:text-muted-foreground disabled:bg-muted disabled:cursor-not-allowed", options: (options ?? []), value: props.value, defaultValue: props.value, disabled: field.disabled, onChange: props.onChange, tagPosition: "bottom" }), error && _jsx("p", { className: "mt-2 text-sm text-red-500", children: error.message })] })));
+const MultiSelectInputComponent = React.forwardRef(({ field, error, options, ...props }, ref) => (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: field.name, className: "block text-sm font-medium text-foreground", children: field.label }), _jsx(MultiSelect, { className: "w-full border-input disabled:text-muted-foreground disabled:bg-muted disabled:cursor-not-allowed", options: (options ?? []), value: props.value, defaultValue: props.value, disabled: field.disabled, onChange: props.onChange, 
+            // Render selected tags inside the input itself rather than as a
+            // separate row below — matches how every other select-style input
+            // in the app surfaces selections, and stops the field from looking
+            // empty when items are already chosen.
+            tagPosition: "inside" }), error && _jsx("p", { className: "mt-2 text-sm text-red-500", children: error.message })] })));
 export default MultiSelectInputComponent;

package/lib/styles.css

@@ -2942,9 +2942,6 @@ video {
 .pb-4 {
   padding-bottom: 1rem;
 }
-.pb-5 {
-  padding-bottom: 1.25rem;
-}
 .pl-10 {
   padding-left: 2.5rem;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.322",
+  "version": "0.8.323",
   "publishConfig": {
     "access": "public",
     "provenance": false