@happyvertical/smrt-manufacturing 0.53.6 → 0.54.0

package/dist/svelte/components/AssemblyForm.svelte

@@ -1,69 +1,440 @@
 <script lang="ts">
 /**
- * AssemblyForm — the create and edit form for an assembly, rendered by
- * smrt-fields `ObjectForm` for `@happyvertical/smrt-manufacturing:Assembly`.
+ * AssemblyForm — add an assembly, or edit one: name, description, category,
+ * part reference, price, estimated labour, default operation and tags.
+ * Presentational: it never persists. The host receives trimmed, checked
+ * values in `onsubmit` and saves them through the Assembly REST route or
+ * `AssemblyCollection`.
  *
- * The fields, their order, labels, help and visibility come from the
- * generated Assembly definition and the consumer's resolved field policy, so
- * a field the policy hides (price, for someone who may not see it) is not
- * rendered. Pass `fields` and `policy` directly, or omit both beneath an
- * `ObjectFormSourceProvider` that knows the Assembly definition.
+ * The host passes the operations to choose from (the active ones). An
+ * operation already set on the assembly that is retired, or no longer in the
+ * list, stays visible as the current value, marked, and can be cleared.
  *
- * Presentational: the host owns the record and persistence. `onsubmit`
- * should save through the Assembly REST route or `AssemblyCollection` and
- * resolve `true` once the record is stored.
+ * Field policy: a field named in `hiddenFields` is not rendered, and one in
+ * `readonlyFields` is shown but not editable (a price a viewer may see but
+ * not change). Neither is checked, and `onsubmit` carries its initial value
+ * unchanged, so a host should save only fields the reader may write.
  */
 
+import { Button } from '@happyvertical/smrt-ui';
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
 import {
-  ObjectForm,
-  type ObjectFormProps,
-  type ResolvedObjectFieldPolicy,
-} from '@happyvertical/smrt-fields/svelte';
-import type { Snippet } from 'svelte';
+  type AssemblyFormField,
+  type AssemblyFormInitial,
+  type AssemblyFormInvalidField,
+  type AssemblyFormValues,
+  assemblyFormDraft,
+  currencyExponent,
+  keepProtectedFields,
+  type OperationView,
+  validateAssemblyForm,
+} from '../types.js';
 
-/** The canonical object reference ObjectForm and field policy use for Assembly. */
-const ASSEMBLY_OBJECT_REF = '@happyvertical/smrt-manufacturing:Assembly';
+const { t } = useI18n();
 
 export interface AssemblyFormProps {
-  /** Generated browser-safe Assembly field definitions; pass with `policy`. */
-  fields?: ObjectFormProps['fields'];
-  /** The resolved field policy for Assembly; pass with `fields`. */
-  policy?: ResolvedObjectFieldPolicy;
-  /** The record being created or edited. Bind it to keep values in the host. */
-  value?: Record<string, unknown>;
-  /** True for a new assembly (policy defaults may prefill), false for an edit. */
-  isNewRecord?: boolean;
+  /** The assembly being edited; omit or pass null to add one. */
+  assembly?: AssemblyFormInitial | null;
+  /** Invoked with trimmed, checked values. The form never persists. */
+  onsubmit: (values: AssemblyFormValues) => void;
+  /** Invoked when the form is canceled; omit to hide the cancel button. */
+  oncancel?: () => void;
   /** Blocks input and submission while the host saves. */
-  disabled?: boolean;
-  /** Shows the basic/advanced field toggle. */
-  showModeSwitch?: boolean;
-  /** Controls rendered after the fields, inside the form (e.g. a cancel button). */
-  actions?: Snippet;
-  /** Saves the record; resolve `true` only once it is stored. */
-  onsubmit?: ObjectFormProps['onsubmit'];
+  loading?: boolean;
+  /** Operations to choose a default from: the active ones, host-loaded. */
+  operations?: readonly OperationView[];
+  /** ISO 4217 currency of the price, named in its help text. */
+  currency?: string;
+  /** Fields the reader may not see: not rendered. */
+  hiddenFields?: readonly AssemblyFormField[];
+  /** Fields the reader may see but not change: rendered read-only. */
+  readonlyFields?: readonly AssemblyFormField[];
 }
 
