@julseb-lib/react 1.0.61 → 1.0.62

package/dist/index.d.cts

@@ -556,7 +556,7 @@ declare const usePagination: ({ currentPage, setCurrentPage, totalPages, }: ILib
  */
 declare const useTextLineCount: (text: string, fontSize?: number) => {
     visualLines: number;
-    elementRef: react.RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    elementRef: react.RefObject<HTMLTextAreaElement | HTMLInputElement | null>;
 };
 
 /**
@@ -1737,6 +1737,8 @@ declare const countries: Array<LibCountry>;
  * @prop {number} [props.max=100] - Maximum allowed value for the counter.
  * @prop {number} [props.step=1] - Increment/decrement step value.
  * @prop {string} [containerClassName] - Additional CSS classes for the container.
+ * @param props.onClickPlus - Callback function triggered when plus button is clicked
+ * @param props.onClickMinus - Callback function triggered when minus button is clicked
  * @prop {any} [props.rest] - Additional props spread to the input or span element.
  *
  * @returns {JSX.Element} The rendered InputCounter component.

package/dist/index.d.ts

@@ -556,7 +556,7 @@ declare const usePagination: ({ currentPage, setCurrentPage, totalPages, }: ILib
  */
 declare const useTextLineCount: (text: string, fontSize?: number) => {
     visualLines: number;
-    elementRef: react.RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    elementRef: react.RefObject<HTMLTextAreaElement | HTMLInputElement | null>;
 };
 
 /**
@@ -1737,6 +1737,8 @@ declare const countries: Array<LibCountry>;
  * @prop {number} [props.max=100] - Maximum allowed value for the counter.
  * @prop {number} [props.step=1] - Increment/decrement step value.
  * @prop {string} [containerClassName] - Additional CSS classes for the container.
+ * @param props.onClickPlus - Callback function triggered when plus button is clicked
+ * @param props.onClickMinus - Callback function triggered when minus button is clicked
  * @prop {any} [props.rest] - Additional props spread to the input or span element.
  *
  * @returns {JSX.Element} The rendered InputCounter component.

package/dist/index.js

@@ -65967,6 +65967,8 @@ var InputCounter = ({
   max = 100,
   step = 1,
   containerClassName,
+  onClickPlus,
+  onClickMinus,
   ...rest
 }) => {
   return /* @__PURE__ */ jsx314(
@@ -65998,7 +66000,10 @@ var InputCounter = ({
                 "aria-label": labelButtons?.minus,
                 tooltip: labelButtons?.minus ?? "Minus",
                 showTooltip: showButtonsTooltip && { offset: "xs" },
-                onClick: () => setValue((prev) => prev - step),
+                onClick: () => {
+                  setValue((prev) => prev - step);
+                  if (onClickMinus) onClickMinus();
+                },
                 disabled: value === min
               }
             ),
@@ -66032,7 +66037,10 @@ var InputCounter = ({
                 "aria-label": labelButtons?.plus,
                 tooltip: labelButtons?.plus ?? "Plus",
                 showTooltip: showButtonsTooltip && { offset: "xs" },
-                onClick: () => setValue((prev) => prev + step),
+                onClick: () => {
+                  setValue((prev) => prev + step);
+                  if (onClickPlus) onClickPlus();
+                },
                 disabled: value === max
               }
             )