@verifiedinc-public/shared-ui-elements 12.18.0 → 12.19.0

package/dist/components/NetworkRules/editor/NetworkRuleEditorForm.d.ts

@@ -4,7 +4,11 @@ export interface NetworkRuleEditorFormProps {
     rule?: Partial<NetworkRule> | null;
     /** Pre-filled, editable name for a new rule, e.g. "Rule #7". */
     defaultName?: string;
-    /** Offer "Add … as a preset" for a typed note or free-text value; the grown lists arrive with `onSubmit`. */
+    /**
+     * Offer "Add … as a preset" for a typed note or free-text value. With `services.updatePresets`
+     * the preset is stored as soon as it is picked; otherwise, or when that write is refused, the
+     * grown lists arrive with `onSubmit`.
+     */
     canCreatePresets?: boolean;
     /**
      * Offer edit and delete controls on saved presets. Unlike a new preset, a change is written

package/dist/components/NetworkRules/editor/NetworkRuleEditorForm.mjs

@@ -1 +1 @@
-"use strict";import{useState as A,useMemo as I,useEffect as w,useRef as te}from"react";import{Stack as p,Alert as L,Button as F,TextField as oe,FormControlLabel as ae,Switch as se,CircularProgress as ne,Skeleton as C}from"@mui/material";import{zodResolver as ie}from"@hookform/resolvers/zod";import{addDays as le}from"date-fns";import{useForm as de,useWatch as ue,FormProvider as ce,Controller as D}from"react-hook-form";import{useNetworkRuleStatuses as me}from"../NetworkRules.context.mjs";import{NetworkRulePresetDeleteDialog as fe}from"../dialog/NetworkRulePresetDeleteDialog.mjs";import{NetworkRulePresetEditDialog as he}from"../dialog/NetworkRulePresetEditDialog.mjs";import{useNetworkRulesCatalog as pe}from"../hooks/useNetworkRulesCatalog.mjs";import{getPresets as W}from"../utils/catalog.mjs";import{fromNetworkRuleFormValues as ve,toNetworkRuleFormValues as ge,emptyConditionFormValues as be}from"../utils/condition.mjs";import{ruleDateToDay as Pe}from"../utils/date.mjs";import{ConditionsField as Ce}from"./fields/ConditionsField.mjs";import{DateField as O}from"./fields/DateField.mjs";import{MetadataField as De}from"./fields/MetadataField.mjs";import{NotesField as ye}from"./fields/NotesField.mjs";import{StatusField as Ee}from"./fields/StatusField.mjs";import{createNetworkRuleFormSchema as Se}from"./schema.mjs";import{useNetworkRulePresetManager as xe}from"./useNetworkRulePresetManager.mjs";import{jsxs as m,jsx as e,Fragment as ke}from"react/jsx-runtime";function H(i,d){const s=ge(i);return!(i!=null&&i.uuid)&&!s.name&&d&&(s.name=d),s.conditions.length===0&&(s.conditions=[be()]),s}function we(i,d){const s=[],g=[];for(const f of d){const v=f.message??f.code;if(typeof f.index=="number"){const h=`conditions.${f.index}.values`;i.setError(h,{type:"server",message:v}),g.push(h)}else s.push(v)}return s.length>0&&i.setError("root.server",{type:"server",message:s.join(" ")}),g}function Fe(){return m(p,{spacing:2,"aria-busy":!0,children:[e(C,{variant:"rounded",height:56}),e(C,{variant:"rounded",height:56}),e(C,{variant:"rounded",height:56}),e(C,{variant:"rounded",height:120})]})}function Re({rule:i,defaultName:d,canCreatePresets:s=!1,canManagePresets:g=s,onSubmit:f,onCancel:v,isSubmitting:h=!1,serverErrors:R,focusConditionIndex:U,submitLabel:q="Save",cancelLabel:J="Cancel",disabled:K=!1,id:X,hideActions:Y=!1,onDirtyChange:y}){var N,T;const b=pe(),n=b.data,Z=me()??n?.statuses??[],P=i?.uuid??"new",[B,$]=A(P),G=I(()=>ie(Se(n?.metadata)),[n]),o=de({defaultValues:H(i,d),resolver:G,mode:"onSubmit",reValidateMode:"onChange"}),[c,E]=A({}),u=xe({form:o,catalog:n,addedPresets:c,setAddedPresets:E,enabled:g});w(()=>{P!==B&&(o.reset(H(i,d)),E({}),$(P))},[o,i,d,P,B]);const S=te([]);w(()=>{o.clearErrors("root.server"),S.current.length>0&&o.clearErrors(S.current),S.current=we(o,R??[])},[o,R]);const{isDirty:j}=o.formState;w(()=>{y?.(j)},[j,y]);const l=K||h,V=(T=(N=o.formState.errors.root)==null?void 0:N.server)==null?void 0:T.message,Q=ue({control:o.control,name:"startDate"}),M=Pe(Q),_=M?le(M,1):void 0,ee=I(()=>W(n,"notes",c),[n,c]),x=(r,a)=>{E(t=>{const z=t[r]??[];return z.includes(a)?t:{...t,[r]:[...z,a]}})},k=r=>r?a=>{r("notes",a)}:void 0,re=o.handleSubmit(async r=>{if(n===void 0)return;const a=Object.fromEntries(Object.keys(c).map(t=>[t,W(n,t,c)]));await f(ve(r),{presets:a})});return m(ce,{...o,children:[e("form",{id:X,noValidate:!0,onSubmit:r=>{r.preventDefault(),r.stopPropagation(),re(r)},children:m(p,{spacing:3,children:[b.isError&&e(L,{severity:"error",action:e(F,{color:"inherit",size:"small",onClick:()=>{b.refetch()},children:"Retry"}),children:"The rule catalog could not be loaded."}),V&&e(L,{severity:"error",children:V}),n===void 0?!b.isError&&e(Fe,{}):m(ke,{children:[m(p,{direction:{xs:"column",md:"row"},spacing:2,children:[e(D,{control:o.control,name:"name",render:({field:r,fieldState:a})=>{var t;return e(oe,{...r,label:"Rule Name",required:!0,fullWidth:!0,disabled:l,error:a.error!==void 0,helperText:(t=a.error)==null?void 0:t.message,sx:{flex:2}})}}),e(p,{flex:1,minWidth:{md:220},children:e(Ee,{statuses:Z,disabled:l})})]}),m(p,{direction:{xs:"column",md:"row"},spacing:2,children:[e(D,{control:o.control,name:"startDate",render:({field:r,fieldState:a})=>{var t;return e(O,{label:"Starts",value:r.value,onChange:r.onChange,onBlur:r.onBlur,disabled:l,error:a.error!==void 0,helperText:((t=a.error)==null?void 0:t.message)??"Starts applying at the start of this day (UTC)"})}}),e(D,{control:o.control,name:"endDate",render:({field:r,fieldState:a})=>{var t;return e(O,{label:"Ends",value:r.value,onChange:r.onChange,onBlur:r.onBlur,disabled:l,minDate:_,error:a.error!==void 0,helperText:((t=a.error)==null?void 0:t.message)??"Stops applying at the start of this day (UTC)"})}})]}),e(ye,{presets:ee,onCreatePreset:k(s?x:void 0),onEditPreset:k(u.onEditPreset),onDeletePreset:k(u.onDeletePreset),disabled:l}),e(D,{control:o.control,name:"enabled",render:({field:r})=>e(ae,{label:"Enabled",control:e(se,{checked:r.value,onChange:(a,t)=>{r.onChange(t)},onBlur:r.onBlur,inputRef:r.ref,disabled:l})})}),e(Ce,{catalog:n,addedPresets:c,onCreatePreset:s?x:void 0,onEditPreset:u.onEditPreset,onDeletePreset:u.onDeletePreset,disabled:l,focusIndex:U}),e(De,{catalog:n,addedPresets:c,onCreatePreset:s?x:void 0,onEditPreset:u.onEditPreset,onDeletePreset:u.onDeletePreset,disabled:l})]}),!Y&&m(p,{direction:"row",spacing:1,justifyContent:"flex-end",children:[v&&e(F,{onClick:v,disabled:h,children:J}),e(F,{type:"submit",variant:"contained",disabled:l||n===void 0,startIcon:h?e(ne,{size:16,color:"inherit"}):void 0,children:q})]})]})}),e(he,{...u.editDialogProps}),e(fe,{...u.deleteDialogProps})]})}export{Re as NetworkRuleEditorForm};
+"use strict";import{useState as M,useMemo as z,useEffect as x,useRef as ee}from"react";import{Stack as p,Alert as A,Button as k,TextField as re,FormControlLabel as te,Switch as oe,CircularProgress as ae,Skeleton as P}from"@mui/material";import{zodResolver as ne}from"@hookform/resolvers/zod";import{addDays as se}from"date-fns";import{useForm as ie,useWatch as le,FormProvider as de,Controller as D}from"react-hook-form";import{useNetworkRuleStatuses as ue}from"../NetworkRules.context.mjs";import{NetworkRulePresetDeleteDialog as me}from"../dialog/NetworkRulePresetDeleteDialog.mjs";import{NetworkRulePresetEditDialog as ce}from"../dialog/NetworkRulePresetEditDialog.mjs";import{useNetworkRulesCatalog as fe}from"../hooks/useNetworkRulesCatalog.mjs";import{getPresets as L}from"../utils/catalog.mjs";import{fromNetworkRuleFormValues as he,toNetworkRuleFormValues as pe,emptyConditionFormValues as ge}from"../utils/condition.mjs";import{ruleDateToDay as ve}from"../utils/date.mjs";import{ConditionsField as be}from"./fields/ConditionsField.mjs";import{DateField as W}from"./fields/DateField.mjs";import{MetadataField as Ce}from"./fields/MetadataField.mjs";import{NotesField as Pe}from"./fields/NotesField.mjs";import{StatusField as De}from"./fields/StatusField.mjs";import{createNetworkRuleFormSchema as ye}from"./schema.mjs";import{useNetworkRulePresetManager as Se}from"./useNetworkRulePresetManager.mjs";import{jsxs as c,jsx as e,Fragment as Ee}from"react/jsx-runtime";function I(s,u){const i=pe(s);return!(s!=null&&s.uuid)&&!i.name&&u&&(i.name=u),i.conditions.length===0&&(i.conditions=[ge()]),i}function xe(s,u){const i=[],v=[];for(const f of u){const g=f.message??f.code;if(typeof f.index=="number"){const h=`conditions.${f.index}.values`;s.setError(h,{type:"server",message:g}),v.push(h)}else i.push(g)}return i.length>0&&s.setError("root.server",{type:"server",message:i.join(" ")}),v}function ke(){return c(p,{spacing:2,"aria-busy":!0,children:[e(P,{variant:"rounded",height:56}),e(P,{variant:"rounded",height:56}),e(P,{variant:"rounded",height:56}),e(P,{variant:"rounded",height:120})]})}function Fe({rule:s,defaultName:u,canCreatePresets:i=!1,canManagePresets:v=i,onSubmit:f,onCancel:g,isSubmitting:h=!1,serverErrors:F,focusConditionIndex:$,submitLabel:O="Save",cancelLabel:U="Cancel",disabled:q=!1,id:G,hideActions:H=!1,onDirtyChange:y}){var R,w;const b=fe(),o=b.data,J=ue()??o?.statuses??[],C=s?.uuid??"new",[N,K]=M(C),X=z(()=>ne(ye(o?.metadata)),[o]),t=ie({defaultValues:I(s,u),resolver:X,mode:"onSubmit",reValidateMode:"onChange"}),[m,T]=M({}),l=Se({form:t,catalog:o,addedPresets:m,setAddedPresets:T,canCreate:i,enabled:v});x(()=>{C!==N&&(t.reset(I(s,u)),T({}),K(C))},[t,s,u,C,N]);const S=ee([]);x(()=>{t.clearErrors("root.server"),S.current.length>0&&t.clearErrors(S.current),S.current=xe(t,F??[])},[t,F]);const{isDirty:B}=t.formState;x(()=>{y?.(B)},[B,y]);const d=q||h,j=(w=(R=t.formState.errors.root)==null?void 0:R.server)==null?void 0:w.message,Y=le({control:t.control,name:"startDate"}),V=ve(Y),Z=V?se(V,1):void 0,Q=z(()=>L(o,"notes",m),[o,m]),E=r=>r?a=>{r("notes",a)}:void 0,_=t.handleSubmit(async r=>{if(o===void 0)return;const a=Object.fromEntries(Object.keys(m).map(n=>[n,L(o,n,m)]));await f(he(r),{presets:a})});return c(de,{...t,children:[e("form",{id:G,noValidate:!0,onSubmit:r=>{r.preventDefault(),r.stopPropagation(),_(r)},children:c(p,{spacing:3,children:[b.isError&&e(A,{severity:"error",action:e(k,{color:"inherit",size:"small",onClick:()=>{b.refetch()},children:"Retry"}),children:"The rule catalog could not be loaded."}),j&&e(A,{severity:"error",children:j}),o===void 0?!b.isError&&e(ke,{}):c(Ee,{children:[c(p,{direction:{xs:"column",md:"row"},spacing:2,children:[e(D,{control:t.control,name:"name",render:({field:r,fieldState:a})=>{var n;return e(re,{...r,label:"Rule Name",required:!0,fullWidth:!0,disabled:d,error:a.error!==void 0,helperText:(n=a.error)==null?void 0:n.message,sx:{flex:2}})}}),e(p,{flex:1,minWidth:{md:220},children:e(De,{statuses:J,disabled:d})})]}),c(p,{direction:{xs:"column",md:"row"},spacing:2,children:[e(D,{control:t.control,name:"startDate",render:({field:r,fieldState:a})=>{var n;return e(W,{label:"Starts",value:r.value,onChange:r.onChange,onBlur:r.onBlur,disabled:d,error:a.error!==void 0,helperText:((n=a.error)==null?void 0:n.message)??"Starts applying at the start of this day (UTC)"})}}),e(D,{control:t.control,name:"endDate",render:({field:r,fieldState:a})=>{var n;return e(W,{label:"Ends",value:r.value,onChange:r.onChange,onBlur:r.onBlur,disabled:d,minDate:Z,error:a.error!==void 0,helperText:((n=a.error)==null?void 0:n.message)??"Stops applying at the start of this day (UTC)"})}})]}),e(Pe,{presets:Q,onCreatePreset:E(l.onCreatePreset),onEditPreset:E(l.onEditPreset),onDeletePreset:E(l.onDeletePreset),disabled:d}),e(D,{control:t.control,name:"enabled",render:({field:r})=>e(te,{label:"Enabled",control:e(oe,{checked:r.value,onChange:(a,n)=>{r.onChange(n)},onBlur:r.onBlur,inputRef:r.ref,disabled:d})})}),e(be,{catalog:o,addedPresets:m,onCreatePreset:l.onCreatePreset,onEditPreset:l.onEditPreset,onDeletePreset:l.onDeletePreset,disabled:d,focusIndex:$}),e(Ce,{catalog:o,addedPresets:m,onCreatePreset:l.onCreatePreset,onEditPreset:l.onEditPreset,onDeletePreset:l.onDeletePreset,disabled:d})]}),!H&&c(p,{direction:"row",spacing:1,justifyContent:"flex-end",children:[g&&e(k,{onClick:g,disabled:h,children:U}),e(k,{type:"submit",variant:"contained",disabled:d||o===void 0,startIcon:h?e(ae,{size:16,color:"inherit"}):void 0,children:O})]})]})}),e(ce,{...l.editDialogProps}),e(me,{...l.deleteDialogProps})]})}export{Fe as NetworkRuleEditorForm};

package/dist/components/NetworkRules/editor/useNetworkRulePresetManager.d.ts

@@ -7,21 +7,27 @@ export interface UseNetworkRulePresetManagerOptions {
     /** The rule being edited, which follows a rename when the user asks rules to. */
     form: UseFormReturn<NetworkRuleFormValues>;
     catalog: NetworkRuleCatalog | undefined;
-    /** Presets created while editing and not stored yet; those are changed in place, without a write. */
+    /**
+     * Presets not stored yet: created without `services.updatePresets`, or refused by it. They go
+     * out with the rule on submit, and are changed in place here, without a write.
+     */
     addedPresets: NetworkRulePresets;
     setAddedPresets: Dispatch<SetStateAction<NetworkRulePresets>>;
+    /** Offer "Add … as a preset". Without `services.updatePresets` the preset waits for the submit. */
+    canCreate: boolean;
     /** Off, or on without `services.updatePresets`, gives no handlers, so the inputs show no controls. */
     enabled: boolean;
 }
 export interface NetworkRulePresetManager {
+    onCreatePreset?: (field: string, value: string) => void;
     onEditPreset?: (field: string, value: string) => void;
     onDeletePreset?: (field: string, value: string) => void;
     editDialogProps: NetworkRulePresetEditDialogProps;
     deleteDialogProps: NetworkRulePresetDeleteDialogProps;
 }
 /**
- * The edit and delete flows behind the preset dropdowns: which preset a dialog is about, the write
- * of the field's revised list, and the error the dialog shows when that write fails. A rename
- * touches rules only when the user ticks the box for it, and then also the rule open here.
+ * The create, edit and delete flows behind the preset dropdowns: which preset a dialog is about,
+ * the write of the field's revised list, and the error the dialog shows when that write fails. A
+ * rename touches rules only when the user ticks the box for it, and then also the rule open here.
  */
