@open-mercato/ui 0.6.7-develop.6860.1.f796b22e80 → 0.6.7

package/figma/alert.figma.tsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Alert, AlertDescription, AlertTitle } from '../src/primitives/alert'
-
-figma.connect(Alert, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=169-2358', {
-  imports: ["import { Alert, AlertTitle, AlertDescription } from '@open-mercato/ui/primitives/alert'"],
-  props: {
-    status: figma.enum('Status', {
-      Error: 'error',
-      Warning: 'warning',
-      Success: 'success',
-      Information: 'information',
-      Feature: 'feature',
-    }),
-    style: figma.enum('Style', {
-      Filled: 'filled',
-      Light: 'light',
-      Lighter: 'lighter',
-      Stroke: 'stroke',
-    }),
-    size: figma.enum('Size', {
-      XS: 'xs',
-      Small: 'sm',
-      Default: 'default',
-    }),
-    title: figma.string('Title'),
-    description: figma.string('Description'),
-  },
-  example: ({ status, style, size, title, description }) => (
-    <Alert status={status} style={style} size={size}>
-      <AlertTitle>{title}</AlertTitle>
-      <AlertDescription>{description}</AlertDescription>
-    </Alert>
-  ),
-})

package/figma/badge.figma.tsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Badge } from '../src/primitives/badge'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Badge, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Badge } from '@open-mercato/ui/primitives/badge'"],
-  props: {
-    variant: figma.enum('Variant', {
-      Default: 'default',
-      Secondary: 'secondary',
-      Outline: 'outline',
-      Muted: 'muted',
-      Success: 'success',
-      Warning: 'warning',
-      Info: 'info',
-      Neutral: 'neutral',
-      Error: 'error',
-      Brand: 'brand',
-    }),
-    size: figma.enum('Size', {
-      Small: 'sm',
-      Default: 'default',
-      Large: 'lg',
-    }),
-    label: figma.string('Label'),
-  },
-  example: ({ variant, size, label }) => (
-    <Badge variant={variant} size={size}>
-      {label}
-    </Badge>
-  ),
-})

package/figma/button.figma.tsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Button } from '../src/primitives/button'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Button, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Button } from '@open-mercato/ui/primitives/button'"],
-  props: {
-    variant: figma.enum('Variant', {
-      Primary: 'default',
-      Destructive: 'destructive',
-      Outline: 'outline',
-      Secondary: 'secondary',
-      Ghost: 'ghost',
-      Muted: 'muted',
-      Link: 'link',
-    }),
-    size: figma.enum('Size', {
-      Default: 'default',
-      Small: 'sm',
-      Large: 'lg',
-      '2XS': '2xs',
-      Icon: 'icon',
-    }),
-    disabled: figma.boolean('Disabled'),
-    label: figma.string('Label'),
-  },
-  example: ({ variant, size, disabled, label }) => (
-    <Button variant={variant} size={size} disabled={disabled}>
-      {label}
-    </Button>
-  ),
-})

package/figma/checkbox.figma.tsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Checkbox } from '../src/primitives/checkbox'
-import { CheckboxField } from '../src/primitives/checkbox-field'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Checkbox, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Checkbox } from '@open-mercato/ui/primitives/checkbox'"],
-  variant: { Label: 'False' },
-  props: {
-    checked: figma.boolean('Checked'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ checked, disabled }) => <Checkbox checked={checked} disabled={disabled} />,
-})
-
-figma.connect(CheckboxField, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'"],
-  variant: { Label: 'True' },
-  props: {
-    checked: figma.boolean('Checked'),
-    disabled: figma.boolean('Disabled'),
-    label: figma.string('Label text'),
-  },
-  example: ({ checked, disabled, label }) => (
-    <CheckboxField checked={checked} disabled={disabled} label={label} />
-  ),
-})

package/figma/drawer.figma.tsx

