@plumile/backoffice-react 0.1.200 → 0.1.201

package/lib/esm/components/backoffice/actions/BackofficeEntityActionFormDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityActionFormDialog.js","names":[],"sources":["../../../../../src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx"],"sourcesContent":["import {\n  type FormEvent,\n  type JSX,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport {\n  type MutationPayloadBase,\n  resolveMutationOutcome,\n} from '../../../relay/mutationResult.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Input } from '@plumile/ui/atomic/atoms/input/Input.js';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport { Textarea } from '@plumile/ui/atomic/atoms/textarea/Textarea.js';\nimport { CheckboxField } from '@plumile/ui/atomic/molecules/checkbox_field/CheckboxField.js';\nimport { Form } from '@plumile/ui/atomic/molecules/form/Form.js';\nimport { FormError } from '@plumile/ui/atomic/molecules/form_error/FormError.js';\nimport { FormGrid } from '@plumile/ui/atomic/molecules/form_grid/FormGrid.js';\nimport { FormFieldLayout } from '@plumile/ui/atomic/molecules/form_field_layout/FormFieldLayout.js';\nimport { HighlightCode } from '@plumile/ui/atomic/molecules/highlight/HighlightCode.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { BackofficeFormSection } from '@plumile/ui/backoffice/molecules/backoffice_form_section/BackofficeFormSection.js';\nimport { SimpleSelect } from '@plumile/ui/components/select/SimpleSelect.js';\nimport type {\n  BackofficeEntityActionFormFieldSpec,\n  BackofficeEntityFormMutationActionSpec,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from './toastViewAction.js';\n\nconst { commitMutation, useRelayEnvironment } = ReactRelay;\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport * as styles from './backofficeEntityActionFormDialog.css.js';\n\nexport type BackofficeEntityActionFormDialogProps<Node> = {\n  isOpen: boolean;\n  action: BackofficeEntityFormMutationActionSpec<Node, any, any, any>;\n  node: Node;\n  onClose: () => void;\n  onSuccess?: () => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nconst extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\nconst buildDefaultValues = (\n  fields: readonly BackofficeEntityActionFormFieldSpec[],\n): Record<string, unknown> => {\n  const output: Record<string, unknown> = {};\n  fields.forEach((field) => {\n    if (field.kind === 'boolean') {\n      output[field.id] = field.defaultValue ?? false;\n      return;\n    }\n    if (field.kind === 'multiEnum') {\n      output[field.id] = field.defaultValue ?? [];\n      return;\n    }\n    if (field.defaultValue != null) {\n      output[field.id] = field.defaultValue;\n      return;\n    }\n    output[field.id] = '';\n  });\n  return output;\n};\n\nconst normalizeInitialValue = (\n  field: BackofficeEntityActionFormFieldSpec,\n  value: unknown,\n): unknown => {\n  if (field.kind === 'number') {\n    if (typeof value === 'number') {\n      return String(value);\n    }\n    if (typeof value === 'string') {\n      return value;\n    }\n    return '';\n  }\n  if (field.kind === 'multiEnum') {\n    if (Array.isArray(value)) {\n      return value.filter((entry): entry is string => {\n        return typeof entry === 'string' && entry.trim() !== '';\n      });\n    }\n    return [];\n  }\n  if (field.kind === 'boolean') {\n    return value === true;\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return value ?? '';\n};\n\nconst buildInitialValues = <Node,>(\n  action: BackofficeEntityFormMutationActionSpec<Node, any, any, any>,\n  node: Node,\n): Record<string, unknown> => {\n  const defaults = buildDefaultValues(action.fields);\n  if (action.getInitialValues == null) {\n    return defaults;\n  }\n  const overrides: unknown = action.getInitialValues(node);\n  if (!isPlainObject(overrides)) {\n    return defaults;\n  }\n  const next: Record<string, unknown> = { ...defaults };\n  action.fields.forEach((field) => {\n    if (!(field.id in overrides)) {\n      return;\n    }\n    next[field.id] = normalizeInitialValue(field, overrides[field.id]);\n  });\n  return next;\n};\n\nexport const BackofficeEntityActionFormDialog = <Node,>({\n  isOpen,\n  action,\n  node,\n  onClose,\n  onSuccess,\n}: BackofficeEntityActionFormDialogProps<Node>): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const formId = useId();\n\n  const [values, setValues] = useState<Record<string, unknown>>({});\n  const [formError, setFormError] = useState<string | null>(null);\n  const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({});\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [resultValue, setResultValue] = useState<string | null>(null);\n  const [resultResponse, setResultResponse] = useState<unknown>(null);\n  const [activeEntityPicker, setActiveEntityPicker] = useState<{\n    fieldId: string;\n    entity: string;\n    label: string;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    setValues(buildInitialValues(action, node));\n    setFormError(null);\n    setFieldErrors({});\n    setResultValue(null);\n    setResultResponse(null);\n  }, [action, isOpen, node]);\n\n  const handleClose = useCallback(() => {\n    if (isSubmitting) {\n      return;\n    }\n    onClose();\n  }, [isSubmitting, onClose]);\n\n  const setFieldValue = useCallback((fieldId: string, value: unknown) => {\n    setValues((current) => {\n      return { ...current, [fieldId]: value };\n    });\n    setFieldErrors((current) => {\n      if (current[fieldId] == null) {\n        return current;\n      }\n      const { [fieldId]: removedValue, ...next } = current;\n      return next;\n    });\n  }, []);\n\n  const title = resolveLabel(action.label, tApp);\n\n  const resolveRequiredError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.required', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidNumberError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidNumber', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJson', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonObjectError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonObject', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonArrayError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonArray', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const buildPayload = useCallback(():\n    | { values: Record<string, unknown> }\n    | { error: string; fieldId?: string } => {\n    const output: Record<string, unknown> = {};\n\n    for (const field of action.fields) {\n      const fieldLabel = resolveLabel(field.label, tApp);\n      const rawValue = values[field.id];\n\n      switch (field.kind) {\n        case 'text': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'textarea': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'number': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          } else if (\n            typeof rawValue === 'number' &&\n            Number.isFinite(rawValue)\n          ) {\n            valueString = String(rawValue);\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          const parsed = Number(valueString);\n          if (!Number.isFinite(parsed)) {\n            return {\n              error: resolveInvalidNumberError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          output[field.id] = parsed;\n          break;\n        }\n        case 'json': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          let parsed: unknown;\n          try {\n            parsed = JSON.parse(valueString);\n          } catch {\n            return {\n              error: resolveInvalidJsonError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          const jsonType = field.jsonType ?? 'object';\n          if (jsonType === 'object' && !isPlainObject(parsed)) {\n            return {\n              error: resolveInvalidJsonObjectError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          if (jsonType === 'array' && !Array.isArray(parsed)) {\n            return {\n              error: resolveInvalidJsonArrayError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          output[field.id] = parsed;\n          break;\n        }\n        case 'enum': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'boolean': {\n          output[field.id] = rawValue === true;\n          break;\n        }\n        case 'entityId': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'multiEnum': {\n          let list: string[] = [];\n          if (Array.isArray(rawValue)) {\n            list = rawValue.filter((entry): entry is string => {\n              return typeof entry === 'string' && entry.trim() !== '';\n            });\n          }\n          if (list.length === 0) {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = list;\n          break;\n        }\n        default: {\n          break;\n        }\n      }\n    }\n\n    return { values: output };\n  }, [\n    action.fields,\n    resolveInvalidJsonArrayError,\n    resolveInvalidJsonError,\n    resolveInvalidJsonObjectError,\n    resolveInvalidNumberError,\n    resolveRequiredError,\n    tApp,\n    values,\n  ]);\n\n  const handleSubmit = useCallback(() => {\n    if (isSubmitting) {\n      return;\n    }\n\n    setFormError(null);\n    setFieldErrors({});\n\n    const payload = buildPayload();\n    if ('error' in payload) {\n      setFormError(payload.error);\n      if (payload.fieldId != null) {\n        setFieldErrors({ [payload.fieldId]: payload.error });\n      }\n      return;\n    }\n\n    let variables: ReturnType<typeof action.getVariables>;\n    try {\n      variables = action.getVariables(node, payload.values);\n    } catch {\n      const message = t('actions.form.errors.invalidPayload');\n      setFormError(message);\n      return;\n    }\n\n    setIsSubmitting(true);\n    commitMutation(environment, {\n      mutation: action.mutation,\n      variables,\n      updater: (store) => {\n        action.updater?.(store, node);\n      },\n      onCompleted: (response) => {\n        setIsSubmitting(false);\n        const mutationPayload = extractMutationPayload(response);\n        if (mutationPayload != null) {\n          let defaultErrorMessage = t('actions.form.errors.invalidPayload');\n          if (action.toasts?.error?.message != null) {\n            defaultErrorMessage = resolveLabel(\n              action.toasts.error.message,\n              tApp,\n            );\n          } else if (action.toasts?.error?.title != null) {\n            defaultErrorMessage = resolveLabel(action.toasts.error.title, tApp);\n          }\n\n          const outcome = resolveMutationOutcome(mutationPayload, {\n            defaultErrorMessage,\n            mapReason: (reason) => {\n              const mapped = action.mapErrorReason?.(reason, node);\n              if (mapped == null) {\n                return null;\n              }\n              if (typeof mapped === 'function') {\n                return resolveLabel(mapped, tApp);\n              }\n              return String(mapped);\n            },\n          });\n          if (!outcome.ok) {\n            const error = new Error(outcome.message);\n            setFormError(outcome.message);\n            action.onError?.(error, node);\n            if (action.toasts?.error != null) {\n              const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n              let toastMessage: string | undefined;\n              if (action.toasts.error.message != null) {\n                toastMessage = resolveLabel(action.toasts.error.message, tApp);\n              }\n              toast.error(toastTitle, toastMessage);\n            }\n            return;\n          }\n        }\n\n        action.onCompleted?.(response, node);\n\n        let hasCustomResult = false;\n        if (action.result?.render != null) {\n          const renderedResult = action.result.render(response, node);\n          if (renderedResult != null) {\n            hasCustomResult = true;\n            setResultResponse(response);\n          }\n        }\n        if (action.toasts?.success != null) {\n          const toastSpec = resolveToastSpec(action.toasts.success, tApp);\n          const toastActions = resolveToastViewActions({\n            toast: action.toasts.success,\n            response,\n            node,\n            tApp,\n            entities,\n            defaultLabel: t('actions.view'),\n            navigateTo: (to) => {\n              routing?.history.push({ pathname: to });\n            },\n          });\n          toast.push({\n            kind: 'info',\n            title: toastSpec.title,\n            message: toastSpec.message,\n            actions: toastActions,\n          });\n        }\n\n        if (action.result != null) {\n          const nextValue = action.result.getValue(response, node);\n          if (typeof nextValue === 'string' && nextValue.trim() !== '') {\n            setResultValue(nextValue);\n            onSuccess?.();\n            return;\n          }\n        }\n\n        if (hasCustomResult) {\n          onSuccess?.();\n          return;\n        }\n\n        onSuccess?.();\n        onClose();\n      },\n      onError: (error) => {\n        setIsSubmitting(false);\n        const message = t('actions.form.errors.submitFailed');\n        setFormError(message);\n        action.onError?.(error, node);\n        if (action.toasts?.error != null) {\n          const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n          let toastMessage: string | undefined;\n          if (action.toasts.error.message != null) {\n            toastMessage = resolveLabel(action.toasts.error.message, tApp);\n          }\n          toast.error(toastTitle, toastMessage);\n        }\n      },\n    });\n  }, [\n    action,\n    buildPayload,\n    entities,\n    environment,\n    isSubmitting,\n    node,\n    onClose,\n    onSuccess,\n    routing?.history,\n    t,\n    tApp,\n    toast,\n  ]);\n\n  const handleFormSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      handleSubmit();\n    },\n    [handleSubmit],\n  );\n\n  const resultLabel = useMemo(() => {\n    if (action.result == null) {\n      return null;\n    }\n    return resolveLabel(action.result.label, tApp);\n  }, [action.result, tApp]);\n\n  const resultRender = useMemo(() => {\n    if (action.result?.render == null || resultResponse == null) {\n      return null;\n    }\n    return action.result.render(resultResponse, node);\n  }, [action.result, node, resultResponse]);\n\n  const showResult =\n    (resultValue != null && resultLabel != null) || resultRender != null;\n\n  const submitLabel = resolveLabel(action.label, tApp);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <>\n      <Modal\n        isOpen={isOpen}\n        onClose={handleClose}\n        title={title}\n        initialFocus=\"first-form-control\"\n        footer={\n          <div className={styles.actions}>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              disabled={isSubmitting}\n              onClick={handleClose}\n            >\n              {t('actions.form.cancel')}\n            </Button>\n            {!showResult && (\n              <Button\n                type=\"submit\"\n                variant=\"primary\"\n                size=\"small\"\n                disabled={isSubmitting}\n                isLoading={isSubmitting}\n                loadingLabel={t('actions.form.submitting')}\n                onClick={handleSubmit}\n              >\n                {submitLabel}\n              </Button>\n            )}\n          </div>\n        }\n      >\n        <Form onSubmit={handleFormSubmit} className={styles.form}>\n          <FormError message={formError} />\n          <BackofficeFormSection>\n            <FormGrid layout=\"vertical\">\n              {action.fields.map((field) => {\n                const fieldLabel = resolveLabel(field.label, tApp);\n                let fieldDescription: string | null = null;\n                if (field.description != null) {\n                  fieldDescription = resolveLabel(field.description, tApp);\n                }\n                const fieldInputId = `${formId}-${field.id}`;\n                const fieldDescriptionId = `${fieldInputId}-description`;\n                const fieldErrorId = `${fieldInputId}-error`;\n                const fieldError = fieldErrors[field.id] ?? null;\n                const isFieldInvalid = fieldError != null;\n                let inputVariant: 'error' | undefined;\n                let selectState: 'default' | 'error' = 'default';\n                if (isFieldInvalid) {\n                  inputVariant = 'error';\n                  selectState = 'error';\n                }\n                let describedBy: string | undefined;\n                if (fieldDescription != null && fieldError != null) {\n                  describedBy = `${fieldDescriptionId} ${fieldErrorId}`;\n                } else if (fieldDescription != null) {\n                  describedBy = fieldDescriptionId;\n                } else if (fieldError != null) {\n                  describedBy = fieldErrorId;\n                }\n\n                switch (field.kind) {\n                  case 'text': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Input\n                          id={fieldInputId}\n                          type=\"text\"\n                          value={value}\n                          placeholder={placeholder}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'textarea': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Textarea\n                          id={fieldInputId}\n                          value={value}\n                          placeholder={placeholder}\n                          rows={field.rows ?? 8}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'number': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Input\n                          id={fieldInputId}\n                          type=\"number\"\n                          value={value}\n                          placeholder={placeholder}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'json': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Textarea\n                          id={fieldInputId}\n                          value={value}\n                          placeholder={placeholder}\n                          rows={8}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'enum': {\n                    const rawValue = values[field.id];\n                    let selected = '';\n                    if (typeof rawValue === 'string') {\n                      selected = rawValue;\n                    }\n                    const options = field.options.map((option) => {\n                      return {\n                        id: option.value,\n                        value: option.value,\n                        label: resolveLabel(option.label, tApp),\n                      };\n                    });\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelId={`${fieldInputId}-label`}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <SimpleSelect\n                          options={options}\n                          value={selected}\n                          placeholder={fieldLabel}\n                          ariaDescribedBy={describedBy}\n                          ariaInvalid={isFieldInvalid}\n                          ariaLabelledBy={`${fieldInputId}-label`}\n                          isDisabled={isSubmitting}\n                          state={selectState}\n                          onChange={(nextValue) => {\n                            setFieldValue(field.id, nextValue);\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'boolean': {\n                    const checked = values[field.id] === true;\n                    return (\n                      <FormFieldLayout key={field.id}>\n                        <CheckboxField\n                          id={fieldInputId}\n                          label={fieldLabel}\n                          helperText={fieldDescription ?? undefined}\n                          error={fieldError ?? undefined}\n                          checked={checked}\n                          disabled={isSubmitting}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.checked);\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'entityId': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <EntityIdFilterField\n                          id={fieldInputId}\n                          label={fieldLabel}\n                          value={value}\n                          ariaDescribedBy={describedBy}\n                          ariaInvalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          onPick={() => {\n                            setActiveEntityPicker({\n                              fieldId: field.id,\n                              entity: field.entity,\n                              label: fieldLabel,\n                            });\n                          }}\n                          onClear={() => {\n                            setFieldValue(field.id, '');\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'multiEnum': {\n                    const rawValue = values[field.id];\n                    const fieldLegendId = `${fieldInputId}-legend`;\n                    let selected: string[] = [];\n                    if (Array.isArray(rawValue)) {\n                      selected = rawValue.filter((entry): entry is string => {\n                        return typeof entry === 'string';\n                      });\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        as=\"fieldset\"\n                        label={fieldLabel}\n                        labelId={fieldLegendId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <div\n                          className={styles.checkboxGroup}\n                          role=\"group\"\n                          aria-labelledby={fieldLegendId}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                        >\n                          {field.options.map((option, index) => {\n                            const optionLabel = resolveLabel(\n                              option.label,\n                              tApp,\n                            );\n                            const isChecked = selected.includes(option.value);\n                            return (\n                              <CheckboxField\n                                key={`${option.value}-${index}`}\n                                id={`${fieldInputId}-${index}`}\n                                label={optionLabel}\n                                checked={isChecked}\n                                disabled={isSubmitting}\n                                onChange={(event) => {\n                                  let nextList = selected;\n                                  if (event.target.checked) {\n                                    if (!selected.includes(option.value)) {\n                                      nextList = [...selected, option.value];\n                                    }\n                                  } else {\n                                    nextList = selected.filter((value) => {\n                                      return value !== option.value;\n                                    });\n                                  }\n                                  setFieldValue(field.id, nextList);\n                                }}\n                              />\n                            );\n                          })}\n                        </div>\n                      </FormFieldLayout>\n                    );\n                  }\n                  default: {\n                    return null;\n                  }\n                }\n              })}\n            </FormGrid>\n          </BackofficeFormSection>\n\n          {showResult && (\n            <div className={styles.resultSection}>\n              {resultValue != null && resultLabel != null && (\n                <HighlightCode\n                  badgeLabel={resultLabel}\n                  copyCode={resultValue}\n                  fallbackCodeText={resultValue}\n                />\n              )}\n              {resultRender}\n            </div>\n          )}\n        </Form>\n      </Modal>\n      <EntityIdPickerDialog\n        isOpen={activeEntityPicker != null}\n        entity={activeEntityPicker?.entity ?? ''}\n        title={activeEntityPicker?.label ?? ''}\n        onClose={() => {\n          setActiveEntityPicker(null);\n        }}\n        onSelectId={(id) => {\n          if (activeEntityPicker == null) {\n            return;\n          }\n          setFieldValue(activeEntityPicker.fieldId, id);\n          setActiveEntityPicker(null);\n        }}\n      />\n    </>\n  );\n};\n\nexport default BackofficeEntityActionFormDialog;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityActionFormDialog.js","names":[],"sources":["../../../../../src/components/backoffice/actions/BackofficeEntityActionFormDialog.tsx"],"sourcesContent":["import {\n  type FormEvent,\n  type JSX,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport {\n  type MutationPayloadBase,\n  resolveMutationOutcome,\n} from '../../../relay/mutationResult.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Input } from '@plumile/ui/atomic/atoms/input/Input.js';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport { Textarea } from '@plumile/ui/atomic/atoms/textarea/Textarea.js';\nimport { CheckboxField } from '@plumile/ui/atomic/molecules/checkbox_field/CheckboxField.js';\nimport { Form } from '@plumile/ui/atomic/molecules/form/Form.js';\nimport { FormError } from '@plumile/ui/atomic/molecules/form_error/FormError.js';\nimport { FormGrid } from '@plumile/ui/atomic/molecules/form_grid/FormGrid.js';\nimport { FormFieldLayout } from '@plumile/ui/atomic/molecules/form_field_layout/FormFieldLayout.js';\nimport { HighlightCode } from '@plumile/ui/atomic/molecules/highlight/HighlightCode.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { BackofficeFormSection } from '@plumile/ui/backoffice/molecules/backoffice_form_section/BackofficeFormSection.js';\nimport { SimpleSelect } from '@plumile/ui/components/select/SimpleSelect.js';\nimport type {\n  BackofficeEntityActionFormFieldSpec,\n  BackofficeRuntimeEntityFormMutationActionSpec,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from './toastViewAction.js';\n\nconst { commitMutation, useRelayEnvironment } = ReactRelay;\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport * as styles from './backofficeEntityActionFormDialog.css.js';\n\nexport type BackofficeEntityActionFormDialogProps<Node> = {\n  isOpen: boolean;\n  action: BackofficeRuntimeEntityFormMutationActionSpec<Node>;\n  node: Node;\n  onClose: () => void;\n  onSuccess?: () => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nconst extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\nconst buildDefaultValues = (\n  fields: readonly BackofficeEntityActionFormFieldSpec[],\n): Record<string, unknown> => {\n  const output: Record<string, unknown> = {};\n  fields.forEach((field) => {\n    if (field.kind === 'boolean') {\n      output[field.id] = field.defaultValue ?? false;\n      return;\n    }\n    if (field.kind === 'multiEnum') {\n      output[field.id] = field.defaultValue ?? [];\n      return;\n    }\n    if (field.defaultValue != null) {\n      output[field.id] = field.defaultValue;\n      return;\n    }\n    output[field.id] = '';\n  });\n  return output;\n};\n\nconst normalizeInitialValue = (\n  field: BackofficeEntityActionFormFieldSpec,\n  value: unknown,\n): unknown => {\n  if (field.kind === 'number') {\n    if (typeof value === 'number') {\n      return String(value);\n    }\n    if (typeof value === 'string') {\n      return value;\n    }\n    return '';\n  }\n  if (field.kind === 'multiEnum') {\n    if (Array.isArray(value)) {\n      return value.filter((entry): entry is string => {\n        return typeof entry === 'string' && entry.trim() !== '';\n      });\n    }\n    return [];\n  }\n  if (field.kind === 'boolean') {\n    return value === true;\n  }\n  if (typeof value === 'string') {\n    return value;\n  }\n  return value ?? '';\n};\n\nconst buildInitialValues = <Node,>(\n  action: BackofficeRuntimeEntityFormMutationActionSpec<Node>,\n  node: Node,\n): Record<string, unknown> => {\n  const defaults = buildDefaultValues(action.fields);\n  if (action.getInitialValues == null) {\n    return defaults;\n  }\n  const overrides: unknown = action.getInitialValues(node);\n  if (!isPlainObject(overrides)) {\n    return defaults;\n  }\n  const next: Record<string, unknown> = { ...defaults };\n  action.fields.forEach((field) => {\n    if (!(field.id in overrides)) {\n      return;\n    }\n    next[field.id] = normalizeInitialValue(field, overrides[field.id]);\n  });\n  return next;\n};\n\nexport const BackofficeEntityActionFormDialog = <Node,>({\n  isOpen,\n  action,\n  node,\n  onClose,\n  onSuccess,\n}: BackofficeEntityActionFormDialogProps<Node>): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const formId = useId();\n\n  const [values, setValues] = useState<Record<string, unknown>>({});\n  const [formError, setFormError] = useState<string | null>(null);\n  const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({});\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [resultValue, setResultValue] = useState<string | null>(null);\n  const [resultResponse, setResultResponse] = useState<unknown>(null);\n  const [activeEntityPicker, setActiveEntityPicker] = useState<{\n    fieldId: string;\n    entity: string;\n    label: string;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    setValues(buildInitialValues(action, node));\n    setFormError(null);\n    setFieldErrors({});\n    setResultValue(null);\n    setResultResponse(null);\n  }, [action, isOpen, node]);\n\n  const handleClose = useCallback(() => {\n    if (isSubmitting) {\n      return;\n    }\n    onClose();\n  }, [isSubmitting, onClose]);\n\n  const setFieldValue = useCallback((fieldId: string, value: unknown) => {\n    setValues((current) => {\n      return { ...current, [fieldId]: value };\n    });\n    setFieldErrors((current) => {\n      if (current[fieldId] == null) {\n        return current;\n      }\n      const { [fieldId]: removedValue, ...next } = current;\n      return next;\n    });\n  }, []);\n\n  const title = resolveLabel(action.label, tApp);\n\n  const resolveRequiredError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.required', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidNumberError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidNumber', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJson', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonObjectError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonObject', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const resolveInvalidJsonArrayError = useCallback(\n    (fieldLabel: string): string => {\n      return t('actions.form.errors.invalidJsonArray', {\n        label: fieldLabel,\n      });\n    },\n    [t],\n  );\n\n  const buildPayload = useCallback(():\n    | { values: Record<string, unknown> }\n    | { error: string; fieldId?: string } => {\n    const output: Record<string, unknown> = {};\n\n    for (const field of action.fields) {\n      const fieldLabel = resolveLabel(field.label, tApp);\n      const rawValue = values[field.id];\n\n      switch (field.kind) {\n        case 'text': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'textarea': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'number': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          } else if (\n            typeof rawValue === 'number' &&\n            Number.isFinite(rawValue)\n          ) {\n            valueString = String(rawValue);\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          const parsed = Number(valueString);\n          if (!Number.isFinite(parsed)) {\n            return {\n              error: resolveInvalidNumberError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          output[field.id] = parsed;\n          break;\n        }\n        case 'json': {\n          let valueString = '';\n          if (typeof rawValue === 'string') {\n            valueString = rawValue.trim();\n          }\n          if (valueString === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          let parsed: unknown;\n          try {\n            parsed = JSON.parse(valueString);\n          } catch {\n            return {\n              error: resolveInvalidJsonError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          const jsonType = field.jsonType ?? 'object';\n          if (jsonType === 'object' && !isPlainObject(parsed)) {\n            return {\n              error: resolveInvalidJsonObjectError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n          if (jsonType === 'array' && !Array.isArray(parsed)) {\n            return {\n              error: resolveInvalidJsonArrayError(fieldLabel),\n              fieldId: field.id,\n            };\n          }\n\n          output[field.id] = parsed;\n          break;\n        }\n        case 'enum': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'boolean': {\n          output[field.id] = rawValue === true;\n          break;\n        }\n        case 'entityId': {\n          let value = '';\n          if (typeof rawValue === 'string') {\n            value = rawValue.trim();\n          }\n          if (value === '') {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = value;\n          break;\n        }\n        case 'multiEnum': {\n          let list: string[] = [];\n          if (Array.isArray(rawValue)) {\n            list = rawValue.filter((entry): entry is string => {\n              return typeof entry === 'string' && entry.trim() !== '';\n            });\n          }\n          if (list.length === 0) {\n            if (field.required) {\n              return {\n                error: resolveRequiredError(fieldLabel),\n                fieldId: field.id,\n              };\n            }\n            break;\n          }\n          output[field.id] = list;\n          break;\n        }\n        default: {\n          break;\n        }\n      }\n    }\n\n    return { values: output };\n  }, [\n    action.fields,\n    resolveInvalidJsonArrayError,\n    resolveInvalidJsonError,\n    resolveInvalidJsonObjectError,\n    resolveInvalidNumberError,\n    resolveRequiredError,\n    tApp,\n    values,\n  ]);\n\n  const handleSubmit = useCallback(() => {\n    if (isSubmitting) {\n      return;\n    }\n\n    setFormError(null);\n    setFieldErrors({});\n\n    const payload = buildPayload();\n    if ('error' in payload) {\n      setFormError(payload.error);\n      if (payload.fieldId != null) {\n        setFieldErrors({ [payload.fieldId]: payload.error });\n      }\n      return;\n    }\n\n    let variables: ReturnType<typeof action.getVariables>;\n    try {\n      variables = action.getVariables(node, payload.values);\n    } catch {\n      const message = t('actions.form.errors.invalidPayload');\n      setFormError(message);\n      return;\n    }\n\n    setIsSubmitting(true);\n    commitMutation(environment, {\n      mutation: action.mutation,\n      variables,\n      updater: (store) => {\n        action.updater?.(store, node);\n      },\n      onCompleted: (response) => {\n        setIsSubmitting(false);\n        const mutationPayload = extractMutationPayload(response);\n        if (mutationPayload != null) {\n          let defaultErrorMessage = t('actions.form.errors.invalidPayload');\n          if (action.toasts?.error?.message != null) {\n            defaultErrorMessage = resolveLabel(\n              action.toasts.error.message,\n              tApp,\n            );\n          } else if (action.toasts?.error?.title != null) {\n            defaultErrorMessage = resolveLabel(action.toasts.error.title, tApp);\n          }\n\n          const outcome = resolveMutationOutcome(mutationPayload, {\n            defaultErrorMessage,\n            mapReason: (reason) => {\n              const mapped = action.mapErrorReason?.(reason, node);\n              if (mapped == null) {\n                return null;\n              }\n              if (typeof mapped === 'function') {\n                return resolveLabel(mapped, tApp);\n              }\n              return String(mapped);\n            },\n          });\n          if (!outcome.ok) {\n            const error = new Error(outcome.message);\n            setFormError(outcome.message);\n            action.onError?.(error, node);\n            if (action.toasts?.error != null) {\n              const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n              let toastMessage: string | undefined;\n              if (action.toasts.error.message != null) {\n                toastMessage = resolveLabel(action.toasts.error.message, tApp);\n              }\n              toast.error(toastTitle, toastMessage);\n            }\n            return;\n          }\n        }\n\n        action.onCompleted?.(response, node);\n\n        let hasCustomResult = false;\n        if (action.result?.render != null) {\n          const renderedResult = action.result.render(response, node);\n          if (renderedResult != null) {\n            hasCustomResult = true;\n            setResultResponse(response);\n          }\n        }\n        if (action.toasts?.success != null) {\n          const toastSpec = resolveToastSpec(action.toasts.success, tApp);\n          const toastActions = resolveToastViewActions({\n            toast: action.toasts.success,\n            response,\n            node,\n            tApp,\n            entities,\n            defaultLabel: t('actions.view'),\n            navigateTo: (to) => {\n              routing?.history.push({ pathname: to });\n            },\n          });\n          toast.push({\n            kind: 'info',\n            title: toastSpec.title,\n            message: toastSpec.message,\n            actions: toastActions,\n          });\n        }\n\n        if (action.result != null) {\n          const nextValue = action.result.getValue(response, node);\n          if (typeof nextValue === 'string' && nextValue.trim() !== '') {\n            setResultValue(nextValue);\n            onSuccess?.();\n            return;\n          }\n        }\n\n        if (hasCustomResult) {\n          onSuccess?.();\n          return;\n        }\n\n        onSuccess?.();\n        onClose();\n      },\n      onError: (error) => {\n        setIsSubmitting(false);\n        const message = t('actions.form.errors.submitFailed');\n        setFormError(message);\n        action.onError?.(error, node);\n        if (action.toasts?.error != null) {\n          const toastTitle = resolveLabel(action.toasts.error.title, tApp);\n          let toastMessage: string | undefined;\n          if (action.toasts.error.message != null) {\n            toastMessage = resolveLabel(action.toasts.error.message, tApp);\n          }\n          toast.error(toastTitle, toastMessage);\n        }\n      },\n    });\n  }, [\n    action,\n    buildPayload,\n    entities,\n    environment,\n    isSubmitting,\n    node,\n    onClose,\n    onSuccess,\n    routing?.history,\n    t,\n    tApp,\n    toast,\n  ]);\n\n  const handleFormSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      handleSubmit();\n    },\n    [handleSubmit],\n  );\n\n  const resultLabel = useMemo(() => {\n    if (action.result == null) {\n      return null;\n    }\n    return resolveLabel(action.result.label, tApp);\n  }, [action.result, tApp]);\n\n  const resultRender = useMemo(() => {\n    if (action.result?.render == null || resultResponse == null) {\n      return null;\n    }\n    return action.result.render(resultResponse, node);\n  }, [action.result, node, resultResponse]);\n\n  const showResult =\n    (resultValue != null && resultLabel != null) || resultRender != null;\n\n  const submitLabel = resolveLabel(action.label, tApp);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <>\n      <Modal\n        isOpen={isOpen}\n        onClose={handleClose}\n        title={title}\n        initialFocus=\"first-form-control\"\n        footer={\n          <div className={styles.actions}>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              disabled={isSubmitting}\n              onClick={handleClose}\n            >\n              {t('actions.form.cancel')}\n            </Button>\n            {!showResult && (\n              <Button\n                type=\"submit\"\n                variant=\"primary\"\n                size=\"small\"\n                disabled={isSubmitting}\n                isLoading={isSubmitting}\n                loadingLabel={t('actions.form.submitting')}\n                onClick={handleSubmit}\n              >\n                {submitLabel}\n              </Button>\n            )}\n          </div>\n        }\n      >\n        <Form onSubmit={handleFormSubmit} className={styles.form}>\n          <FormError message={formError} />\n          <BackofficeFormSection>\n            <FormGrid layout=\"vertical\">\n              {action.fields.map((field) => {\n                const fieldLabel = resolveLabel(field.label, tApp);\n                let fieldDescription: string | null = null;\n                if (field.description != null) {\n                  fieldDescription = resolveLabel(field.description, tApp);\n                }\n                const fieldInputId = `${formId}-${field.id}`;\n                const fieldDescriptionId = `${fieldInputId}-description`;\n                const fieldErrorId = `${fieldInputId}-error`;\n                const fieldError = fieldErrors[field.id] ?? null;\n                const isFieldInvalid = fieldError != null;\n                let inputVariant: 'error' | undefined;\n                let selectState: 'default' | 'error' = 'default';\n                if (isFieldInvalid) {\n                  inputVariant = 'error';\n                  selectState = 'error';\n                }\n                let describedBy: string | undefined;\n                if (fieldDescription != null && fieldError != null) {\n                  describedBy = `${fieldDescriptionId} ${fieldErrorId}`;\n                } else if (fieldDescription != null) {\n                  describedBy = fieldDescriptionId;\n                } else if (fieldError != null) {\n                  describedBy = fieldErrorId;\n                }\n\n                switch (field.kind) {\n                  case 'text': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Input\n                          id={fieldInputId}\n                          type=\"text\"\n                          value={value}\n                          placeholder={placeholder}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'textarea': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Textarea\n                          id={fieldInputId}\n                          value={value}\n                          placeholder={placeholder}\n                          rows={field.rows ?? 8}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'number': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Input\n                          id={fieldInputId}\n                          type=\"number\"\n                          value={value}\n                          placeholder={placeholder}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'json': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    let placeholder: string | undefined;\n                    if (field.placeholder != null) {\n                      placeholder = resolveLabel(field.placeholder, tApp);\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <Textarea\n                          id={fieldInputId}\n                          value={value}\n                          placeholder={placeholder}\n                          rows={8}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          variant={inputVariant}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.value);\n                          }}\n                          fullWidth\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'enum': {\n                    const rawValue = values[field.id];\n                    let selected = '';\n                    if (typeof rawValue === 'string') {\n                      selected = rawValue;\n                    }\n                    const options = field.options.map((option) => {\n                      return {\n                        id: option.value,\n                        value: option.value,\n                        label: resolveLabel(option.label, tApp),\n                      };\n                    });\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelId={`${fieldInputId}-label`}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <SimpleSelect\n                          options={options}\n                          value={selected}\n                          placeholder={fieldLabel}\n                          ariaDescribedBy={describedBy}\n                          ariaInvalid={isFieldInvalid}\n                          ariaLabelledBy={`${fieldInputId}-label`}\n                          isDisabled={isSubmitting}\n                          state={selectState}\n                          onChange={(nextValue) => {\n                            setFieldValue(field.id, nextValue);\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'boolean': {\n                    const checked = values[field.id] === true;\n                    return (\n                      <FormFieldLayout key={field.id}>\n                        <CheckboxField\n                          id={fieldInputId}\n                          label={fieldLabel}\n                          helperText={fieldDescription ?? undefined}\n                          error={fieldError ?? undefined}\n                          checked={checked}\n                          disabled={isSubmitting}\n                          onChange={(event) => {\n                            setFieldValue(field.id, event.target.checked);\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'entityId': {\n                    const rawValue = values[field.id];\n                    let value = '';\n                    if (typeof rawValue === 'string') {\n                      value = rawValue;\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        label={fieldLabel}\n                        labelFor={fieldInputId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <EntityIdFilterField\n                          id={fieldInputId}\n                          label={fieldLabel}\n                          value={value}\n                          ariaDescribedBy={describedBy}\n                          ariaInvalid={isFieldInvalid}\n                          disabled={isSubmitting}\n                          onPick={() => {\n                            setActiveEntityPicker({\n                              fieldId: field.id,\n                              entity: field.entity,\n                              label: fieldLabel,\n                            });\n                          }}\n                          onClear={() => {\n                            setFieldValue(field.id, '');\n                          }}\n                        />\n                      </FormFieldLayout>\n                    );\n                  }\n                  case 'multiEnum': {\n                    const rawValue = values[field.id];\n                    const fieldLegendId = `${fieldInputId}-legend`;\n                    let selected: string[] = [];\n                    if (Array.isArray(rawValue)) {\n                      selected = rawValue.filter((entry): entry is string => {\n                        return typeof entry === 'string';\n                      });\n                    }\n                    return (\n                      <FormFieldLayout\n                        key={field.id}\n                        as=\"fieldset\"\n                        label={fieldLabel}\n                        labelId={fieldLegendId}\n                        required={field.required}\n                        description={fieldDescription}\n                        descriptionId={fieldDescriptionId}\n                        error={fieldError}\n                        errorId={fieldErrorId}\n                      >\n                        <div\n                          className={styles.checkboxGroup}\n                          role=\"group\"\n                          aria-labelledby={fieldLegendId}\n                          aria-describedby={describedBy}\n                          aria-invalid={isFieldInvalid}\n                        >\n                          {field.options.map((option, index) => {\n                            const optionLabel = resolveLabel(\n                              option.label,\n                              tApp,\n                            );\n                            const isChecked = selected.includes(option.value);\n                            return (\n                              <CheckboxField\n                                key={`${option.value}-${index}`}\n                                id={`${fieldInputId}-${index}`}\n                                label={optionLabel}\n                                checked={isChecked}\n                                disabled={isSubmitting}\n                                onChange={(event) => {\n                                  let nextList = selected;\n                                  if (event.target.checked) {\n                                    if (!selected.includes(option.value)) {\n                                      nextList = [...selected, option.value];\n                                    }\n                                  } else {\n                                    nextList = selected.filter((value) => {\n                                      return value !== option.value;\n                                    });\n                                  }\n                                  setFieldValue(field.id, nextList);\n                                }}\n                              />\n                            );\n                          })}\n                        </div>\n                      </FormFieldLayout>\n                    );\n                  }\n                  default: {\n                    return null;\n                  }\n                }\n              })}\n            </FormGrid>\n          </BackofficeFormSection>\n\n          {showResult && (\n            <div className={styles.resultSection}>\n              {resultValue != null && resultLabel != null && (\n                <HighlightCode\n                  badgeLabel={resultLabel}\n                  copyCode={resultValue}\n                  fallbackCodeText={resultValue}\n                />\n              )}\n              {resultRender}\n            </div>\n          )}\n        </Form>\n      </Modal>\n      <EntityIdPickerDialog\n        isOpen={activeEntityPicker != null}\n        entity={activeEntityPicker?.entity ?? ''}\n        title={activeEntityPicker?.label ?? ''}\n        onClose={() => {\n          setActiveEntityPicker(null);\n        }}\n        onSelectId={(id) => {\n          if (activeEntityPicker == null) {\n            return;\n          }\n          setFieldValue(activeEntityPicker.fieldId, id);\n          setActiveEntityPicker(null);\n        }}\n      />\n    </>\n  );\n};\n\nexport default BackofficeEntityActionFormDialog;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  BackofficeManifestToolId,\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  let normalizedId: string | null = null;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    normalizedId = maybeId.trim();\n  }\n  if (\n    typeof titleValue === 'string' &&\n    titleValue.trim() !== '' &&\n    titleValue.trim() !== normalizedId\n  ) {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'dashboard' },\n      label: t('sidebar.items.dashboard'),\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'hub', hubId: input.id },\n      label: input.title,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: config.id,\n      },\n      label: resolveLabel(config.label, tApp),\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = (input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n  pageId?: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n  const currentTarget = {\n    kind: 'entity-detail-page',\n    entityId: input.config.id,\n    id: input.entityId,\n    pageId: input.pageId ?? input.pageLabel,\n  } as unknown as BackofficeTopbarBreadcrumbItem['target'];\n\n  return [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: input.config.id,\n      },\n      label: listLabel,\n    },\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-detail',\n        entityId: input.config.id,\n        id: input.entityId,\n      },\n      label: entityTitle,\n    },\n    {\n      kind: 'current',\n      target: currentTarget,\n      label: input.pageLabel,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id?: BackofficeManifestToolId<TManifest> | string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  let target: BackofficeTopbarBreadcrumbItem<TManifest>['target'] = {\n    kind: 'href',\n    href: `/tools/${input.title}`,\n  };\n  if (input.id != null) {\n    target = {\n      kind: 'tool',\n      toolId: input.id as BackofficeManifestToolId<TManifest>,\n    };\n  }\n  return [\n    {\n      kind: 'current',\n      target,\n      label: input.title,\n    },\n  ];\n};\n"],"mappings":";AAaA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,IACR,GACM,IAAW,EAAM,WAAgC,IACnD,IAA8B;CAIlC,IAHI,OAAO,KAAY,YAAY,EAAQ,KAAK,MAAM,OACpD,IAAe,EAAQ,KAAK,IAG5B,OAAO,KAAe,YACtB,EAAW,KAAK,MAAM,MACtB,EAAW,KAAK,MAAM,GAEtB,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,IAAI;CAK/D,OAJI,EAAM,KAAK,MAAM,KAId,KAHE;AAIX,GAEa,KACX,MAEO,CACL;CACE,MAAM;CACN,QAAQ,EAAE,MAAM,YAAY;CAC5B,OAAO,EAAE,yBAAyB;AACpC,CACF,GAGW,KAEX,MAIO,CACL;CACE,MAAM;CACN,QAAQ;EAAE,MAAM;EAAO,OAAO,EAAM;CAAG;CACvC,OAAO,EAAM;AACf,CACF,GAGW,KACX,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAO;CACnB;CACA,OAAO,EAAa,EAAO,OAAO,CAAI;AACxC,CACF,GAGW,KAA+B,MASK;CAC/C,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,IAAI,GACvD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;CACd,CAAC,GACK,IAAgB;EACpB,MAAM;EACN,UAAU,EAAM,OAAO;EACvB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,EAAM;CAChC;CAEA,OAAO;EACL;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;GACzB;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;IACvB,IAAI,EAAM;GACZ;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;GACR,OAAO,EAAM;EACf;CACF;AACF,GAEa,KAEX,MAG0D;CAC1D,IAAI,IAA8D;EAChE,MAAM;EACN,MAAM,UAAU,EAAM;CACxB;CAOA,OANI,EAAM,MAAM,SACd,IAAS;EACP,MAAM;EACN,QAAQ,EAAM;CAChB,IAEK,CACL;EACE,MAAM;EACN;EACA,OAAO,EAAM;CACf,CACF;AACF"}
+{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  BackofficeManifestToolId,\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  let normalizedId: string | null = null;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    normalizedId = maybeId.trim();\n  }\n  if (\n    typeof titleValue === 'string' &&\n    titleValue.trim() !== '' &&\n    titleValue.trim() !== normalizedId\n  ) {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'dashboard' },\n      label: t('sidebar.items.dashboard'),\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'hub', hubId: input.id },\n      label: input.title,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: config.id,\n      },\n      label: resolveLabel(config.label, tApp),\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = (input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n  pageId?: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n  const currentTarget: BackofficeTopbarBreadcrumbItem['target'] = {\n    kind: 'entity-detail-page',\n    entityId: input.config.id,\n    id: input.entityId,\n    pageId: input.pageId ?? input.pageLabel,\n  };\n\n  return [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: input.config.id,\n      },\n      label: listLabel,\n    },\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-detail',\n        entityId: input.config.id,\n        id: input.entityId,\n      },\n      label: entityTitle,\n    },\n    {\n      kind: 'current',\n      target: currentTarget,\n      label: input.pageLabel,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id?: BackofficeManifestToolId<TManifest> | string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  let target: BackofficeTopbarBreadcrumbItem<TManifest>['target'] = {\n    kind: 'href',\n    href: `/tools/${input.title}`,\n  };\n  if (input.id != null) {\n    target = {\n      kind: 'tool',\n      toolId: input.id as BackofficeManifestToolId<TManifest>,\n    };\n  }\n  return [\n    {\n      kind: 'current',\n      target,\n      label: input.title,\n    },\n  ];\n};\n"],"mappings":";AAaA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAGN,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,IACR,GACM,IAAW,EAAM,WAAgC,IACnD,IAA8B;CAIlC,IAHI,OAAO,KAAY,YAAY,EAAQ,KAAK,MAAM,OACpD,IAAe,EAAQ,KAAK,IAG5B,OAAO,KAAe,YACtB,EAAW,KAAK,MAAM,MACtB,EAAW,KAAK,MAAM,GAEtB,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,IAAI;CAK/D,OAJI,EAAM,KAAK,MAAM,KAId,KAHE;AAIX,GAEa,KACX,MAEO,CACL;CACE,MAAM;CACN,QAAQ,EAAE,MAAM,YAAY;CAC5B,OAAO,EAAE,yBAAyB;AACpC,CACF,GAGW,KAEX,MAIO,CACL;CACE,MAAM;CACN,QAAQ;EAAE,MAAM;EAAO,OAAO,EAAM;CAAG;CACvC,OAAO,EAAM;AACf,CACF,GAGW,KACX,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAO;CACnB;CACA,OAAO,EAAa,EAAO,OAAO,CAAI;AACxC,CACF,GAGW,KAA+B,MASK;CAC/C,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,IAAI,GACvD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;CACd,CAAC,GACK,IAA0D;EAC9D,MAAM;EACN,UAAU,EAAM,OAAO;EACvB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,EAAM;CAChC;CAEA,OAAO;EACL;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;GACzB;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;IACvB,IAAI,EAAM;GACZ;GACA,OAAO;EACT;EACA;GACE,MAAM;GACN,QAAQ;GACR,OAAO,EAAM;EACf;CACF;AACF,GAEa,KAEX,MAG0D;CAC1D,IAAI,IAA8D;EAChE,MAAM;EACN,MAAM,UAAU,EAAM;CACxB;CAOA,OANI,EAAM,MAAM,SACd,IAAS;EACP,MAAM;EACN,QAAQ,EAAM;CAChB,IAEK,CACL;EACE,MAAM;EACN;EACA,OAAO,EAAM;CACf,CACF;AACF"}

