@pnkx-lib/ui 1.9.568 → 1.9.570

package/es/fields/Input.js

@@ -1297,6 +1297,8 @@ const Input = (props) => {
     toLowerCaseSafe,
     // maxValue,
     // minValue,
+    onClickSubLabel,
+    onClickLabel,
     disabled,
     ...restProps
   } = props;
@@ -1428,7 +1430,8 @@ const Input = (props) => {
         {
           label,
           required,
-          classNameLabel
+          classNameLabel,
+          onClick: onClickLabel
         }
       );
     return /* @__PURE__ */ jsx(Fragment, {});
@@ -1445,7 +1448,8 @@ const Input = (props) => {
               "default-class-name-subLabel",
               classNameSubLabel
             ),
-            isSubLabel: true
+            isSubLabel: true,
+            onClick: onClickSubLabel
           }
         )
       ] });

package/es/fields/Textarea.js

@@ -20,6 +20,7 @@ const Textarea = forwardRef(
       autoSize = { minRows: 2, maxRows: 10 },
       classNameLabel,
       contentTooltip,
+      disabled,
       ...restProps
     } = props;
     const { name, value, onChange, onBlur } = field || {};
@@ -71,8 +72,9 @@ const Textarea = forwardRef(
               ref,
               className: twMerge(
                 // autoSize ? "textarea-custom" : "",
-                customStyleTextarea,
-                "pnkx-default-input"
+                disabled ? "pnkx-disable-input" : "",
+                "pnkx-default-input",
+                customStyleTextarea
               ),
               value,
               onBlur,
@@ -82,6 +84,7 @@ const Textarea = forwardRef(
               },
               status: (isTouched || isSubmitted) && errorMessage ? "error" : void 0,
               autoSize,
+              disabled,
               ...restProps
             }
           ),

package/es/ui/Label.js

@@ -2,12 +2,25 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Typography } from './Typography.js';
 
-const Label = ({ label, required, classNameLabel, isSubLabel }) => {
+const Label = ({
+  label,
+  required,
+  classNameLabel,
+  isSubLabel,
+  onClick
+}) => {
   //! State
   //! Function
   //! Render
   return /* @__PURE__ */ jsxs("div", { className: twMerge("flex gap-1 mb-2 items-baseline", classNameLabel), children: [
-    /* @__PURE__ */ jsx(Typography.Text, { className: twMerge(isSubLabel ? "!text-[#8C93A3]" : ""), children: label }),
+    /* @__PURE__ */ jsx(
+      Typography.Text,
+      {
+        className: twMerge(isSubLabel ? "!text-[#8C93A3]" : ""),
+        onClick,
+        children: label
+      }
+    ),
     required && /* @__PURE__ */ jsx("span", { className: "text-red-600 h-0", children: "*" })
   ] });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.568",
+  "version": "1.9.570",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/fields/Input.d.ts

@@ -26,6 +26,8 @@ export interface InputProps extends InputPropsAntd {
     thousandSeparator?: string;
     decimalSeparator?: string;
     toLowerCaseSafe?: boolean;
+    onClickSubLabel?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickLabel?: React.MouseEventHandler<HTMLDivElement> | undefined;
 }
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {

package/types/components/ui/Label.d.ts

@@ -3,5 +3,6 @@ export interface LabelProps {
     required?: boolean;
     classNameLabel?: string;
     isSubLabel?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
 }
-export declare const Label: ({ label, required, classNameLabel, isSubLabel }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ label, required, classNameLabel, isSubLabel, onClick, }: LabelProps) => import("react/jsx-runtime").JSX.Element;