-let {
-  fields,
-  policy,
-  value = $bindable<Record<string, unknown>>({}),
-  isNewRecord = true,
-  disabled = false,
-  showModeSwitch = true,
-  actions,
+const {
+  assembly = null,
   onsubmit,
+  oncancel,
+  loading = false,
+  operations = [],
+  currency = 'USD',
+  hiddenFields = [],
+  readonlyFields = [],
 }: AssemblyFormProps = $props();
+
+const uid = $props.id();
+const exponent = $derived(currencyExponent(currency));
+const isNew = $derived(assembly === null);
+
+function getInitialFormState() {
+  const initialExponent = currencyExponent(currency);
+  return {
+    assembly,
+    exponent: initialExponent,
+    draft: assemblyFormDraft(assembly, initialExponent),
+  };
+}
+
+const initialFormState = getInitialFormState();
+let name = $state(initialFormState.draft.name);
+let description = $state(initialFormState.draft.description);
+let category = $state(initialFormState.draft.category);
+let partReference = $state(initialFormState.draft.partReference);
+let price = $state(initialFormState.draft.price);
+let estimatedLabourMinutes = $state(
+  initialFormState.draft.estimatedLabourMinutes,
+);
+let defaultOperationId = $state(initialFormState.draft.defaultOperationId);
+let tags = $state(initialFormState.draft.tags);
+let invalid = $state<AssemblyFormInvalidField[]>([]);
+let appliedAssembly: AssemblyFormInitial | null = initialFormState.assembly;
+let appliedExponent = initialFormState.exponent;
+
+// Follow the host when it swaps the assembly being edited.
+// Follow a change of currency: show the stored price in the new minor unit.
+$effect(() => {
+  if (appliedExponent === exponent) return;
+  appliedExponent = exponent;
+  price = assemblyFormDraft(assembly, exponent).price;
+});
+
+$effect(() => {
+  if (appliedAssembly === assembly) return;
+  appliedAssembly = assembly;
+  const draft = assemblyFormDraft(assembly, exponent);
+  name = draft.name;
+  description = draft.description;
+  category = draft.category;
+  partReference = draft.partReference;
+  price = draft.price;
+  estimatedLabourMinutes = draft.estimatedLabourMinutes;
+  defaultOperationId = draft.defaultOperationId;
+  tags = draft.tags;
+  invalid = [];
+});
+
+const shown = (field: AssemblyFormField) => !hiddenFields.includes(field);
+const locked = (field: AssemblyFormField) =>
+  loading || readonlyFields.includes(field);
+
+// The operation set when the form opened, kept in the list even if retired.
+const originalOperationId = $derived(assembly?.defaultOperationId ?? '');
+
+function operationLabel(operation: OperationView): string {
+  const label = operation.name
+    ? `${operation.code} - ${operation.name}`
+    : operation.code;
+  return operation.isActive
+    ? label
+    : t(M['manufacturing.assembly_form.operation_retired'], { label });
+}
+
+const operationChoices = $derived.by(() => {
+  const choices: { id: string; label: string }[] = operations
+    .filter(
+      (operation) => operation.isActive || operation.id === originalOperationId,
+    )
+    .map((operation) => ({
+      id: operation.id,
+      label: operationLabel(operation),
+    }));
+  if (
+    originalOperationId &&
+    !choices.some((c) => c.id === originalOperationId)
+  ) {
+    choices.push({
+      id: originalOperationId,
+      label: t(M['manufacturing.assembly_form.operation_unknown'], {
+        id: originalOperationId,
+      }),
+    });
+  }
+  return choices;
+});
+
+function errorMessage(field: AssemblyFormInvalidField): string {
+  switch (field) {
+    case 'name':
+      return t(M['manufacturing.assembly_form.error_name']);
+    case 'price':
+      return t(M['manufacturing.assembly_form.error_price']);
+    default:
+      return t(M['manufacturing.assembly_form.error_labour']);
+  }
+}
+
+const errors = $derived(
+  invalid.map((field) => ({ field, message: errorMessage(field) })),
+);
+
+function errorId(field: AssemblyFormInvalidField): string {
+  return `${uid}-error-${field}`;
+}
+
+function describedBy(
+  field: AssemblyFormInvalidField | null,
+  hintId?: string,
+): string | undefined {
+  const ids = [
+    hintId,
+    field && invalid.includes(field) ? errorId(field) : undefined,
+  ];
+  return ids.filter(Boolean).join(' ') || undefined;
+}
+
+const policyProtected = $derived([...hiddenFields, ...readonlyFields]);
+
+function handleSubmit() {
+  const draft = {
+    name,
+    description,
+    category,
+    partReference,
+    price,
+    estimatedLabourMinutes,
+    defaultOperationId,
+    tags,
+  };
+  // A field the reader left as it was keeps its stored value exactly (a tag
+  // with a comma, a price this form cannot express); the name is always checked.
+  const initialDraft = assemblyFormDraft(assembly, exponent);
+  const untouched = (Object.keys(draft) as AssemblyFormField[]).filter(
+    (field) => field !== 'name' && draft[field] === initialDraft[field],
+  );
+  const protectedFields = [...policyProtected, ...untouched];
+  const result = validateAssemblyForm(draft, policyProtected, exponent);
+  const checked =
+    result.ok || untouched.length === 0
+      ? result
+      : validateAssemblyForm(draft, protectedFields, exponent);
+  if (!checked.ok) {
+    invalid = checked.invalid;
+    return;
+  }
+  invalid = [];
+  onsubmit(keepProtectedFields(checked.values, assembly, protectedFields));
+}
 </script>
 
-<ObjectForm
-  objectRef={ASSEMBLY_OBJECT_REF}
-  {fields}
-  {policy}
-  bind:value
-  {isNewRecord}
-  {disabled}
-  {showModeSwitch}
-  {actions}
-  {onsubmit}
-  class="assembly-form"
-/>
+<div class="assembly-form-shell">
+  <Form class="assembly-form" onsubmit={handleSubmit}>
+    {#if shown('name')}
+      <div class="field">
+        <label for="{uid}-name">
+          {t(M['manufacturing.assembly_form.name'])}<span class="required" aria-hidden="true">*</span>
+        </label>
+        <Input
+          id="{uid}-name"
+          name="name"
+          type="text"
+          bind:value={name}
+          required
+          readonly={readonlyFields.includes('name')}
+          disabled={loading}
+          aria-invalid={invalid.includes('name') ? 'true' : undefined}
+          aria-describedby={describedBy('name')}
+        />
+      </div>
+    {/if}
+
+    {#if shown('description')}
+      <div class="field">
+        <label for="{uid}-description">{t(M['manufacturing.assembly_form.description'])}</label>
+        <Textarea
+          id="{uid}-description"
+          name="description"
+          bind:value={description}
+          readonly={readonlyFields.includes('description')}
+          disabled={loading}
+        />
+      </div>
+    {/if}
+
+    {#if shown('partReference')}
+      <div class="field">
+        <label for="{uid}-part-reference">{t(M['manufacturing.assembly_form.part_reference'])}</label>
+        <Input
+          id="{uid}-part-reference"
+          name="partReference"
+          type="text"
+          bind:value={partReference}
+          readonly={readonlyFields.includes('partReference')}
+          disabled={loading}
+          aria-describedby="{uid}-part-reference-hint"
+        />
+        <span class="hint" id="{uid}-part-reference-hint">
+          {t(M['manufacturing.assembly_form.part_reference_help'])}
+        </span>
+      </div>
+    {/if}
+
+    {#if shown('category')}
+      <div class="field">
+        <label for="{uid}-category">{t(M['manufacturing.assembly_form.category'])}</label>
+        <Input
+          id="{uid}-category"
+          name="category"
+          type="text"
+          bind:value={category}
+          readonly={readonlyFields.includes('category')}
+          disabled={loading}
+        />
+      </div>
+    {/if}
+
+    {#if shown('price')}
+      <div class="field">
+        <label for="{uid}-price">{t(M['manufacturing.assembly_form.price'])}</label>
+        <Input
+          id="{uid}-price"
+          name="price"
+          type="text"
+          inputmode="decimal"
+          autocomplete="off"
+          bind:value={price}
+          readonly={readonlyFields.includes('price')}
+          disabled={loading}
+          aria-invalid={invalid.includes('price') ? 'true' : undefined}
+          aria-describedby={describedBy('price', `${uid}-price-hint`)}
+        />
+        <span class="hint" id="{uid}-price-hint">
+          {t(M['manufacturing.assembly_form.price_help'], { currency })}
+        </span>
+      </div>
+    {/if}
+
+    {#if shown('estimatedLabourMinutes')}
+      <div class="field">
+        <label for="{uid}-labour">{t(M['manufacturing.assembly_form.labour'])}</label>
+        <Input
+          id="{uid}-labour"
+          name="estimatedLabourMinutes"
+          type="text"
+          inputmode="numeric"
+          autocomplete="off"
+          bind:value={estimatedLabourMinutes}
+          readonly={readonlyFields.includes('estimatedLabourMinutes')}
+          disabled={loading}
+          aria-invalid={invalid.includes('estimatedLabourMinutes') ? 'true' : undefined}
+          aria-describedby={describedBy('estimatedLabourMinutes', `${uid}-labour-hint`)}
+        />
+        <span class="hint" id="{uid}-labour-hint">
+          {t(M['manufacturing.assembly_form.labour_help'])}
+        </span>
+      </div>
+    {/if}
+
+    {#if shown('defaultOperationId')}
+      <div class="field">
+        <label for="{uid}-operation">{t(M['manufacturing.assembly_form.operation'])}</label>
+        <Select
+          id="{uid}-operation"
+          name="defaultOperationId"
+          bind:value={defaultOperationId}
+          disabled={locked('defaultOperationId')}
+          aria-describedby="{uid}-operation-hint"
+        >
+          <option value="">{t(M['manufacturing.assembly_form.operation_none'])}</option>
+          {#each operationChoices as choice (choice.id)}
+            <option value={choice.id}>{choice.label}</option>
+          {/each}
+        </Select>
+        <span class="hint" id="{uid}-operation-hint">
+          {t(M['manufacturing.assembly_form.operation_help'])}
+        </span>
+      </div>
+    {/if}
+
+    {#if shown('tags')}
+      <div class="field">
+        <label for="{uid}-tags">{t(M['manufacturing.assembly_form.tags'])}</label>
+        <Input
+          id="{uid}-tags"
+          name="tags"
+          type="text"
+          autocomplete="off"
+          bind:value={tags}
+          readonly={readonlyFields.includes('tags')}
+          disabled={loading}
+          aria-describedby="{uid}-tags-hint"
+        />
+        <span class="hint" id="{uid}-tags-hint">
+          {t(M['manufacturing.assembly_form.tags_help'])}
+        </span>
+      </div>
+    {/if}
+
+    {#if errors.length > 0}
+      <div class="errors" role="alert">
+        <ul>
+          {#each errors as error (error.field)}
+            <li id={errorId(error.field)}>{error.message}</li>
+          {/each}
+        </ul>
+      </div>
+    {/if}
+
+    <div class="actions">
+      {#if oncancel}
+        <Button variant="secondary" type="button" onclick={oncancel} disabled={loading}>
+          {t(M['manufacturing.assembly_form.cancel'])}
+        </Button>
+      {/if}
+      <Button variant="primary" type="submit" disabled={loading}>
+        {#if loading}
+          {t(M['manufacturing.assembly_form.saving'])}
+        {:else if isNew}
+          {t(M['manufacturing.assembly_form.submit_add'])}
+        {:else}
+          {t(M['manufacturing.assembly_form.submit_edit'])}
+        {/if}
+      </Button>
+    </div>
+  </Form>
+</div>
+
+<style>
+  .assembly-form-shell :global(.assembly-form) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--smrt-spacing-md, 1rem);
+  }
+
+  .field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  label {
+    font: var(--smrt-typography-body-medium-font, 500 0.875rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .required {
+    color: var(--smrt-color-error, inherit);
+  }
+
+  .hint {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .errors {
+    color: var(--smrt-color-error, inherit);
+  }
+
+  .errors ul {
+    margin: 0;
+    padding-left: 1.25rem;
+  }
+
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--smrt-spacing-sm, 0.5rem);
+    margin-top: var(--smrt-spacing-sm, 0.5rem);
+  }
+</style>

package/dist/svelte/components/AssemblyForm.svelte.d.ts

@@ -1,38 +1,23 @@
-/**
- * AssemblyForm — the create and edit form for an assembly, rendered by
- * smrt-fields `ObjectForm` for `@happyvertical/smrt-manufacturing:Assembly`.
- *
- * The fields, their order, labels, help and visibility come from the
- * generated Assembly definition and the consumer's resolved field policy, so
- * a field the policy hides (price, for someone who may not see it) is not
- * rendered. Pass `fields` and `policy` directly, or omit both beneath an
- * `ObjectFormSourceProvider` that knows the Assembly definition.
- *
- * Presentational: the host owns the record and persistence. `onsubmit`
- * should save through the Assembly REST route or `AssemblyCollection` and
- * resolve `true` once the record is stored.
- */
-import { type ObjectFormProps, type ResolvedObjectFieldPolicy } from '@happyvertical/smrt-fields/svelte';
-import type { Snippet } from 'svelte';
+import { type AssemblyFormField, type AssemblyFormInitial, type AssemblyFormValues, type OperationView } from '../types.js';
 export interface AssemblyFormProps {
-    /** Generated browser-safe Assembly field definitions; pass with `policy`. */
-    fields?: ObjectFormProps['fields'];
-    /** The resolved field policy for Assembly; pass with `fields`. */
-    policy?: ResolvedObjectFieldPolicy;
-    /** The record being created or edited. Bind it to keep values in the host. */
-    value?: Record<string, unknown>;
-    /** True for a new assembly (policy defaults may prefill), false for an edit. */
-    isNewRecord?: boolean;
+    /** The assembly being edited; omit or pass null to add one. */
+    assembly?: AssemblyFormInitial | null;
+    /** Invoked with trimmed, checked values. The form never persists. */
+    onsubmit: (values: AssemblyFormValues) => void;
+    /** Invoked when the form is canceled; omit to hide the cancel button. */
+    oncancel?: () => void;
     /** Blocks input and submission while the host saves. */
-    disabled?: boolean;
-    /** Shows the basic/advanced field toggle. */
-    showModeSwitch?: boolean;
-    /** Controls rendered after the fields, inside the form (e.g. a cancel button). */
-    actions?: Snippet;
-    /** Saves the record; resolve `true` only once it is stored. */
-    onsubmit?: ObjectFormProps['onsubmit'];
+    loading?: boolean;
+    /** Operations to choose a default from: the active ones, host-loaded. */
+    operations?: readonly OperationView[];
+    /** ISO 4217 currency of the price, named in its help text. */
+    currency?: string;
+    /** Fields the reader may not see: not rendered. */
+    hiddenFields?: readonly AssemblyFormField[];
+    /** Fields the reader may see but not change: rendered read-only. */
+    readonlyFields?: readonly AssemblyFormField[];
 }
-declare const AssemblyForm: import("svelte").Component<AssemblyFormProps, {}, "value">;
+declare const AssemblyForm: import("svelte").Component<AssemblyFormProps, {}, "">;
 type AssemblyForm = ReturnType<typeof AssemblyForm>;
 export default AssemblyForm;
 //# sourceMappingURL=AssemblyForm.svelte.d.ts.map

package/dist/svelte/components/AssemblyForm.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssemblyForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AssemblyForm.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC/B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,MAAM,WAAW,iBAAiB;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,kEAAkE;IAClE,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACxC;AA2BD,QAAA,MAAM,YAAY,4DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AssemblyForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AssemblyForm.svelte.ts"],"names":[],"mappings":"AAuBA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EAExB,KAAK,kBAAkB,EAIvB,KAAK,aAAa,EAEnB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACtC,qEAAqE;IACrE,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,YAAY,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC5C,oEAAoE;IACpE,cAAc,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;CAC/C;AAmSD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/components/AssemblyList.svelte

@@ -5,19 +5,19 @@
  * the host loads assemblies, their SKUs and active bills, and adapts each row
  * with `toAssemblyView`.
  *
- * Pass the resolved field `policy` for `@happyvertical/smrt-manufacturing:Assembly`
- * to apply the consumer's field policy: a field the policy hides (price, for
+ * Pass the resolved field `policy` for Assembly (any object whose `fields`
+ * name each field's `visibility`) to apply the consumer's field policy: a field the policy hides (price, for
  * a viewer who may not see it) drops its column.
  */
 
-import {
-  policyToVisibleColumnIds,
-  type ResolvedObjectFieldPolicy,
-} from '@happyvertical/smrt-fields/svelte';
 import { Button, CurrencyDisplay } from '@happyvertical/smrt-ui';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { M } from '../i18n.js';
-import { type AssemblyView, splitLabourMinutes } from '../types.js';
+import {
+  type AssemblyFieldPolicy,
+  type AssemblyView,
+  splitLabourMinutes,
+} from '../types.js';
 
 const { t } = useI18n();
 
@@ -25,7 +25,7 @@ export interface AssemblyListProps {
   /** Assemblies to show, in the host's order. */
   assemblies: AssemblyView[];
   /** The resolved field policy for Assembly; hidden fields drop their column. */
-  policy?: ResolvedObjectFieldPolicy;
+  policy?: AssemblyFieldPolicy;
   /** ISO 4217 currency of the prices. */
   currency?: string;
   /** Invoked with the assembly id when a name is activated. */
@@ -53,12 +53,18 @@ const POLICY_COLUMNS = [
   { id: 'labour' },
   { id: 'bill' },
 ];
-const FIELD_BY_COLUMN = { labour: 'estimatedLabourMinutes' };
+const FIELD_BY_COLUMN: Record<string, string> = {
+  labour: 'estimatedLabourMinutes',
+};
 
 const visible = $derived(
-  policy
-    ? policyToVisibleColumnIds(policy, POLICY_COLUMNS, FIELD_BY_COLUMN)
-    : new Set(POLICY_COLUMNS.map((column) => column.id)),
+  new Set(
+    POLICY_COLUMNS.filter(
+      (column) =>
+        policy?.fields[FIELD_BY_COLUMN[column.id] ?? column.id]?.visibility !==
+        'hidden',
+    ).map((column) => column.id),
+  ),
 );
 
 /** The row header: the name, or a visible identifier when the name is hidden. */

package/dist/svelte/components/AssemblyList.svelte.d.ts

@@ -1,20 +1,9 @@
-/**
- * AssemblyList — a table of assemblies: name, part reference, SKU codes,
- * price, labour estimate and the version of the active bill. Presentational:
- * the host loads assemblies, their SKUs and active bills, and adapts each row
- * with `toAssemblyView`.
- *
- * Pass the resolved field `policy` for `@happyvertical/smrt-manufacturing:Assembly`
- * to apply the consumer's field policy: a field the policy hides (price, for
- * a viewer who may not see it) drops its column.
- */
-import { type ResolvedObjectFieldPolicy } from '@happyvertical/smrt-fields/svelte';
-import { type AssemblyView } from '../types.js';
+import { type AssemblyFieldPolicy, type AssemblyView } from '../types.js';
 export interface AssemblyListProps {
     /** Assemblies to show, in the host's order. */
     assemblies: AssemblyView[];
     /** The resolved field policy for Assembly; hidden fields drop their column. */
-    policy?: ResolvedObjectFieldPolicy;
+    policy?: AssemblyFieldPolicy;
     /** ISO 4217 currency of the prices. */
     currency?: string;
     /** Invoked with the assembly id when a name is activated. */

package/dist/svelte/components/AssemblyList.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssemblyList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AssemblyList.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AACH,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,mCAAmC,CAAC;AAI3C,OAAO,EAAE,KAAK,YAAY,EAAsB,MAAM,aAAa,CAAC;AAGpE,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuJD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AssemblyList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AssemblyList.svelte.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAElB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4JD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}