@plumile/backoffice-react 0.1.104 → 0.1.106

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

@@ -0,0 +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  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  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 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';\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 = (displayValue: string | null = null) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\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) => {\n            return renderField(label);\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 { sentinelRef } = useBackofficeInfiniteScrollSentinel({\n    enabled: true,\n    hasNextPage,\n    isLoading: isLoadingMore,\n    onIntersect: onLoadMore,\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 = (\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      <div ref={sentinelRef} aria-hidden=\"true\" />\n      <BackofficeInfiniteListStatus\n        loadedCount={rows.length}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        isLoading={isLoadingMore}\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/BackofficeListFilterContext.js

@@ -0,0 +1,40 @@
+import { createContext as e, useCallback as t, useContext as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { buildBackofficeListLink as a } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as o } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/scaffolds/BackofficeListFilterContext.tsx
+var s = e(null), c = (e) => {
+	let { config: n, state: c, pushState: l, children: u } = e, d = t((e, t, n) => {
+		let r = o(c.where, e, t, n);
+		l({
+			...c,
+			where: r
+		});
+	}, [l, c]), f = t((e, t, r) => {
+		let i = o(c.where, e, t, r);
+		return a(n, {
+			...c,
+			where: i
+		});
+	}, [n, c]), p = r(() => ({
+		config: n,
+		state: c,
+		pushState: l,
+		applyFilter: d,
+		buildFilterLink: f
+	}), [
+		d,
+		f,
+		n,
+		l,
+		c
+	]);
+	return /* @__PURE__ */ i(s.Provider, {
+		value: p,
+		children: u
+	});
+}, l = () => n(s);
+//#endregion
+export { c as BackofficeListFilterProvider, s as default, l as useBackofficeListFilterContext };
+
+//# sourceMappingURL=BackofficeListFilterContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeListFilterContext.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeListFilterContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nexport type BackofficeListFilterContextValue = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<Record<string, unknown>, string>;\n  pushState: (\n    next: BackofficeListState<Record<string, unknown>, string>,\n  ) => void;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n  buildFilterLink: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => { pathname: string; search: string };\n};\n\nconst BackofficeListFilterContext =\n  createContext<BackofficeListFilterContextValue | null>(null);\n\ntype ProviderProps<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n  children: ReactNode;\n};\n\nexport const BackofficeListFilterProvider = <\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  props: ProviderProps<Where, Sort>,\n): JSX.Element => {\n  const { config, state, pushState, children } = props;\n\n  const applyFilter = useCallback(\n    (whereKey: string, value: unknown, path?: readonly string[]) => {\n      const nextWhere = setWhereValue(\n        state.where,\n        whereKey as keyof Where,\n        value,\n        path,\n      );\n      pushState({ ...state, where: nextWhere });\n    },\n    [pushState, state],\n  );\n\n  const buildFilterLink = useCallback(\n    (whereKey: string, value: unknown, path?: readonly string[]) => {\n      const nextWhere = setWhereValue(\n        state.where,\n        whereKey as keyof Where,\n        value,\n        path,\n      );\n      return buildBackofficeListLink(config, { ...state, where: nextWhere });\n    },\n    [config, state],\n  );\n\n  const contextValue = useMemo<BackofficeListFilterContextValue>(() => {\n    return {\n      config,\n      state,\n      pushState: pushState as BackofficeListFilterContextValue['pushState'],\n      applyFilter,\n      buildFilterLink,\n    };\n  }, [applyFilter, buildFilterLink, config, pushState, state]);\n\n  return (\n    <BackofficeListFilterContext.Provider value={contextValue}>\n      {children}\n    </BackofficeListFilterContext.Provider>\n  );\n};\n\nexport const useBackofficeListFilterContext =\n  (): BackofficeListFilterContextValue | null => {\n    return useContext(BackofficeListFilterContext);\n  };\n\nexport default BackofficeListFilterContext;\n"],"mappings":";;;;;AAkCA,IAAM,IACJ,EAAuD,KAAK,EAYjD,KAIX,MACgB;CAChB,IAAM,EAAE,WAAQ,UAAO,cAAW,gBAAa,GAEzC,IAAc,GACjB,GAAkB,GAAgB,MAA6B;EAC9D,IAAM,IAAY,EAChB,EAAM,OACN,GACA,GACA,EACD;EACD,EAAU;GAAE,GAAG;GAAO,OAAO;GAAW,CAAC;IAE3C,CAAC,GAAW,EAAM,CACnB,EAEK,IAAkB,GACrB,GAAkB,GAAgB,MAA6B;EAC9D,IAAM,IAAY,EAChB,EAAM,OACN,GACA,GACA,EACD;EACD,OAAO,EAAwB,GAAQ;GAAE,GAAG;GAAO,OAAO;GAAW,CAAC;IAExE,CAAC,GAAQ,EAAM,CAChB,EAEK,IAAe,SACZ;EACL;EACA;EACW;EACX;EACA;EACD,GACA;EAAC;EAAa;EAAiB;EAAQ;EAAW;EAAM,CAAC;CAE5D,OACE,kBAAC,EAA4B,UAA7B;EAAsC,OAAO;EAC1C;EACoC,CAAA;GAI9B,UAEF,EAAW,EAA4B"}

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

