Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
theme.keycloak.v2.admin.resources.assets.DynamicComponents-f1c9e7ec.js.map Maven / Gradle / Ivy
The user inferface to administrate the Keycloak server.
{"version":3,"file":"DynamicComponents-f1c9e7ec.js","sources":["../../src/components/dynamic/BooleanComponent.tsx","../../src/components/dynamic/ClientSelectComponent.tsx","../../src/components/dynamic/FileComponent.tsx","../../src/components/dynamic/GroupComponent.tsx","../../src/components/dynamic/ListComponent.tsx","../../src/components/dynamic/MapComponent.tsx","../../src/components/dynamic/MultivaluedListComponent.tsx","../../src/components/dynamic/MultivaluedStringComponent.tsx","../../src/components/dynamic/PasswordComponent.tsx","../../src/components/dynamic/RoleComponent.tsx","../../src/components/dynamic/ScriptComponent.tsx","../../src/components/dynamic/StringComponent.tsx","../../src/components/dynamic/TextComponent.tsx","../../src/components/dynamic/components.ts","../../src/components/dynamic/DynamicComponents.tsx"],"sourcesContent":["import { FormGroup, Switch } from \"@patternfly/react-core\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport type { ComponentProps } from \"./components\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const BooleanComponent = ({\n name,\n label,\n helpText,\n isDisabled = false,\n defaultValue,\n isNew = true,\n}: ComponentProps) => {\n const { t } = useTranslation(\"dynamic\");\n const { control } = useFormContext();\n\n return (\n (\n field.onChange(\"\" + value)}\n data-testid={name}\n aria-label={t(label!)}\n />\n )}\n />\n \n );\n};\n","import type { ComponentProps } from \"./components\";\nimport { ClientSelect } from \"../client/ClientSelect\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const ClientSelectComponent = (props: ComponentProps) => {\n return (\n (\n setFilename(file.name)}\n onReadStarted={() => setIsLoading(true)}\n onReadFinished={() => setIsLoading(false)}\n onClearClick={() => {\n field.onChange(\"\");\n setFilename(\"\");\n }}\n isLoading={isLoading}\n allowEditingUploadedText={false}\n onChange={(value, filename) => {\n field.onChange(value);\n setFilename(filename);\n }}\n />\n )}\n />\n \n );\n};\n","import GroupRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/groupRepresentation\";\nimport {\n Button,\n Chip,\n ChipGroup,\n FormGroup,\n InputGroup,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { GroupPickerDialog } from \"../group/GroupPickerDialog\";\nimport { HelpItem } from \"ui-shared\";\nimport type { ComponentProps } from \"./components\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const GroupComponent = ({ name, label, helpText }: ComponentProps) => {\n const { t } = useTranslation(\"dynamic\");\n const [open, setOpen] = useState(false);\n const [groups, setGroups] = useState();\n const { control } = useFormContext();\n\n return (\n (\n <>\n {open && (\n {\n field.onChange(groups?.[0].path);\n setGroups(groups);\n setOpen(false);\n }}\n onClose={() => setOpen(false)}\n filterGroups={groups}\n />\n )}\n\n \n \n {field.value && (\n field.onChange(undefined)}>\n {field.value}\n \n )}\n \n setOpen(!open)}\n variant=\"secondary\"\n data-testid=\"join-groups-button\"\n >\n {t(\"selectGroup\")}\n \n \n \n \n )}\n />\n );\n};\n","import {\n FormGroup,\n Select,\n SelectOption,\n SelectVariant,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport type { ComponentProps } from \"./components\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const ListComponent = ({\n name,\n label,\n helpText,\n defaultValue,\n options,\n isDisabled = false,\n}: ComponentProps) => {\n const { t } = useTranslation(\"dynamic\");\n const { control } = useFormContext();\n const [open, setOpen] = useState(false);\n\n return (\n (\n setOpen(toggle)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n aria-label={t(label!)}\n isOpen={open}\n >\n {options?.map((option) => (\n ([]);\n const fieldName = convertToName(name!);\n\n useEffect(() => {\n register(fieldName);\n const values: KeyValueType[] = JSON.parse(getValues(fieldName) || \"[]\");\n if (!values.length) {\n values.push({ key: \"\", value: \"\" });\n }\n setMap(values.map((value) => ({ ...value, id: generateId() })));\n }, [register, getValues]);\n\n const update = (val = map) => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n setValue(fieldName, JSON.stringify(val.map(({ id, ...entry }) => entry)));\n };\n\n const updateKey = (index: number, key: string) => {\n updateEntry(index, { ...map[index], key });\n };\n\n const updateValue = (index: number, value: string) => {\n updateEntry(index, { ...map[index], value });\n };\n\n const updateEntry = (index: number, entry: IdKeyValueType) =>\n setMap([...map.slice(0, index), entry, ...map.slice(index + 1)]);\n\n const remove = (index: number) => {\n const value = [...map.slice(0, index), ...map.slice(index + 1)];\n setMap(value);\n update(value);\n };\n\n return (\n \n \n \n {t(\"common:key\")} \n \n \n {t(\"common:value\")} \n \n \n {map.map((attribute, index) => (\n \n \n updateKey(index, value)}\n onBlur={() => update()}\n />\n \n \n updateValue(index, value)}\n onBlur={() => update()}\n />\n \n \n remove(index)}\n data-testid={`${fieldName}.${index}.remove`}\n >\n \n \n ))}\n \n \n \n \n \n \n );\n};\n","import {\n FormGroup,\n Select,\n SelectOption,\n SelectVariant,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport type { ComponentProps } from \"./components\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const MultiValuedListComponent = ({\n name,\n label,\n helpText,\n defaultValue,\n options,\n isDisabled = false,\n}: ComponentProps) => {\n const { t } = useTranslation(\"dynamic\");\n const { control } = useFormContext();\n const [open, setOpen] = useState(false);\n\n return (\n (\n setOpen(isOpen)}\n selections={field.value}\n onSelect={(_, v) => {\n const option = v.toString();\n if (field.value.includes(option)) {\n field.onChange(\n field.value.filter((item: string) => item !== option)\n );\n } else {\n field.onChange([...field.value, option]);\n }\n }}\n onClear={(event) => {\n event.stopPropagation();\n field.onChange([]);\n }}\n isOpen={open}\n aria-label={t(label!)}\n >\n {options?.map((option) => (\n (\n \n {openModal && (\n field.onChange(parseRow(rows[0]))}\n onClose={toggleModal}\n isRadio\n />\n )}\n\n {field.value !== \"\" && (\n \n field.onChange(\"\")}>\n \n \n )}\n \n \n {t(\"selectRole.label\")}\n \n \n \n )}\n />\n \n );\n};\n","import { CodeEditor, Language } from \"@patternfly/react-code-editor\";\nimport { FormGroup } from \"@patternfly/react-core\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport type { ComponentProps } from \"./components\";\nimport { convertToName } from \"./DynamicComponents\";\n\nexport const ScriptComponent = ({\n name,\n label,\n helpText,\n defaultValue,\n isDisabled = false,\n}: ComponentProps) => {\n const { t } = useTranslation(\"dynamic\");\n const { control } = useFormContext();\n\n return (\n {helpText}}\n fieldLabelId={`dynamic:${label}`}\n />\n }\n fieldId={name!}\n >\n (\n & {\n isDisabled?: boolean;\n isNew?: boolean;\n stringify?: boolean;\n};\n\nconst ComponentTypes = [\n \"String\",\n \"Text\",\n \"boolean\",\n \"List\",\n \"Role\",\n \"Script\",\n \"Map\",\n \"Group\",\n \"MultivaluedList\",\n \"ClientList\",\n \"MultivaluedString\",\n \"File\",\n \"Password\",\n] as const;\n\nexport type Components = (typeof ComponentTypes)[number];\n\nexport const COMPONENTS: {\n [index in Components]: (props: ComponentProps) => JSX.Element;\n} = {\n String: StringComponent,\n Text: TextComponent,\n boolean: BooleanComponent,\n List: ListComponent,\n Role: RoleComponent,\n Script: ScriptComponent,\n Map: MapComponent,\n Group: GroupComponent,\n ClientList: ClientSelectComponent,\n MultivaluedList: MultiValuedListComponent,\n MultivaluedString: MultiValuedStringComponent,\n File: FileComponent,\n Password: PasswordComponent,\n} as const;\n\nexport const isValidComponentType = (value: string): value is Components =>\n value in COMPONENTS;\n","import type { ConfigPropertyRepresentation } from \"@keycloak/keycloak-admin-client/lib/defs/authenticatorConfigInfoRepresentation\";\n\nimport { COMPONENTS, isValidComponentType } from \"./components\";\nimport { convertAttributeNameToForm } from \"../../util\";\n\ntype DynamicComponentProps = {\n properties: ConfigPropertyRepresentation[];\n stringify?: boolean;\n isNew?: boolean;\n};\n\nexport const DynamicComponents = ({\n properties,\n ...rest\n}: DynamicComponentProps) => (\n <>\n {properties.map((property) => {\n const componentType = property.type!;\n if (isValidComponentType(componentType)) {\n const Component = COMPONENTS[componentType];\n return
