@plumile/backoffice-react 0.1.109 → 0.1.112

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficeInfiniteListStatus,\n  BackofficePageHeader,\n  BackofficeTableSkeleton,\n  BackofficeVirtualizedConnectionTable,\n  Button,\n  FilterChipRow,\n  InlineBanner,\n  ListPageTemplate,\n  ResponsiveRecordList,\n  SimpleSelect,\n  type FilterChip,\n  type DataTableColumn,\n  type GetRowId,\n  denseTableClass,\n} from '@plumile/ui';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport { resolveBackofficeListRuntimeConfig } from '@plumile/backoffice-core/config/listRuntime.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { DeferredFilterSearchInput } from '../filters/DeferredFilterSearchInput.js';\nimport { BackofficeListToolbar } from '../lists/BackofficeListToolbar.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeInfiniteScrollSentinel } from '../../../hooks/useBackofficeInfiniteScrollSentinel.js';\nimport { isDevEnv } from '../../../relay/envHelpers.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\nconst toDatetimeInputValue = (value: string): string => {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return value;\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n};\n\nconst fromDatetimeInputValue = (value: string): string => {\n  const normalized = value.trim();\n  if (normalized === '') {\n    return '';\n  }\n  const date = new Date(normalized);\n  if (Number.isNaN(date.getTime())) {\n    return normalized;\n  }\n  return date.toISOString();\n};\n\ntype RuntimeWhere = Record<string, unknown>;\ntype RuntimeSort = string;\n\ntype Props<RowView> = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<RuntimeWhere, RuntimeSort>;\n  pushState: (next: BackofficeListState<RuntimeWhere, RuntimeSort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  isRefreshing?: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  statusBanner?: ReactNode;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <RowView,>(\n  props: Props<RowView>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    isRefreshing = false,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    statusBanner,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = filter.whereKey ?? filter.id;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof RuntimeWhere;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope<Record<string, unknown>>;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<RuntimeWhere>): JSX.Element => {\n      const key = filter.whereKey ?? filter.id;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n      if (typeof candidate === 'number' && Number.isFinite(candidate)) {\n        value = String(candidate);\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={toDatetimeInputValue(value)}\n            onApply={(next) => {\n              const normalized = fromDatetimeInputValue(next);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                normalized,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'datetime') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            type=\"datetime-local\"\n          />\n        );\n      }\n\n      if (filter.kind === 'number') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const normalized = next.trim();\n              const parsed = normalized === '' ? null : Number(normalized);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                Number.isFinite(parsed) ? parsed : null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            inputMode={filter.inputMode ?? 'numeric'}\n            type=\"number\"\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (\n        displayValue: string | null = null,\n        isResolving = false,\n      ) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            isResolving={isResolving}\n            placeholder={t('filters.placeholders.anyEntity', {\n              label: filterLabelText,\n            })}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label, valueState) => {\n            const isResolving = valueState?.status === 'loading';\n            return renderField(\n              isResolving ? t('common.loading') : label,\n              isResolving,\n            );\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    const maxPromotedFilters = listConfig.ui?.toolbar?.maxPromotedFilters ?? 3;\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, maxPromotedFilters);\n  }, [listConfig.filters, listConfig.ui?.toolbar, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        size=\"small\"\n        ariaLabel={t('list.sort.label')}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, t, tApp]);\n\n  const chipsNode = useMemo(() => {\n    if (chips.length === 0) {\n      return null;\n    }\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.trigger');\n    if (activeCount > 0) {\n      label = t('filters.triggerWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerEmptyLabel =\n    filterSearch.trim() === ''\n      ? undefined\n      : t('filters.drawer.emptySearchResults');\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n      emptyLabel={filterDrawerEmptyLabel}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return (\n        <BackofficeTableSkeleton\n          variant=\"embedded\"\n          ariaLabel={t('common.loading')}\n        />\n      );\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      if (rows.length === 0) {\n        return null;\n      }\n      return (\n        <span>\n          {t('list.loaded', {\n            count: rows.length,\n          })}\n        </span>\n      );\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const runtimeConfig = useMemo(() => {\n    const resolvedDisplayMode =\n      listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n    return resolveBackofficeListRuntimeConfig({\n      kind: listConfig.kind,\n      displayMode: resolvedDisplayMode,\n      ui: listConfig.ui,\n    });\n  }, [listConfig.kind, listConfig.responsive?.mode, listConfig.ui]);\n\n  const hasKnownRemainingRows =\n    typeof totalCount === 'number' && rows.length < totalCount;\n  const hasInconsistentPageInfo = hasKnownRemainingRows && !hasNextPage;\n\n  useEffect(() => {\n    if (\n      !hasInconsistentPageInfo ||\n      !runtimeConfig.infiniteScroll.showInconsistentPageInfo ||\n      !isDevEnv()\n    ) {\n      return;\n    }\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.',\n      {\n        entityId: config.id,\n        loadedCount: rows.length,\n        totalCount,\n      },\n    );\n  }, [\n    config.id,\n    hasInconsistentPageInfo,\n    rows.length,\n    runtimeConfig.infiniteScroll.showInconsistentPageInfo,\n    totalCount,\n  ]);\n\n  const shouldVirtualizeTable =\n    props.virtualize === true || runtimeConfig.virtualization.enabled;\n\n  const { sentinelRef } = useBackofficeInfiniteScrollSentinel({\n    enabled: !shouldVirtualizeTable && runtimeConfig.infiniteScroll.enabled,\n    hasNextPage,\n    isLoading: isLoadingMore,\n    onIntersect: onLoadMore,\n    rootMargin: runtimeConfig.infiniteScroll.rootMargin,\n    threshold: runtimeConfig.infiniteScroll.threshold,\n  });\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const actionColumn = columnsWithPrimary.find((column) => {\n    return column.mobileRole === 'action' || column.id === 'actions';\n  });\n  const listMode =\n    listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n  const listDensity =\n    listConfig.ui?.density ?? listConfig.responsive?.density ?? 'compact';\n\n  const tableInnerNode = shouldVirtualizeTable ? (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={runtimeConfig.virtualization}\n      infiniteScroll={{\n        enabled: runtimeConfig.infiniteScroll.enabled,\n        thresholdPx: runtimeConfig.infiniteScroll.thresholdPx,\n        autoLoad: runtimeConfig.infiniteScroll.autoLoad,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  ) : (\n    <ResponsiveRecordList\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      mode={listMode}\n      density={listDensity}\n      renderAction={(row) => {\n        return actionColumn?.cell(row) ?? null;\n      }}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeListToolbar\n        primaryFilters={\n          searchNode != null || quickFiltersNode != null ? (\n            <>\n              {searchNode}\n              {quickFiltersNode}\n            </>\n          ) : null\n        }\n        filterDrawerTrigger={allFiltersNode}\n        sortControl={sortNode}\n        utilityActions={\n          onRefresh == null ? null : (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              isLoading={isRefreshing}\n              loadingLabel={t('list.actions.refreshing')}\n              onClick={() => {\n                onRefresh();\n              }}\n            >\n              {t('list.actions.refresh')}\n            </Button>\n          )\n        }\n        activeFilters={chipsNode}\n        density=\"compact\"\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const shouldRenderTableFooter =\n    rows.length > 0 || isLoadingMore || hasNextPage;\n\n  const tableFooterNode = shouldRenderTableFooter ? (\n    <>\n      {!shouldVirtualizeTable && <div ref={sentinelRef} aria-hidden=\"true\" />}\n      <BackofficeInfiniteListStatus\n        loadedCount={rows.length}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        isLoading={isLoadingMore}\n        pageInfoState={\n          hasInconsistentPageInfo\n            ? 'inconsistent'\n            : isLoadingMore\n              ? 'loading'\n              : hasNextPage\n                ? 'ready'\n                : 'complete'\n        }\n        loadedLabel={tableFooterMeta}\n        loadingLabel={t('list.loadMore.loading')}\n        endLabel={t('list.loadMore.end')}\n      />\n    </>\n  ) : null;\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {statusBanner}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        statusNode={statusBanner}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n        presentation=\"flat\"\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { BackofficeFilterDrawer } from '@plumile/ui/backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js';\nimport { BackofficeFilterField } from '@plumile/ui/backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js';\nimport { BackofficeInfiniteListStatus } from '@plumile/ui/backoffice/molecules/backoffice_infinite_list_status/BackofficeInfiniteListStatus.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js';\nimport {\n  FilterChipRow,\n  type FilterChip,\n} from '@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js';\nimport { InlineBanner } from '@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js';\nimport { BackofficeVirtualizedConnectionTable } from '@plumile/ui/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js';\nimport { ListPageTemplate } from '@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { ResponsiveRecordList } from '@plumile/ui/components/data-table/ResponsiveRecordList.js';\nimport { SimpleSelect } from '@plumile/ui/components/select/SimpleSelect.js';\nimport { denseTableClass } from '@plumile/ui/shared/backofficeTableDensity.css.js';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport { resolveBackofficeListRuntimeConfig } from '@plumile/backoffice-core/config/listRuntime.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { DeferredFilterSearchInput } from '../filters/DeferredFilterSearchInput.js';\nimport { BackofficeListToolbar } from '../lists/BackofficeListToolbar.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeInfiniteScrollSentinel } from '../../../hooks/useBackofficeInfiniteScrollSentinel.js';\nimport { isDevEnv } from '../../../relay/envHelpers.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\nconst toDatetimeInputValue = (value: string): string => {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return value;\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n};\n\nconst fromDatetimeInputValue = (value: string): string => {\n  const normalized = value.trim();\n  if (normalized === '') {\n    return '';\n  }\n  const date = new Date(normalized);\n  if (Number.isNaN(date.getTime())) {\n    return normalized;\n  }\n  return date.toISOString();\n};\n\ntype RuntimeWhere = Record<string, unknown>;\ntype RuntimeSort = string;\n\ntype Props<RowView> = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<RuntimeWhere, RuntimeSort>;\n  pushState: (next: BackofficeListState<RuntimeWhere, RuntimeSort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  isRefreshing?: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  statusBanner?: ReactNode;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <RowView,>(\n  props: Props<RowView>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    isRefreshing = false,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    statusBanner,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = filter.whereKey ?? filter.id;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof RuntimeWhere;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope<Record<string, unknown>>;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<RuntimeWhere>): JSX.Element => {\n      const key = filter.whereKey ?? filter.id;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n      if (typeof candidate === 'number' && Number.isFinite(candidate)) {\n        value = String(candidate);\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={toDatetimeInputValue(value)}\n            onApply={(next) => {\n              const normalized = fromDatetimeInputValue(next);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                normalized,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'datetime') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            type=\"datetime-local\"\n          />\n        );\n      }\n\n      if (filter.kind === 'number') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const normalized = next.trim();\n              const parsed = normalized === '' ? null : Number(normalized);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                Number.isFinite(parsed) ? parsed : null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            inputMode={filter.inputMode ?? 'numeric'}\n            type=\"number\"\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (\n        displayValue: string | null = null,\n        isResolving = false,\n      ) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            isResolving={isResolving}\n            placeholder={t('filters.placeholders.anyEntity', {\n              label: filterLabelText,\n            })}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label, valueState) => {\n            const isResolving = valueState?.status === 'loading';\n            return renderField(\n              isResolving ? t('common.loading') : label,\n              isResolving,\n            );\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    const maxPromotedFilters = listConfig.ui?.toolbar?.maxPromotedFilters ?? 3;\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, maxPromotedFilters);\n  }, [listConfig.filters, listConfig.ui?.toolbar, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        size=\"small\"\n        ariaLabel={t('list.sort.label')}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, t, tApp]);\n\n  const chipsNode = useMemo(() => {\n    if (chips.length === 0) {\n      return null;\n    }\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.trigger');\n    if (activeCount > 0) {\n      label = t('filters.triggerWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerEmptyLabel =\n    filterSearch.trim() === ''\n      ? undefined\n      : t('filters.drawer.emptySearchResults');\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n      emptyLabel={filterDrawerEmptyLabel}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return (\n        <BackofficeTableSkeleton\n          variant=\"embedded\"\n          ariaLabel={t('common.loading')}\n        />\n      );\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      if (rows.length === 0) {\n        return null;\n      }\n      return (\n        <span>\n          {t('list.loaded', {\n            count: rows.length,\n          })}\n        </span>\n      );\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const runtimeConfig = useMemo(() => {\n    const resolvedDisplayMode =\n      listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n    return resolveBackofficeListRuntimeConfig({\n      kind: listConfig.kind,\n      displayMode: resolvedDisplayMode,\n      ui: listConfig.ui,\n    });\n  }, [listConfig.kind, listConfig.responsive?.mode, listConfig.ui]);\n\n  const hasKnownRemainingRows =\n    typeof totalCount === 'number' && rows.length < totalCount;\n  const hasInconsistentPageInfo = hasKnownRemainingRows && !hasNextPage;\n\n  useEffect(() => {\n    if (\n      !hasInconsistentPageInfo ||\n      !runtimeConfig.infiniteScroll.showInconsistentPageInfo ||\n      !isDevEnv()\n    ) {\n      return;\n    }\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.',\n      {\n        entityId: config.id,\n        loadedCount: rows.length,\n        totalCount,\n      },\n    );\n  }, [\n    config.id,\n    hasInconsistentPageInfo,\n    rows.length,\n    runtimeConfig.infiniteScroll.showInconsistentPageInfo,\n    totalCount,\n  ]);\n\n  const shouldVirtualizeTable =\n    props.virtualize === true || runtimeConfig.virtualization.enabled;\n\n  const { sentinelRef } = useBackofficeInfiniteScrollSentinel({\n    enabled: !shouldVirtualizeTable && runtimeConfig.infiniteScroll.enabled,\n    hasNextPage,\n    isLoading: isLoadingMore,\n    onIntersect: onLoadMore,\n    rootMargin: runtimeConfig.infiniteScroll.rootMargin,\n    threshold: runtimeConfig.infiniteScroll.threshold,\n  });\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const actionColumn = columnsWithPrimary.find((column) => {\n    return column.mobileRole === 'action' || column.id === 'actions';\n  });\n  const listMode =\n    listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n  const listDensity =\n    listConfig.ui?.density ?? listConfig.responsive?.density ?? 'compact';\n\n  const tableInnerNode = shouldVirtualizeTable ? (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={runtimeConfig.virtualization}\n      infiniteScroll={{\n        enabled: runtimeConfig.infiniteScroll.enabled,\n        thresholdPx: runtimeConfig.infiniteScroll.thresholdPx,\n        autoLoad: runtimeConfig.infiniteScroll.autoLoad,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  ) : (\n    <ResponsiveRecordList\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      mode={listMode}\n      density={listDensity}\n      renderAction={(row) => {\n        return actionColumn?.cell(row) ?? null;\n      }}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeListToolbar\n        primaryFilters={\n          searchNode != null || quickFiltersNode != null ? (\n            <>\n              {searchNode}\n              {quickFiltersNode}\n            </>\n          ) : null\n        }\n        filterDrawerTrigger={allFiltersNode}\n        sortControl={sortNode}\n        utilityActions={\n          onRefresh == null ? null : (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              isLoading={isRefreshing}\n              loadingLabel={t('list.actions.refreshing')}\n              onClick={() => {\n                onRefresh();\n              }}\n            >\n              {t('list.actions.refresh')}\n            </Button>\n          )\n        }\n        activeFilters={chipsNode}\n        density=\"compact\"\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const shouldRenderTableFooter =\n    rows.length > 0 || isLoadingMore || hasNextPage;\n\n  const tableFooterNode = shouldRenderTableFooter ? (\n    <>\n      {!shouldVirtualizeTable && <div ref={sentinelRef} aria-hidden=\"true\" />}\n      <BackofficeInfiniteListStatus\n        loadedCount={rows.length}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        isLoading={isLoadingMore}\n        pageInfoState={\n          hasInconsistentPageInfo\n            ? 'inconsistent'\n            : isLoadingMore\n              ? 'loading'\n              : hasNextPage\n                ? 'ready'\n                : 'complete'\n        }\n        loadedLabel={tableFooterMeta}\n        loadingLabel={t('list.loadMore.loading')}\n        endLabel={t('list.loadMore.end')}\n      />\n    </>\n  ) : null;\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {statusBanner}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        statusNode={statusBanner}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n        presentation=\"flat\"\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/scaffolds/BackofficeTabbedDetailShell.js

@@ -1,18 +1,19 @@
 import { tabBody as e, tabs as t } from "./backofficeTabbedDetailShell.css.js";
-import { BackofficeTabs as n, DetailPageTemplate as r } from "@plumile/ui";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { DetailPageTemplate as r } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { BackofficeTabs as i } from "@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
 //#region src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx
 var a = ({ headerNode: a, tabs: o, activeId: s, children: c }) => {
 	let l = null;
-	return o != null && o.length > 1 && s != null && (l = /* @__PURE__ */ i(n, {
+	return o != null && o.length > 1 && s != null && (l = /* @__PURE__ */ n(i, {
 		items: o,
 		activeId: s,
 		onChange: () => {},
 		className: t
-	})), /* @__PURE__ */ i(r, {
+	})), /* @__PURE__ */ n(r, {
 		headerNode: a,
 		tabsNode: l,
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ n("div", {
 			className: e,
 			children: c
 		})

package/lib/esm/components/backoffice/scaffolds/BackofficeTabbedDetailShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTabbedDetailShell.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeTabs,\n  DetailPageTemplate,\n  type BackofficeTabItem,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeTabbedDetailShell.css.js';\n\nexport type BackofficeTabbedDetailShellProps = {\n  headerNode: ReactNode;\n  tabs?: readonly BackofficeTabItem[];\n  activeId?: string;\n  children: ReactNode;\n};\n\nexport const BackofficeTabbedDetailShell = ({\n  headerNode,\n  tabs,\n  activeId,\n  children,\n}: BackofficeTabbedDetailShellProps): JSX.Element => {\n  let tabsNode: JSX.Element | null = null;\n  if (tabs != null && tabs.length > 1 && activeId != null) {\n    tabsNode = (\n      <BackofficeTabs\n        items={tabs}\n        activeId={activeId}\n        onChange={() => {}}\n        className={styles.tabs}\n      />\n    );\n  }\n\n  return (\n    <DetailPageTemplate headerNode={headerNode} tabsNode={tabsNode}>\n      <div className={styles.tabBody}>{children}</div>\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeTabbedDetailShell;\n"],"mappings":";;;;AAiBA,IAAa,KAA+B,EAC1C,eACA,MAAA,GACA,aACA,kBACmD;CACnD,IAAI,IAA+B;CAYnC,OAXI,KAAQ,QAAQ,EAAK,SAAS,KAAK,KAAY,SACjD,IACE,kBAAC,GAAD;EACE,OAAO;EACG;EACV,gBAAgB;EAChB,WAAW;EACX,CAAA,GAKJ,kBAAC,GAAD;EAAgC;EAAsB;YACpD,kBAAC,OAAD;GAAK,WAAW;GAAiB;GAAe,CAAA;EAC7B,CAAA"}
+{"version":3,"file":"BackofficeTabbedDetailShell.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeTabs,\n  type BackofficeTabItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport * as styles from './backofficeTabbedDetailShell.css.js';\n\nexport type BackofficeTabbedDetailShellProps = {\n  headerNode: ReactNode;\n  tabs?: readonly BackofficeTabItem[];\n  activeId?: string;\n  children: ReactNode;\n};\n\nexport const BackofficeTabbedDetailShell = ({\n  headerNode,\n  tabs,\n  activeId,\n  children,\n}: BackofficeTabbedDetailShellProps): JSX.Element => {\n  let tabsNode: JSX.Element | null = null;\n  if (tabs != null && tabs.length > 1 && activeId != null) {\n    tabsNode = (\n      <BackofficeTabs\n        items={tabs}\n        activeId={activeId}\n        onChange={() => {}}\n        className={styles.tabs}\n      />\n    );\n  }\n\n  return (\n    <DetailPageTemplate headerNode={headerNode} tabsNode={tabsNode}>\n      <div className={styles.tabBody}>{children}</div>\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeTabbedDetailShell;\n"],"mappings":";;;;;AAiBA,IAAa,KAA+B,EAC1C,eACA,MAAA,GACA,aACA,kBACmD;CACnD,IAAI,IAA+B;CAYnC,OAXI,KAAQ,QAAQ,EAAK,SAAS,KAAK,KAAY,SACjD,IACE,kBAAC,GAAD;EACE,OAAO;EACG;EACV,gBAAgB;EAChB,WAAW;EACX,CAAA,GAKJ,kBAAC,GAAD;EAAgC;EAAsB;YACpD,kBAAC,OAAD;GAAK,WAAW;GAAiB;GAAe,CAAA;EAC7B,CAAA"}

package/lib/esm/components/backoffice/scaffolds/backofficeEntityListScaffold.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityListScaffold.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeEntityListScaffold.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const controlsRow = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const filterInput = style([\n  sprinkles({\n    width: 72,\n    maxWidth: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const embeddedContainer = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const embeddedHeader = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityListScaffold.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeEntityListScaffold.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const controlsRow = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const filterInput = style([\n  sprinkles({\n    width: 72,\n    maxWidth: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const embeddedContainer = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const embeddedHeader = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeTabbedDetailShell.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const tabs = sprinkles({\n  display: 'flex',\n});\n\nexport const tabBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeTabbedDetailShell.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const tabs = sprinkles({\n  display: 'flex',\n});\n\nexport const tabBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/shared/BackofficeFilterableCell.js

@@ -1,30 +1,31 @@
 import { BackofficeInlineLink as e } from "../links/BackofficeInlineLink.js";
 import { actionSlot as t, container as n, contentSlot as r, detailIcon as i, detailLink as a, text as o } from "./backofficeFilterableCell.css.js";
-import { ExternalLinkSvg as s, cx as c } from "@plumile/ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { cx as s } from "@plumile/ui/theme/tools.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { MarkdownExternalLinkSvg as u } from "@plumile/ui/icons/markdown/MarkdownExternalLinkSvg.js";
 //#region src/components/backoffice/shared/BackofficeFilterableCell.tsx
 var d = ({ filterAction: d, children: f, target: p, title: m, openInNewTab: h = !1, wrap: g = !1, className: _, icon: v = "auto" }) => {
-	let y = /* @__PURE__ */ l("span", {
+	let y = /* @__PURE__ */ c("span", {
 		className: o({ wrap: g }),
 		children: f
-	}), b = /* @__PURE__ */ l("span", {
+	}), b = /* @__PURE__ */ c("span", {
 		className: r,
 		children: y
 	});
-	return p != null && (b = /* @__PURE__ */ l(e, {
+	return p != null && (b = /* @__PURE__ */ c(e, {
 		target: p,
 		className: a,
 		title: m,
 		openInNewTab: h,
 		icon: v,
-		endAdornment: h ? /* @__PURE__ */ l(s, {
+		endAdornment: h ? /* @__PURE__ */ c(u, {
 			className: i,
 			"aria-hidden": "true"
 		}) : null,
 		children: y
-	})), /* @__PURE__ */ u("span", {
-		className: c(n, _),
-		children: [/* @__PURE__ */ l("span", {
+	})), /* @__PURE__ */ l("span", {
+		className: s(n, _),
+		children: [/* @__PURE__ */ c("span", {
 			className: t,
 			children: d
 		}), b]

package/lib/esm/components/backoffice/shared/BackofficeFilterableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeFilterableCell.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeFilterableCell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx, ExternalLinkSvg } from '@plumile/ui';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport * as styles from './backofficeFilterableCell.css.js';\n\nexport type BackofficeFilterableCellProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  filterAction?: ReactNode;\n  children: ReactNode;\n  target?: BackofficeLinkTarget<TManifest>;\n  title?: string;\n  openInNewTab?: boolean;\n  wrap?: boolean;\n  className?: string;\n  icon?: 'auto' | 'none';\n};\n\nexport const BackofficeFilterableCell = ({\n  filterAction,\n  children,\n  target,\n  title,\n  openInNewTab = false,\n  wrap = false,\n  className,\n  icon = 'auto',\n}: BackofficeFilterableCellProps): JSX.Element => {\n  const textNode = <span className={styles.text({ wrap })}>{children}</span>;\n\n  let contentNode: JSX.Element = (\n    <span className={styles.contentSlot}>{textNode}</span>\n  );\n  if (target != null) {\n    contentNode = (\n      <BackofficeInlineLink\n        target={target}\n        className={styles.detailLink}\n        title={title}\n        openInNewTab={openInNewTab}\n        icon={icon}\n        endAdornment={(() => {\n          if (!openInNewTab) {\n            return null;\n          }\n          return (\n            <ExternalLinkSvg className={styles.detailIcon} aria-hidden=\"true\" />\n          );\n        })()}\n      >\n        {textNode}\n      </BackofficeInlineLink>\n    );\n  }\n\n  return (\n    <span className={cx(styles.container, className)}>\n      <span className={styles.actionSlot}>{filterAction}</span>\n      {contentNode}\n    </span>\n  );\n};\n\nexport default BackofficeFilterableCell;\n"],"mappings":";;;;;AAqBA,IAAa,KAA4B,EACvC,iBACA,aACA,WACA,UACA,kBAAe,IACf,UAAO,IACP,cACA,UAAO,aACyC;CAChD,IAAM,IAAW,kBAAC,QAAD;EAAM,WAAW,EAAY,EAAE,SAAM,CAAC;EAAG;EAAgB,CAAA,EAEtE,IACF,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAAgB,CAAA;CAwBxD,OAtBI,KAAU,SACZ,IACE,kBAAC,GAAD;EACU;EACR,WAAW;EACJ;EACO;EACR;EACN,cACO,IAIH,kBAAC,GAAD;GAAiB,WAAW;GAAmB,eAAY;GAAS,CAAA,GAH7D;YAOV;EACoB,CAAA,GAKzB,kBAAC,QAAD;EAAM,WAAW,EAAG,GAAkB,EAAU;YAAhD,CACE,kBAAC,QAAD;GAAM,WAAW;aAAoB;GAAoB,CAAA,EACxD,EACI"}
+{"version":3,"file":"BackofficeFilterableCell.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeFilterableCell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { MarkdownExternalLinkSvg as ExternalLinkSvg } from '@plumile/ui/icons/markdown/MarkdownExternalLinkSvg.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport * as styles from './backofficeFilterableCell.css.js';\n\nexport type BackofficeFilterableCellProps<\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n> = {\n  filterAction?: ReactNode;\n  children: ReactNode;\n  target?: BackofficeLinkTarget<TManifest>;\n  title?: string;\n  openInNewTab?: boolean;\n  wrap?: boolean;\n  className?: string;\n  icon?: 'auto' | 'none';\n};\n\nexport const BackofficeFilterableCell = ({\n  filterAction,\n  children,\n  target,\n  title,\n  openInNewTab = false,\n  wrap = false,\n  className,\n  icon = 'auto',\n}: BackofficeFilterableCellProps): JSX.Element => {\n  const textNode = <span className={styles.text({ wrap })}>{children}</span>;\n\n  let contentNode: JSX.Element = (\n    <span className={styles.contentSlot}>{textNode}</span>\n  );\n  if (target != null) {\n    contentNode = (\n      <BackofficeInlineLink\n        target={target}\n        className={styles.detailLink}\n        title={title}\n        openInNewTab={openInNewTab}\n        icon={icon}\n        endAdornment={(() => {\n          if (!openInNewTab) {\n            return null;\n          }\n          return (\n            <ExternalLinkSvg className={styles.detailIcon} aria-hidden=\"true\" />\n          );\n        })()}\n      >\n        {textNode}\n      </BackofficeInlineLink>\n    );\n  }\n\n  return (\n    <span className={cx(styles.container, className)}>\n      <span className={styles.actionSlot}>{filterAction}</span>\n      {contentNode}\n    </span>\n  );\n};\n\nexport default BackofficeFilterableCell;\n"],"mappings":";;;;;;AAsBA,IAAa,KAA4B,EACvC,iBACA,aACA,WACA,UACA,kBAAe,IACf,UAAO,IACP,cACA,UAAO,aACyC;CAChD,IAAM,IAAW,kBAAC,QAAD;EAAM,WAAW,EAAY,EAAE,SAAM,CAAC;EAAG;EAAgB,CAAA,EAEtE,IACF,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAAgB,CAAA;CAwBxD,OAtBI,KAAU,SACZ,IACE,kBAAC,GAAD;EACU;EACR,WAAW;EACJ;EACO;EACR;EACN,cACO,IAIH,kBAAC,GAAD;GAAiB,WAAW;GAAmB,eAAY;GAAS,CAAA,GAH7D;YAOV;EACoB,CAAA,GAKzB,kBAAC,QAAD;EAAM,WAAW,EAAG,GAAkB,EAAU;YAAhD,CACE,kBAAC,QAAD;GAAM,WAAW;aAAoB;GAAoB,CAAA,EACxD,EACI"}

package/lib/esm/components/backoffice/shared/BackofficeInlineFilterRow.js

@@ -1,5 +1,5 @@
 import { container as e } from "./backofficeInlineFilterRow.css.js";
-import { cx as t } from "@plumile/ui";
+import { cx as t } from "@plumile/ui/theme/tools.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/backoffice/shared/BackofficeInlineFilterRow.tsx
 var r = ({ children: r, className: i }) => /* @__PURE__ */ n("span", {

package/lib/esm/components/backoffice/shared/BackofficeInlineFilterRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeInlineFilterRow.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeInlineFilterRow.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficeInlineFilterRow.css.js';\n\nexport type BackofficeInlineFilterRowProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeInlineFilterRow = ({\n  children,\n  className,\n}: BackofficeInlineFilterRowProps): JSX.Element => {\n  return <span className={cx(styles.container, className)}>{children}</span>;\n};\n\nexport default BackofficeInlineFilterRow;\n"],"mappings":";;;;AAWA,IAAa,KAA6B,EACxC,aACA,mBAEO,kBAAC,QAAD;CAAM,WAAW,EAAG,GAAkB,EAAU;CAAG;CAAgB,CAAA"}
+{"version":3,"file":"BackofficeInlineFilterRow.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeInlineFilterRow.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeInlineFilterRow.css.js';\n\nexport type BackofficeInlineFilterRowProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeInlineFilterRow = ({\n  children,\n  className,\n}: BackofficeInlineFilterRowProps): JSX.Element => {\n  return <span className={cx(styles.container, className)}>{children}</span>;\n};\n\nexport default BackofficeInlineFilterRow;\n"],"mappings":";;;;AAWA,IAAa,KAA6B,EACxC,aACA,mBAEO,kBAAC,QAAD;CAAM,WAAW,EAAG,GAAkB,EAAU;CAAG;CAAgB,CAAA"}

package/lib/esm/components/backoffice/shared/backofficeFilterableCell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeFilterableCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/shared/backofficeFilterableCell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = style([\n  sprinkles({\n    alignItems: 'center',\n    columnGap: 2,\n    maxWidth: 'full',\n    minWidth: 0,\n    verticalAlign: 'middle',\n  }),\n  {\n    display: 'inline-grid',\n    gridTemplateColumns: 'auto minmax(0, 1fr)',\n  },\n]);\n\nexport const actionSlot = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const contentSlot = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  minWidth: 0,\n  maxWidth: 'full',\n});\n\nexport const text = recipe({\n  base: sprinkles({\n    minWidth: 0,\n    maxWidth: 'full',\n  }),\n  variants: {\n    wrap: {\n      false: sprinkles({\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      }),\n      true: sprinkles({\n        whiteSpace: 'normal',\n        wordBreak: 'break-word',\n      }),\n    },\n  },\n  defaultVariants: {\n    wrap: false,\n  },\n});\n\nexport const detailLink = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 1,\n    minWidth: 0,\n    maxWidth: 'full',\n    color: 'brandPrimaryRed',\n    fontWeight: 'semibold',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n        textDecoration: 'underline',\n        textUnderlineOffset: '3px',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n        borderRadius: vars.borderRadius.sm,\n      },\n    },\n  },\n]);\n\nexport const detailIcon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n  }),\n  {\n    width: '14px',\n    height: '14px',\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeFilterableCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/shared/backofficeFilterableCell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = style([\n  sprinkles({\n    alignItems: 'center',\n    columnGap: 2,\n    maxWidth: 'full',\n    minWidth: 0,\n    verticalAlign: 'middle',\n  }),\n  {\n    display: 'inline-grid',\n    gridTemplateColumns: 'auto minmax(0, 1fr)',\n  },\n]);\n\nexport const actionSlot = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const contentSlot = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  minWidth: 0,\n  maxWidth: 'full',\n});\n\nexport const text = recipe({\n  base: sprinkles({\n    minWidth: 0,\n    maxWidth: 'full',\n  }),\n  variants: {\n    wrap: {\n      false: sprinkles({\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      }),\n      true: sprinkles({\n        whiteSpace: 'normal',\n        wordBreak: 'break-word',\n      }),\n    },\n  },\n  defaultVariants: {\n    wrap: false,\n  },\n});\n\nexport const detailLink = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 1,\n    minWidth: 0,\n    maxWidth: 'full',\n    color: 'brandPrimaryRed',\n    fontWeight: 'semibold',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n        textDecoration: 'underline',\n        textUnderlineOffset: '3px',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n        borderRadius: vars.borderRadius.sm,\n      },\n    },\n  },\n]);\n\nexport const detailIcon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n  }),\n  {\n    width: '14px',\n    height: '14px',\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/shared/backofficeInlineFilterRow.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeInlineFilterRow.css.js","names":[],"sources":["../../../../../src/components/backoffice/shared/backofficeInlineFilterRow.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  flexWrap: 'nowrap',\n  maxWidth: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeInlineFilterRow.css.js","names":[],"sources":["../../../../../src/components/backoffice/shared/backofficeInlineFilterRow.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  flexWrap: 'nowrap',\n  maxWidth: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/BackofficeToolsDocPanel.js

@@ -1,13 +1,15 @@
 import { panel as e, trigger as t, triggerIcon as n, triggerIconOpen as r, triggerTitle as i } from "./backofficeToolsDocPanel.css.js";
 import { useId as a, useState as o } from "react";
-import { ChevronDownSvg as s, LazyMarkdownCodeBlock as c, cx as l } from "@plumile/ui";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { cx as s } from "@plumile/ui/theme/tools.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { LazyMarkdownCodeBlock as u } from "@plumile/ui/atomic/molecules/markdown/components/LazyMarkdownCodeBlock.js";
+import { ChevronDownSvg as d } from "@plumile/ui/icons/ChevronDownSvg.js";
 //#region src/components/backoffice/tools/BackofficeToolsDocPanel.tsx
 var f = ({ title: f, content: p, language: m, badgeLabel: h, defaultOpen: g = !1 }) => {
 	let _ = p.trim(), [v, y] = o(g), b = a();
-	return _ === "" ? null : /* @__PURE__ */ d("div", {
+	return _ === "" ? null : /* @__PURE__ */ l("div", {
 		className: e,
-		children: [/* @__PURE__ */ d("button", {
+		children: [/* @__PURE__ */ l("button", {
 			type: "button",
 			className: t,
 			onClick: () => {
@@ -15,19 +17,19 @@ var f = ({ title: f, content: p, language: m, badgeLabel: h, defaultOpen: g = !1
 			},
 			"aria-expanded": v,
 			"aria-controls": b,
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ c("span", {
 				className: i,
 				children: f
-			}), /* @__PURE__ */ u(s, {
+			}), /* @__PURE__ */ c(d, {
 				width: 16,
 				height: 16,
 				"aria-hidden": "true",
-				className: l(n, { [r]: v })
+				className: s(n, { [r]: v })
 			})]
-		}), v && /* @__PURE__ */ u("div", {
+		}), v && /* @__PURE__ */ c("div", {
 			className: "txvbqb4sg txvbqb1qg txvbqb2cy txvbqbv43 txvbqblb7",
 			id: b,
-			children: /* @__PURE__ */ u(c, {
+			children: /* @__PURE__ */ c(u, {
 				code: _,
 				language: m,
 				badgeLabel: h

package/lib/esm/components/backoffice/tools/BackofficeToolsDocPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeToolsDocPanel.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsDocPanel.tsx"],"sourcesContent":["import { useId, useState, type JSX } from 'react';\n\nimport { ChevronDownSvg, LazyMarkdownCodeBlock, cx } from '@plumile/ui';\n\nimport * as styles from './backofficeToolsDocPanel.css.js';\n\nexport type BackofficeToolsDocPanelProps = {\n  title: string;\n  content: string;\n  language?: string | null;\n  badgeLabel?: string | null;\n  defaultOpen?: boolean;\n};\n\nexport const BackofficeToolsDocPanel = ({\n  title,\n  content,\n  language,\n  badgeLabel,\n  defaultOpen = false,\n}: BackofficeToolsDocPanelProps): JSX.Element | null => {\n  const trimmedContent = content.trim();\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const contentId = useId();\n\n  if (trimmedContent === '') {\n    return null;\n  }\n\n  return (\n    <div className={styles.panel}>\n      <button\n        type=\"button\"\n        className={styles.trigger}\n        onClick={() => {\n          setIsOpen((prev) => {\n            return !prev;\n          });\n        }}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n      >\n        <span className={styles.triggerTitle}>{title}</span>\n        <ChevronDownSvg\n          width={16}\n          height={16}\n          aria-hidden=\"true\"\n          className={cx(styles.triggerIcon, {\n            [styles.triggerIconOpen]: isOpen,\n          })}\n        />\n      </button>\n      {isOpen && (\n        <div className={styles.content} id={contentId}>\n          <LazyMarkdownCodeBlock\n            code={trimmedContent}\n            language={language}\n            badgeLabel={badgeLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default BackofficeToolsDocPanel;\n"],"mappings":";;;;;AAcA,IAAa,KAA2B,EACtC,UACA,SAAA,GACA,aACA,eACA,iBAAc,SACwC;CACtD,IAAM,IAAiB,EAAQ,MAAM,EAC/B,CAAC,GAAQ,KAAa,EAAS,EAAY,EAC3C,IAAY,GAAO;CAMzB,OAJI,MAAmB,KACd,OAIP,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,WAAW;GACX,eAAe;IACb,GAAW,MACF,CAAC,EACR;;GAEJ,iBAAe;GACf,iBAAe;aATjB,CAWE,kBAAC,QAAD;IAAM,WAAW;cAAsB;IAAa,CAAA,EACpD,kBAAC,GAAD;IACE,OAAO;IACP,QAAQ;IACR,eAAY;IACZ,WAAW,EAAG,GAAoB,GAC/B,IAAyB,GAC3B,CAAC;IACF,CAAA,CACK;MACR,KACC,kBAAC,OAAD;GAAK,WAAW;GAAgB,IAAI;aAClC,kBAAC,GAAD;IACE,MAAM;IACI;IACE;IACZ,CAAA;GACE,CAAA,CAEJ"}
+{"version":3,"file":"BackofficeToolsDocPanel.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsDocPanel.tsx"],"sourcesContent":["import { useId, useState, type JSX } from 'react';\n\nimport { LazyMarkdownCodeBlock } from '@plumile/ui/atomic/molecules/markdown/components/LazyMarkdownCodeBlock.js';\nimport { ChevronDownSvg } from '@plumile/ui/icons/ChevronDownSvg.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeToolsDocPanel.css.js';\n\nexport type BackofficeToolsDocPanelProps = {\n  title: string;\n  content: string;\n  language?: string | null;\n  badgeLabel?: string | null;\n  defaultOpen?: boolean;\n};\n\nexport const BackofficeToolsDocPanel = ({\n  title,\n  content,\n  language,\n  badgeLabel,\n  defaultOpen = false,\n}: BackofficeToolsDocPanelProps): JSX.Element | null => {\n  const trimmedContent = content.trim();\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const contentId = useId();\n\n  if (trimmedContent === '') {\n    return null;\n  }\n\n  return (\n    <div className={styles.panel}>\n      <button\n        type=\"button\"\n        className={styles.trigger}\n        onClick={() => {\n          setIsOpen((prev) => {\n            return !prev;\n          });\n        }}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n      >\n        <span className={styles.triggerTitle}>{title}</span>\n        <ChevronDownSvg\n          width={16}\n          height={16}\n          aria-hidden=\"true\"\n          className={cx(styles.triggerIcon, {\n            [styles.triggerIconOpen]: isOpen,\n          })}\n        />\n      </button>\n      {isOpen && (\n        <div className={styles.content} id={contentId}>\n          <LazyMarkdownCodeBlock\n            code={trimmedContent}\n            language={language}\n            badgeLabel={badgeLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default BackofficeToolsDocPanel;\n"],"mappings":";;;;;;;AAgBA,IAAa,KAA2B,EACtC,UACA,SAAA,GACA,aACA,eACA,iBAAc,SACwC;CACtD,IAAM,IAAiB,EAAQ,MAAM,EAC/B,CAAC,GAAQ,KAAa,EAAS,EAAY,EAC3C,IAAY,GAAO;CAMzB,OAJI,MAAmB,KACd,OAIP,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,WAAW;GACX,eAAe;IACb,GAAW,MACF,CAAC,EACR;;GAEJ,iBAAe;GACf,iBAAe;aATjB,CAWE,kBAAC,QAAD;IAAM,WAAW;cAAsB;IAAa,CAAA,EACpD,kBAAC,GAAD;IACE,OAAO;IACP,QAAQ;IACR,eAAY;IACZ,WAAW,EAAG,GAAoB,GAC/B,IAAyB,GAC3B,CAAC;IACF,CAAA,CACK;MACR,KACC,kBAAC,OAAD;GAAK,WAAW;GAAgB,IAAI;aAClC,kBAAC,GAAD;IACE,MAAM;IACI;IACE;IACZ,CAAA;GACE,CAAA,CAEJ"}

package/lib/esm/components/backoffice/tools/BackofficeToolsErrorFallback.js

@@ -1,8 +1,8 @@
 import { BackofficeDetailSection as e } from "../detail/BackofficeDetailSection.js";
 import { BackofficeDetailPayload as t } from "../detail/BackofficeDetailPayload.js";
-import { Button as n } from "@plumile/ui";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as o } from "react-i18next";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { Button as o } from "@plumile/ui/atomic/atoms/button/Button.js";
 //#region src/components/backoffice/tools/BackofficeToolsErrorFallback.tsx
 var s = (e) => {
 	if (e instanceof Error) return e.stack != null && e.stack.trim() !== "" ? e.stack : e.name !== "" && e.message !== "" ? `${e.name}: ${e.message}` : e.message === "" ? null : e.message;
@@ -13,14 +13,14 @@ var s = (e) => {
 		return String(e);
 	}
 }, c = ({ error: c, onRetry: l }) => {
-	let { t: u } = o("backofficeReact"), d = u("tools.errors.unknown");
+	let { t: u } = a("backofficeReact"), d = u("tools.errors.unknown");
 	c instanceof Error && (d = c.message);
 	let f = s(c), p = null;
 	if (f != null) {
 		let e = f.trim();
 		e !== "" && e !== d && (p = `\`\`\`\n${e}\n\`\`\``);
 	}
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {
+	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {
 		title: u("tools.errors.title"),
 		description: u("tools.errors.description"),
 		items: [{
@@ -29,14 +29,14 @@ var s = (e) => {
 			size: "fluid",
 			value: d
 		}],
-		children: /* @__PURE__ */ i(n, {
+		children: /* @__PURE__ */ r(o, {
 			type: "button",
 			variant: "secondary",
 			size: "small",
 			onClick: l,
 			children: u("common.actions.retry")
 		})
-	}), p != null && /* @__PURE__ */ i(t, {
+	}), p != null && /* @__PURE__ */ r(t, {
 		title: u("tools.errors.details"),
 		content: p,
 		format: "markdown"

package/lib/esm/components/backoffice/tools/BackofficeToolsErrorFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeToolsErrorFallback.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsErrorFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Button } from '@plumile/ui';\n\nimport { BackofficeDetailPayload } from '../detail/BackofficeDetailPayload.js';\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\n\nexport type BackofficeToolsErrorFallbackProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorDetails = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    if (error.stack != null && error.stack.trim() !== '') {\n      return error.stack;\n    }\n    if (error.name !== '' && error.message !== '') {\n      return `${error.name}: ${error.message}`;\n    }\n    if (error.message !== '') {\n      return error.message;\n    }\n    return null;\n  }\n\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  try {\n    return JSON.stringify(error, null, 2);\n  } catch {\n    return String(error);\n  }\n};\n\nexport const BackofficeToolsErrorFallback = ({\n  error,\n  onRetry,\n}: BackofficeToolsErrorFallbackProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n  let message = t('tools.errors.unknown');\n  if (error instanceof Error) {\n    message = error.message;\n  }\n  const details = resolveErrorDetails(error);\n  let detailsContent: string | null = null;\n  if (details != null) {\n    const trimmed = details.trim();\n    if (trimmed !== '' && trimmed !== message) {\n      detailsContent = `\\`\\`\\`\\n${trimmed}\\n\\`\\`\\``;\n    }\n  }\n\n  return (\n    <>\n      <BackofficeDetailSection\n        title={t('tools.errors.title')}\n        description={t('tools.errors.description')}\n        items={[\n          {\n            id: 'error',\n            label: t('tools.errors.label'),\n            size: 'fluid',\n            value: message,\n          },\n        ]}\n      >\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={onRetry}\n        >\n          {t('common.actions.retry')}\n        </Button>\n      </BackofficeDetailSection>\n      {detailsContent != null && (\n        <BackofficeDetailPayload\n          title={t('tools.errors.details')}\n          content={detailsContent}\n          format=\"markdown\"\n        />\n      )}\n    </>\n  );\n};\n\nexport default BackofficeToolsErrorFallback;\n"],"mappings":";;;;;;AAaA,IAAM,KAAuB,MAAkC;CAC7D,IAAI,aAAiB,OAUnB,OATI,EAAM,SAAS,QAAQ,EAAM,MAAM,MAAM,KAAK,KACzC,EAAM,QAEX,EAAM,SAAS,MAAM,EAAM,YAAY,KAClC,GAAG,EAAM,KAAK,IAAI,EAAM,YAE7B,EAAM,YAAY,KAGf,OAFE,EAAM;CAKjB,IAAI,OAAO,KAAU,UACnB,OAAO;CAGT,IAAI;EACF,OAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;EACN,OAAO,OAAO,EAAM;;GAIX,KAAgC,EAC3C,UACA,iBACoD;CACpD,IAAM,EAAE,SAAM,EAAe,kBAAkB,EAC3C,IAAU,EAAE,uBAAuB;CACvC,AAAI,aAAiB,UACnB,IAAU,EAAM;CAElB,IAAM,IAAU,EAAoB,EAAM,EACtC,IAAgC;CACpC,IAAI,KAAW,MAAM;EACnB,IAAM,IAAU,EAAQ,MAAM;EAC9B,AAAI,MAAY,MAAM,MAAY,MAChC,IAAiB,WAAW,EAAQ;;CAIxC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,OAAO,CACL;GACE,IAAI;GACJ,OAAO,EAAE,qBAAqB;GAC9B,MAAM;GACN,OAAO;GACR,CACF;YAED,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;aAER,EAAE,uBAAuB;GACnB,CAAA;EACe,CAAA,EACzB,KAAkB,QACjB,kBAAC,GAAD;EACE,OAAO,EAAE,uBAAuB;EAChC,SAAS;EACT,QAAO;EACP,CAAA,CAEH,EAAA,CAAA"}
+{"version":3,"file":"BackofficeToolsErrorFallback.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsErrorFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\n\nimport { BackofficeDetailPayload } from '../detail/BackofficeDetailPayload.js';\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\n\nexport type BackofficeToolsErrorFallbackProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorDetails = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    if (error.stack != null && error.stack.trim() !== '') {\n      return error.stack;\n    }\n    if (error.name !== '' && error.message !== '') {\n      return `${error.name}: ${error.message}`;\n    }\n    if (error.message !== '') {\n      return error.message;\n    }\n    return null;\n  }\n\n  if (typeof error === 'string') {\n    return error;\n  }\n\n  try {\n    return JSON.stringify(error, null, 2);\n  } catch {\n    return String(error);\n  }\n};\n\nexport const BackofficeToolsErrorFallback = ({\n  error,\n  onRetry,\n}: BackofficeToolsErrorFallbackProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n  let message = t('tools.errors.unknown');\n  if (error instanceof Error) {\n    message = error.message;\n  }\n  const details = resolveErrorDetails(error);\n  let detailsContent: string | null = null;\n  if (details != null) {\n    const trimmed = details.trim();\n    if (trimmed !== '' && trimmed !== message) {\n      detailsContent = `\\`\\`\\`\\n${trimmed}\\n\\`\\`\\``;\n    }\n  }\n\n  return (\n    <>\n      <BackofficeDetailSection\n        title={t('tools.errors.title')}\n        description={t('tools.errors.description')}\n        items={[\n          {\n            id: 'error',\n            label: t('tools.errors.label'),\n            size: 'fluid',\n            value: message,\n          },\n        ]}\n      >\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={onRetry}\n        >\n          {t('common.actions.retry')}\n        </Button>\n      </BackofficeDetailSection>\n      {detailsContent != null && (\n        <BackofficeDetailPayload\n          title={t('tools.errors.details')}\n          content={detailsContent}\n          format=\"markdown\"\n        />\n      )}\n    </>\n  );\n};\n\nexport default BackofficeToolsErrorFallback;\n"],"mappings":";;;;;;AAaA,IAAM,KAAuB,MAAkC;CAC7D,IAAI,aAAiB,OAUnB,OATI,EAAM,SAAS,QAAQ,EAAM,MAAM,MAAM,KAAK,KACzC,EAAM,QAEX,EAAM,SAAS,MAAM,EAAM,YAAY,KAClC,GAAG,EAAM,KAAK,IAAI,EAAM,YAE7B,EAAM,YAAY,KAGf,OAFE,EAAM;CAKjB,IAAI,OAAO,KAAU,UACnB,OAAO;CAGT,IAAI;EACF,OAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;EACN,OAAO,OAAO,EAAM;;GAIX,KAAgC,EAC3C,UACA,iBACoD;CACpD,IAAM,EAAE,SAAM,EAAe,kBAAkB,EAC3C,IAAU,EAAE,uBAAuB;CACvC,AAAI,aAAiB,UACnB,IAAU,EAAM;CAElB,IAAM,IAAU,EAAoB,EAAM,EACtC,IAAgC;CACpC,IAAI,KAAW,MAAM;EACnB,IAAM,IAAU,EAAQ,MAAM;EAC9B,AAAI,MAAY,MAAM,MAAY,MAChC,IAAiB,WAAW,EAAQ;;CAIxC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,OAAO,CACL;GACE,IAAI;GACJ,OAAO,EAAE,qBAAqB;GAC9B,MAAM;GACN,OAAO;GACR,CACF;YAED,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;aAER,EAAE,uBAAuB;GACnB,CAAA;EACe,CAAA,EACzB,KAAkB,QACjB,kBAAC,GAAD;EACE,OAAO,EAAE,uBAAuB;EAChC,SAAS;EACT,QAAO;EACP,CAAA,CAEH,EAAA,CAAA"}

package/lib/esm/components/backoffice/tools/BackofficeToolsJsonForm.js

@@ -1,29 +1,34 @@
 import { actions as e, form as t, inputHeader as n } from "./backofficeToolsJsonForm.css.js";
 import { useId as r } from "react";
-import { Button as i, Form as a, FormErrorBanner as o, FormGroup as s, Label as c, Textarea as l } from "@plumile/ui";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { Button as s } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { Form as c } from "@plumile/ui/atomic/molecules/form/Form.js";
+import { Label as l } from "@plumile/ui/atomic/atoms/label/Label.js";
+import { Textarea as u } from "@plumile/ui/atomic/atoms/textarea/Textarea.js";
+import { FormErrorBanner as d } from "@plumile/ui/atomic/molecules/form/FormErrorBanner.js";
+import { FormGroup as f } from "@plumile/ui/atomic/molecules/form/FormGroup.js";
 //#region src/components/backoffice/tools/BackofficeToolsJsonForm.tsx
 var p = ({ value: p, onChange: m, onSubmit: h, error: g, disabled: _ = !1, label: v, submitLabel: y, exampleValue: b, exampleLabel: x }) => {
-	let { t: S } = f("backofficeReact"), C = r(), w = r(), T = v ?? S("tools.forms.inputJsonLabel"), E = y ?? S("tools.forms.actions.run"), D = x ?? S("tools.forms.actions.insertExample"), O = "";
+	let { t: S } = o("backofficeReact"), C = r(), w = r(), T = v ?? S("tools.forms.inputJsonLabel"), E = y ?? S("tools.forms.actions.run"), D = x ?? S("tools.forms.actions.insertExample"), O = "";
 	typeof b == "string" && (O = b);
 	let k = O.trim() !== "", A = g != null && g.trim() !== "", j;
-	return A && (j = w), /* @__PURE__ */ d(a, {
+	return A && (j = w), /* @__PURE__ */ a(c, {
 		onSubmit: (e) => {
 			e.preventDefault(), !_ && h();
 		},
 		className: t,
 		children: [
-			/* @__PURE__ */ u(o, {
+			/* @__PURE__ */ i(d, {
 				message: g,
 				id: w
 			}),
-			/* @__PURE__ */ d(s, { children: [/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ a(f, { children: [/* @__PURE__ */ a("div", {
 				className: n,
-				children: [/* @__PURE__ */ u(c, {
+				children: [/* @__PURE__ */ i(l, {
 					htmlFor: C,
 					children: T
-				}), k && /* @__PURE__ */ u(i, {
+				}), k && /* @__PURE__ */ i(s, {
 					type: "button",
 					variant: "text",
 					size: "small",
@@ -33,7 +38,7 @@ var p = ({ value: p, onChange: m, onSubmit: h, error: g, disabled: _ = !1, label
 					},
 					children: D
 				})]
-			}), /* @__PURE__ */ u(l, {
+			}), /* @__PURE__ */ i(u, {
 				id: C,
 				value: p,
 				onChange: (e) => {
@@ -44,9 +49,9 @@ var p = ({ value: p, onChange: m, onSubmit: h, error: g, disabled: _ = !1, label
 				"aria-invalid": A,
 				"aria-describedby": j
 			})] }),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ i("div", {
 				className: e,
-				children: /* @__PURE__ */ u(i, {
+				children: /* @__PURE__ */ i(s, {
 					type: "submit",
 					variant: "primary",
 					size: "small",

package/lib/esm/components/backoffice/tools/BackofficeToolsJsonForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeToolsJsonForm.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsJsonForm.tsx"],"sourcesContent":["import { useId, type FormEvent, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  Form,\n  FormErrorBanner,\n  FormGroup,\n  Label,\n  Textarea,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeToolsJsonForm.css.js';\n\nexport type BackofficeToolsJsonFormProps = {\n  value: string;\n  onChange: (next: string) => void;\n  onSubmit: () => void;\n  error?: string | null;\n  disabled?: boolean;\n  label?: string;\n  submitLabel?: string;\n  exampleValue?: string;\n  exampleLabel?: string;\n};\n\nexport const BackofficeToolsJsonForm = ({\n  value,\n  onChange,\n  onSubmit,\n  error,\n  disabled = false,\n  label,\n  submitLabel,\n  exampleValue,\n  exampleLabel,\n}: BackofficeToolsJsonFormProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n  const inputId = useId();\n  const errorId = useId();\n\n  const resolvedLabel = label ?? t('tools.forms.inputJsonLabel');\n  const resolvedSubmitLabel = submitLabel ?? t('tools.forms.actions.run');\n  const resolvedExampleLabel =\n    exampleLabel ?? t('tools.forms.actions.insertExample');\n  let resolvedExampleValue = '';\n  if (typeof exampleValue === 'string') {\n    resolvedExampleValue = exampleValue;\n  }\n  const hasExample = resolvedExampleValue.trim() !== '';\n  const hasError = error != null && error.trim() !== '';\n  let describedBy: string | undefined;\n  if (hasError) {\n    describedBy = errorId;\n  }\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (disabled) {\n      return;\n    }\n    onSubmit();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit} className={styles.form}>\n      <FormErrorBanner message={error} id={errorId} />\n      <FormGroup>\n        <div className={styles.inputHeader}>\n          <Label htmlFor={inputId}>{resolvedLabel}</Label>\n          {hasExample && (\n            <Button\n              type=\"button\"\n              variant=\"text\"\n              size=\"small\"\n              disabled={disabled}\n              onClick={() => {\n                onChange(resolvedExampleValue);\n              }}\n            >\n              {resolvedExampleLabel}\n            </Button>\n          )}\n        </div>\n        <Textarea\n          id={inputId}\n          value={value}\n          onChange={(event) => {\n            onChange(event.target.value);\n          }}\n          rows={8}\n          fullWidth\n          aria-invalid={hasError}\n          aria-describedby={describedBy}\n        />\n      </FormGroup>\n      <div className={styles.actions}>\n        <Button\n          type=\"submit\"\n          variant=\"primary\"\n          size=\"small\"\n          disabled={disabled}\n        >\n          {resolvedSubmitLabel}\n        </Button>\n      </div>\n    </Form>\n  );\n};\n\nexport default BackofficeToolsJsonForm;\n"],"mappings":";;;;;;AA0BA,IAAa,KAA2B,EACtC,UACA,aACA,aACA,UACA,cAAW,IACX,UACA,gBACA,iBACA,sBAC+C;CAC/C,IAAM,EAAE,SAAM,EAAe,kBAAkB,EACzC,IAAU,GAAO,EACjB,IAAU,GAAO,EAEjB,IAAgB,KAAS,EAAE,6BAA6B,EACxD,IAAsB,KAAe,EAAE,0BAA0B,EACjE,IACJ,KAAgB,EAAE,oCAAoC,EACpD,IAAuB;CAC3B,AAAI,OAAO,KAAiB,aAC1B,IAAuB;CAEzB,IAAM,IAAa,EAAqB,MAAM,KAAK,IAC7C,IAAW,KAAS,QAAQ,EAAM,MAAM,KAAK,IAC/C;CAaJ,OAZI,MACF,IAAc,IAYd,kBAAC,GAAD;EAAM,WATc,MAAsC;GAC1D,EAAM,gBAAgB,EAClB,MAGJ,GAAU;;EAIoB,WAAW;YAAzC;GACE,kBAAC,GAAD;IAAiB,SAAS;IAAO,IAAI;IAAW,CAAA;GAChD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KAAO,SAAS;eAAU;KAAsB,CAAA,EAC/C,KACC,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;KACV,eAAe;MACb,EAAS,EAAqB;;eAG/B;KACM,CAAA,CAEP;OACN,kBAAC,GAAD;IACE,IAAI;IACG;IACP,WAAW,MAAU;KACnB,EAAS,EAAM,OAAO,MAAM;;IAE9B,MAAM;IACN,WAAA;IACA,gBAAc;IACd,oBAAkB;IAClB,CAAA,CACQ,EAAA,CAAA;GACZ,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;eAET;KACM,CAAA;IACL,CAAA;GACD"}
+{"version":3,"file":"BackofficeToolsJsonForm.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsJsonForm.tsx"],"sourcesContent":["import { useId, type FormEvent, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { Label } from '@plumile/ui/atomic/atoms/label/Label.js';\nimport { Textarea } from '@plumile/ui/atomic/atoms/textarea/Textarea.js';\nimport { Form } from '@plumile/ui/atomic/molecules/form/Form.js';\nimport { FormErrorBanner } from '@plumile/ui/atomic/molecules/form/FormErrorBanner.js';\nimport { FormGroup } from '@plumile/ui/atomic/molecules/form/FormGroup.js';\n\nimport * as styles from './backofficeToolsJsonForm.css.js';\n\nexport type BackofficeToolsJsonFormProps = {\n  value: string;\n  onChange: (next: string) => void;\n  onSubmit: () => void;\n  error?: string | null;\n  disabled?: boolean;\n  label?: string;\n  submitLabel?: string;\n  exampleValue?: string;\n  exampleLabel?: string;\n};\n\nexport const BackofficeToolsJsonForm = ({\n  value,\n  onChange,\n  onSubmit,\n  error,\n  disabled = false,\n  label,\n  submitLabel,\n  exampleValue,\n  exampleLabel,\n}: BackofficeToolsJsonFormProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n  const inputId = useId();\n  const errorId = useId();\n\n  const resolvedLabel = label ?? t('tools.forms.inputJsonLabel');\n  const resolvedSubmitLabel = submitLabel ?? t('tools.forms.actions.run');\n  const resolvedExampleLabel =\n    exampleLabel ?? t('tools.forms.actions.insertExample');\n  let resolvedExampleValue = '';\n  if (typeof exampleValue === 'string') {\n    resolvedExampleValue = exampleValue;\n  }\n  const hasExample = resolvedExampleValue.trim() !== '';\n  const hasError = error != null && error.trim() !== '';\n  let describedBy: string | undefined;\n  if (hasError) {\n    describedBy = errorId;\n  }\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (disabled) {\n      return;\n    }\n    onSubmit();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit} className={styles.form}>\n      <FormErrorBanner message={error} id={errorId} />\n      <FormGroup>\n        <div className={styles.inputHeader}>\n          <Label htmlFor={inputId}>{resolvedLabel}</Label>\n          {hasExample && (\n            <Button\n              type=\"button\"\n              variant=\"text\"\n              size=\"small\"\n              disabled={disabled}\n              onClick={() => {\n                onChange(resolvedExampleValue);\n              }}\n            >\n              {resolvedExampleLabel}\n            </Button>\n          )}\n        </div>\n        <Textarea\n          id={inputId}\n          value={value}\n          onChange={(event) => {\n            onChange(event.target.value);\n          }}\n          rows={8}\n          fullWidth\n          aria-invalid={hasError}\n          aria-describedby={describedBy}\n        />\n      </FormGroup>\n      <div className={styles.actions}>\n        <Button\n          type=\"submit\"\n          variant=\"primary\"\n          size=\"small\"\n          disabled={disabled}\n        >\n          {resolvedSubmitLabel}\n        </Button>\n      </div>\n    </Form>\n  );\n};\n\nexport default BackofficeToolsJsonForm;\n"],"mappings":";;;;;;;;;;;AAwBA,IAAa,KAA2B,EACtC,UACA,aACA,aACA,UACA,cAAW,IACX,UACA,gBACA,iBACA,sBAC+C;CAC/C,IAAM,EAAE,SAAM,EAAe,kBAAkB,EACzC,IAAU,GAAO,EACjB,IAAU,GAAO,EAEjB,IAAgB,KAAS,EAAE,6BAA6B,EACxD,IAAsB,KAAe,EAAE,0BAA0B,EACjE,IACJ,KAAgB,EAAE,oCAAoC,EACpD,IAAuB;CAC3B,AAAI,OAAO,KAAiB,aAC1B,IAAuB;CAEzB,IAAM,IAAa,EAAqB,MAAM,KAAK,IAC7C,IAAW,KAAS,QAAQ,EAAM,MAAM,KAAK,IAC/C;CAaJ,OAZI,MACF,IAAc,IAYd,kBAAC,GAAD;EAAM,WATc,MAAsC;GAC1D,EAAM,gBAAgB,EAClB,MAGJ,GAAU;;EAIoB,WAAW;YAAzC;GACE,kBAAC,GAAD;IAAiB,SAAS;IAAO,IAAI;IAAW,CAAA;GAChD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KAAO,SAAS;eAAU;KAAsB,CAAA,EAC/C,KACC,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;KACV,eAAe;MACb,EAAS,EAAqB;;eAG/B;KACM,CAAA,CAEP;OACN,kBAAC,GAAD;IACE,IAAI;IACG;IACP,WAAW,MAAU;KACnB,EAAS,EAAM,OAAO,MAAM;;IAE9B,MAAM;IACN,WAAA;IACA,gBAAc;IACd,oBAAkB;IAClB,CAAA,CACQ,EAAA,CAAA;GACZ,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACK;eAET;KACM,CAAA;IACL,CAAA;GACD"}