@algodomain/smart-forms 0.1.3 → 0.1.4

package/dist/fields.d.ts

@@ -1,27 +1,7 @@
 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';
+export { a as SmartCheckbox, d as SmartCombobox, e as SmartDatePicker, i as SmartDatePickerProps, S as SmartInput, g as SmartInputProps, b as SmartRadioGroup, c as SmartSelect, f as SmartTags, h as SmartTagsProps } from './SmartTags-DEpmTDF5.js';
 import React__default from 'react';
-
-interface SmartComboboxOption {
-    value: string;
-    label: string;
-}
-interface SmartComboboxProps {
-    field: string;
-    label?: string;
-    options: SmartComboboxOption[];
-    className?: string;
-    placeholder?: string;
-    allowCustom?: boolean;
-    validation?: any;
-    required?: boolean;
-    defaultValue?: string;
-    info?: string;
-    subLabel?: string;
-    disabled?: boolean | ((formData: any) => boolean);
-    hidden?: boolean | ((formData: any) => boolean);
-}
-declare const SmartCombobox: React__default.FC<SmartComboboxProps>;
+import 'react/jsx-runtime';
 
 interface SmartFileUploadProps {
     field: string;
@@ -128,4 +108,4 @@ interface SmartBasicRichTextboxProps {
 }
 declare const SmartBasicRichTextbox: React__default.FC<SmartBasicRichTextboxProps>;
 
-export { SmartAutoSuggestTags, type SmartAutoSuggestTagsProps, SmartBasicRichTextbox, type SmartBasicRichTextboxProps, SmartCombobox, SmartDualRangeSlider, type SmartDualRangeSliderProps, SmartFileUpload, SmartSlider, type SmartSliderProps, type TagOption };
+export { SmartAutoSuggestTags, type SmartAutoSuggestTagsProps, SmartBasicRichTextbox, type SmartBasicRichTextboxProps, SmartDualRangeSlider, type SmartDualRangeSliderProps, SmartFileUpload, SmartSlider, type SmartSliderProps, type TagOption };

package/dist/fields.js

@@ -1,333 +1,13 @@
-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';
-import { Command as Command$1 } from 'cmdk';
+import { Button, CommandGroup, Popover, PopoverTrigger, Badge, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem } from './chunk-BNQNL7GF.js';
+export { SmartCheckbox, SmartCombobox, SmartDatePicker, SmartRadioGroup, SmartSelect, SmartTags } from './chunk-BNQNL7GF.js';
+import { useSmartForm, useFormField, useFieldDetection, cn, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Input } from './chunk-RHECLW3K.js';
+export { SmartFormProvider, SmartInput, useFormField, useSmartForm } from './chunk-RHECLW3K.js';
+import * as React2 from 'react';
+import { createContext, useRef, useEffect, useMemo, useState, useCallback, useContext } from 'react';
+import { InfoIcon, PlusIcon, CheckIcon, Bold, Italic, Underline, List, ListOrdered, XIcon } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
-    {
-      "data-slot": "command",
-      className: cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx(
-          Command$1.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function Combobox({
-  options,
-  value = "",
-  onChange,
-  placeholder = "Select option...",
-  searchPlaceholder = "Search...",
-  noResultsText = "No results found.",
-  width = "100%",
-  isDisabled = false,
-  allowCustom = false
-}) {
-  const [open, setOpen] = React__default.useState(false);
-  const [searchValue, setSearchValue] = useState("");
-  const containerStyles = {
-    width
-  };
-  const combinedOptions = allowCustom ? [
-    ...options,
-    ...searchValue && !options.some(
-      (opt) => opt.label.toLowerCase() === searchValue.toLowerCase()
-    ) ? [
-      {
-        value: searchValue.toLowerCase().replace(/\s+/g, "-"),
-        label: searchValue
-      }
-    ] : []
-  ] : options;
-  const filteredOptions = combinedOptions.filter(
-    (option) => option.label.toLowerCase().includes(searchValue.toLowerCase())
-  );
-  return /* @__PURE__ */ jsx("div", { style: containerStyles, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        style: containerStyles,
-        className: `flex items-center justify-between relative ${isDisabled ? "cursor-not-allowed opacity-50" : ""}`,
-        disabled: isDisabled,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 text-left", children: /* @__PURE__ */ jsx("div", { className: "truncate", children: value ? combinedOptions.find((option) => option.value === value)?.label || value : placeholder }) }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs(Command, { className: "w-full", children: [
-      /* @__PURE__ */ jsx(
-        CommandInput,
-        {
-          value: searchValue,
-          onValueChange: setSearchValue,
-          placeholder: searchPlaceholder,
-          className: "h-9"
-        }
-      ),
-      /* @__PURE__ */ jsx(CommandList, { children: filteredOptions.length > 0 ? /* @__PURE__ */ jsx(CommandGroup, { className: "max-h-[200px] overflow-y-auto", children: filteredOptions.map((option) => /* @__PURE__ */ jsxs(
-        CommandItem,
-        {
-          value: option.value,
-          onSelect: (currentValue) => {
-            onChange(currentValue === value ? "" : currentValue);
-            setOpen(false);
-            setSearchValue("");
-          },
-          className: "flex items-center",
-          style: { width: "100%" },
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full min-w-0", children: [
-              /* @__PURE__ */ jsx(
-                Check,
-                {
-                  className: `mr-2 h-4 w-4 flex-shrink-0 ${value === option.value ? "opacity-100" : "opacity-0"}`
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: option.label })
-            ] }),
-            option.badge && /* @__PURE__ */ jsx(
-              Badge,
-              {
-                variant: "outline",
-                className: "ml-2 text-[10px] px-2 py-0 h-5 font-normal",
-                children: option.badge
-              }
-            )
-          ]
-        },
-        option.value
-      )) }) : /* @__PURE__ */ jsxs(CommandEmpty, { children: [
-        allowCustom && searchValue && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            className: "w-full justify-start",
-            onClick: () => {
-              const newOption = {
-                value: searchValue.toLowerCase().replace(/\s+/g, "-")};
-              onChange(newOption.value);
-              setOpen(false);
-              setSearchValue("");
-            },
-            children: [
-              /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
-              'Add "',
-              searchValue,
-              '" as a new option'
-            ]
-          }
-        ),
-        !searchValue && noResultsText
-      ] }) })
-    ] }) })
-  ] }) });
-}
-var SmartCombobox = ({
-  field,
-  label,
-  options,
-  className = "",
-  placeholder,
-  allowCustom = false,
-  validation,
-  required = false,
-  defaultValue,
-  info,
-  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;
-      registerValidation(field, validation);
-    }
-  }, [validation, field, registerValidation]);
-  useEffect(() => {
-    if (fieldDetection?.registerField) {
-      fieldDetection.registerField(field);
-    }
-  }, [field, fieldDetection]);
-  useEffect(() => {
-    if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
-      onChange(defaultValue);
-      hasSetDefault.current = true;
-    }
-  }, [defaultValue, value, onChange]);
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
-    label && /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs(Label, { className: "text-sm font-medium text-foreground", children: [
-          label,
-          " ",
-          required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
-        ] }),
-        info && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { className: "max-w-xs", children: info }) })
-        ] }) })
-      ] }),
-      subLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsx(
-      Combobox,
-      {
-        options: (options || []).map((o) => ({ value: o.value, label: o.label })),
-        value: value || "",
-        onChange: (newValue) => onChange(newValue),
-        placeholder: placeholder || (label ? `Select ${label.toLowerCase()}` : `Select ${field}`),
-        allowCustom,
-        isDisabled
-      }
-    ) }),
-    error && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm mt-1", children: error })
-  ] });
-};
 var SmartFileUpload = ({
   field,
   label,
@@ -567,7 +247,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React.useMemo(
+  const _values = React2.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -1427,6 +1107,6 @@ var SmartBasicRichTextbox = ({
   ] });
 };
 
-export { SmartAutoSuggestTags, SmartBasicRichTextbox, SmartCombobox, SmartDualRangeSlider, SmartFileUpload, SmartSlider };
+export { SmartAutoSuggestTags, SmartBasicRichTextbox, SmartDualRangeSlider, SmartFileUpload, SmartSlider };
 //# sourceMappingURL=fields.js.map
 //# sourceMappingURL=fields.js.map