package/lib/esm/components/backoffice/layout/sidebarUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeSidebarHubGroupConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const joinBackofficePath = (\n  basePath: string,\n  pathSegment: string,\n): string => {\n  const normalizedBasePath = basePath.replace(/\\/+$/g, '');\n  const normalizedPathSegment = pathSegment.replace(/^\\/+/g, '');\n  if (normalizedBasePath === '') {\n    return `/${normalizedPathSegment}`;\n  }\n  return `${normalizedBasePath}/${normalizedPathSegment}`;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  group: BackofficeSidebarGroupConfig<TManifest>,\n): readonly BackofficeSidebarItemConfig<TManifest>[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (group.entities?.map((entityId) => {\n    return { kind: 'entity', id: entityId } as const;\n  }) ?? []) as unknown as readonly BackofficeSidebarItemConfig<TManifest>[];\n};\n\nexport type BackofficeResolvedSidebarHubConfigFor<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = BackofficeSidebarHubConfig<TManifest> & {\n  groups: readonly BackofficeSidebarHubGroupConfig<TManifest>[];\n};\n\nexport const resolveSidebarHubFor = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  item: BackofficeSidebarHubConfig<TManifest>,\n  sidebar: BackofficeSidebarConfig<TManifest> | undefined,\n): BackofficeResolvedSidebarHubConfigFor<TManifest> => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  return resolveSidebarHubFor(item, sidebar);\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeSidebarHubGroupConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const joinBackofficePath = (\n  basePath: string,\n  pathSegment: string,\n): string => {\n  const normalizedBasePath = basePath.replace(/\\/+$/g, '');\n  const normalizedPathSegment = pathSegment.replace(/^\\/+/g, '');\n  if (normalizedBasePath === '') {\n    return `/${normalizedPathSegment}`;\n  }\n  return `${normalizedBasePath}/${normalizedPathSegment}`;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  group: BackofficeSidebarGroupConfig<TManifest>,\n): readonly BackofficeSidebarItemConfig<TManifest>[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport type BackofficeResolvedSidebarHubConfigFor<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = BackofficeSidebarHubConfig<TManifest> & {\n  groups: readonly BackofficeSidebarHubGroupConfig<TManifest>[];\n};\n\nexport const resolveSidebarHubFor = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  item: BackofficeSidebarHubConfig<TManifest>,\n  sidebar: BackofficeSidebarConfig<TManifest> | undefined,\n): BackofficeResolvedSidebarHubConfigFor<TManifest> => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  return resolveSidebarHubFor(item, sidebar);\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\n  }\n\n  let descriptor: BackofficeSidebarItemDescriptor = {\n    kind: 'entity',\n    id: entityId,\n  };\n  if (config.kind === 'tool') {\n    descriptor = { kind: 'tool', id: entityId };\n  }\n\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js

