@happyvertical/smrt-manufacturing 0.53.3 → 0.53.5

package/dist/svelte/components/AssemblyForm.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+/**
+ * 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 {
+  ObjectForm,
+  type ObjectFormProps,
+  type ResolvedObjectFieldPolicy,
+} from '@happyvertical/smrt-fields/svelte';
+import type { Snippet } from 'svelte';
+
+/** The canonical object reference ObjectForm and field policy use for Assembly. */
+const ASSEMBLY_OBJECT_REF = '@happyvertical/smrt-manufacturing:Assembly';
+
+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;
+  /** 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'];
+}
+
+let {
+  fields,
+  policy,
+  value = $bindable<Record<string, unknown>>({}),
+  isNewRecord = true,
+  disabled = false,
+  showModeSwitch = true,
+  actions,
+  onsubmit,
+}: AssemblyFormProps = $props();
+</script>
+
+<ObjectForm
+  objectRef={ASSEMBLY_OBJECT_REF}
+  {fields}
+  {policy}
+  bind:value
+  {isNewRecord}
+  {disabled}
+  {showModeSwitch}
+  {actions}
+  {onsubmit}
+  class="assembly-form"
+/>

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

@@ -0,0 +1,38 @@
+/**
+ * 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';
+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;
+    /** 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'];
+}
+declare const AssemblyForm: import("svelte").Component<AssemblyFormProps, {}, "value">;
+type AssemblyForm = ReturnType<typeof AssemblyForm>;
+export default AssemblyForm;
+//# sourceMappingURL=AssemblyForm.svelte.d.ts.map

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

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

package/dist/svelte/components/AssemblyList.svelte

@@ -0,0 +1,229 @@
+<script lang="ts">
+/**
+ * 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 {
+  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';
+
+const { t } = useI18n();
+
+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;
+  /** ISO 4217 currency of the prices. */
+  currency?: string;
+  /** Invoked with the assembly id when a name is activated. */
+  onselect?: (id: string) => void;
+  /** Message shown when there are no assemblies. */
+  emptyMessage?: string;
+}
+
+const {
+  assemblies,
+  policy,
+  currency = 'USD',
+  onselect,
+  emptyMessage,
+}: AssemblyListProps = $props();
+
+// Columns that map to Assembly fields follow the policy; SKU and bill are
+// computed from neighbours and always show. When the policy hides the name,
+// the row header falls back to the SKU codes, then the part reference.
+const POLICY_COLUMNS = [
+  { id: 'name' },
+  { id: 'partReference' },
+  { id: 'sku' },
+  { id: 'price' },
+  { id: 'labour' },
+  { id: 'bill' },
+];
+const FIELD_BY_COLUMN = { labour: 'estimatedLabourMinutes' };
+
+const visible = $derived(
+  policy
+    ? policyToVisibleColumnIds(policy, POLICY_COLUMNS, FIELD_BY_COLUMN)
+    : new Set(POLICY_COLUMNS.map((column) => column.id)),
+);
+
+/** The row header: the name, or a visible identifier when the name is hidden. */
+function rowLabel(assembly: AssemblyView): string {
+  if (visible.has('name')) return assembly.name;
+  if (assembly.skuCodes.length > 0) return assembly.skuCodes.join(', ');
+  if (visible.has('partReference') && assembly.partReference)
+    return assembly.partReference;
+  return t(M['manufacturing.assembly_list.unnamed']);
+}
+
+function labour(minutes: number): string {
+  if (!minutes || minutes <= 0)
+    return t(M['manufacturing.labour.not_estimated']);
+  const split = splitLabourMinutes(minutes);
+  return split.hours === 0
+    ? t(M['manufacturing.labour.minutes'], { minutes: split.minutes })
+    : t(M['manufacturing.labour.hours_minutes'], split);
+}
+</script>
+
+{#if assemblies.length === 0}
+  <p class="assembly-list-empty">
+    {emptyMessage ?? t(M['manufacturing.assembly_list.empty'])}
+  </p>
+{:else}
+  <div class="assembly-list-scroll">
+    <table class="assembly-list">
+      <caption class="assembly-list-caption">{t(M['manufacturing.assembly_list.caption'])}</caption>
+      <thead>
+        <tr>
+          <th scope="col">
+            {t(
+              visible.has('name')
+                ? M['manufacturing.assembly_list.name']
+                : M['manufacturing.assembly_list.assembly'],
+            )}
+          </th>
+          {#if visible.has('partReference')}
+            <th scope="col">{t(M['manufacturing.assembly_list.part_reference'])}</th>
+          {/if}
+          {#if visible.has('sku')}
+            <th scope="col">{t(M['manufacturing.assembly_list.sku'])}</th>
+          {/if}
+          {#if visible.has('price')}
+            <th scope="col" class="numeric">{t(M['manufacturing.assembly_list.price'])}</th>
+          {/if}
+          {#if visible.has('labour')}
+            <th scope="col" class="numeric">{t(M['manufacturing.assembly_list.labour'])}</th>
+          {/if}
+          {#if visible.has('bill')}
+            <th scope="col">{t(M['manufacturing.assembly_list.bill'])}</th>
+          {/if}
+        </tr>
+      </thead>
+      <tbody>
+        {#each assemblies as assembly (assembly.id)}
+          <tr>
+            <th scope="row" class="assembly-list-name">
+              {#if onselect}
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onclick={() => onselect(assembly.id)}
+                  aria-label={t(M['manufacturing.assembly_list.select_aria'], { name: rowLabel(assembly) })}
+                >
+                  {rowLabel(assembly)}
+                </Button>
+              {:else}
+                {rowLabel(assembly)}
+              {/if}
+            </th>
+            {#if visible.has('partReference')}
+              <td>
+                {#if assembly.partReference}
+                  {assembly.partReference}
+                {:else}
+                  <span class="assembly-list-none">{t(M['manufacturing.assembly_list.none'])}</span>
+                {/if}
+              </td>
+            {/if}
+            {#if visible.has('sku')}
+              <td class="assembly-list-code">
+                {#if assembly.skuCodes.length > 0}
+                  {assembly.skuCodes.join(', ')}
+                {:else}
+                  <span class="assembly-list-none">{t(M['manufacturing.assembly_list.none'])}</span>
+                {/if}
+              </td>
+            {/if}
+            {#if visible.has('price')}
+              <td class="numeric">
+                <CurrencyDisplay amount={assembly.price} {currency} unit="cents" size="sm" />
+              </td>
+            {/if}
+            {#if visible.has('labour')}
+              <td class="numeric">{labour(assembly.estimatedLabourMinutes)}</td>
+            {/if}
+            {#if visible.has('bill')}
+              <td>
+                {#if assembly.activeBomVersion !== null}
+                  {t(M['manufacturing.assembly_list.bill_active'], { version: assembly.activeBomVersion })}
+                {:else}
+                  <span class="assembly-list-none">{t(M['manufacturing.assembly_list.bill_missing'])}</span>
+                {/if}
+              </td>
+            {/if}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+{/if}
+
+<style>
+  .assembly-list-scroll {
+    overflow-x: auto;
+  }
+
+  .assembly-list {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  .assembly-list-caption {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .assembly-list th,
+  .assembly-list td {
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--smrt-color-outline-variant, transparent);
+  }
+
+  .assembly-list thead th {
+    font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+    font-weight: var(--smrt-typography-label-medium-weight, 500);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .assembly-list .numeric {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .assembly-list-name {
+    font-weight: var(--smrt-typography-title-small-weight, 500);
+  }
+
+  .assembly-list-code {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .assembly-list-none,
+  .assembly-list-empty {
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .assembly-list-empty {
+    padding: 1rem 0;
+  }
+</style>

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

@@ -0,0 +1,28 @@
+/**
+ * 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';
+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;
+    /** ISO 4217 currency of the prices. */
+    currency?: string;
+    /** Invoked with the assembly id when a name is activated. */
+    onselect?: (id: string) => void;
+    /** Message shown when there are no assemblies. */
+    emptyMessage?: string;
+}
+declare const AssemblyList: import("svelte").Component<AssemblyListProps, {}, "">;
+type AssemblyList = ReturnType<typeof AssemblyList>;
+export default AssemblyList;
+//# sourceMappingURL=AssemblyList.svelte.d.ts.map

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

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