ar-design 0.3.84 → 0.3.86

package/dist/components/form/switch/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import "../../../assets/css/components/form/switch/styles.css";
 import IProps from "./IProps";
-declare const Switch: React.FC<IProps>;
+declare const Switch: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
 export default Switch;

package/dist/components/form/switch/index.js

@@ -1,9 +1,10 @@
 "use client";
-import React, { useEffect, useRef, useState } from "react";
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 import "../../../assets/css/components/form/switch/styles.css";
 import Utils from "../../../libs/infrastructure/shared/Utils";
-const Switch = ({ label, color, border = { radius: "pill" }, ...attributes }) => {
+const Switch = forwardRef(({ label, color, border = { radius: "pill" }, ...attributes }, ref) => {
     // refs
+    let _switchInput = useRef(null);
     let _switch = useRef(null);
     const _inputClassName = [];
     const _switchClassName = ["ar-switch"];
@@ -11,13 +12,16 @@ const Switch = ({ label, color, border = { radius: "pill" }, ...attributes }) =>
     const [checked, setChecked] = useState(attributes.checked ?? false);
     _inputClassName.push(attributes.checked ? "checked" : "unchecked");
     _switchClassName.push(...Utils.GetClassName(undefined, undefined, attributes.checked ? color : "light", border, undefined, undefined, attributes.className));
+    // hooks
+    // Dışarıdan gelen ref'i _innerRef'e bağla.
+    useImperativeHandle(ref, () => _switchInput.current);
     // useEffects
     useEffect(() => {
         setChecked(attributes.checked ?? false);
     }, [attributes.checked]);
     return (React.createElement("div", { className: "ar-switch-wrapper" },
         React.createElement("label", null,
-            React.createElement("input", { type: "checkbox", ...attributes, className: _inputClassName.map((c) => c).join(" "), checked: checked, size: 0, onChange: (event) => {
+            React.createElement("input", { ref: _switchInput, type: "checkbox", ...attributes, className: _inputClassName.map((c) => c).join(" "), checked: checked, size: 0, onChange: (event) => {
                     event.stopPropagation();
                     (() => {
                         setChecked(event.target.checked);
@@ -27,6 +31,6 @@ const Switch = ({ label, color, border = { radius: "pill" }, ...attributes }) =>
             React.createElement("span", { ref: _switch, className: _switchClassName.map((c) => c).join(" ") },
                 React.createElement("span", { className: "handle border-radius-pill" })),
             label && React.createElement("span", { className: "label" }, label))));
-};
+});
 Switch.displayName = "Switch";
 export default Switch;

package/dist/libs/core/application/hooks/index.js

@@ -158,7 +158,7 @@ export const useValidation = function (data, params, step) {
             const key = getKey(param.subkey);
             if (param.where) {
                 if (s.type === "required" && param.where(data)) {
-                    Utils.IsNullOrEmpty(value) && setError(param.subkey ? key : param.key, s.message, param.step);
+                    setError(param.subkey ? key : param.key, s.message, param.step);
                 }
             }
             else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.84",
+  "version": "0.3.86",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",