@@ -0,0 +1,24 @@
+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";
+//#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, {
+		items: o,
+		activeId: s,
+		onChange: () => {},
+		className: t
+	})), /* @__PURE__ */ i(r, {
+		headerNode: a,
+		tabsNode: l,
+		children: /* @__PURE__ */ i("div", {
+			className: e,
+			children: c
+		})
+	});
+};
+//#endregion
+export { a as BackofficeTabbedDetailShell, a as default };
+
+//# sourceMappingURL=BackofficeTabbedDetailShell.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+//#region src/components/backoffice/scaffolds/backofficeEntityListScaffold.css.ts
+var e = "txvbqb9ip txvbqbajy txvbqbcp txvbqbao7", t = "_8gc5760 txvbqbu4g txvbqbjep", n = "txvbqb9ip txvbqbai7 txvbqbaog", r = "txvbqb97 txvbqbamp txvbqbv9z";
+//#endregion
+export { e as controlsRow, n as embeddedContainer, r as embeddedHeader, t as filterInput };
+
+//# sourceMappingURL=backofficeEntityListScaffold.css.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                           */
+//#region src/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.ts
+var e = "txvbqb9ip", t = "txvbqb9ip txvbqbai7 txvbqbaop";
+//#endregion
+export { t as tabBody, e as tabs };
+
+//# sourceMappingURL=backofficeTabbedDetailShell.css.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,41 @@
+import { actionSlot as e, container as t, contentSlot as n, detailIcon as r, detailLink as i, text as a } from "./backofficeFilterableCell.css.js";
+import { ExternalLinkSvg as o, cx as s } from "@plumile/ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Link as u } from "@plumile/router";
+//#region src/components/backoffice/shared/BackofficeFilterableCell.tsx
+var d = ({ filterAction: d, children: f, href: p, title: m, openInNewTab: h = !1, wrap: g = !1, className: _ }) => {
+	let v = /* @__PURE__ */ c("span", {
+		className: a({ wrap: g }),
+		children: f
+	}), y = /* @__PURE__ */ c("span", {
+		className: n,
+		children: v
+	});
+	if (p != null && p.trim() !== "") {
+		let e = {};
+		h && (e = {
+			target: "_blank",
+			rel: "noreferrer"
+		}), y = /* @__PURE__ */ l(u, {
+			to: p,
+			className: i,
+			title: m,
+			...e,
+			children: [v, /* @__PURE__ */ c(o, {
+				className: r,
+				"aria-hidden": "true"
+			})]
+		});
+	}
+	return /* @__PURE__ */ l("span", {
+		className: s(t, _),
+		children: [/* @__PURE__ */ c("span", {
+			className: e,
+			children: d
+		}), y]
+	});
+};
+//#endregion
+export { d as BackofficeFilterableCell, d as default };
+
+//# sourceMappingURL=BackofficeFilterableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeFilterableCell.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeFilterableCell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport { cx, ExternalLinkSvg } from '@plumile/ui';\n\nimport * as styles from './backofficeFilterableCell.css.js';\n\nexport type BackofficeFilterableCellProps = {\n  filterAction?: ReactNode;\n  children: ReactNode;\n  href?: string | null;\n  title?: string;\n  openInNewTab?: boolean;\n  wrap?: boolean;\n  className?: string;\n};\n\nexport const BackofficeFilterableCell = ({\n  filterAction,\n  children,\n  href,\n  title,\n  openInNewTab = false,\n  wrap = false,\n  className,\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 (href != null && href.trim() !== '') {\n    let linkProps: { target?: '_blank'; rel?: 'noreferrer' } = {};\n    if (openInNewTab) {\n      linkProps = { target: '_blank', rel: 'noreferrer' };\n    }\n    contentNode = (\n      <Link\n        to={href}\n        className={styles.detailLink}\n        title={title}\n        {...linkProps}\n      >\n        {textNode}\n        <ExternalLinkSvg className={styles.detailIcon} aria-hidden=\"true\" />\n      </Link>\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":";;;;;AAgBA,IAAa,KAA4B,EACvC,iBACA,aACA,SACA,UACA,kBAAe,IACf,UAAO,IACP,mBACgD;CAChD,IAAM,IAAW,kBAAC,QAAD;EAAM,WAAW,EAAY,EAAE,SAAM,CAAC;EAAG;EAAgB,CAAA,EAEtE,IACF,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAAgB,CAAA;CAExD,IAAI,KAAQ,QAAQ,EAAK,MAAM,KAAK,IAAI;EACtC,IAAI,IAAuD,EAAE;EAI7D,AAHI,MACF,IAAY;GAAE,QAAQ;GAAU,KAAK;GAAc,GAErD,IACE,kBAAC,GAAD;GACE,IAAI;GACJ,WAAW;GACJ;GACP,GAAI;aAJN,CAMG,GACD,kBAAC,GAAD;IAAiB,WAAW;IAAmB,eAAY;IAAS,CAAA,CAC/D;;;CAIX,OACE,kBAAC,QAAD;EAAM,WAAW,EAAG,GAAkB,EAAU;YAAhD,CACE,kBAAC,QAAD;GAAM,WAAW;aAAoB;GAAoB,CAAA,EACxD,EACI"}

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

