prom-pal-ui 1.3.6 → 1.3.7

package/build/components/cjs/index.js

@@ -21699,7 +21699,7 @@ var Root = Label;
 
 function PromLabel(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (jsxRuntimeExports.jsx(Root, __assign({ "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className) }, props)));
+    return (jsxRuntimeExports.jsx(Root, __assign({ "data-slot": "label", className: cn("flex items-center gap-2 text-label text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className) }, props)));
 }
 
 var PromInput = function (_a) {
@@ -21733,11 +21733,11 @@ var PromTextarea = function (_a) {
 };
 
 var PromSwitchField = function (_a) {
-    var name = _a.name, label = _a.label; _a.className; var _b = _a.isLoad, isLoad = _b === void 0 ? false : _b, _c = _a.isDisable, isDisable = _c === void 0 ? false : _c, props = __rest(_a, ["name", "label", "className", "isLoad", "isDisable"]);
+    var name = _a.name, label = _a.label, error = _a.error; _a.errorMsg; var _b = _a.isLoad, isLoad = _b === void 0 ? false : _b; _a.disabled; var _d = _a.errorDisplay, errorDisplay = _d === void 0 ? true : _d, props = __rest(_a, ["name", "label", "error", "errorMsg", "isLoad", "disabled", "errorDisplay"]);
     var control = reactHookForm.useFormContext().control;
     return (jsxRuntimeExports.jsx(PromFormFiled, { name: name, control: control, render: function (_a) {
-            var field = _a.field;
-            return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoad ? (jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(PromSwitch, __assign({ id: name, disabled: isDisable, checked: field.value, onCheckedChange: field.onChange }, props)), label && jsxRuntimeExports.jsx(PromLabel, { htmlFor: name, children: label })] })) : (jsxRuntimeExports.jsx(PromSkeleton, { className: "w-10 h-2" })) }));
+            var field = _a.field, fieldState = _a.fieldState;
+            return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoad ? (jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(PromSwitch, __assign({ id: name, checked: field.value, onCheckedChange: field.onChange }, props)), label && jsxRuntimeExports.jsx(PromLabel, { htmlFor: name, children: label })] }), errorDisplay && fieldState.error && (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: error ? (error(fieldState.error.message)) : (jsxRuntimeExports.jsx("p", { className: "text-red-500 text-sm mt-1", children: fieldState.error.message })) }))] })) : (jsxRuntimeExports.jsx(PromSkeleton, { className: "w-10 h-2" })) }));
         } }));
 };
 

package/build/components/esm/index.js

@@ -21679,7 +21679,7 @@ var Root = Label;
 
 function PromLabel(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (jsxRuntimeExports.jsx(Root, __assign({ "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className) }, props)));
+    return (jsxRuntimeExports.jsx(Root, __assign({ "data-slot": "label", className: cn("flex items-center gap-2 text-label text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className) }, props)));
 }
 
 var PromInput = function (_a) {
@@ -21713,11 +21713,11 @@ var PromTextarea = function (_a) {
 };
 
 var PromSwitchField = function (_a) {
-    var name = _a.name, label = _a.label; _a.className; var _b = _a.isLoad, isLoad = _b === void 0 ? false : _b, _c = _a.isDisable, isDisable = _c === void 0 ? false : _c, props = __rest(_a, ["name", "label", "className", "isLoad", "isDisable"]);
+    var name = _a.name, label = _a.label, error = _a.error; _a.errorMsg; var _b = _a.isLoad, isLoad = _b === void 0 ? false : _b; _a.disabled; var _d = _a.errorDisplay, errorDisplay = _d === void 0 ? true : _d, props = __rest(_a, ["name", "label", "error", "errorMsg", "isLoad", "disabled", "errorDisplay"]);
     var control = useFormContext().control;
     return (jsxRuntimeExports.jsx(PromFormFiled, { name: name, control: control, render: function (_a) {
-            var field = _a.field;
-            return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoad ? (jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(PromSwitch, __assign({ id: name, disabled: isDisable, checked: field.value, onCheckedChange: field.onChange }, props)), label && jsxRuntimeExports.jsx(PromLabel, { htmlFor: name, children: label })] })) : (jsxRuntimeExports.jsx(PromSkeleton, { className: "w-10 h-2" })) }));
+            var field = _a.field, fieldState = _a.fieldState;
+            return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoad ? (jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx(PromSwitch, __assign({ id: name, checked: field.value, onCheckedChange: field.onChange }, props)), label && jsxRuntimeExports.jsx(PromLabel, { htmlFor: name, children: label })] }), errorDisplay && fieldState.error && (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: error ? (error(fieldState.error.message)) : (jsxRuntimeExports.jsx("p", { className: "text-red-500 text-sm mt-1", children: fieldState.error.message })) }))] })) : (jsxRuntimeExports.jsx(PromSkeleton, { className: "w-10 h-2" })) }));
         } }));
 };
 

package/build/types/components/form/fields/index.d.ts

@@ -3,3 +3,4 @@ export * from "./label";
 export * from "./textarea";
 export * from "./switch-field";
 export * from "./select-field";
+export * from "./types";

package/build/types/components/form/fields/switch-field.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-interface PromSwitchFieldProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
+import { PromFieldProps } from "./types";
+interface PromSwitchFieldProps extends React.ComponentProps<typeof SwitchPrimitive.Root>, PromFieldProps {
     name: string;
-    label?: string;
-    isLoad?: boolean;
-    isDisable?: boolean;
 }
 declare const PromSwitchField: React.FC<PromSwitchFieldProps>;
 export { PromSwitchField };

package/build/types/components/form/fields/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface PromFieldProps {
+  errorStyle?: "";
+  errorMsg?: string;
+  errorDisplay?: boolean;
+  error?: (error: string) => ReactNode;
+  label?: string;
+  isLoad?: boolean;
+  skeleton?: ReactNode;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prom-pal-ui",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "type": "module",
   "main": "build/cjs/index.js",
   "module": "build/esm/index.js",