@pnkx-lib/ui 1.5.2 → 1.5.4

package/dist/es/chunks/Checkbox-DCqaSxr5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-DCqaSxr5.js","sources":["../../../src/components/fields/Select.tsx","../../../src/components/fields/Radio.tsx","../../../src/components/fields/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Select as SelectAntd, SelectProps } from \"antd\";\nimport get from \"lodash/get\";\nimport {\n  ControllerRenderProps,\n  UseFormSetValue,\n  UseFormStateReturn,\n} from \"react-hook-form\";\nimport { ErrorMessage } from \"../ui/ErrorMessage\";\nimport { Label } from \"../ui/Label\";\n\nexport interface SelectFieldProps extends SelectProps {\n  field?: ControllerRenderProps<any, any>;\n  formState?: UseFormStateReturn<any>;\n  setValue?: UseFormSetValue<any>;\n  label?: string;\n  required?: boolean;\n  afterOnChange?: (value: any) => void;\n  customStyleContainer?: string;\n}\n\nexport const Select = (props: SelectFieldProps) => {\n  //! State\n  const {\n    field,\n    formState,\n    label,\n    required,\n    afterOnChange,\n    customStyleContainer,\n    ...restProps\n  } = props;\n\n  const { name, value, onChange, onBlur } = field || {};\n  const { touchedFields, errors, isSubmitted } = formState || {};\n  const isTouched = get(touchedFields, name!);\n  const errorMessage = get(errors, name!)?.message as string;\n\n  //! Function\n  const handleChange = (val: any) => {\n    onChange?.(val);\n    afterOnChange?.(val);\n  };\n\n  const renderErrorMessage = () => {\n    if (!errorMessage) return null;\n    return (\n      <ErrorMessage\n        errorMessage={errorMessage}\n        isTouched={isTouched}\n        isSubmitted={isSubmitted}\n      />\n    );\n  };\n\n  //! Render\n  return (\n    <div className={customStyleContainer}>\n      {label && <Label label={label} required={required} />}\n\n      <SelectAntd\n        onChange={handleChange}\n        onBlur={onBlur}\n        value={value}\n        style={{ width: \"100%\" }}\n        optionLabelProp=\"label\"\n        status={\n          (isTouched || isSubmitted) && Boolean(errorMessage)\n            ? \"error\"\n            : undefined\n        }\n        {...restProps}\n      />\n      {renderErrorMessage()}\n    </div>\n  );\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Radio, RadioChangeEvent, RadioGroupProps } from \"antd\";\nimport { ControllerRenderProps, UseFormStateReturn } from \"react-hook-form\";\nimport get from \"lodash/get\";\nimport { ErrorMessage } from \"../ui/ErrorMessage\";\nimport { Typography } from \"../ui/Typography\";\n\ntype TOptionGRadio = {\n  label: string;\n  value: string | number;\n};\n\ntype TPositionRadio = \"before\" | \"after\";\n\nexport interface RadioProps\n  extends Omit<RadioGroupProps, \"options\" | \"onChange\"> {\n  field?: ControllerRenderProps<any, any>;\n  formState?: UseFormStateReturn<any>;\n  customStyleRadioGroup?: string;\n  customStyleRadio?: string;\n  customStyleWrap?: string;\n  afterOnChange?: (value: any) => void;\n  options: TOptionGRadio[];\n  position?: TPositionRadio;\n}\n\nexport const RadioGroup = (props: RadioProps) => {\n  //! State\n  const {\n    field,\n    formState,\n    customStyleRadio,\n    customStyleWrap = \"\",\n    afterOnChange,\n    options,\n    ...restProps\n  } = props;\n\n  const { name, value, onChange } = field || {};\n  const { touchedFields, errors, isSubmitted } = formState || {};\n  const isTouched = get(touchedFields, name!);\n  const errorMessage = get(errors, name!)?.message as string;\n\n  //! Function\n  const handleChange = (e: RadioChangeEvent) => {\n    onChange?.(e);\n    afterOnChange?.(e?.target?.value);\n  };\n\n  const renderErrorMessage = () => {\n    if (!errorMessage) return null;\n    return (\n      <ErrorMessage\n        errorMessage={errorMessage}\n        isTouched={isTouched}\n        isSubmitted={isSubmitted}\n      />\n    );\n  };\n\n  //! Render\n  return (\n    <div className={customStyleWrap}>\n      <Radio.Group onChange={handleChange} value={value} {...restProps}>\n        {options.map((item) => (\n          <Radio\n            key={`${name}-${item.value}`}\n            value={item.value}\n            className={customStyleRadio}\n          >\n            <Typography.Text> {item.label}</Typography.Text>\n          </Radio>\n        ))}\n      </Radio.Group>\n      {renderErrorMessage()}\n    </div>\n  );\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Checkbox, CheckboxProps } from \"antd\";\nimport { ControllerRenderProps, UseFormStateReturn } from \"react-hook-form\";\nimport get from \"lodash/get\";\nimport { ErrorMessage } from \"../ui/ErrorMessage\";\nimport { Typography } from \"../ui/Typography\";\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, \"onChange\" | \"checked\"> {\n  field?: ControllerRenderProps<any, any>;\n  formState?: UseFormStateReturn<any>;\n  label?: string;\n  required?: boolean;\n  afterOnChange?: (checked: boolean) => void;\n  customStyleContainer?: string;\n  customStyleCheckbox?: string;\n}\n\nexport const CheckboxField = (props: CheckboxFieldProps) => {\n  //! State\n  const {\n    field,\n    formState,\n    label,\n    afterOnChange,\n    customStyleContainer,\n    customStyleCheckbox,\n    ...restProps\n  } = props;\n\n  const { name, value, onChange, onBlur } = field || {};\n  const { touchedFields, errors, isSubmitted } = formState || {};\n  const isTouched = get(touchedFields, name!);\n  const errorMessage = get(errors, name!)?.message as string;\n\n  //! Function\n  const handleChange: CheckboxProps[\"onChange\"] = (e) => {\n    const checked = e.target.checked;\n    onChange?.(checked);\n    afterOnChange?.(checked);\n  };\n\n  const renderErrorMessage = () => {\n    if (!errorMessage) return null;\n    return (\n      <ErrorMessage\n        errorMessage={errorMessage}\n        isTouched={isTouched}\n        isSubmitted={isSubmitted}\n      />\n    );\n  };\n\n  //! Render\n  return (\n    <div className={customStyleContainer}>\n      <Checkbox\n        onBlur={onBlur}\n        checked={!!value}\n        onChange={handleChange}\n        className={customStyleCheckbox}\n        {...restProps}\n      >\n        <Typography.Text>{label}</Typography.Text>\n      </Checkbox>\n\n      {renderErrorMessage()}\n    </div>\n  );\n};\n"],"names":["jsx","jsxs","SelectAntd"],"mappings":"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"}