@@ -1,40 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import {
-  Drawer,
-  DrawerBody,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-} from '../src/primitives/drawer'
-import { Button } from '../src/primitives/button'
-
-figma.connect(Drawer, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=486-7366', {
-  imports: [
-    "import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose } from '@open-mercato/ui/primitives/drawer'",
-  ],
-  props: {
-    title: figma.string('Title'),
-    description: figma.string('Description'),
-  },
-  example: ({ title, description }) => (
-    <Drawer>
-      <DrawerContent>
-        <DrawerHeader>
-          <DrawerTitle>{title}</DrawerTitle>
-          <DrawerDescription>{description}</DrawerDescription>
-        </DrawerHeader>
-        <DrawerBody>Content</DrawerBody>
-        <DrawerFooter layout="equal">
-          <DrawerClose asChild>
-            <Button variant="outline">Cancel</Button>
-          </DrawerClose>
-          <Button>Save</Button>
-        </DrawerFooter>
-      </DrawerContent>
-    </Drawer>
-  ),
-})

package/figma/input-variants.figma.tsx

@@ -1,58 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Input } from '../src/primitives/input'
-import { EmailInput } from '../src/primitives/email-input'
-import { SearchInput } from '../src/primitives/search-input'
-import { PasswordInput } from '../src/primitives/password-input'
-import { WebsiteInput } from '../src/primitives/website-input'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Input, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Input } from '@open-mercato/ui/primitives/input'"],
-  variant: { Type: 'Text' },
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => <Input placeholder={placeholder} disabled={disabled} />,
-})
-
-figma.connect(EmailInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { EmailInput } from '@open-mercato/ui/primitives/email-input'"],
-  variant: { Type: 'Email' },
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => <EmailInput placeholder={placeholder} disabled={disabled} />,
-})
-
-figma.connect(SearchInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { SearchInput } from '@open-mercato/ui/primitives/search-input'"],
-  variant: { Type: 'Search' },
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => <SearchInput placeholder={placeholder} disabled={disabled} />,
-})
-
-figma.connect(PasswordInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { PasswordInput } from '@open-mercato/ui/primitives/password-input'"],
-  variant: { Type: 'Password' },
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => <PasswordInput placeholder={placeholder} disabled={disabled} />,
-})
-
-figma.connect(WebsiteInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { WebsiteInput } from '@open-mercato/ui/primitives/website-input'"],
-  variant: { Type: 'Website' },
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => <WebsiteInput placeholder={placeholder} disabled={disabled} />,
-})

package/figma/radio.figma.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Radio, RadioGroup } from '../src/primitives/radio'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Radio, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Radio, RadioGroup } from '@open-mercato/ui/primitives/radio'"],
-  props: {
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ disabled }) => (
-    <RadioGroup defaultValue="first">
-      <Radio value="first" disabled={disabled} />
-    </RadioGroup>
-  ),
-})

package/figma/select.figma.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../src/primitives/select'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Select, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: [
-    "import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@open-mercato/ui/primitives/select'",
-  ],
-  props: {
-    placeholder: figma.string('Placeholder'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ placeholder, disabled }) => (
-    <Select>
-      <SelectTrigger disabled={disabled}>
-        <SelectValue placeholder={placeholder} />
-      </SelectTrigger>
-      <SelectContent>
-        <SelectItem value="first">First option</SelectItem>
-      </SelectContent>
-    </Select>
-  ),
-})

package/figma/status-badge.figma.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { StatusBadge } from '../src/primitives/status-badge'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(StatusBadge, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { StatusBadge } from '@open-mercato/ui/primitives/status-badge'"],
-  props: {
-    variant: figma.enum('Variant', {
-      Success: 'success',
-      Warning: 'warning',
-      Error: 'error',
-      Info: 'info',
-      Neutral: 'neutral',
-    }),
-    dot: figma.boolean('Dot'),
-    label: figma.string('Label'),
-  },
-  example: ({ variant, dot, label }) => (
-    <StatusBadge variant={variant} dot={dot}>
-      {label}
-    </StatusBadge>
-  ),
-})

package/figma/switch.figma.tsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Switch } from '../src/primitives/switch'
-import { SwitchField } from '../src/primitives/switch-field'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Switch, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Switch } from '@open-mercato/ui/primitives/switch'"],
-  variant: { Label: 'False' },
-  props: {
-    checked: figma.boolean('Checked'),
-    disabled: figma.boolean('Disabled'),
-  },
-  example: ({ checked, disabled }) => <Switch checked={checked} disabled={disabled} />,
-})
-
-figma.connect(SwitchField, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { SwitchField } from '@open-mercato/ui/primitives/switch-field'"],
-  variant: { Label: 'True' },
-  props: {
-    checked: figma.boolean('Checked'),
-    disabled: figma.boolean('Disabled'),
-    label: figma.string('Label text'),
-  },
-  example: ({ checked, disabled, label }) => (
-    <SwitchField checked={checked} disabled={disabled} label={label} />
-  ),
-})