-export declare function useNetworkRulePresetManager({ form, catalog, addedPresets, setAddedPresets, enabled, }: UseNetworkRulePresetManagerOptions): NetworkRulePresetManager;
+export declare function useNetworkRulePresetManager({ form, catalog, addedPresets, setAddedPresets, canCreate, enabled, }: UseNetworkRulePresetManagerOptions): NetworkRulePresetManager;

package/dist/components/NetworkRules/editor/useNetworkRulePresetManager.mjs

@@ -1 +1 @@
-"use strict";import{useState as S}from"react";import{useNetworkRulesServices as T}from"../NetworkRules.context.mjs";import{useRenameNetworkRulePreset as L}from"../hooks/useRenameNetworkRulePreset.mjs";import{useUpdateNetworkRulesPresets as _}from"../hooks/useUpdateNetworkRulesPresets.mjs";import{getPresetMaxLength as b,getPresets as C,getSavedPresets as k}from"../utils/catalog.mjs";import{dedupeValues as M}from"../utils/condition.mjs";import{NETWORK_RULE_METADATA_PRESET_FIELDS as V}from"../utils/metadata.mjs";import{removePreset as w,replacePreset as A}from"../utils/presets.mjs";const x="The presets could not be saved.";function U(o,l,u,d){const m={shouldDirty:!0,shouldValidate:o.formState.isSubmitted},f=o.getValues();if(l==="notes"){f.notes===u&&o.setValue("notes",d,m);return}if(l===V.key){f.metadata.forEach((a,s)=>{a.key===u&&o.setValue(`metadata.${s}.key`,d,m)});return}if(l===V.value){f.metadata.forEach((a,s)=>{a.type==="string"&&a.value===u&&o.setValue(`metadata.${s}.value`,d,m)});return}f.conditions.forEach((a,s)=>{a.key===l&&a.values.includes(u)&&o.setValue(`conditions.${s}.values`,M(a.values.map(n=>n===u?d:n)),m)})}function $({form:o,catalog:l,addedPresets:u,setAddedPresets:d,enabled:m}){const{updatePresets:f,renamePreset:a}=T(),s=L(),n=_(),[t,g]=S(null),[v,y]=S(null),R=m&&f!==void 0,P=({field:e,value:r})=>(u[e]??[]).includes(r),p=()=>{g(null),y(null),s.reset(),n.reset()},h=e=>e?e.message||x:void 0,D={open:t!==null,value:t?.value,presets:t?C(l,t.field,u):void 0,maxLength:t?b(l,t.field):void 0,canUpdateRules:t!==null&&a!==void 0&&!P(t),isSaving:s.isPending,error:h(s.error),onClose:p,onSave:async(e,{updateRules:r})=>{if(!t)return;const{field:i,value:c}=t;if(P(t))d(E=>({...E,[i]:A(E[i]??[],c,e)}));else{try{await s.mutateAsync({field:i,from:c,to:e,presets:A(k(l,i),c,e),updateRules:r})}catch{return}r&&U(o,i,c,e)}p()}},N={open:v!==null,value:v?.value,isDeleting:n.isPending,error:h(n.error),onClose:p,onConfirm:async()=>{if(!v)return;const{field:e,value:r}=v;if(P(v))d(i=>({...i,[e]:w(i[e]??[],r)}));else try{await n.mutateAsync({[e]:w(k(l,e),r)})}catch{return}p()}};return{onEditPreset:R?(e,r)=>{s.reset(),g({field:e,value:r})}:void 0,onDeletePreset:R?(e,r)=>{n.reset(),y({field:e,value:r})}:void 0,editDialogProps:D,deleteDialogProps:N}}export{$ as useNetworkRulePresetManager};
+"use strict";import{useState as R,useRef as L}from"react";import{useQueryClient as F}from"@tanstack/react-query";import{useNetworkRulesServices as I}from"../NetworkRules.context.mjs";import{networkRulesCatalogQueryKey as W}from"../hooks/useNetworkRulesCatalog.mjs";import{useRenameNetworkRulePreset as q}from"../hooks/useRenameNetworkRulePreset.mjs";import{useUpdateNetworkRulesPresets as b}from"../hooks/useUpdateNetworkRulesPresets.mjs";import{getSavedPresets as N,getPresetMaxLength as z,getPresets as B}from"../utils/catalog.mjs";import{dedupeValues as G}from"../utils/condition.mjs";import{NETWORK_RULE_METADATA_PRESET_FIELDS as T}from"../utils/metadata.mjs";import{removePreset as _,replacePreset as x}from"../utils/presets.mjs";const H="The presets could not be saved.";function J(a,r,i,n){const d={shouldDirty:!0,shouldValidate:a.formState.isSubmitted},m=a.getValues();if(r==="notes"){m.notes===i&&a.setValue("notes",n,d);return}if(r===T.key){m.metadata.forEach((u,c)=>{u.key===i&&a.setValue(`metadata.${c}.key`,n,d)});return}if(r===T.value){m.metadata.forEach((u,c)=>{u.type==="string"&&u.value===i&&a.setValue(`metadata.${c}.value`,n,d)});return}m.conditions.forEach((u,c)=>{u.key===r&&u.values.includes(i)&&a.setValue(`conditions.${c}.values`,G(u.values.map(P=>P===i?n:P)),d)})}function M(a,r,i){const n=_(a[r]??[],i);return n.length>0?{...a,[r]:n}:Object.fromEntries(Object.entries(a).filter(([d])=>d!==r))}function X({form:a,catalog:r,addedPresets:i,setAddedPresets:n,canCreate:d,enabled:m}){const{scope:u,updatePresets:c,renamePreset:P}=I(),O=F(),Q=b(),f=q(),v=b(),[o,w]=R(null),[p,E]=R(null),[k,S]=R(!1),D=m&&c!==void 0,y=e=>N(O.getQueryData(W(u))??r,e),U=(e,t)=>{n(s=>{const l=s[e]??[];return l.includes(t)?s:{...s,[e]:[...l,t]}})},h=L(Promise.resolve()),$=(e,t)=>{U(e,t),c!==void 0&&(h.current=h.current.then(async()=>{const s=y(e);s.includes(t)||await Q.mutateAsync({[e]:[...s,t]}),n(l=>M(l,e,t))}).catch(()=>{}))},A=async(e,t)=>{S(!0);try{await h.current}finally{S(!1)}return y(e).includes(t)},g=()=>{w(null),E(null),f.reset(),v.reset()},C=e=>e?e.message||H:void 0,j={open:o!==null,value:o?.value,presets:o?B(r,o.field,i):void 0,maxLength:o?z(r,o.field):void 0,canUpdateRules:o!==null&&P!==void 0&&N(r,o.field).includes(o.value),isSaving:f.isPending||k,error:C(f.error),onClose:g,onSave:async(e,{updateRules:t})=>{if(!o)return;const{field:s,value:l}=o;if(await A(s,l)){try{await f.mutateAsync({field:s,from:l,to:e,presets:x(y(s),l,e),updateRules:t})}catch{return}t&&J(a,s,l,e)}else n(V=>({...V,[s]:x(V[s]??[],l,e)}));g()}},K={open:p!==null,value:p?.value,isDeleting:v.isPending||k,error:C(v.error),onClose:g,onConfirm:async()=>{if(!p)return;const{field:e,value:t}=p;if(await A(e,t))try{await v.mutateAsync({[e]:_(y(e),t)})}catch{return}else n(s=>M(s,e,t));g()}};return{onCreatePreset:d?$:void 0,onEditPreset:D?(e,t)=>{f.reset(),w({field:e,value:t})}:void 0,onDeletePreset:D?(e,t)=>{v.reset(),E({field:e,value:t})}:void 0,editDialogProps:j,deleteDialogProps:K}}export{X as useNetworkRulePresetManager};

package/dist/components/NetworkRules/types.d.ts

@@ -129,7 +129,10 @@ export type NetworkRulePresetRename = {
 };
 /** Handed back with the submitted rule. */
 export type NetworkRuleSubmitExtras = {
-    /** Preset lists that grew while editing, ready to store. Empty when nothing was added. */
+    /**
+     * Preset lists that grew while editing and are not stored yet, ready to store: the host had no
+     * `updatePresets`, or refused the write when the preset was picked. Empty otherwise.
+     */
     presets: NetworkRulePresets;
 };
 /** A server validation error; `index` points at the offending condition. */
@@ -157,8 +160,9 @@ export type NetworkRulesServices = {
     scope?: string;
     getCatalog: (signal?: AbortSignal) => Promise<NetworkRuleCatalog>;
     /**
-     * Stores the given fields' complete lists, leaving the others alone. With it the editor offers
-     * edit and delete controls on saved presets and refetches the catalog after each write.
+     * Stores the given fields' complete lists, leaving the others alone. With it a new preset is
+     * stored as soon as it is picked, saved presets get edit and delete controls, and the catalog
+     * is refetched after each write.
      */
     updatePresets?: (presets: NetworkRulePresets) => Promise<void>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.18.0",
+  "version": "12.19.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,