@@ -0,0 +1,17 @@
+import { useBackofficeFormats as e } from "../../../i18n/useBackofficeFormats.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/backoffice/shared/BackofficeFormattedCurrency.tsx
+var n = ({ value: n, fallback: r = "-", className: i }) => {
+	let { formatCurrency: a } = e();
+	return n == null ? /* @__PURE__ */ t("span", {
+		className: i,
+		children: r
+	}) : /* @__PURE__ */ t("span", {
+		className: i,
+		children: a(n)
+	});
+};
+//#endregion
+export { n as BackofficeFormattedCurrency, n as default };
+
+//# sourceMappingURL=BackofficeFormattedCurrency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeFormattedCurrency.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeFormattedCurrency.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useBackofficeFormats } from '../../../i18n/useBackofficeFormats.js';\n\nexport type BackofficeFormattedCurrencyProps = {\n  value: number | null | undefined;\n  fallback?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeFormattedCurrency = ({\n  value,\n  fallback = '-',\n  className,\n}: BackofficeFormattedCurrencyProps): JSX.Element => {\n  const { formatCurrency } = useBackofficeFormats();\n\n  if (value == null) {\n    return <span className={className}>{fallback}</span>;\n  }\n\n  return <span className={className}>{formatCurrency(value)}</span>;\n};\n\nexport default BackofficeFormattedCurrency;\n"],"mappings":";;;AAUA,IAAa,KAA+B,EAC1C,UACA,cAAW,KACX,mBACmD;CACnD,IAAM,EAAE,sBAAmB,GAAsB;CAMjD,OAJI,KAAS,OACJ,kBAAC,QAAD;EAAiB;YAAY;EAAgB,CAAA,GAG/C,kBAAC,QAAD;EAAiB;YAAY,EAAe,EAAM;EAAQ,CAAA"}

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

