@levo-so/react 0.1.34 → 0.1.35

package/dist/Checbox-sq-atGlJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checbox-sq-atGlJ.js","sources":["../src/collection/components/core/Checkbox/Checbox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport cn from \"../../../../utils/cn\";\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-current\")}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check"],"mappings":";;;;;;AAQM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAA;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE7D,UAAAF,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,UAAU,CAAA;AAAA,MAAA;AAAA,IAC7B;AAAA,EAAA;AACF,CACD;AAEDR,EAAS,cAAcM,EAAkB,KAAK;"}

package/dist/CheckboxWidget-BrVNbP0R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWidget-BrVNbP0R.js","sources":["../src/collection/components/widgets/checkboxWidget/CheckboxWidget.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { ILemaField } from \"@levo-so/core\";\nimport { useController } from \"react-hook-form\";\n\nimport cn from \"../../../../utils/cn\";\nimport getFieldValidations from \"../../../utils/getFieldValidations\";\nimport { Checkbox } from \"../../core/Checkbox/Checbox\";\nimport Input from \"../../core/Input/Input\";\nimport FieldWrapper from \"../FieldWrapper\";\nimport FormLabel from \"../FormLabel\";\n\nexport interface ICheckboxWidgetProps {\n  field: ILemaField;\n}\n\nexport const CheckboxWidget: React.FC<ICheckboxWidgetProps> = ({ field }) => {\n  const [otherValue, setOtherValue] = useState<string>(\"\");\n  const [otherEnabled, setOtherEnabled] = useState<boolean>(false);\n\n  const {\n    key = \"\",\n    label = \"\",\n    helper_text = \"\",\n    readonly = false,\n    values = [],\n    options = {},\n  } = field;\n\n  const {\n    field: { name, onBlur, onChange, value, ref, disabled },\n    fieldState: { error },\n  } = useController({\n    name: key,\n    rules: getFieldValidations(field),\n  });\n\n  const handleChange = (v: string) => {\n    let tempValue = Array.isArray(value || null) ? [...value] : [];\n\n    if (tempValue.includes(v)) {\n      tempValue = tempValue?.filter((item) => item !== v);\n    } else {\n      tempValue.push(v);\n    }\n\n    onChange(tempValue);\n  };\n\n  const enableCustomInput = !!options?.custom_input;\n\n  useEffect(() => {\n    if (enableCustomInput) {\n      let flag = false;\n      (value ?? []).forEach((item: string) => {\n        if (!values.includes(item)) {\n          flag = true;\n          setOtherValue(item);\n        }\n      });\n      if (flag) {\n        setOtherEnabled(true);\n      } else {\n        setOtherEnabled(false);\n      }\n    }\n  }, [value, values]);\n\n  return (\n    <FieldWrapper\n      error={error?.message}\n      helperText={helper_text}\n      readOnly={readonly}\n      ref={ref}\n    >\n      {label && (\n        <FormLabel htmlFor={name} isRequired={field?.required}>\n          {label}\n        </FormLabel>\n      )}\n      <div\n        className={cn(\n          \"flex w-full flex-col flex-wrap gap-4 pt-1\",\n          readonly && \"pointer-events-none cursor-not-allowed\",\n        )}\n      >\n        {values?.map((option: string, index: number) => (\n          <div\n            key={`${option}-${index}`}\n            className=\"flex w-full flex-nowrap items-start gap-2\"\n          >\n            <Checkbox\n              id={`${option}-${index}`}\n              name={name}\n              checked={value?.includes(option)}\n              onCheckedChange={() => handleChange(option)}\n              onBlur={() => {\n                onBlur();\n              }}\n              disabled={disabled}\n            />\n            <FormLabel htmlFor={`${option}-${index}`} className=\"!mb-0\">\n              {option}\n            </FormLabel>\n          </div>\n        ))}\n      </div>\n      {enableCustomInput && (\n        <div className=\"my-4 flex w-full flex-wrap items-center gap-2\">\n          <div className=\"flex shrink-0 flex-nowrap gap-2\">\n            <Checkbox\n              name={`${name}-other`}\n              id={`${name}-other`}\n              disabled={disabled}\n              checked={otherEnabled}\n              onCheckedChange={(checked) => {\n                setOtherEnabled(Boolean(checked));\n\n                if (checked) {\n                  if (Array.isArray(value)) {\n                    onChange?.([...value, otherValue]);\n                  } else {\n                    onChange?.([otherValue]);\n                  }\n                } else {\n                  onChange?.(\n                    (value ?? [])?.filter((v: string) => v !== otherValue),\n                  );\n                }\n              }}\n              onBlur={() => {\n                if (onBlur) {\n                  onBlur();\n                }\n              }}\n            />\n            <FormLabel htmlFor={`${name}-other`} className=\"!mb-0\">\n              Other:{\" \"}\n            </FormLabel>\n          </div>\n          <Input\n            name={`other-checkbox-${name}`}\n            containerStyles=\"max-w-[300px] ml-3\"\n            value={otherValue}\n            onChange={(e) => {\n              let flag = 0;\n              onChange?.(\n                value?.map((v: string) => {\n                  if (v === otherValue && !flag) {\n                    flag = 1;\n                    return e.target.value;\n                  }\n                  return v;\n                }),\n              );\n              setOtherValue(e.target.value);\n            }}\n            disabled={!otherEnabled || disabled}\n            placeholder=\"Please specify\"\n          />\n        </div>\n      )}\n    </FieldWrapper>\n  );\n};\n\nexport default CheckboxWidget;\n"],"names":["CheckboxWidget","field","otherValue","setOtherValue","useState","otherEnabled","setOtherEnabled","key","label","helper_text","readonly","values","options","name","onBlur","onChange","value","ref","disabled","error","useController","getFieldValidations","handleChange","v","tempValue","item","enableCustomInput","useEffect","flag","jsxs","FieldWrapper","FormLabel","jsx","cn","option","index","Checkbox","checked","_a","Input","e"],"mappings":"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"}