package/figma/tabs.figma.tsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '../src/primitives/tabs'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Tabs, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Tabs, TabsList, TabsTrigger, TabsContent } from '@open-mercato/ui/primitives/tabs'"],
-  props: {
-    label: figma.string('Label'),
-    count: figma.string('Count'),
-  },
-  example: ({ label, count }) => (
-    <Tabs defaultValue="first" variant="underline">
-      <TabsList aria-label="Sections">
-        <TabsTrigger value="first" count={count}>
-          {label}
-        </TabsTrigger>
-      </TabsList>
-      <TabsContent value="first">Content</TabsContent>
-    </Tabs>
-  ),
-})

package/figma/tag.figma.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import figma from '@figma/code-connect'
-import { Tag } from '../src/primitives/tag'
-
-// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
-figma.connect(Tag, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
-  imports: ["import { Tag } from '@open-mercato/ui/primitives/tag'"],
-  props: {
-    variant: figma.enum('Variant', {
-      Default: 'default',
-      Success: 'success',
-      Warning: 'warning',
-      Error: 'error',
-      Info: 'info',
-      Neutral: 'neutral',
-      Brand: 'brand',
-      Pink: 'pink',
-    }),
-    dot: figma.boolean('Dot'),
-    label: figma.string('Label'),
-  },
-  example: ({ variant, dot, label }) => (
-    <Tag variant={variant} dot={dot}>
-      {label}
-    </Tag>
-  ),
-})

package/figma.config.json

@@ -1,6 +0,0 @@
-{
-  "codeConnect": {
-    "parser": "react",
-    "include": ["figma/**/*.figma.tsx", "src/primitives/**/*.tsx"]
-  }
-}

package/scripts/lucideRegistrySource.cjs