@@ -0,0 +1,17 @@
+import { useBackofficeFormats as e } from "../../../i18n/useBackofficeFormats.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/backoffice/shared/BackofficeFormattedNumber.tsx
+var n = ({ value: n, fallback: r = "-", className: i }) => {
+	let { formatNumber: a } = e();
+	return n == null ? /* @__PURE__ */ t("span", {
+		className: i,
+		children: r
+	}) : /* @__PURE__ */ t("span", {
+		className: i,
+		children: a(n)
+	});
+};
+//#endregion
+export { n as BackofficeFormattedNumber, n as default };
+
+//# sourceMappingURL=BackofficeFormattedNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeFormattedNumber.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeFormattedNumber.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useBackofficeFormats } from '../../../i18n/useBackofficeFormats.js';\n\nexport type BackofficeFormattedNumberProps = {\n  value: number | null | undefined;\n  fallback?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeFormattedNumber = ({\n  value,\n  fallback = '-',\n  className,\n}: BackofficeFormattedNumberProps): JSX.Element => {\n  const { formatNumber } = useBackofficeFormats();\n\n  if (value == null) {\n    return <span className={className}>{fallback}</span>;\n  }\n\n  return <span className={className}>{formatNumber(value)}</span>;\n};\n\nexport default BackofficeFormattedNumber;\n"],"mappings":";;;AAUA,IAAa,KAA6B,EACxC,UACA,cAAW,KACX,mBACiD;CACjD,IAAM,EAAE,oBAAiB,GAAsB;CAM/C,OAJI,KAAS,OACJ,kBAAC,QAAD;EAAiB;YAAY;EAAgB,CAAA,GAG/C,kBAAC,QAAD;EAAiB;YAAY,EAAa,EAAM;EAAQ,CAAA"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+/* empty css                                        */
+import { createRuntimeFn as e } from "../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+//#region src/components/backoffice/shared/backofficeFilterableCell.css.ts
+var t = "_1q232kj0 txvbqbcp txvbqb8v7 txvbqbjep txvbqbk5y txvbqb7q", n = "txvbqb9jg txvbqbcp txvbqbdoy", r = "txvbqb9jg txvbqbcp txvbqbany txvbqbk5y txvbqbjep", i = e({
+	defaultClassName: "_1q232kj1 txvbqbk5y txvbqbjep",
+	variantClassNames: { wrap: {
+		false: "_1q232kj2 txvbqbl7g txvbqbt7g txvbqbuxg",
+		true: "_1q232kj3 txvbqbuxp txvbqbuu7"
+	} },
+	defaultVariants: { wrap: !1 },
+	compoundVariants: []
+}), a = "_1q232kj4 txvbqb9jg txvbqbcp txvbqbany txvbqbk5y txvbqbjep txvbqbvaz txvbqbamp txvbqb3b txvbqb78 txvbqb6w txvbqb7k", o = "_1q232kj5 txvbqbaj7 txvbqbva1";
+//#endregion
+export { n as actionSlot, t as container, r as contentSlot, o as detailIcon, a as detailLink, i as text };
+
+//# sourceMappingURL=backofficeFilterableCell.css.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/shared/backofficeInlineFilterRow.css.ts
+var e = "txvbqb9jg txvbqbcp txvbqbany txvbqbajp txvbqbjep txvbqbk5y";
+//#endregion
+export { e as container };
+
+//# sourceMappingURL=backofficeInlineFilterRow.css.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,41 @@
+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";
+//#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", {
+		className: e,
+		children: [/* @__PURE__ */ d("button", {
+			type: "button",
+			className: t,
+			onClick: () => {
+				y((e) => !e);
+			},
+			"aria-expanded": v,
+			"aria-controls": b,
+			children: [/* @__PURE__ */ u("span", {
+				className: i,
+				children: f
+			}), /* @__PURE__ */ u(s, {
+				width: 16,
+				height: 16,
+				"aria-hidden": "true",
+				className: l(n, { [r]: v })
+			})]
+		}), v && /* @__PURE__ */ u("div", {
+			className: "txvbqb4sg txvbqb1qg txvbqb2cy txvbqbv43 txvbqblb7",
+			id: b,
+			children: /* @__PURE__ */ u(c, {
+				code: _,
+				language: m,
+				badgeLabel: h
+			})
+		})]
+	});
+};
+//#endregion
+export { f as BackofficeToolsDocPanel, f as default };
+
+//# sourceMappingURL=BackofficeToolsDocPanel.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+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";
+//#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;
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return String(e);
+	}
+}, c = ({ error: c, onRetry: l }) => {
+	let { t: u } = o("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, {
+		title: u("tools.errors.title"),
+		description: u("tools.errors.description"),
+		items: [{
+			id: "error",
+			label: u("tools.errors.label"),
+			size: "fluid",
+			value: d
+		}],
+		children: /* @__PURE__ */ i(n, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: l,
+			children: u("common.actions.retry")
+		})
+	}), p != null && /* @__PURE__ */ i(t, {
+		title: u("tools.errors.details"),
+		content: p,
+		format: "markdown"
+	})] });
+};
+//#endregion
+export { c as BackofficeToolsErrorFallback, c as default };
+
+//# sourceMappingURL=BackofficeToolsErrorFallback.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,63 @@
+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";
+//#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 = "";
+	typeof b == "string" && (O = b);
+	let k = O.trim() !== "", A = g != null && g.trim() !== "", j;
+	return A && (j = w), /* @__PURE__ */ d(a, {
+		onSubmit: (e) => {
+			e.preventDefault(), !_ && h();
+		},
+		className: t,
+		children: [
+			/* @__PURE__ */ u(o, {
+				message: g,
+				id: w
+			}),
+			/* @__PURE__ */ d(s, { children: [/* @__PURE__ */ d("div", {
+				className: n,
+				children: [/* @__PURE__ */ u(c, {
+					htmlFor: C,
+					children: T
+				}), k && /* @__PURE__ */ u(i, {
+					type: "button",
+					variant: "text",
+					size: "small",
+					disabled: _,
+					onClick: () => {
+						m(O);
+					},
+					children: D
+				})]
+			}), /* @__PURE__ */ u(l, {
+				id: C,
+				value: p,
+				onChange: (e) => {
+					m(e.target.value);
+				},
+				rows: 8,
+				fullWidth: !0,
+				"aria-invalid": A,
+				"aria-describedby": j
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: e,
+				children: /* @__PURE__ */ u(i, {
+					type: "submit",
+					variant: "primary",
+					size: "small",
+					disabled: _,
+					children: E
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { p as BackofficeToolsJsonForm, p as default };
+
+//# sourceMappingURL=BackofficeToolsJsonForm.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,35 @@
+import { BackofficeErrorBoundary as e } from "../errors/BackofficeErrorBoundary.js";
+import { BackofficeDetailSection as t } from "../detail/BackofficeDetailSection.js";
+import { BackofficeToolsErrorFallback as n } from "./BackofficeToolsErrorFallback.js";
+import { loadingState as r } from "./backofficeToolsForm.css.js";
+import { Suspense as i } from "react";
+import { Spinner as a } from "@plumile/ui";
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+//#region src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx
+var c = ({ children: c }) => {
+	let { t: l } = s("backofficeReact");
+	return /* @__PURE__ */ o(e, {
+		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ o(n, {
+			error: e,
+			onRetry: t
+		}),
+		children: /* @__PURE__ */ o(i, {
+			fallback: /* @__PURE__ */ o(t, {
+				title: l("tools.output"),
+				description: l("tools.loading.description"),
+				children: /* @__PURE__ */ o("div", {
+					className: r,
+					role: "status",
+					"aria-live": "polite",
+					children: /* @__PURE__ */ o(a, {})
+				})
+			}),
+			children: c
+		})
+	});
+};
+//#endregion
+export { c as BackofficeToolsQueryBoundary, c as default };
+
+//# sourceMappingURL=BackofficeToolsQueryBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\nimport * as styles from './backofficeToolsForm.css.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n\n  const fallback = (\n    <BackofficeDetailSection\n      title={t('tools.output')}\n      description={t('tools.loading.description')}\n    >\n      <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n        <Spinner />\n      </div>\n    </BackofficeDetailSection>\n  );\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={fallback}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;;;;AAeA,IAAa,KAAgC,EAC3C,kBACoD;CACpD,IAAM,EAAE,SAAM,EAAe,kBAAkB;CAa/C,OACE,kBAAC,GAAD;EACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;GAAqC;GAAO,SAAS;GAAS,CAAA;YAGvE,kBAAC,GAAD;GAAoB,UAhBtB,kBAAC,GAAD;IACE,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,4BAA4B;cAE3C,kBAAC,OAAD;KAAK,WAAW;KAAqB,MAAK;KAAS,aAAU;eAC3D,kBAAC,GAAD,EAAW,CAAA;KACP,CAAA;IACkB,CASJ;GAAW;GAAoB,CAAA;EAC3B,CAAA"}

package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js

@@ -0,0 +1,7 @@
+/* empty css                                       */
+//#region src/components/backoffice/tools/backofficeToolsDocPanel.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqb1cp txvbqb1qg txvbqbwg txvbqb1rp txvbqbv41 txvbqbl7g", n = "_8o9eh80 txvbqbnwg txvbqbojp txvbqbp6p txvbqblyg txvbqbu7g txvbqb9ip txvbqbcp txvbqbdpp txvbqbao7 txvbqbv0t txvbqb12g txvbqb1py txvbqbv9z txvbqbv txvbqbt6p", r = "txvbqb97 txvbqbamp", i = "txvbqbva1 txvbqb7g txvbqb6w txvbqb7k", a = "txvbqb2w", o = "txvbqb4sg txvbqb1qg txvbqb2cy txvbqbv43 txvbqblb7";
+//#endregion
+export { o as content, t as panel, e as panelGroup, n as trigger, i as triggerIcon, a as triggerIconOpen, r as triggerTitle };
+
+//# sourceMappingURL=backofficeToolsDocPanel.css.js.map

package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolsDocPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsDocPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const panelGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const panel = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  borderRadius: 'lg',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n});\n\nexport const trigger = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 3,\n    paddingX: 4,\n    backgroundColor: 'transparent',\n    borderWidth: 0,\n    borderStyle: 'none',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `inset 0 0 0 2px ${vars.colors.primary}`,\n      },\n    },\n  },\n]);\n\nexport const triggerTitle = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n});\n\nexport const triggerIcon = sprinkles({\n  color: 'textSecondary',\n  transitionProperty: 'transform',\n  transitionDuration: 120,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n});\n\nexport const content = sprinkles({\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderLight',\n  backgroundColor: 'surfaceSecondary',\n  padding: 3,\n});\n"],"mappings":""}