@happyvertical/smrt-content 0.34.5 → 0.34.7

package/dist/svelte/components/ContentGovernanceAssignmentEditor.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
+import { Form, Input, Select } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type {
   ContentGovernanceAssignmentData,
   ContentGovernanceProfileData,
@@ -94,81 +96,87 @@ function handleSubmit() {
 }
 </script>
 
-<form class="governance-editor" onsubmit={(event) => {
-  event.preventDefault();
-  handleSubmit();
-}}>
-  <label>
-    Label
-    <input type="text" bind:value={draft.label} />
-  </label>
-  <label>
-    {t(M['content.governance_assignment_editor.content_type'])}
-    <input type="text" bind:value={draft.contentType} required />
-  </label>
-  <label>
-    {t(M['content.governance_assignment_editor.content_variant'])}
-    <input type="text" bind:value={draft.contentVariant} />
-  </label>
-  <label>
-    {t(M['content.governance_assignment_editor.publication_profile'])}
-    <select bind:value={draft.publicationProfileKey}>
-      <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
-      {#each profiles as profile (profile.key)}
-        <option value={profile.key}>{profile.label}</option>
-      {/each}
-    </select>
-  </label>
-  <label>
-    {t(M['content.governance_assignment_editor.correction_profile'])}
-    <select bind:value={draft.correctionProfileKey}>
-      <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
-      {#each profiles as profile (profile.key)}
-        <option value={profile.key}>{profile.label}</option>
-      {/each}
-    </select>
-  </label>
-  <label>
-    {t(M['content.governance_assignment_editor.default_fact_relationship'])}
-    <select bind:value={draft.defaultFactRelationship}>
-      <option value="supports">supports</option>
-      <option value="referenced_in">referenced_in</option>
-      <option value="contradicts">contradicts</option>
-      <option value="related">related</option>
-    </select>
-  </label>
-
-  <div class="checkbox-grid">
-    <label class="checkbox">
-      <input type="checkbox" bind:checked={draft.enabled} />
-      Enabled
+<div class="governance-editor-shell">
+  <Form class="governance-editor" onsubmit={(event) => {
+    event.preventDefault();
+    handleSubmit();
+  }}>
+    <label>
+      Label
+      <Input type="text" bind:value={draft.label} />
     </label>
-    <label class="checkbox">
-      <input type="checkbox" bind:checked={draft.factLinkingEnabled} />
-      {t(M['content.governance_assignment_editor.fact_linking'])}
+    <label>
+      {t(M['content.governance_assignment_editor.content_type'])}
+      <Input type="text" bind:value={draft.contentType} required />
     </label>
-    <label class="checkbox">
-      <input type="checkbox" bind:checked={draft.transparencyEnabled} />
-      Transparency
+    <label>
+      {t(M['content.governance_assignment_editor.content_variant'])}
+      <Input type="text" bind:value={draft.contentVariant} />
     </label>
-    <label class="checkbox">
-      <input type="checkbox" bind:checked={draft.enforcePublishReadiness} />
-      {t(M['content.governance_assignment_editor.enforce_publish_readiness'])}
+    <label>
+      {t(M['content.governance_assignment_editor.publication_profile'])}
+      <Select bind:value={draft.publicationProfileKey}>
+        <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
+        {#each profiles as profile (profile.key)}
+          <option value={profile.key}>{profile.label}</option>
+        {/each}
+      </Select>
     </label>
-  </div>
-
-  <div class="actions">
-    <button type="submit">{t(M['content.governance_assignment_editor.save_assignment'])}</button>
-    {#if onCancel}
-      <button type="button" class="secondary" onclick={() => onCancel?.()}>
-        Cancel
-      </button>
-    {/if}
-  </div>
-</form>
+    <label>
+      {t(M['content.governance_assignment_editor.correction_profile'])}
+      <Select bind:value={draft.correctionProfileKey}>
+        <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
+        {#each profiles as profile (profile.key)}
+          <option value={profile.key}>{profile.label}</option>
+        {/each}
+      </Select>
+    </label>
+    <label>
+      {t(M['content.governance_assignment_editor.default_fact_relationship'])}
+      <Select bind:value={draft.defaultFactRelationship}>
+        <option value="supports">supports</option>
+        <option value="referenced_in">referenced_in</option>
+        <option value="contradicts">contradicts</option>
+        <option value="related">related</option>
+      </Select>
+    </label>
+
+    <div class="checkbox-grid">
+      <label class="checkbox">
+        <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+        <input type="checkbox" bind:checked={draft.enabled} />
+        Enabled
+      </label>
+      <label class="checkbox">
+        <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+        <input type="checkbox" bind:checked={draft.factLinkingEnabled} />
+        {t(M['content.governance_assignment_editor.fact_linking'])}
+      </label>
+      <label class="checkbox">
+        <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+        <input type="checkbox" bind:checked={draft.transparencyEnabled} />
+        Transparency
+      </label>
+      <label class="checkbox">
+        <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
+        <input type="checkbox" bind:checked={draft.enforcePublishReadiness} />
+        {t(M['content.governance_assignment_editor.enforce_publish_readiness'])}
+      </label>
+    </div>
+
+    <div class="actions">
+      <Button variant="primary" type="submit">{t(M['content.governance_assignment_editor.save_assignment'])}</Button>
+      {#if onCancel}
+        <Button variant="secondary" type="button" onclick={() => onCancel?.()}>
+          Cancel
+        </Button>
+      {/if}
+    </div>
+  </Form>
+</div>
 
 <style>
-  .governance-editor {
+  .governance-editor-shell :global(.governance-editor) {
     display: grid;
     gap: 0.75rem;
   }
@@ -179,11 +187,6 @@ function handleSubmit() {
     font-size: var(--smrt-typography-label-large-size, 0.9rem);
   }
 
-  input,
-  select {
-    width: 100%;
-  }
-
   .checkbox-grid,
   .actions {
     display: flex;

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGovernanceAssignmentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceAssignmentEditor.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,+BAA+B,EAC/B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,MAAM,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAqKD,QAAA,MAAM,iCAAiC,2CAAwC,CAAC;AAChF,KAAK,iCAAiC,GAAG,UAAU,CAAC,OAAO,iCAAiC,CAAC,CAAC;AAC9F,eAAe,iCAAiC,CAAC"}
+{"version":3,"file":"ContentGovernanceAssignmentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceAssignmentEditor.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,+BAA+B,EAC/B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,MAAM,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6KD,QAAA,MAAM,iCAAiC,2CAAwC,CAAC;AAChF,KAAK,iCAAiC,GAAG,UAAU,CAAC,OAAO,iCAAiC,CAAC,CAAC;AAC9F,eAAe,iCAAiC,CAAC"}

package/dist/svelte/components/ContentGovernanceManager.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { onMount } from 'svelte';
 import {
   type ContentGovernanceAssignmentData,
@@ -141,9 +142,9 @@ function cancelEditing() {
       <h3>{t(M['content.governance_manager.content_governance'])}</h3>
       <p>{t(M['content.governance_manager.manage_governed_content'])}</p>
     </div>
-    <button type="button" class="secondary" onclick={() => void loadDefinitions()}>
+    <Button variant="secondary" type="button" onclick={() => void loadDefinitions()}>
       Refresh
-    </button>
+    </Button>
   </div>
 
   {#if loading}
@@ -155,12 +156,12 @@ function cancelEditing() {
       <section>
         <div class="section-header">
           <h4>Policies</h4>
-          <button type="button" onclick={() => {
+          <Button variant="primary" type="button" onclick={() => {
             editMode = 'policy';
             editingPolicy = null;
           }}>
             {t(M['content.governance_manager.add_policy'])}
-          </button>
+          </Button>
         </div>
         {#if editMode === 'policy'}
           {#key editingPolicy?.id ?? editingPolicy?.key ?? 'new-policy'}
@@ -179,16 +180,16 @@ function cancelEditing() {
                 <span>{policy.key} · {policy.kind}</span>
               </div>
               <div class="actions">
-                <button type="button" class="secondary" onclick={() => {
+                <Button variant="secondary" type="button" onclick={() => {
                   editMode = 'policy';
                   editingPolicy = policy;
                 }}>
                   Edit
-                </button>
+                </Button>
                 {#if definitions.persisted.policies.some((item) => item.key === policy.key)}
-                  <button type="button" class="secondary" onclick={() => void deletePolicy(policy.id)}>
+                  <Button variant="danger" type="button" onclick={() => void deletePolicy(policy.id)}>
                     {t(M['content.governance_manager.delete_override'])}
-                  </button>
+                  </Button>
                 {/if}
               </div>
             </article>
@@ -199,12 +200,12 @@ function cancelEditing() {
       <section>
         <div class="section-header">
           <h4>Profiles</h4>
-          <button type="button" onclick={() => {
+          <Button variant="primary" type="button" onclick={() => {
             editMode = 'profile';
             editingProfile = null;
           }}>
             {t(M['content.governance_manager.add_profile'])}
-          </button>
+          </Button>
         </div>
         {#if editMode === 'profile'}
           {#key editingProfile?.id ?? editingProfile?.key ?? 'new-profile'}
@@ -224,16 +225,16 @@ function cancelEditing() {
                 <span>{profile.key} · {profile.requirements.length} requirement(s)</span>
               </div>
               <div class="actions">
-                <button type="button" class="secondary" onclick={() => {
+                <Button variant="secondary" type="button" onclick={() => {
                   editMode = 'profile';
                   editingProfile = profile;
                 }}>
                   Edit
-                </button>
+                </Button>
                 {#if definitions.persisted.profiles.some((item) => item.key === profile.key)}
-                  <button type="button" class="secondary" onclick={() => void deleteProfile(profile.id)}>
+                  <Button variant="danger" type="button" onclick={() => void deleteProfile(profile.id)}>
                     {t(M['content.governance_manager.delete_override'])}
-                  </button>
+                  </Button>
                 {/if}
               </div>
             </article>
@@ -244,12 +245,12 @@ function cancelEditing() {
       <section>
         <div class="section-header">
           <h4>Assignments</h4>
-          <button type="button" onclick={() => {
+          <Button variant="primary" type="button" onclick={() => {
             editMode = 'assignment';
             editingAssignment = null;
           }}>
             {t(M['content.governance_manager.add_assignment'])}
-          </button>
+          </Button>
         </div>
         {#if editMode === 'assignment'}
           {#key editingAssignment?.id ?? editingAssignment?.key ?? 'new-assignment'}
@@ -272,16 +273,16 @@ function cancelEditing() {
                 </span>
               </div>
               <div class="actions">
-                <button type="button" class="secondary" onclick={() => {
+                <Button variant="secondary" type="button" onclick={() => {
                   editMode = 'assignment';
                   editingAssignment = assignment;
                 }}>
                   Edit
-                </button>
+                </Button>
                 {#if assignment.id}
-                  <button type="button" class="secondary" onclick={() => void deleteAssignment(assignment.id)}>
+                  <Button variant="danger" type="button" onclick={() => void deleteAssignment(assignment.id)}>
                     Delete
-                  </button>
+                  </Button>
                 {/if}
               </div>
             </article>

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGovernanceManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceManager.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gCAAgC,EAItC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AASnF,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gCAAgC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAiRD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ContentGovernanceManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceManager.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,gCAAgC,EAItC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AASnF,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gCAAgC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAkRD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}