@@ -1,133 +0,0 @@
-// Pure source emitter for src/backend/icons/lucideRegistry.generated.tsx.
-// Kept side-effect free, and CommonJS so both build.mjs and the Jest suite can load it.
-
-const {
-  IndentationText,
-  Project,
-  QuoteKind,
-  ScriptKind,
-  StructureKind,
-  VariableDeclarationKind,
-} = require('ts-morph')
-
-const GENERATED_FILE_NAME = 'lucideRegistry.generated.tsx'
-const LUCIDE_MODULE_SPECIFIER = 'lucide-react'
-const BANNER = `/* eslint-disable */
-// AUTO-GENERATED by @open-mercato/ui build. Do not edit by hand.
-// Generated from discovered icon string usages across the repo.
-
-`
-
-let sharedProject = null
-
-function getProject() {
-  if (!sharedProject) {
-    sharedProject = new Project({
-      useInMemoryFileSystem: true,
-      manipulationSettings: {
-        indentationText: IndentationText.TwoSpaces,
-        quoteKind: QuoteKind.Single,
-        useTrailingCommas: true,
-      },
-    })
-  }
-
-  return sharedProject
-}
-
-function sortResolvedIcons(resolvedIcons) {
-  return [...resolvedIcons].sort((a, b) => a.kebab.localeCompare(b.kebab))
-}
-
-function collectUniqueExports(resolvedIcons) {
-  return [...new Set(resolvedIcons.map((icon) => icon.exportName))].sort((a, b) => a.localeCompare(b))
-}
-
-function writeNamedImports(exportNames) {
-  return (writer) => {
-    writer.newLine()
-    for (const name of exportNames) {
-      writer.write(`${name},`)
-      writer.newLine()
-    }
-  }
-}
-
-function writeRegistryLiteral(entries) {
-  return (writer) => {
-    if (entries.length === 0) {
-      writer.write('{}')
-      return
-    }
-
-    writer.write('{')
-    writer.newLine()
-    for (const icon of entries) {
-      writer.write(`'${icon.kebab}': ${icon.exportName},`)
-      writer.newLine()
-    }
-    writer.write('}')
-  }
-}
-
-function assertNoSyntacticDiagnostics(project, sourceFile) {
-  const diagnostics = project.getProgram().getSyntacticDiagnostics(sourceFile)
-  if (diagnostics.length === 0) return
-
-  const details = diagnostics
-    .map((diagnostic) => `  line ${diagnostic.getLineNumber() ?? 0}: ${diagnostic.getMessageText()}`)
-    .join('\n')
-  throw new Error(`[internal] Generated ${GENERATED_FILE_NAME} is not syntactically valid:\n${details}`)
-}
-
-function normalizeSourceText(text) {
-  const normalized = text.replace(/\r\n/g, '\n')
-  return normalized.endsWith('\n') ? normalized : `${normalized}\n`
-}
-
-function buildLucideRegistrySource(resolvedIcons) {
-  const entries = sortResolvedIcons(resolvedIcons)
-  const uniqueExports = collectUniqueExports(entries)
-
-  const project = getProject()
-  const sourceFile = project.createSourceFile(GENERATED_FILE_NAME, '', {
-    overwrite: true,
-    scriptKind: ScriptKind.TSX,
-  })
-
-  sourceFile.addImportDeclaration({
-    kind: StructureKind.ImportDeclaration,
-    isTypeOnly: true,
-    namedImports: [{ name: 'LucideIcon' }],
-    moduleSpecifier: LUCIDE_MODULE_SPECIFIER,
-  })
-
-  if (uniqueExports.length > 0) {
-    sourceFile.addImportDeclaration({
-      kind: StructureKind.ImportDeclaration,
-      namedImports: writeNamedImports(uniqueExports),
-      moduleSpecifier: LUCIDE_MODULE_SPECIFIER,
-    })
-  }
-
-  sourceFile.addVariableStatement({
-    kind: StructureKind.VariableStatement,
-    isExported: true,
-    declarationKind: VariableDeclarationKind.Const,
-    declarations: [
-      {
-        name: 'LUCIDE_ICON_REGISTRY',
-        type: 'Record<string, LucideIcon>',
-        initializer: writeRegistryLiteral(entries),
-      },
-    ],
-  })
-
-  sourceFile.formatText({ indentSize: 2, convertTabsToSpaces: true })
-  sourceFile.insertText(0, BANNER)
-  assertNoSyntacticDiagnostics(project, sourceFile)
-
-  return normalizeSourceText(sourceFile.getFullText())
-}
-
-module.exports = { buildLucideRegistrySource }

package/src/backend/__tests__/CrudForm.fieldsetBinding.test.tsx