@@ -1,7 +1,7 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
 import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
-import { useBackofficeFragment as r } from "../../../relay/typedRelayHooks.js";
+import { useBackofficeRuntimeFragment as r } from "../../../relay/typedRelayHooks.js";
 import { loadingLabel as i, loadingState as a } from "./entityIdPickerDialog.css.js";
 import { Suspense as o, useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { InlineBanner as d } from "@plumile/ui/components/feedback/InlineBanner.js";

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport {\n  BackofficePickerList,\n  BackofficePickerShell,\n  type BackofficePickerItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { useBackofficeFragment } from '../../../relay/typedRelayHooks.js';\n\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useBackofficeFragment<unknown, unknown>(\n    config.fragment,\n    queryData,\n  );\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly BackofficePickerItem[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return (\n    <BackofficePickerList\n      items={items}\n      onSelectItem={(item) => {\n        onSelectId(item.id);\n      }}\n    />\n  );\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      BackofficeRuntimeEntityPickerConfig | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      footer={footer}\n      initialFocus=\"first-form-control\"\n    >\n      <BackofficePickerShell\n        searchValue={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchAriaLabel={resolvedSearchPlaceholder}\n        searchName=\"backoffice-entity-picker-search\"\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </BackofficePickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}
+{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport {\n  BackofficePickerList,\n  BackofficePickerShell,\n  type BackofficePickerItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_picker/BackofficePicker.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { useBackofficeRuntimeFragment } from '../../../relay/typedRelayHooks.js';\n\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, string>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useBackofficeRuntimeFragment(config.fragment, queryData);\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly BackofficePickerItem[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return (\n    <BackofficePickerList\n      items={items}\n      onSelectItem={(item) => {\n        onSelectId(item.id);\n      }}\n    />\n  );\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      BackofficeRuntimeEntityPickerConfig | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      footer={footer}\n      initialFocus=\"first-form-control\"\n    >\n      <BackofficePickerShell\n        searchValue={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchAriaLabel={resolvedSearchPlaceholder}\n        searchName=\"backoffice-entity-picker-search\"\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </BackofficePickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":";;;;;;;;;;;;;;;;AAmCA,IAAM,EAAE,kBAAA,MAAqB,GAWvB,IAAsB,qBAEtB,KAAgB,GAAkB,MAC/B,EAAM,CAAI,GAgBb,KAAc,EAClB,WACA,WACA,UACA,aACA,oBACkC;CAClC,IAAM,IAAY,QAAc;EAC9B,IAAM,IAAU,EAAO,KAAK;EAC5B,OAAO,EAAO,oBAAoB;GAAE,QAAQ;GAAS;EAAM,CAAC;CAC9D,GAAG;EAAC;EAAQ;EAAO;CAAM,CAAC,GAEpB,IAAY,EAAiB,EAAO,OAAO,GAAW;EAC1D,aAAa;EACb;CACF,CAAC,GAEK,IAAe,EAA6B,EAAO,UAAU,CAAS,GAEtE,IAAa,EAAO,cAAc,CAAY,GAE9C,IAAQ,QACL,EAAW,MAAM,KAAK,MAAS;EACpC,IAAM,IAAM,EAAO,MAAM,EAAK,IAAI;EAElC,OAAO;GACL,IAFS,EAAO,SAAS,CAEzB;GACA,OAAO,EAAI;GACX,UAAU,EAAI;EAChB;CACF,CAAC,GACA,CAAC,GAAQ,EAAW,KAAK,CAAC;CAE7B,OACE,kBAAC,GAAD;EACS;EACP,eAAe,MAAS;GACtB,EAAW,EAAK,EAAE;EACpB;CACD,CAAA;AAEL,GAEM,KAAe,GAAqB,MAEtC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;CAAQ,MAAK;CAAS,SAAQ;CAAY,SAAS;CAChD,UAAA;AACK,CAAA,EACR,CAAA,GAIA,KAAqB,EAAE,iBAEzB,kBAAC,GAAD;CAAc,MAAK;CAAU,OAAO;CACjC,UAAA;AACW,CAAA,GAIZ,KAAiB,EAAE,eAErB,kBAAC,OAAD;CAAK,WAAW;CAAqB,MAAK;CAAS,aAAU;CAA7D,UAAA,CACE,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;CAAQ,CAAA,GACtC,kBAAC,QAAD;EAAM,WAAW;EAAsB,UAAA;CAAY,CAAA,CAChD;IAII,KAAwB,EACnC,WACA,WACA,UACA,UACA,YACA,oBACmD;CACnD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,IAAc,EAAgC,GAAQ,EAC1D,SAAS,EACX,CAAC,GAEG;CAMJ,AALI,EAAY,WAAW,aACzB,IAAe,EAAY,OAAO,OAAO,SAI3C,QAAgB;EACd,AAAI,MACF,EAAU,EAAE,GACZ,GAAa,MACJ,IAAQ,CAChB;CAEL,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAS,QACN,EAAY,GAAS,EAAE,sBAAsB,CAAC,GACpD,CAAC,GAAS,CAAC,CAAC,GAET,IAAqB,GAAa,MAAiB;EAEvD,AADA,EAAU,CAAI,GACd,GAAa,MACJ,IAAQ,CAChB;CACH,GAAG,CAAC,CAAC,GAEC,IAAiB,GACpB,MAAe;EAEd,AADA,EAAW,CAAE,GACb,EAAQ;CACV,GACA,CAAC,GAAS,CAAU,CACtB;CAEA,IAAI,CAAC,GACH,OAAO;CAGT,IAAI;CACJ,AAAI,GAAc,qBAAqB,SACrC,IAA4B,EAC1B,EAAa,mBACb,CACF;CAGF,IAAM,IAAgB,EAAO,KAAK,GAC5B,IAAmB,GAAc,mBAAmB,IAEtD;CAuBJ,OAtBA,AAMI,IANA,EAAY,WAAW,YACZ,kBAAC,GAAD,EAAe,OAAO,EAAE,gBAAgB,EAAI,CAAA,IAChD,KAAgB,OAgBvB,kBAAC,GAAD,EAAmB,SAAS,EAAE,sBAAsB,EAAE,UAAO,CAAC,EAAI,CAAA,IAfhE,KAAoB,MAAkB,KAC3B,kBAAC,GAAD,EAAsB,OAAO,EAAE,uBAAuB,EAAI,CAAA,IAGrE,kBAAC,GAAD;EACE,QAAQ;EACA;EACD;EACG;EACV,YAAY;CACb,CAAA,GAUL,kBAAC,GAAD;EACU;EACC;EACF;EACC;EACR,cAAa;EAEb,UAAA,kBAAC,GAAD;GACE,aAAa;GACb,gBAAgB;GAChB,mBAAmB;GACnB,iBAAiB;GACjB,YAAW;GACX,eAAe,GAAc,iBAAiB;GAE9C,UAAA,kBAAC,GAAD;IACE,WAAW,MAAgD;KACzD,IAAM,EAAE,aAAU;KAClB,OACE,kBAAC,GAAD;MACE,MAAK;MACL,OAAO,EAAE,0BAA0B;MACnC,SACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe;QAEb,AADA,EAAM,GACN,GAAa,MACJ,IAAQ,CAChB;OACH;OAEC,UAAA,EAAE,sBAAsB;MACnB,CAAA;MAGT,UAAA;KACW,CAAA;IAElB;IAEA,UAAA,kBAAC,GAAD;KAAU,UAAU,kBAAC,GAAD,EAAe,OAAO,EAAE,gBAAgB,EAAI,CAAA;KAC7D,UAAA;IACO,CAAA;GACa,CAAA;EACJ,CAAA;CAClB,CAAA;AAEX"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -1,6 +1,6 @@
 import { useBackofficeReactTranslation as e } from "../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeConfig as t } from "../provider/BackofficeConfigContext.js";
-import { useBackofficeFragment as n } from "../relay/typedRelayHooks.js";
+import { useBackofficeRuntimeFragment as n } from "../relay/typedRelayHooks.js";
 import { BackofficeDetailBadgeRow as r } from "../components/backoffice/detail/BackofficeDetailBadgeRow.js";
 import { BackofficeRightPageLayout as i } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
 import { buildEntityDetailBreadcrumb as a } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutDataRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeLazyEntityCount } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { BackofficeEntityDetailNotFound } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport {\n  resolveLabel,\n  resolveRelationValue,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\n\nconst RelationCountLoading = (): JSX.Element => {\n  return (\n    <span className={pageStyles.relationCountLoading}>\n      <Spinner size={12} />\n    </span>\n  );\n};\n\nconst DetailPageContentLoading = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  return (\n    <div role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} ariaLabel={t('common.loading')} />\n    </div>\n  );\n};\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  children?: ReactNode;\n};\n\ntype BackofficeEntityDetailLayoutPageContentProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  layoutNodeRef: unknown;\n  children?: ReactNode;\n};\n\nconst BackofficeEntityDetailLayoutPageContent = ({\n  config,\n  prepared,\n  layoutNodeRef,\n  children,\n}: BackofficeEntityDetailLayoutPageContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const layoutNode = useBackofficeFragment<unknown, unknown>(\n    config.layoutPage.fragment,\n    layoutNodeRef,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnHover=\"code-and-data\">\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const relationMenuItems: BackofficeRelationsMenuItem[] = (\n    config.relations ?? []\n  ).flatMap((relation) => {\n    const { path, target, whereKey } = relation;\n    const value = resolveRelationValue(relation.value(layoutView));\n    if (value == null) {\n      return [];\n    }\n\n    const entityManifest = entities[target];\n    if (entityManifest?.hasList !== true) {\n      return [];\n    }\n\n    const where = setWhereValue(null, whereKey, value, path);\n    if (where == null) {\n      return [];\n    }\n\n    const encoded = entityManifest.listNavigation.encode({ where });\n\n    return [\n      {\n        id: relation.id,\n        label: resolveLabel(relation.label, tApp),\n        count: (\n          <BackofficeLazyEntityCount\n            entity={target}\n            loadingFallback={<RelationCountLoading />}\n            where={where}\n          />\n        ),\n        destination: {\n          pathname: entityManifest.routes.list,\n          filters: encoded.filters,\n          query: encoded.query,\n        },\n      },\n    ];\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  let headerActionsNode: JSX.Element | undefined;\n  if (relationMenuItems.length > 0) {\n    headerActionsNode = (\n      <div className={pageStyles.headerRelationGroup}>\n        <BackofficeRelationsMenu\n          label={t('relations.menu.label')}\n          items={relationMenuItems}\n        />\n      </div>\n    );\n  }\n\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n        actions={headerActionsNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <Suspense fallback={<DetailPageContentLoading />}>\n            {children}\n          </Suspense>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n\n  if (layoutNodeRef == null) {\n    return (\n      <BackofficeRightPageLayout\n        breadcrumb={[\n          {\n            kind: 'link',\n            target: {\n              kind: 'entity-list',\n              entityId: config.id,\n            },\n            label: config.label(tApp),\n          },\n          {\n            kind: 'current',\n            target: {\n              kind: 'entity-detail',\n              entityId: config.id,\n              id: prepared.id,\n            },\n            label: t('detail.notFound'),\n          },\n        ]}\n      >\n        <BackofficeEntityDetailNotFound listHref={config.routes.list} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutPageContent\n      config={config}\n      prepared={prepared}\n      layoutNodeRef={layoutNodeRef}\n    >\n      {children}\n    </BackofficeEntityDetailLayoutPageContent>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutDataRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeLazyEntityCount } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { BackofficeEntityDetailNotFound } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeRuntimeFragment } from '../relay/typedRelayHooks.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport {\n  resolveLabel,\n  resolveRelationValue,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\n\nconst RelationCountLoading = (): JSX.Element => {\n  return (\n    <span className={pageStyles.relationCountLoading}>\n      <Spinner size={12} />\n    </span>\n  );\n};\n\nconst DetailPageContentLoading = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  return (\n    <div role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} ariaLabel={t('common.loading')} />\n    </div>\n  );\n};\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  children?: ReactNode;\n};\n\ntype BackofficeEntityDetailLayoutPageContentProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  layoutNodeRef: unknown;\n  children?: ReactNode;\n};\n\nconst BackofficeEntityDetailLayoutPageContent = ({\n  config,\n  prepared,\n  layoutNodeRef,\n  children,\n}: BackofficeEntityDetailLayoutPageContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const layoutNode = useBackofficeRuntimeFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnHover=\"code-and-data\">\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const relationMenuItems: BackofficeRelationsMenuItem[] = (\n    config.relations ?? []\n  ).flatMap((relation) => {\n    const { path, target, whereKey } = relation;\n    const value = resolveRelationValue(relation.value(layoutView));\n    if (value == null) {\n      return [];\n    }\n\n    const entityManifest = entities[target];\n    if (entityManifest?.hasList !== true) {\n      return [];\n    }\n\n    const where = setWhereValue(null, whereKey, value, path);\n    if (where == null) {\n      return [];\n    }\n\n    const encoded = entityManifest.listNavigation.encode({ where });\n\n    return [\n      {\n        id: relation.id,\n        label: resolveLabel(relation.label, tApp),\n        count: (\n          <BackofficeLazyEntityCount\n            entity={target}\n            loadingFallback={<RelationCountLoading />}\n            where={where}\n          />\n        ),\n        destination: {\n          pathname: entityManifest.routes.list,\n          filters: encoded.filters,\n          query: encoded.query,\n        },\n      },\n    ];\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  let headerActionsNode: JSX.Element | undefined;\n  if (relationMenuItems.length > 0) {\n    headerActionsNode = (\n      <div className={pageStyles.headerRelationGroup}>\n        <BackofficeRelationsMenu\n          label={t('relations.menu.label')}\n          items={relationMenuItems}\n        />\n      </div>\n    );\n  }\n\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n        actions={headerActionsNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <Suspense fallback={<DetailPageContentLoading />}>\n            {children}\n          </Suspense>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n\n  if (layoutNodeRef == null) {\n    return (\n      <BackofficeRightPageLayout\n        breadcrumb={[\n          {\n            kind: 'link',\n            target: {\n              kind: 'entity-list',\n              entityId: config.id,\n            },\n            label: config.label(tApp),\n          },\n          {\n            kind: 'current',\n            target: {\n              kind: 'entity-detail',\n              entityId: config.id,\n              id: prepared.id,\n            },\n            label: t('detail.notFound'),\n          },\n        ]}\n      >\n        <BackofficeEntityDetailNotFound listHref={config.routes.list} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutPageContent\n      config={config}\n      prepared={prepared}\n      layoutNodeRef={layoutNodeRef}\n    >\n      {children}\n    </BackofficeEntityDetailLayoutPageContent>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeEntityDetailPage.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailPage.helpers.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.helpers.ts"],"sourcesContent":["import type {\n  BackofficeBadgeTone,\n  BackofficeEntityActionSpec,\n  BackofficeEntityFormMutationActionSpec,\n  BackofficeEntityMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeValueLabel,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { MutationPayloadBase } from '../relay/mutationResult.js';\nimport type { TFunction } from 'i18next';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isPlainObject = (\n  value: unknown,\n): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nexport const extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\nexport const isRouteAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityRouteActionSpec<Node> => {\n  return action.kind === 'route';\n};\n\nexport const isMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityMutationActionSpec<Node, any> => {\n  return action.kind === 'mutation';\n};\n\nexport const isFormMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityFormMutationActionSpec<Node, any, any, any> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveValueLabel = (\n  value: BackofficeValueLabel | null | undefined,\n  tApp: TFunction,\n): string | number | null => {\n  if (typeof value === 'function') {\n    return value(tApp);\n  }\n  if (value == null) {\n    return null;\n  }\n  return value;\n};\n\nexport const resolveRelationValue = (value: string | null): string | null => {\n  if (value == null) {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport const isEmptyText = (\n  value: string | number | null | undefined,\n): boolean => {\n  if (value == null) {\n    return true;\n  }\n  if (typeof value === 'string') {\n    return value.trim() === '';\n  }\n  return false;\n};\n\nexport const resolveBadgeTone = <Node>(\n  tone: BackofficeBadgeTone | ((node: Node) => BackofficeBadgeTone) | undefined,\n  node: Node,\n): BackofficeBadgeTone | undefined => {\n  if (typeof tone === 'function') {\n    return tone(node);\n  }\n  return tone;\n};\n"],"mappings":";AAYA,IAAa,KAAgB,GAAkB,MACtC,EAAM,CAAI,GAGN,KACX,MAEO,OAAO,KAAU,cAAY,KAAiB,CAAC,MAAM,QAAQ,CAAK,GAG9D,KACX,MAC+B;CAC/B,IAAI,CAAC,EAAc,CAAQ,GACzB,OAAO;CAGT,KAAK,IAAM,KAAS,OAAO,OAAO,CAAQ,GACxC,IAAI,EAAc,CAAK,MAAM,YAAY,KAAS,YAAY,IAC5D,OAAO;CAIX,OAAO;AACT,GAEa,KACX,MAEO,EAAO,SAAS,SAGZ,KACX,MAEO,EAAO,SAAS,YAGZ,KACX,MAEO,EAAO,SAAS,gBAGZ,KACX,GACA,MAEI,OAAO,KAAU,aACZ,EAAM,CAAI,IAEf,KACK,MAKE,KAAwB,MAAwC;CAC3E,IAAI,KAAS,MACX,OAAO;CAET,IAAM,IAAU,EAAM,KAAK;CAI3B,OAHI,MAAY,KACP,OAEF;AACT,GAEa,KACX,MAEI,KAAS,QAGT,OAAO,KAAU,YACZ,EAAM,KAAK,MAAM,IAKf,KACX,GACA,MAEI,OAAO,KAAS,aACX,EAAK,CAAI,IAEX"}
+{"version":3,"file":"BackofficeEntityDetailPage.helpers.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.helpers.ts"],"sourcesContent":["import type {\n  BackofficeBadgeTone,\n  BackofficeEntityActionSpec,\n  BackofficeRuntimeEntityFormMutationActionSpec,\n  BackofficeRuntimeEntityMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeValueLabel,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { MutationPayloadBase } from '../relay/mutationResult.js';\nimport type { TFunction } from 'i18next';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isPlainObject = (\n  value: unknown,\n): value is Record<string, unknown> => {\n  return typeof value === 'object' && value != null && !Array.isArray(value);\n};\n\nexport const extractMutationPayload = (\n  response: unknown,\n): MutationPayloadBase | null => {\n  if (!isPlainObject(response)) {\n    return null;\n  }\n\n  for (const value of Object.values(response)) {\n    if (isPlainObject(value) && ('status' in value || 'result' in value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\nexport const isRouteAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeEntityRouteActionSpec<Node> => {\n  return action.kind === 'route';\n};\n\nexport const isMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeRuntimeEntityMutationActionSpec<Node> => {\n  return action.kind === 'mutation';\n};\n\nexport const isFormMutationAction = <Node>(\n  action: BackofficeEntityActionSpec<Node>,\n): action is BackofficeRuntimeEntityFormMutationActionSpec<Node> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveValueLabel = (\n  value: BackofficeValueLabel | null | undefined,\n  tApp: TFunction,\n): string | number | null => {\n  if (typeof value === 'function') {\n    return value(tApp);\n  }\n  if (value == null) {\n    return null;\n  }\n  return value;\n};\n\nexport const resolveRelationValue = (value: string | null): string | null => {\n  if (value == null) {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport const isEmptyText = (\n  value: string | number | null | undefined,\n): boolean => {\n  if (value == null) {\n    return true;\n  }\n  if (typeof value === 'string') {\n    return value.trim() === '';\n  }\n  return false;\n};\n\nexport const resolveBadgeTone = <Node>(\n  tone: BackofficeBadgeTone | ((node: Node) => BackofficeBadgeTone) | undefined,\n  node: Node,\n): BackofficeBadgeTone | undefined => {\n  if (typeof tone === 'function') {\n    return tone(node);\n  }\n  return tone;\n};\n"],"mappings":";AAYA,IAAa,KAAgB,GAAkB,MACtC,EAAM,CAAI,GAGN,KACX,MAEO,OAAO,KAAU,cAAY,KAAiB,CAAC,MAAM,QAAQ,CAAK,GAG9D,KACX,MAC+B;CAC/B,IAAI,CAAC,EAAc,CAAQ,GACzB,OAAO;CAGT,KAAK,IAAM,KAAS,OAAO,OAAO,CAAQ,GACxC,IAAI,EAAc,CAAK,MAAM,YAAY,KAAS,YAAY,IAC5D,OAAO;CAIX,OAAO;AACT,GAEa,KACX,MAEO,EAAO,SAAS,SAGZ,KACX,MAEO,EAAO,SAAS,YAGZ,KACX,MAEO,EAAO,SAAS,gBAGZ,KACX,GACA,MAEI,OAAO,KAAU,aACZ,EAAM,CAAI,IAEf,KACK,MAKE,KAAwB,MAAwC;CAC3E,IAAI,KAAS,MACX,OAAO;CAET,IAAM,IAAU,EAAM,KAAK;CAI3B,OAHI,MAAY,KACP,OAEF;AACT,GAEa,KACX,MAEI,KAAS,QAGT,OAAO,KAAU,YACZ,EAAM,KAAK,MAAM,IAKf,KACX,GACA,MAEI,OAAO,KAAS,aACX,EAAK,CAAI,IAEX"}