@algodomain/smart-forms 0.1.2 → 0.1.3

package/dist/fields.d.cts

@@ -1,5 +1,5 @@
-export { S as SmartFormProvider, a as useFormField, u as useSmartForm } from './SmartFormProvider-DyJoDBjQ.cjs';
-export { a as SmartCheckbox, d as SmartDatePicker, S as SmartInput, f as SmartInputProps, b as SmartRadioGroup, c as SmartSelect, e as SmartTags, g as SmartTagsProps } from './SmartTags-HmvmCJPT.cjs';
+export { S as SmartFormProvider, a as useFormField, u as useSmartForm } from './SmartFormProvider-BdyRQakk.cjs';
+export { a as SmartCheckbox, d as SmartDatePicker, S as SmartInput, f as SmartInputProps, b as SmartRadioGroup, c as SmartSelect, e as SmartTags, g as SmartTagsProps } from './SmartTags-DPqw9PG1.cjs';
 import React__default from 'react';
 
 interface SmartComboboxOption {
@@ -18,6 +18,8 @@ interface SmartComboboxProps {
     defaultValue?: string;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartCombobox: React__default.FC<SmartComboboxProps>;
 
@@ -38,6 +40,8 @@ interface SmartFileUploadProps {
     defaultValue?: File | File[];
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartFileUpload: React__default.FC<SmartFileUploadProps>;
 
@@ -55,6 +59,8 @@ interface SmartSliderProps {
     defaultValue?: number;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartSlider: React__default.FC<SmartSliderProps>;
 
@@ -77,6 +83,8 @@ interface SmartDualRangeSliderProps {
     defaultMaxValue?: number;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartDualRangeSlider: React__default.FC<SmartDualRangeSliderProps>;
 
@@ -98,6 +106,8 @@ interface SmartAutoSuggestTagsProps {
     onTagCreate?: (tag: TagOption) => void;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartAutoSuggestTags: React__default.FC<SmartAutoSuggestTagsProps>;
 
@@ -113,6 +123,8 @@ interface SmartBasicRichTextboxProps {
     maxHeight?: string;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartBasicRichTextbox: React__default.FC<SmartBasicRichTextboxProps>;
 

package/dist/fields.d.ts

@@ -1,5 +1,5 @@
-export { S as SmartFormProvider, a as useFormField, u as useSmartForm } from './SmartFormProvider-DyJoDBjQ.js';
-export { a as SmartCheckbox, d as SmartDatePicker, S as SmartInput, f as SmartInputProps, b as SmartRadioGroup, c as SmartSelect, e as SmartTags, g as SmartTagsProps } from './SmartTags-HmvmCJPT.js';
+export { S as SmartFormProvider, a as useFormField, u as useSmartForm } from './SmartFormProvider-BdyRQakk.js';
+export { a as SmartCheckbox, d as SmartDatePicker, S as SmartInput, f as SmartInputProps, b as SmartRadioGroup, c as SmartSelect, e as SmartTags, g as SmartTagsProps } from './SmartTags-DPqw9PG1.js';
 import React__default from 'react';
 
 interface SmartComboboxOption {
@@ -18,6 +18,8 @@ interface SmartComboboxProps {
     defaultValue?: string;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartCombobox: React__default.FC<SmartComboboxProps>;
 
@@ -38,6 +40,8 @@ interface SmartFileUploadProps {
     defaultValue?: File | File[];
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartFileUpload: React__default.FC<SmartFileUploadProps>;
 
@@ -55,6 +59,8 @@ interface SmartSliderProps {
     defaultValue?: number;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartSlider: React__default.FC<SmartSliderProps>;
 
@@ -77,6 +83,8 @@ interface SmartDualRangeSliderProps {
     defaultMaxValue?: number;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartDualRangeSlider: React__default.FC<SmartDualRangeSliderProps>;
 
@@ -98,6 +106,8 @@ interface SmartAutoSuggestTagsProps {
     onTagCreate?: (tag: TagOption) => void;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartAutoSuggestTags: React__default.FC<SmartAutoSuggestTagsProps>;
 
@@ -113,6 +123,8 @@ interface SmartBasicRichTextboxProps {
     maxHeight?: string;
     info?: string;
     subLabel?: string;
+    disabled?: boolean | ((formData: any) => boolean);
+    hidden?: boolean | ((formData: any) => boolean);
 }
 declare const SmartBasicRichTextbox: React__default.FC<SmartBasicRichTextboxProps>;
 

package/dist/fields.js

@@ -1,7 +1,7 @@
-import { Button, Popover, PopoverTrigger, PopoverContent } from './chunk-KDPN4CHW.js';
-export { SmartCheckbox, SmartDatePicker, SmartRadioGroup, SmartSelect, SmartTags } from './chunk-KDPN4CHW.js';
-import { useFormField, useFieldDetection, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, useSmartForm, cn, Input } from './chunk-5LRBJEZW.js';
-export { SmartFormProvider, SmartInput, useFormField, useSmartForm } from './chunk-5LRBJEZW.js';
+import { Button, Popover, PopoverTrigger, PopoverContent } from './chunk-CT6GW6PK.js';
+export { SmartCheckbox, SmartDatePicker, SmartRadioGroup, SmartSelect, SmartTags } from './chunk-CT6GW6PK.js';
+import { useSmartForm, useFormField, useFieldDetection, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, cn, Input } from './chunk-3L7TKJIB.js';
+export { SmartFormProvider, SmartInput, useFormField, useSmartForm } from './chunk-3L7TKJIB.js';
 import * as React from 'react';
 import React__default, { createContext, useRef, useEffect, useMemo, useState, useCallback, useContext } from 'react';
 import { InfoIcon, PlusIcon, CheckIcon, Bold, Italic, Underline, List, ListOrdered, ChevronsUpDown, Check, Plus, XIcon, SearchIcon } from 'lucide-react';
@@ -270,12 +270,18 @@ var SmartCombobox = ({
   required = false,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -315,7 +321,8 @@ var SmartCombobox = ({
         value: value || "",
         onChange: (newValue) => onChange(newValue),
         placeholder: placeholder || (label ? `Select ${label.toLowerCase()}` : `Select ${field}`),
-        allowCustom
+        allowCustom,
+        isDisabled
       }
     ) }),
     error && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm mt-1", children: error })
@@ -337,14 +344,19 @@ var SmartFileUpload = ({
   onError,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData, registerSubmitHook, unregisterSubmitHook } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
-  const { registerSubmitHook, unregisterSubmitHook } = useSmartForm();
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
   const inputRef = useRef(null);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -502,10 +514,11 @@ var SmartFileUpload = ({
           multiple,
           onChange: onInputChange,
           className: cn(error && "border-destructive"),
-          "data-field": field
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
-      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: clearSelection, children: "Clear" })
+      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: clearSelection, disabled: isDisabled, children: "Clear" })
     ] }),
     normalizedFiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: "No file selected" }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1", children: normalizedFiles.map((f, idx) => {
       const isImage = f.type.startsWith("image/");
@@ -537,6 +550,7 @@ var SmartFileUpload = ({
             size: "sm",
             onClick: () => removeFileAt(idx),
             "aria-label": `Remove ${f.name}`,
+            disabled: isDisabled,
             children: "\u2715"
           }
         )
@@ -614,12 +628,18 @@ var SmartSlider = ({
   valueFormatter = (value) => value.toString(),
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -673,7 +693,8 @@ var SmartSlider = ({
           max,
           step,
           className: `w-full ${error ? "border-destructive" : ""}`,
-          "data-field": field
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
@@ -702,8 +723,11 @@ var SmartDualRangeSlider = ({
   defaultMinValue,
   defaultMaxValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const minFormField = useFormField(minField);
   const maxFormField = useFormField(maxField);
   const fieldDetection = useFieldDetection();
@@ -711,6 +735,9 @@ var SmartDualRangeSlider = ({
   const hasRegisteredMax = useRef(false);
   const hasSetDefaultMin = useRef(false);
   const hasSetDefaultMax = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (minValidation && !hasRegisteredMin.current) {
       hasRegisteredMin.current = true;
@@ -776,7 +803,8 @@ var SmartDualRangeSlider = ({
           step,
           className: `w-full ${combinedError ? "border-destructive" : ""}`,
           "data-min-field": minField,
-          "data-max-field": maxField
+          "data-max-field": maxField,
+          disabled: isDisabled
         }
       ),
       showValues && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-sm", children: [
@@ -930,12 +958,18 @@ var SmartAutoSuggestTags = ({
   defaultValue,
   onTagCreate,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   const [tags, setTags] = useState(initialOptions);
   const [newTag, setNewTag] = useState("");
   const selected = Array.isArray(value) ? value : [];
@@ -1021,9 +1055,10 @@ var SmartAutoSuggestTags = ({
     /* @__PURE__ */ jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsx("div", { className: cn(
       "w-full rounded-md border border-input bg-background text-sm ring-offset-background",
       "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-      error && "border-destructive focus-within:ring-destructive"
+      error && "border-destructive focus-within:ring-destructive",
+      isDisabled && "cursor-not-allowed opacity-50"
     ), children: /* @__PURE__ */ jsxs(Tags, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", children: [
+      /* @__PURE__ */ jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", disabled: isDisabled, children: [
         selected.length === 0 && placeholder && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: placeholder }),
         selected.map((tagId) => {
           const tag = tags.find((t) => t.id === tagId);
@@ -1044,7 +1079,8 @@ var SmartAutoSuggestTags = ({
           {
             onValueChange: setNewTag,
             placeholder: `Search ${placeholder.toLowerCase()}...`,
-            value: newTag
+            value: newTag,
+            disabled: isDisabled
           }
         ),
         /* @__PURE__ */ jsxs(TagsList, { children: [
@@ -1135,14 +1171,20 @@ var SmartBasicRichTextbox = ({
   minHeight = "150px",
   maxHeight = "400px",
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
   const editorRef = useRef(null);
   const [isFocused, setIsFocused] = useState(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -1249,10 +1291,11 @@ var SmartBasicRichTextbox = ({
         className: cn(
           "w-full rounded-md border border-input bg-background",
           "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-          error && "border-destructive focus-within:ring-destructive"
+          error && "border-destructive focus-within:ring-destructive",
+          isDisabled && "cursor-not-allowed opacity-50"
         ),
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", isDisabled && "pointer-events-none"), children: [
             /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
                 Button,
@@ -1265,6 +1308,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.bold && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBold,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1282,6 +1326,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.italic && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleItalic,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1299,6 +1344,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.underline && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleUnderline,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Underline, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1317,6 +1363,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.bulletList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBulletList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1334,6 +1381,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.numberedList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleNumberedList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1344,7 +1392,7 @@ var SmartBasicRichTextbox = ({
             "div",
             {
               ref: editorRef,
-              contentEditable: true,
+              contentEditable: !isDisabled,
               onInput: handleInput,
               onKeyDown: handleKeyDown,
               onFocus: handleFocus,