dgz-ui-shared 1.2.34 → 1.2.36

package/dist/chunks/MySelect-Dl3jKf5s.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MySelect-Dl3jKf5s.cjs.js","sources":["../../src/components/form/MySelect.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  ReactSelect,\n  type ReactSelectProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MySelect component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MySelectProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> &\n    ReactSelectProps & {\n      /** Optional callback for change events. */\n      onChange?: (value: unknown) => void;\n    };\n\n/**\n * MySelect wraps a ReactSelect with react-hook-form support.\n * Can also be used standalone when no control/name are provided.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the select.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param options - The options to display in the select.\n * @param onChange - Optional callback for change events.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Select and form item props.\n * @returns A select component integrated with react-hook-form.\n */\nexport const MySelect = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  options = [],\n  onChange,\n  floatingError,\n  ...props\n}: MySelectProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => {\n          const handleChange = (value: unknown) => {\n            field.onChange(value);\n            if (onChange) {\n              onChange(value);\n            }\n          };\n\n          return (\n            <FormItem>\n              {label && (\n                <FormLabel className={'block'}>\n                  {label}{' '}\n                  {required && <span className={'text-red-600'}>*</span>}\n                </FormLabel>\n              )}\n              <div>\n                <FormControl>\n                  <ReactSelect\n                    className={cn(className)}\n                    {...props}\n                    {...field}\n                    onChange={handleChange}\n                    options={options}\n                    error={!!get(formState.errors, `${name}`)}\n                  />\n                </FormControl>\n                <FormMessage\n                  className={cn(floatingError && 'absolute -bottom-5')}\n                />\n              </div>\n            </FormItem>\n          );\n        }}\n      />\n    )) ||\n    null\n  );\n};\n"],"names":["MySelect","control","name","label","required","className","rules","options","onChange","floatingError","props","jsx","FormField","field","formState","handleChange","value","FormItem","jsxs","FormLabel","FormControl","ReactSelect","cn","get","FormMessage"],"mappings":"2IA0CaA,EAAW,CAAmC,CACzD,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,CAAA,EACV,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAEKR,GAAQD,GACPU,EAAAA,IAACC,EAAAA,UAAA,CACC,QAAAX,EACA,KAAAC,EACA,MAAAI,EACA,OAAQ,CAAC,CAAE,MAAAO,EAAO,UAAAC,KAAgB,CAChC,MAAMC,EAAgBC,GAAmB,CACvCH,EAAM,SAASG,CAAK,EAChBR,GACFA,EAASQ,CAAK,CAElB,EAEA,cACGC,WAAA,CACE,SAAA,CAAAd,GACCe,EAAAA,KAACC,EAAAA,UAAA,CAAU,UAAW,QACnB,SAAA,CAAAhB,EAAO,IACPC,GAAYO,EAAAA,IAAC,OAAA,CAAK,UAAW,eAAgB,SAAA,GAAA,CAAC,CAAA,EACjD,SAED,MAAA,CACC,SAAA,CAAAA,MAACS,EAAAA,YAAA,CACC,SAAAT,EAAAA,IAACU,EAAAA,YAAA,CACC,UAAWC,EAAAA,GAAGjB,CAAS,EACtB,GAAGK,EACH,GAAGG,EACJ,SAAUE,EACV,QAAAR,EACA,MAAO,CAAC,CAACgB,oBAAIT,EAAU,OAAQ,GAAGZ,CAAI,EAAE,CAAA,CAAA,EAE5C,EACAS,EAAAA,IAACa,EAAAA,YAAA,CACC,UAAWF,EAAAA,GAAGb,GAAiB,oBAAoB,CAAA,CAAA,CACrD,CAAA,CACF,CAAA,EACF,CAEJ,CAAA,CAAA,GAGJ"}