theme.keycloak.v2.admin.resources.assets.MultiLineInput-AcwuO_FT.js.map Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of keycloak-admin-ui
The user inferface to administrate the Keycloak server.
There is a newer version: 26.0.7
{"version":3,"file":"MultiLineInput-AcwuO_FT.js","sources":["../../src/components/multi-line-input/MultiLineInput.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonVariant,\n  InputGroup,\n  TextInput,\n  TextInputProps,\n  InputGroupItem,\n} from \"@patternfly/react-core\";\nimport { MinusCircleIcon, PlusCircleIcon } from \"@patternfly/react-icons\";\nimport { Fragment, useEffect, useMemo } from \"react\";\nimport { useFormContext, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction stringToMultiline(value?: string): string[] {\n  return typeof value === \"string\" ? value.split(\"##\") : [value || \"\"];\n}\n\nfunction toStringValue(formValue: string[]): string {\n  return formValue.join(\"##\");\n}\n\nexport type MultiLineInputProps = Omit & {\n  name: string;\n  addButtonLabel?: string;\n  isDisabled?: boolean;\n  defaultValue?: string[];\n  stringify?: boolean;\n};\n\nexport const MultiLineInput = ({\n  name,\n  addButtonLabel,\n  isDisabled = false,\n  defaultValue,\n  stringify = false,\n  id,\n  ...rest\n}: MultiLineInputProps) => {\n  const { t } = useTranslation();\n  const { register, setValue, control } = useFormContext();\n  const value = useWatch({\n    name,\n    control,\n    defaultValue: defaultValue || \"\",\n  });\n\n  const fields = useMemo(() => {\n    let values = stringify\n      ? stringToMultiline(\n          Array.isArray(value) && value.length === 1 ? value[0] : value,\n        )\n      : value;\n\n    values =\n      Array.isArray(values) && values.length !== 0\n        ? values\n        : (stringify\n            ? stringToMultiline(defaultValue as string)\n            : defaultValue) || [\"\"];\n\n    return values;\n  }, [value]);\n\n  const remove = (index: number) => {\n    update([...fields.slice(0, index), ...fields.slice(index + 1)]);\n  };\n\n  const append = () => {\n    update([...fields, \"\"]);\n  };\n\n  const updateValue = (index: number, value: string) => {\n    update([...fields.slice(0, index), value, ...fields.slice(index + 1)]);\n  };\n\n  const update = (values: string[]) => {\n    const fieldValue = values.flatMap((field) => field);\n    setValue(name, stringify ? toStringValue(fieldValue) : fieldValue, {\n      shouldDirty: true,\n    });\n  };\n\n  useEffect(() => {\n    register(name);\n  }, [register]);\n\n  return (\n    \n      {fields.map((value, index) => (\n        \n          \n            \n               updateValue(index, value)}\n                name={`${name}.${index}.value`}\n                value={value}\n                isDisabled={isDisabled}\n                {...rest}\n              />\n            \n            \n               remove(index)}\n                tabIndex={-1}\n                aria-label={t(\"remove\")}\n                isDisabled={fields.length === 1 || isDisabled}\n              >\n                \n              \n            \n          \n          {index === fields.length - 1 && (\n            \n               {t(addButtonLabel || \"add\")}\n            \n          )}\n        \n      ))}\n    
\n  );\n};\n"],"names":["stringToMultiline","value","toStringValue","formValue","MultiLineInput","name","addButtonLabel","isDisabled","defaultValue","stringify","id","rest","t","useTranslation","register","setValue","control","useFormContext","useWatch","fields","useMemo","values","remove","index","update","append","updateValue","fieldValue","field","useEffect","jsx","jsxs","Fragment","InputGroup","InputGroupItem","TextInput","_event","Button","ButtonVariant","MinusCircleIcon","PlusCircleIcon"],"mappings":"6NAaA,SAASA,EAAkBC,EAA0B,CAC5C,OAAA,OAAOA,GAAU,SAAWA,EAAM,MAAM,IAAI,EAAI,CAACA,GAAS,EAAE,CACrE,CAEA,SAASC,EAAcC,EAA6B,CAC3C,OAAAA,EAAU,KAAK,IAAI,CAC5B,CAUO,MAAMC,EAAiB,CAAC,CAC7B,KAAAC,EACA,eAAAC,EACA,WAAAC,EAAa,GACb,aAAAC,EACA,UAAAC,EAAY,GACZ,GAAAC,EACA,GAAGC,CACL,IAA2B,CACnB,KAAA,CAAE,EAAAC,GAAMC,IACR,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,GAAYC,EAAe,EACjDhB,EAAQiB,EAAS,CACrB,KAAAb,EACA,QAAAW,EACA,aAAcR,GAAgB,EAAA,CAC/B,EAEKW,EAASC,EAAkB,IAAM,CACrC,IAAIC,EAASZ,EACTT,EACE,MAAM,QAAQC,CAAK,GAAKA,EAAM,SAAW,EAAIA,EAAM,CAAC,EAAIA,CAE1D,EAAAA,EAEJ,OAAAoB,EACE,MAAM,QAAQA,CAAM,GAAKA,EAAO,SAAW,EACvCA,GACCZ,EACGT,EAAkBQ,CAAsB,EACxCA,IAAiB,CAAC,EAAE,EAEvBa,CAAA,EACN,CAACpB,CAAK,CAAC,EAEJqB,EAAUC,GAAkB,CAChCC,EAAO,CAAC,GAAGL,EAAO,MAAM,EAAGI,CAAK,EAAG,GAAGJ,EAAO,MAAMI,EAAQ,CAAC,CAAC,CAAC,CAAA,EAG1DE,EAAS,IAAM,CACnBD,EAAO,CAAC,GAAGL,EAAQ,EAAE,CAAC,CAAA,EAGlBO,EAAc,CAACH,EAAetB,IAAkB,CACpDuB,EAAO,CAAC,GAAGL,EAAO,MAAM,EAAGI,CAAK,EAAGtB,EAAO,GAAGkB,EAAO,MAAMI,EAAQ,CAAC,CAAC,CAAC,CAAA,EAGjEC,EAAUH,GAAqB,CACnC,MAAMM,EAAaN,EAAO,QAASO,GAAUA,CAAK,EAClDb,EAASV,EAAMI,EAAYP,EAAcyB,CAAU,EAAIA,EAAY,CACjE,YAAa,EAAA,CACd,CAAA,EAGH,OAAAE,EAAU,IAAM,CACdf,EAAST,CAAI,CAAA,EACZ,CAACS,CAAQ,CAAC,EAGXgB,EAAC,OAAI,GAAApB,EACF,SAAAS,EAAO,IAAI,CAAClB,EAAOsB,IAClBQ,EAACC,EACC,CAAA,SAAA,CAAAD,EAACE,EACC,CAAA,SAAA,CAACH,EAAAI,EAAA,CAAe,OAAM,GACpB,SAAAJ,EAACK,EAAA,CACC,cAAa9B,EAAOkB,EACpB,SAAU,CAACa,EAAQnC,IAAUyB,EAAYH,EAAOtB,CAAK,EACrD,KAAM,GAAGI,CAAI,IAAIkB,CAAK,SACtB,MAAOtB,EACP,WAAAM,EACC,GAAGI,CAAA,CAAA,EAER,IACCuB,EACC,CAAA,SAAAJ,EAACO,EAAA,CACC,cAAa,SAAWd,EACxB,QAASe,EAAc,KACvB,QAAS,IAAMhB,EAAOC,CAAK,EAC3B,SAAU,GACV,aAAYX,EAAE,QAAQ,EACtB,WAAYO,EAAO,SAAW,GAAKZ,EAEnC,WAACgC,EAAgB,EAAA,CAAA,CAAA,EAErB,CAAA,EACF,EACChB,IAAUJ,EAAO,OAAS,GACzBY,EAACM,EAAA,CACC,QAASC,EAAc,KACvB,QAASb,EACT,SAAU,GACV,aAAYb,EAAE,KAAK,EACnB,cAAY,WACZ,WAAY,CAACX,GAASM,EAEtB,SAAA,CAAAuB,EAACU,EAAe,EAAA,EAAE,IAAE5B,EAAEN,GAAkB,KAAK,CAAA,CAAA,CAC/C,CAAA,GAnCWiB,CAqCf,CACD,CACH,CAAA,CAEJ"}