@rolster/react-components 18.21.42 → 18.21.44

package/dist/cjs/assets/{index-tVbk8WZ0.css → index-CEj_H1DS.css}

@@ -26,6 +26,8 @@
 
 .rls-amount {
   --pvt-font-size: var(--rlc-amount-font-size, inherit);
+  --pvt-decimal-width: var(--rlc-amount-decimal-width, 0.5);
+  --pvt-decimal-size: var(--rlc-amount-decimal-size, 0.6);
   --rlc-tabular-text-font-size: var(--pvt-font-size);
   display: flex;
   width: var(--rlc-amount-width, auto);
@@ -46,8 +48,12 @@
   justify-content: var(--rlc-amount-text-align, flex-start);
 }
 .rls-amount__decimal {
-  --rlc-tabular-text-char-width: calc(var(--pvt-font-size) * 0.5);
-  --rlc-tabular-text-font-size: calc(var(--pvt-font-size) * 0.6);
+  --rlc-tabular-text-char-width: calc(
+    var(--pvt-font-size) * var(--pvt-decimal-width)
+  );
+  --rlc-tabular-text-font-size: calc(
+    var(--pvt-font-size) * var(--pvt-decimal-size)
+  );
   align-self: flex-end;
 } /*# sourceMappingURL=Amount.css.map */
 

package/dist/cjs/index.js

@@ -2638,17 +2638,24 @@ function useFieldAutocomplete(props) {
     }, [controller.setState]);
     const onChange = require$$0.useCallback((element) => {
         if (props.onSelect) {
-            controller.setState({ modalIsVisible: false });
             element.value && props.onSelect(element.value);
         }
         else {
-            controller.setState({ modalIsVisible: false });
             controller.setFormValue(element);
         }
+        if (props.selectionContinuos) {
+            setPattern('');
+            controller.inputRef?.current?.focus();
+        }
+        else {
+            controller.setState({ modalIsVisible: false });
+        }
         props.onValue && props.onValue(element.value);
     }, [
         controller.setState,
         controller.setFormValue,
+        setPattern,
+        props.selectionContinuos,
         props.onSelect,
         props.onValue
     ]);