@@ -1,158 +0,0 @@
-/** @jest-environment jsdom */
-jest.setTimeout(15000)
-
-const fetchCustomFieldFormStructureMock = jest.fn()
-const buildFormFieldFromCustomFieldDefMock = jest.fn()
-const triggerInjectionEventMock = jest.fn(async (_event: string, data: Record<string, unknown>) => ({
-  ok: true,
-  data,
-}))
-
-jest.mock('next/navigation', () => ({
-  useRouter: () => ({ push: jest.fn() }),
-  usePathname: () => '/',
-  useSearchParams: () => new URLSearchParams(),
-}))
-jest.mock('remark-gfm', () => ({ __esModule: true, default: {} }))
-jest.mock('../confirm-dialog', () => ({
-  useConfirmDialog: () => ({
-    confirm: jest.fn().mockResolvedValue(true),
-    ConfirmDialogElement: null,
-  }),
-}))
-jest.mock('../injection/InjectionSpot', () => ({
-  __esModule: true,
-  InjectionSpot: () => null,
-  useInjectionWidgets: () => ({ widgets: [], loading: false, error: null }),
-  useInjectionSpotEvents: () => ({ triggerEvent: triggerInjectionEventMock }),
-}))
-jest.mock('../injection/useInjectionDataWidgets', () => ({
-  __esModule: true,
-  useInjectionDataWidgets: () => ({ widgets: [], isLoading: false, error: null }),
-}))
-jest.mock('../custom-fields/FieldDefinitionsManager', () => {
-  const React = require('react')
-  return {
-    __esModule: true,
-    FieldDefinitionsManager: React.forwardRef(() => <div>Field definitions manager</div>),
-  }
-})
-jest.mock('../utils/customFieldForms', () => ({
-  __esModule: true,
-  buildFormFieldFromCustomFieldDef: (...args: unknown[]) => buildFormFieldFromCustomFieldDefMock(...args),
-  buildFormFieldsFromCustomFields: jest.fn(() => []),
-  fetchCustomFieldFormStructure: (...args: unknown[]) => fetchCustomFieldFormStructureMock(...args),
-}))
-
-import * as React from 'react'
-import { act, waitFor } from '@testing-library/react'
-import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
-import { CrudForm, type CrudField, type CrudFormGroup } from '../CrudForm'
-
-const ENTITY_ID = 'resources:resources_resource'
-const GENERAL_CODE = 'resources_resource_general'
-const LAPTOP_CODE = 'resources_resource_laptop'
-
-const fields: CrudField[] = [{ id: 'name', label: 'Name', type: 'text' }]
-const groups: CrudFormGroup[] = [
-  { id: 'details', title: 'Details', fields: ['name'] },
-  { id: 'custom', title: 'Custom fields', kind: 'customFields' },
-]
-
-function configureTwoFieldsets() {
-  buildFormFieldFromCustomFieldDefMock.mockImplementation((definition: any) => ({
-    id: `cf_${definition.key}`,
-    label: definition.label ?? definition.key,
-    type: 'text',
-  }))
-  fetchCustomFieldFormStructureMock.mockResolvedValue({
-    fields: [],
-    definitions: [
-      {
-        entityId: ENTITY_ID,
-        key: 'asset_tag',
-        label: 'Asset tag',
-        kind: 'text',
-        fieldsets: [GENERAL_CODE],
-      },
-      {
-        entityId: ENTITY_ID,
-        key: 'serial_number',
-        label: 'Serial number',
-        kind: 'text',
-        fieldsets: [LAPTOP_CODE],
-      },
-    ],
-    metadata: {
-      items: [],
-      fieldsetsByEntity: {
-        [ENTITY_ID]: [
-          { code: GENERAL_CODE, label: 'General' },
-          { code: LAPTOP_CODE, label: 'Laptops' },
-        ],
-      },
-      entitySettings: {
-        [ENTITY_ID]: { singleFieldsetPerRecord: true },
-      },
-    },
-  })
-}
-
-function DelayedHost({
-  initialValues,
-}: {
-  initialValues: Record<string, unknown> | undefined
-}) {
-  return (
-    <CrudForm
-      embedded
-      title="Resource"
-      entityId={ENTITY_ID}
-      fields={fields}
-      groups={groups}
-      customFieldsetBindings={{ [ENTITY_ID]: { valueKey: 'customFieldsetCode' } }}
-      initialValues={initialValues ?? undefined}
-      isLoading={!initialValues}
-      onSubmit={() => {}}
-    />
-  )
-}
-
-describe('CrudForm customFieldsetBindings hydration', () => {
-  beforeEach(() => {
-    fetchCustomFieldFormStructureMock.mockReset()
-    buildFormFieldFromCustomFieldDefMock.mockReset()
-    triggerInjectionEventMock.mockClear()
-    configureTwoFieldsets()
-  })
-
-  it('activates the persisted fieldset when initialValues arrive after fieldset metadata loads', async () => {
-    // Mirrors the resources edit page: the record (and its persisted
-    // customFieldsetCode) loads asynchronously AFTER custom-field metadata has
-    // already resolved (gated behind resourceTypesLoaded), so the fieldset
-    // selector is hydrated only via the binding, never via a user interaction.
-    const { container, rerender } = renderWithProviders(
-      <DelayedHost initialValues={undefined} />,
-      { dict: { 'ui.forms.actions.save': 'Save' } },
-    )
-
-    await waitFor(() => {
-      expect(fetchCustomFieldFormStructureMock).toHaveBeenCalled()
-    })
-
-    await act(async () => {
-      rerender(
-        <DelayedHost
-          initialValues={{ id: 'res-1', name: 'Engineering Laptop 1', customFieldsetCode: LAPTOP_CODE }}
-        />,
-      )
-      await Promise.resolve()
-      await Promise.resolve()
-    })
-
-    await waitFor(() => {
-      expect(container.querySelector('[data-crud-field-id="cf_serial_number"]')).not.toBeNull()
-    })
-    expect(container.querySelector('[data-crud-field-id="cf_asset_tag"]')).toBeNull()
-  })
-})