@verifiedinc-public/shared-ui-elements 12.9.1-rc.10 → 12.9.1-rc.18

package/dist/components/NetworkRules/dialog/NetworkRuleDeleteDialog.mjs

@@ -1 +1 @@
-"use strict";import{Dialog as x,DialogTitle as k,DialogContent as w,DialogContentText as L,DialogActions as T,Button as m}from"@mui/material";import{useHeldWhileClosed as u}from"../hooks/useHeldWhileClosed.mjs";import{useNetworkRulesCatalog as j}from"../hooks/useNetworkRulesCatalog.mjs";import{getKeyLabel as W,getOperatorLabel as y}from"../utils/catalog.mjs";import{normalizeConditionValues as I}from"../utils/condition.mjs";import{jsxs as v,jsx as i}from"react/jsx-runtime";function K({open:l,rule:h,conditionIndex:f,onConfirm:p,onClose:d,isDeleting:a=!1,title:C,description:g,confirmLabel:D="Delete",cancelLabel:b="Cancel"}){const{data:r}=j(),o=u(l,h??void 0),e=u(l,f??void 0),n=o!==void 0&&e!==void 0?o.conditions[e]:void 0,s=e!==void 0,$=C??(s?"Delete condition?":"Delete rule?");let t=g;if(t===void 0&&o!==void 0)if(s)t=`"${n?`${W(r,n.key)} ${y(r,n.operator)} ${I(n.value).join(", ")}`:`Condition ${e+1}`}" will be removed from "${o.name}". The rule keeps its other conditions.`;else{const c=o.conditions.length;t=`"${o.name}" and its ${c} ${c===1?"condition":"conditions"} will be removed. This cannot be undone.`}return v(x,{open:l,onClose:a?void 0:d,maxWidth:"xs",fullWidth:!0,children:[i(k,{children:$}),i(w,{children:i(L,{children:t})}),v(T,{children:[i(m,{color:"neutral",onClick:d,disabled:a,children:b}),i(m,{color:"error",variant:"contained",disabled:a||o===void 0,onClick:()=>{o!==void 0&&p(o,e)},children:D})]})]})}export{K as NetworkRuleDeleteDialog};
+"use strict";import{Dialog as k,DialogTitle as x,DialogContent as w,DialogContentText as L,DialogActions as T,Button as m,CircularProgress as j}from"@mui/material";import{useHeldWhileClosed as u}from"../hooks/useHeldWhileClosed.mjs";import{useNetworkRulesCatalog as W}from"../hooks/useNetworkRulesCatalog.mjs";import{getKeyLabel as y,getOperatorLabel as z}from"../utils/catalog.mjs";import{normalizeConditionValues as I}from"../utils/condition.mjs";import{jsxs as v,jsx as e}from"react/jsx-runtime";function N({open:r,rule:h,conditionIndex:f,onConfirm:p,onClose:a,isDeleting:n=!1,title:C,description:g,confirmLabel:D="Delete",cancelLabel:b="Cancel"}){const{data:s}=W(),o=u(r,h??void 0),i=u(r,f??void 0),t=o!==void 0&&i!==void 0?o.conditions[i]:void 0,d=i!==void 0,$=C??(d?"Delete condition?":"Delete rule?");let l=g;if(l===void 0&&o!==void 0)if(d)l=`"${t?`${y(s,t.key)} ${z(s,t.operator)} ${I(t.value).join(", ")}`:`Condition ${i+1}`}" will be removed from "${o.name}". The rule keeps its other conditions.`;else{const c=o.conditions.length;l=`"${o.name}" and its ${c} ${c===1?"condition":"conditions"} will be removed. This cannot be undone.`}return v(k,{open:r,onClose:n?void 0:a,maxWidth:"xs",fullWidth:!0,children:[e(x,{children:$}),e(w,{children:e(L,{children:l})}),v(T,{children:[e(m,{color:"neutral",onClick:a,disabled:n,children:b}),e(m,{color:"error",variant:"contained",disabled:n||o===void 0,startIcon:n?e(j,{size:16,color:"inherit"}):void 0,onClick:()=>{o!==void 0&&p(o,i)},children:D})]})]})}export{N as NetworkRuleDeleteDialog};

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

@@ -7,4 +7,4 @@ export interface NetworkRuleEditorDialogProps extends Omit<NetworkRuleEditorForm
     title?: string;
     maxWidth?: DialogProps['maxWidth'];
 }
-export declare function NetworkRuleEditorDialog({ open, onClose, title, maxWidth, rule: ruleProp, appendEmptyCondition: appendEmptyConditionProp, focusConditionIndex: focusConditionIndexProp, isSubmitting, disabled, submitLabel, cancelLabel, ...formProps }: Readonly<NetworkRuleEditorDialogProps>): import("react").JSX.Element;
+export declare function NetworkRuleEditorDialog({ open, onClose, title, maxWidth, rule: ruleProp, focusConditionIndex: focusConditionIndexProp, isSubmitting, disabled, submitLabel, cancelLabel, ...formProps }: Readonly<NetworkRuleEditorDialogProps>): import("react").JSX.Element;

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

@@ -1 +1 @@
-"use strict";import{useId as W,useState as p,useEffect as A,useCallback as I}from"react";import{Dialog as S,DialogTitle as j,DialogContent as v,DialogActions as $,Button as f}from"@mui/material";import{NetworkRuleDiscardDialog as B}from"../dialog/NetworkRuleDiscardDialog.mjs";import{useHeldWhileClosed as a}from"../hooks/useHeldWhileClosed.mjs";import{NetworkRuleEditorForm as F}from"./NetworkRuleEditorForm.mjs";import{jsxs as C,jsx as t}from"react/jsx-runtime";function L(i,e){return i!=null&&i.uuid?e?"Add Condition":"Edit Network Rule":"Create Network Rule"}function T({open:i,onClose:e,title:b,maxWidth:h="md",rule:d,appendEmptyCondition:r,focusConditionIndex:g,isSubmitting:o=!1,disabled:s=!1,submitLabel:D="Save",cancelLabel:x="Cancel",...k}){const n=W(),[u,c]=p(!1),[E,l]=p(!1);A(()=>{i&&(c(!1),l(!1))},[i]);const m=I(()=>{if(!o){if(u){l(!0);return}e()}},[o,u,e]),N=a(i,d),R=a(i,r),w=a(i,g),y=a(i,b??L(d,r));return C(S,{open:i,onClose:m,fullWidth:!0,maxWidth:h,"aria-labelledby":`${n}-title`,children:[t(j,{id:`${n}-title`,children:y}),t(v,{children:t(F,{...k,rule:N,appendEmptyCondition:R,focusConditionIndex:w,id:n,hideActions:!0,isSubmitting:o,disabled:s,onDirtyChange:c})}),C($,{children:[t(f,{onClick:m,disabled:o,children:x}),t(f,{type:"submit",form:n,variant:"contained",disabled:s||o,children:D})]}),t(B,{open:E,onKeepEditing:()=>{l(!1)},onDiscard:()=>{l(!1),e()}})]})}export{T as NetworkRuleEditorDialog};
+"use strict";import{useId as w,useState as m,useEffect as W,useCallback as v}from"react";import{Dialog as y,DialogTitle as I,DialogContent as S,DialogActions as j,Button as f,CircularProgress as A}from"@mui/material";import{NetworkRuleDiscardDialog as L}from"../dialog/NetworkRuleDiscardDialog.mjs";import{useHeldWhileClosed as l}from"../hooks/useHeldWhileClosed.mjs";import{NetworkRuleEditorForm as $}from"./NetworkRuleEditorForm.mjs";import{jsxs as b,jsx as e}from"react/jsx-runtime";function z(i){return i!=null&&i.uuid?"Edit Network Rule":"Create Network Rule"}function B({open:i,onClose:a,title:h,maxWidth:p="md",rule:s,focusConditionIndex:g,isSubmitting:t=!1,disabled:n=!1,submitLabel:C="Save",cancelLabel:D="Cancel",...k}){const o=w(),[d,u]=m(!1),[x,r]=m(!1);W(()=>{i&&(u(!1),r(!1))},[i]);const c=v(()=>{if(!t){if(d){r(!0);return}a()}},[t,d,a]),E=l(i,s),N=l(i,g),R=l(i,h??z(s));return b(y,{open:i,onClose:c,fullWidth:!0,maxWidth:p,"aria-labelledby":`${o}-title`,children:[e(I,{id:`${o}-title`,children:R}),e(S,{children:e($,{...k,rule:E,focusConditionIndex:N,id:o,hideActions:!0,isSubmitting:t,disabled:n,onDirtyChange:u})}),b(j,{children:[e(f,{color:"neutral",onClick:c,disabled:t,children:D}),e(f,{type:"submit",form:o,variant:"contained",disabled:n||t,startIcon:t?e(A,{size:16,color:"inherit"}):void 0,children:C})]}),e(L,{open:x,onKeepEditing:()=>{r(!1)},onDiscard:()=>{r(!1),a()}})]})}export{B as NetworkRuleEditorDialog};

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

@@ -2,6 +2,8 @@ import { NetworkRule, NetworkRuleData, NetworkRuleServerError, NetworkRuleSubmit
 export interface NetworkRuleEditorFormProps {
     /** Omit for a new rule. */
     rule?: Partial<NetworkRule> | null;
+    /** Pre-filled, editable name for a new rule, e.g. "Rule #7". */
+    defaultName?: string;
     notePresets?: readonly string[];
     /** Offer "Add … as a preset" for a typed note; new presets arrive with `onSubmit`. */
     canCreateNotePresets?: boolean;
@@ -10,8 +12,6 @@ export interface NetworkRuleEditorFormProps {
     isSubmitting?: boolean;
     /** Indexed errors highlight their condition row; the rest show at the top. */
     serverErrors?: readonly NetworkRuleServerError[];
-    /** Open with one extra empty condition row. */
-    appendEmptyCondition?: boolean;
     focusConditionIndex?: number;
     submitLabel?: string;
     cancelLabel?: string;
@@ -21,4 +21,4 @@ export interface NetworkRuleEditorFormProps {
     hideActions?: boolean;
     onDirtyChange?: (isDirty: boolean) => void;
 }
-export declare function NetworkRuleEditorForm({ rule, notePresets, canCreateNotePresets, onSubmit, onCancel, isSubmitting, serverErrors, appendEmptyCondition, focusConditionIndex, submitLabel, cancelLabel, disabled, id, hideActions, onDirtyChange, }: Readonly<NetworkRuleEditorFormProps>): import("react").JSX.Element;
+export declare function NetworkRuleEditorForm({ rule, defaultName, notePresets, canCreateNotePresets, onSubmit, onCancel, isSubmitting, serverErrors, focusConditionIndex, submitLabel, cancelLabel, disabled, id, hideActions, onDirtyChange, }: Readonly<NetworkRuleEditorFormProps>): import("react").JSX.Element;

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

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

package/dist/components/NetworkRules/editor/fields/ConditionsField.mjs

@@ -1 +1 @@
-"use strict";import{Stack as l,Typography as c,Button as y,FormHelperText as v}from"@mui/material";import{Add as C}from"@mui/icons-material";import{useFormContext as F,useFieldArray as b}from"react-hook-form";import{emptyConditionFormValues as A}from"../../utils/condition.mjs";import{ConditionRow as j}from"./ConditionRow.mjs";import{jsxs as m,jsx as o}from"react/jsx-runtime";function w({catalog:p,disabled:n,focusIndex:u}){var i,t,r;const{control:f,formState:s}=F(),{fields:a,append:h,remove:g}=b({control:f,name:"conditions"}),d=((t=(i=s.errors.conditions)==null?void 0:i.root)==null?void 0:t.message)??((r=s.errors.conditions)==null?void 0:r.message);return m(l,{spacing:2,children:[m(l,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(c,{fontWeight:700,children:"Conditions"}),o(y,{startIcon:o(C,{}),disabled:n,onClick:()=>{h(A())},children:"Add Condition"})]}),a.length===0&&o(c,{variant:"body2",color:"text.secondary",children:"No conditions yet. A rule needs at least one; all conditions must match."}),a.map((x,e)=>o(j,{index:e,catalog:p,disabled:n,autoFocus:e===u,onRemove:()=>{g(e)}},x.id)),d&&o(v,{error:!0,children:d})]})}export{w as ConditionsField};
+"use strict";import{Stack as l,Typography as c,Button as y,Alert as x,FormHelperText as C}from"@mui/material";import{Add as F}from"@mui/icons-material";import{useFormContext as A,useFieldArray as I}from"react-hook-form";import{emptyConditionFormValues as b}from"../../utils/condition.mjs";import{ConditionRow as w}from"./ConditionRow.mjs";import{jsxs as m,jsx as o}from"react/jsx-runtime";function j({catalog:p,disabled:n,focusIndex:u}){var i,t,r;const{control:f,formState:s}=A(),{fields:a,append:h,remove:v}=I({control:f,name:"conditions"}),d=((t=(i=s.errors.conditions)==null?void 0:i.root)==null?void 0:t.message)??((r=s.errors.conditions)==null?void 0:r.message);return m(l,{spacing:2,children:[m(l,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(c,{fontWeight:700,children:"Conditions"}),o(y,{startIcon:o(F,{}),disabled:n,onClick:()=>{h(b())},children:"Add Condition"})]}),o(x,{severity:"info",children:"If multiple values are selected for a given condition, that condition applies if any of the values match. In other words, multiple values map to an inclusive OR."}),a.length===0&&o(c,{variant:"body2",color:"text.secondary",children:"No conditions yet. A rule needs at least one; all conditions must match."}),a.map((g,e)=>o(w,{index:e,catalog:p,disabled:n,autoFocus:e===u,onRemove:()=>{v(e)}},g.id)),d&&o(C,{error:!0,children:d})]})}export{j as ConditionsField};

package/dist/components/NetworkRules/editor/fields/NotesField.d.ts

@@ -5,4 +5,8 @@ export interface NotesFieldProps {
     disabled?: boolean;
     helperText?: string;
 }
+/**
+ * One note, a preset or free text, shown as a chip so a preset reads as one.
+ * `multiple` is only for the chip rendering: picking or typing replaces it.
+ */
 export declare function NotesField({ presets, onCreatePreset, disabled, helperText, }: Readonly<NotesFieldProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/editor/fields/NotesField.mjs

@@ -1 +1 @@
-"use strict";import{Autocomplete as m,TextField as C,createFilterOptions as c}from"@mui/material";import{useFormContext as b,useController as v}from"react-hook-form";import{jsx as i}from"react/jsx-runtime";const x=c(),V=n=>typeof n=="string"?n:n.label;function w({presets:n=[],onCreatePreset:a,disabled:p,helperText:d="Returned with the network status so your app can act on it"}){const{control:g}=b(),{field:t,fieldState:s}=v({control:g,name:"notes"}),h=t.value??"";return i(m,{freeSolo:!0,autoHighlight:!0,options:n,value:null,inputValue:h,disabled:p,getOptionLabel:V,onInputChange:(o,e,r)=>{r!=="reset"&&t.onChange(e===""?null:e)},onChange:(o,e)=>{if(e===null){t.onChange(null);return}if(typeof e=="string"){t.onChange(e);return}t.onChange(e.inputValue),a?.(e.inputValue)},filterOptions:(o,e)=>{const r=x(o,e),l=e.inputValue.trim(),f=o.some(u=>typeof u=="string"&&u.toLowerCase()===l.toLowerCase());return l&&a&&!f&&r.push({inputValue:l,label:`Add "${l}" as a preset`}),r},renderInput:o=>{var e;return i(C,{...o,label:"Notes",onBlur:t.onBlur,error:s.error!==void 0,helperText:((e=s.error)==null?void 0:e.message)??d})}})}export{w as NotesField};
+"use strict";import{useState as b}from"react";import{Autocomplete as x,TextField as V,createFilterOptions as y}from"@mui/material";import{useFormContext as w,useController as F}from"react-hook-form";import{jsx as c}from"react/jsx-runtime";const L=y(),p=n=>typeof n=="string"?n:n.label;function O({presets:n=[],onCreatePreset:l,disabled:g,helperText:f="Returned with the network status so your app can act on it"}){var d;const{control:C}=w(),{field:r,fieldState:m}=F({control:C,name:"notes"}),[s,i]=b(""),u=(d=r.value)!=null&&d.trim()?r.value:null;return c(x,{multiple:!0,freeSolo:!0,autoHighlight:!0,options:n,value:u?[u]:[],inputValue:s,disabled:g,getOptionLabel:p,isOptionEqualToValue:(o,e)=>p(o)===p(e),onInputChange:(o,e,t)=>{t!=="reset"&&i(e)},onChange:(o,e)=>{const t=e[e.length-1];t===void 0?r.onChange(null):typeof t=="string"?r.onChange(t):(r.onChange(t.inputValue),l?.(t.inputValue)),i("")},onBlur:()=>{s.trim()&&(r.onChange(s.trim()),i("")),r.onBlur()},filterOptions:(o,e)=>{const t=L(o,e),a=e.inputValue.trim(),v=o.some(h=>typeof h=="string"&&h.toLowerCase()===a.toLowerCase());return a&&l&&!v&&t.push({inputValue:a,label:`Add "${a}" as a preset`}),t},renderInput:o=>{var e;return c(V,{...o,label:"Notes",placeholder:u?void 0:"Pick a preset or type a note",error:m.error!==void 0,helperText:((e=m.error)==null?void 0:e.message)??f})}})}export{O as NotesField};

package/dist/components/NetworkRules/editor/fields/values/InlineValuesInput.mjs

@@ -1 +1 @@
-"use strict";import{Autocomplete as b,TextField as x,Checkbox as g,Typography as v}from"@mui/material";import{toOptions as O}from"../../../utils/catalog.mjs";import{jsx as o,jsxs as T}from"react/jsx-runtime";function f({options:n,values:s,onChange:i,multi:a,label:p,error:u,helperText:c,disabled:d}){const m=O(s,n);return o(b,{multiple:!0,options:n,value:m,disabled:d,limitTags:4,disableCloseOnSelect:a,getOptionLabel:e=>e.label,isOptionEqualToValue:(e,l)=>e.value===l.value,onChange:(e,l)=>{const t=l.map(r=>r.value);i(a?t:t.slice(-1))},renderOption:(e,l,{selected:t})=>{const{key:r,...h}=e;return T("li",{...h,children:[a&&o(g,{checked:t,sx:{mr:1}}),o(v,{children:l.label})]},r)},renderInput:e=>o(x,{...e,label:p,placeholder:s.length===0?"Select\u2026":void 0,error:u,helperText:c})})}export{f as InlineValuesInput};
+"use strict";import{Autocomplete as b,TextField as v,Checkbox as g,Typography as i}from"@mui/material";import{toOptions as O}from"../../../utils/catalog.mjs";import{jsx as o,jsxs as T}from"react/jsx-runtime";function f({options:r,values:s,onChange:p,multi:a,label:c,error:u,helperText:d,disabled:h}){const m=O(s,r);return o(b,{multiple:!0,options:r,value:m,disabled:h,limitTags:4,disableCloseOnSelect:a,getOptionLabel:e=>e.label,isOptionEqualToValue:(e,l)=>e.value===l.value,onChange:(e,l)=>{const t=l.map(n=>n.value);p(a?t:t.slice(-1))},renderOption:(e,l,{selected:t})=>{const{key:n,...x}=e;return T("li",{...x,children:[a&&o(g,{checked:t,sx:{mr:1}}),o(i,{children:l.label}),o(i,{variant:"caption",color:"text.secondary",sx:{ml:1},children:l.value})]},n)},renderInput:e=>o(v,{...e,label:c,placeholder:s.length===0?"Select\u2026":void 0,error:u,helperText:d})})}export{f as InlineValuesInput};

package/dist/components/NetworkRules/hooks/useNetworkRulesDialogs.d.ts

@@ -6,7 +6,6 @@ export interface NetworkRulesEditorState {
     open: boolean;
     /** Undefined for a new rule. */
     rule?: NetworkRule;
-    appendEmptyCondition: boolean;
     focusConditionIndex?: number;
 }
 export interface NetworkRulesDeletionState {
@@ -16,8 +15,8 @@ export interface NetworkRulesDeletionState {
     conditionIndex?: number;
 }
 /** Table callbacks wired to the dialogs; `onToggleEnabled` stays with the consumer. */
-export type NetworkRulesDialogTableHandlers = Required<Pick<NetworkRuleRowHandlers, 'onEdit' | 'onDelete' | 'onAddCondition' | 'onEditCondition' | 'onDeleteCondition'>>;
-export type NetworkRulesEditorDialogProps = Pick<NetworkRuleEditorDialogProps, 'open' | 'rule' | 'appendEmptyCondition' | 'focusConditionIndex' | 'serverErrors' | 'onClose'>;
+export type NetworkRulesDialogTableHandlers = Required<Pick<NetworkRuleRowHandlers, 'onEdit' | 'onDelete' | 'onEditCondition' | 'onDeleteCondition'>>;
+export type NetworkRulesEditorDialogProps = Pick<NetworkRuleEditorDialogProps, 'open' | 'rule' | 'focusConditionIndex' | 'serverErrors' | 'onClose'>;
 export type NetworkRulesDeleteDialogProps = Pick<NetworkRuleDeleteDialogProps, 'open' | 'rule' | 'conditionIndex' | 'onClose'>;
 export interface UseNetworkRulesDialogsResult {
     editor: NetworkRulesEditorState;
@@ -27,7 +26,6 @@ export interface UseNetworkRulesDialogsResult {
     setServerErrors: (errors: NetworkRuleServerError[] | undefined) => void;
     openCreate: () => void;
     openEdit: (rule: NetworkRule) => void;
-    openAddCondition: (rule: NetworkRule) => void;
     openEditCondition: (rule: NetworkRule, index: number) => void;
     closeEditor: () => void;
     requestDeleteRule: (rule: NetworkRule) => void;

package/dist/components/NetworkRules/hooks/useNetworkRulesDialogs.mjs

@@ -1 +1 @@
-"use strict";import{useState as v,useCallback as e,useMemo as D}from"react";function b(){const[n,t]=v({open:!1,appendEmptyCondition:!1}),[d,p]=v({open:!1}),[r,i]=v(),x=e(()=>{i(void 0),t({open:!0,appendEmptyCondition:!1})},[]),l=e(o=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!1})},[]),s=e(o=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!0})},[]),u=e((o,m)=>{i(void 0),t({open:!0,rule:o,appendEmptyCondition:!1,focusConditionIndex:m})},[]),a=e(()=>{i(void 0),t(o=>({...o,open:!1}))},[]),C=e(o=>{p({open:!0,rule:o})},[]),E=e((o,m)=>{p({open:!0,rule:o,conditionIndex:m})},[]),c=e(()=>{p(o=>({...o,open:!1}))},[]),y=D(()=>({onEdit:l,onDelete:C,onAddCondition:s,onEditCondition:u,onDeleteCondition:E}),[l,C,s,u,E]),I=D(()=>({open:n.open,rule:n.rule,appendEmptyCondition:n.appendEmptyCondition,focusConditionIndex:n.focusConditionIndex,serverErrors:r,onClose:a}),[n,r,a]),f=D(()=>({open:d.open,rule:d.rule,conditionIndex:d.conditionIndex,onClose:c}),[d,c]);return{editor:n,deletion:d,serverErrors:r,setServerErrors:i,openCreate:x,openEdit:l,openAddCondition:s,openEditCondition:u,closeEditor:a,requestDeleteRule:C,requestDeleteCondition:E,closeDeletion:c,tableHandlers:y,editorDialogProps:I,deleteDialogProps:f}}export{b as useNetworkRulesDialogs};
+"use strict";import{useState as E,useCallback as o,useMemo as v}from"react";function b(){const[n,t]=E({open:!1}),[i,d]=E({open:!1}),[s,r]=E(),x=o(()=>{r(void 0),t({open:!0})},[]),l=o(e=>{r(void 0),t({open:!0,rule:e})},[]),u=o((e,D)=>{r(void 0),t({open:!0,rule:e,focusConditionIndex:D})},[]),p=o(()=>{r(void 0),t(e=>({...e,open:!1}))},[]),a=o(e=>{d({open:!0,rule:e})},[]),c=o((e,D)=>{d({open:!0,rule:e,conditionIndex:D})},[]),C=o(()=>{d(e=>({...e,open:!1}))},[]),I=v(()=>({onEdit:l,onDelete:a,onEditCondition:u,onDeleteCondition:c}),[l,a,u,c]),f=v(()=>({open:n.open,rule:n.rule,focusConditionIndex:n.focusConditionIndex,serverErrors:s,onClose:p}),[n,s,p]),g=v(()=>({open:i.open,rule:i.rule,conditionIndex:i.conditionIndex,onClose:C}),[i,C]);return{editor:n,deletion:i,serverErrors:s,setServerErrors:r,openCreate:x,openEdit:l,openEditCondition:u,closeEditor:p,requestDeleteRule:a,requestDeleteCondition:c,closeDeletion:C,tableHandlers:I,editorDialogProps:f,deleteDialogProps:g}}export{b as useNetworkRulesDialogs};

package/dist/components/NetworkRules/table/NetworkRuleExpandedPanel.d.ts

@@ -3,7 +3,6 @@ export interface NetworkRuleRowHandlers {
     onToggleEnabled?: (rule: NetworkRule, enabled: boolean) => void;
     onEdit?: (rule: NetworkRule) => void;
     onDelete?: (rule: NetworkRule) => void;
-    onAddCondition?: (rule: NetworkRule) => void;
     onEditCondition?: (rule: NetworkRule, index: number) => void;
     onDeleteCondition?: (rule: NetworkRule, index: number) => void;
 }
@@ -12,4 +11,4 @@ export interface NetworkRuleExpandedPanelProps extends NetworkRuleRowHandlers {
     catalog?: NetworkRuleCatalog;
     readOnly?: boolean;
 }
-export declare function NetworkRuleExpandedPanel({ rule, catalog, readOnly, onEdit, onDelete, onAddCondition, onEditCondition, onDeleteCondition, }: Readonly<NetworkRuleExpandedPanelProps>): import("react").JSX.Element;
+export declare function NetworkRuleExpandedPanel({ rule, catalog, readOnly, onEdit, onDelete, onEditCondition, onDeleteCondition, }: Readonly<NetworkRuleExpandedPanelProps>): import("react").JSX.Element;

package/dist/components/NetworkRules/table/NetworkRuleExpandedPanel.mjs

@@ -1 +1 @@
-"use strict";import{Stack as o,Button as l,Typography as i}from"@mui/material";import{Edit as u,Add as h,Delete as m}from"@mui/icons-material";import{CopyableUuid as C}from"../../CopyableUuid/index.mjs";import{NetworkRuleConditionsTable as f}from"./NetworkRuleConditionsTable.mjs";import{jsxs as e,jsx as n}from"react/jsx-runtime";function g({rule:t,catalog:s,readOnly:c=!1,onEdit:r,onDelete:a,onAddCondition:d,onEditCondition:p,onDeleteCondition:x}){return e(o,{spacing:2,useFlexGap:!0,sx:{px:3,py:2},children:[!c&&(r!==void 0||d!==void 0||a!==void 0)&&e(o,{direction:"row",spacing:2,alignItems:"center",children:[r&&n(l,{variant:"text",startIcon:n(u,{}),onClick:()=>r(t),children:"Edit"}),d&&n(l,{variant:"text",startIcon:n(h,{}),onClick:()=>d(t),children:"Add Condition"}),a&&n(l,{variant:"text",color:"error",startIcon:n(m,{}),onClick:()=>a(t),children:"Delete"})]}),e(o,{direction:"row",spacing:4,alignItems:"flex-start",children:[e(o,{children:[n(i,{variant:"caption",color:"text.secondary",children:"Rule UUID"}),n(C,{uuid:t.uuid,label:"Rule UUID",variant:"button",head:36,tail:0,mono:!0,iconSx:{fontSize:14,p:.125}})]}),t.notes&&e(o,{sx:{maxWidth:480},children:[n(i,{variant:"caption",color:"text.secondary",children:"Notes"}),n(i,{variant:"body2",children:t.notes})]})]}),e(o,{spacing:1,children:[n(i,{sx:{fontSize:11,fontWeight:700,letterSpacing:.6,textTransform:"uppercase"},children:"Conditions"}),n(f,{rule:t,catalog:s,readOnly:c,onEditCondition:p,onDeleteCondition:x})]})]})}export{g as NetworkRuleExpandedPanel};
+"use strict";import{Stack as n,Button as d,Typography as i}from"@mui/material";import{Edit as x,Delete as h}from"@mui/icons-material";import{CopyableUuid as u}from"../../CopyableUuid/index.mjs";import{NetworkRuleConditionsTable as m}from"./NetworkRuleConditionsTable.mjs";import{jsxs as o,jsx as t}from"react/jsx-runtime";function f({rule:e,catalog:c,readOnly:l=!1,onEdit:r,onDelete:a,onEditCondition:s,onDeleteCondition:p}){return o(n,{spacing:2,useFlexGap:!0,sx:{px:3,py:2},children:[!l&&(r!==void 0||a!==void 0)&&o(n,{direction:"row",spacing:2,alignItems:"center",children:[r&&t(d,{variant:"text",startIcon:t(x,{}),onClick:()=>r(e),children:"Edit"}),a&&t(d,{variant:"text",color:"error",startIcon:t(h,{}),onClick:()=>a(e),children:"Delete"})]}),o(n,{direction:"row",spacing:4,alignItems:"flex-start",children:[o(n,{children:[t(i,{variant:"caption",color:"text.secondary",children:"Rule UUID"}),t(u,{uuid:e.uuid,label:"Rule UUID",variant:"button",head:36,tail:0,mono:!0,iconSx:{fontSize:14,p:.125}})]}),e.notes&&o(n,{sx:{maxWidth:480},children:[t(i,{variant:"caption",color:"text.secondary",children:"Notes"}),t(i,{variant:"body2",children:e.notes})]})]}),o(n,{spacing:1,children:[t(i,{sx:{fontSize:11,fontWeight:700,letterSpacing:.6,textTransform:"uppercase"},children:"Conditions"}),t(m,{rule:e,catalog:c,readOnly:l,onEditCondition:s,onDeleteCondition:p})]})]})}export{f as NetworkRuleExpandedPanel};

package/dist/components/NetworkRules/table/NetworkRuleRow.mjs

@@ -1 +1 @@
-"use strict";import{TableRow as u,TableCell as c,Collapse as R,Box as C,Switch as _}from"@mui/material";import{flexRender as D}from"@tanstack/react-table";import{useResizeObserver as O}from"../../../hooks/useResizeObserver.mjs";import{useDataTableContext as P}from"../../DataTable/DataTable.context.mjs";import{EXPAND_TRANSITION_MS as S,EXPANDED_ROW_PANEL_SX as v,EXPAND_COLUMN_ID as T,ExpandRowToggle as A}from"../../DataTable/DataTableExpandRow.mjs";import{NetworkStatusChip as I}from"../shared/NetworkStatusChip.mjs";import{NETWORK_RULES_COLUMN_IDS as p}from"./columns.mjs";import{NetworkRuleExpandedPanel as k}from"./NetworkRuleExpandedPanel.mjs";import{jsxs as L,Fragment as X,jsx as e}from"react/jsx-runtime";function y({row:o,rowProps:h,getCellProps:x,catalog:f,readOnly:s=!1,onToggleEnabled:l,...g}){var n;const E=o.getIsExpanded(),a=o.original,i=a.enabled??!0,d=o.getVisibleCells(),{scrollContainerRef:m}=P();O(m);const t=(n=m.current)==null?void 0:n.clientWidth,b=t!==void 0&&t>0?t:"100%",w=r=>{switch(r.column.id){case T:return e(A,{row:o});case p.enabled:return e(_,{size:"small",checked:i,disabled:s||l===void 0,onChange:(M,N)=>l?.(a,N),inputProps:{"aria-label":`${i?"Disable":"Enable"} rule ${a.name}`}});case p.status:return e(I,{status:a.status});default:return D(r.column.columnDef.cell,r.getContext())}};return L(X,{children:[e(u,{...h,hover:!0,sx:{"& > td":{borderBottom:"unset"}},children:d.map(r=>e(c,{...x(r),children:w(r)},r.id))}),e(u,{children:e(c,{sx:{py:0,px:0},colSpan:d.length,children:e(R,{in:E,timeout:S,unmountOnExit:!0,children:e(C,{sx:{...v,width:b},children:e(k,{rule:a,catalog:f,readOnly:s,...g})})})})})]})}export{y as NetworkRuleRow};
+"use strict";import{TableRow as u,TableCell as h,Collapse as O,Box as g,Stack as _,Chip as v,Tooltip as S,Switch as T}from"@mui/material";import{flexRender as P}from"@tanstack/react-table";import{useResizeObserver as I}from"../../../hooks/useResizeObserver.mjs";import{useDataTableContext as k}from"../../DataTable/DataTable.context.mjs";import{EXPAND_TRANSITION_MS as A,EXPANDED_ROW_PANEL_SX as L,EXPAND_COLUMN_ID as W,ExpandRowToggle as X}from"../../DataTable/DataTableExpandRow.mjs";import{NetworkStatusChip as $}from"../shared/NetworkStatusChip.mjs";import{NETWORK_RULES_COLUMN_IDS as s}from"./columns.mjs";import{NetworkRuleExpandedPanel as z}from"./NetworkRuleExpandedPanel.mjs";import{jsxs as w,Fragment as M,jsx as e}from"react/jsx-runtime";function U({row:o,rowProps:x,getCellProps:f,catalog:b,readOnly:i=!1,onToggleEnabled:l,...E}){var d;const C=o.getIsExpanded(),t=o.original,n=t.enabled??!0,c=t.conditions.length,m=o.getVisibleCells(),{scrollContainerRef:p}=k();I(p);const r=(d=p.current)==null?void 0:d.clientWidth,N=r!==void 0&&r>0?r:"100%",R=a=>{switch(a.column.id){case W:return e(X,{row:o});case s.enabled:return e(S,{title:n?"Enabled":"Disabled",placement:"top",children:e("span",{children:e(T,{size:"small",checked:n,disabled:i||l===void 0,onChange:(y,D)=>l?.(t,D),inputProps:{"aria-label":`${n?"Disable":"Enable"} rule ${t.name}`}})})});case s.name:return w(_,{direction:"row",spacing:1,alignItems:"center",minWidth:0,children:[e(g,{component:"span",title:t.name,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.name}),e(v,{size:"small",label:`${c} ${c===1?"condition":"conditions"}`})]});case s.status:return e($,{status:t.status});default:return P(a.column.columnDef.cell,a.getContext())}};return w(M,{children:[e(u,{...x,hover:!0,sx:{"& > td":{borderBottom:"unset"}},children:m.map(a=>e(h,{...f(a),children:R(a)},a.id))}),e(u,{children:e(h,{sx:{py:0,px:0},colSpan:m.length,children:e(O,{in:C,timeout:A,unmountOnExit:!0,children:e(g,{sx:{...L,width:N},children:e(z,{rule:t,catalog:b,readOnly:i,...E})})})})})]})}export{U as NetworkRuleRow};

package/dist/components/NetworkRules/table/NetworkRulesTable.d.ts

@@ -1,6 +1,8 @@
+import { DataTableProps } from '../../DataTable/DataTable.types';
 import { NetworkRule } from '../types';
 import { NetworkRuleRowHandlers } from './NetworkRuleExpandedPanel';
-export interface NetworkRulesTableProps extends NetworkRuleRowHandlers {
+type PaginationProps = Pick<DataTableProps<NetworkRule>, 'pagination' | 'onPaginationChange' | 'manualPagination' | 'rowCount' | 'pageSizeOptions'>;
+export interface NetworkRulesTableProps extends NetworkRuleRowHandlers, PaginationProps {
     rules: NetworkRule[];
     isLoading?: boolean;
     /** No toggle, no row or condition actions. */
@@ -10,12 +12,6 @@ export interface NetworkRulesTableProps extends NetworkRuleRowHandlers {
     maxHeight?: number | string;
     /** Defaults to 900. */
     minWidth?: number | string;
-    /** Defaults to 'network-rules'. */
-    exportFilename?: string;
 }
-/**
- * One expandable row per rule. Presentation only: every change is reported
- * through a callback. Rows render once the catalog is available, so codes
- * never flash before their labels.
- */
-export declare function NetworkRulesTable({ rules, isLoading, readOnly, emptyMessage, maxHeight, minWidth, exportFilename, ...handlers }: Readonly<NetworkRulesTableProps>): import("react").JSX.Element;
+export declare function NetworkRulesTable({ rules, isLoading, readOnly, emptyMessage, maxHeight, minWidth, pagination, onPaginationChange, manualPagination, rowCount, pageSizeOptions, ...handlers }: Readonly<NetworkRulesTableProps>): import("react").JSX.Element;
+export {};

package/dist/components/NetworkRules/table/NetworkRulesTable.mjs

@@ -1 +1 @@
-"use strict";import{useMemo as m}from"react";import{Alert as w,Button as k,Box as x,TableRow as y,TableCell as L,Skeleton as N}from"@mui/material";import{DataTable as v}from"../../DataTable/DataTable.mjs";import{EXPAND_COLUMN_ID as E}from"../../DataTable/DataTableExpandRow.mjs";import{useNetworkRuleStatuses as S}from"../NetworkRules.context.mjs";import{useNetworkRulesCatalog as T}from"../hooks/useNetworkRulesCatalog.mjs";import{getStatusLabel as D,getKeyLabel as I,getOperatorLabel as M}from"../utils/catalog.mjs";import{normalizeConditionValues as O}from"../utils/condition.mjs";import{buildNetworkRulesColumns as U,NETWORK_RULES_COLUMN_IDS as r}from"./columns.mjs";import{NetworkRuleRow as _}from"./NetworkRuleRow.mjs";import{jsx as o,Fragment as A}from"react/jsx-runtime";const F=4;function P({columnCount:t}){return o(A,{children:Array.from({length:F},(a,e)=>o(y,{children:Array.from({length:t},(d,i)=>o(L,{children:o(N,{variant:"text"})},i))},e))})}function j(t){return[{id:r.status,label:"Status",kind:"multiSelect",columnId:r.status,options:t.map(a=>{const e=D(a);return{label:e,value:e}})},{id:r.enabled,label:"Enabled",kind:"boolean",columnId:r.enabled}]}function z(t){return[{header:"Rule UUID",value:a=>a.uuid},{header:"Condition Details",value:a=>a.conditions.map(e=>`${I(t,e.key)} ${M(t,e.operator)} ${O(e.value).join(" | ")}`).join("; ")}]}function H({rules:t,isLoading:a=!1,readOnly:e=!1,emptyMessage:d="No network rules yet",maxHeight:i=640,minWidth:b=900,exportFilename:g="network-rules",...h}){const s=T(),n=s.data,c=S()??n?.statuses??[],u=n!==void 0,p=m(()=>U(),[]),f=m(()=>j(c),[c]),C=m(()=>z(n),[n]),R=i==="100%";return!u&&s.isError?o(w,{severity:"error",action:o(k,{color:"inherit",size:"small",onClick:()=>{s.refetch()},children:"Retry"}),children:"The rule catalog could not be loaded, so rules cannot be shown."}):o(x,{sx:R?{height:"100%",minHeight:0}:void 0,children:o(v,{data:u?t:[],columns:p,getRowId:l=>l.uuid,isLoading:a||!u,disablePagination:!0,showToolbar:!0,enableColumnMenu:!0,enableColumnResizing:!0,enableColumnPinning:!0,initialColumnPinning:{left:[E,r.enabled,r.name],right:[]},filterFields:f,enableExport:!0,exportFilename:g,additionalExportColumns:C,tableLayout:"fixed",minWidth:b,maxHeight:i,emptyMessage:d,renderRow:l=>o(_,{...l,catalog:n,readOnly:e,...h}),renderLoading:l=>o(P,{columnCount:l})})})}export{H as NetworkRulesTable};
+"use strict";import{useMemo as g}from"react";import{Alert as N,Button as S,Box as x,TableRow as L,TableCell as P,Skeleton as O}from"@mui/material";import{DataTable as T}from"../../DataTable/DataTable.mjs";import{EXPAND_COLUMN_ID as v}from"../../DataTable/DataTableExpandRow.mjs";import{useNetworkRuleStatuses as M}from"../NetworkRules.context.mjs";import{useNetworkRulesCatalog as z}from"../hooks/useNetworkRulesCatalog.mjs";import{getStatusLabel as E}from"../utils/catalog.mjs";import{buildNetworkRulesColumns as I,NETWORK_RULES_COLUMN_IDS as o}from"./columns.mjs";import{NetworkRuleRow as _}from"./NetworkRuleRow.mjs";import{jsx as e,Fragment as A}from"react/jsx-runtime";const D=4;function U({columnCount:a}){return e(A,{children:Array.from({length:D},(i,n)=>e(L,{children:Array.from({length:a},(m,l)=>e(P,{children:e(O,{variant:"text"})},l))},n))})}function F(a){return[{id:o.status,label:"Status",kind:"multiSelect",columnId:o.status,options:a.map(i=>{const n=E(i);return{label:n,value:n}})},{id:o.enabled,label:"Enabled",kind:"boolean",columnId:o.enabled}]}function H({rules:a,isLoading:i=!1,readOnly:n=!1,emptyMessage:m="No network rules yet",maxHeight:l=640,minWidth:c=900,pagination:h,onPaginationChange:b,manualPagination:p,rowCount:f,pageSizeOptions:C,...w}){const s=z(),r=s.data,d=M()??r?.statuses??[],u=r!==void 0,R=g(()=>I(),[]),k=g(()=>F(d),[d]),y=l==="100%";return!u&&s.isError?e(N,{severity:"error",action:e(S,{color:"inherit",size:"small",onClick:()=>{s.refetch()},children:"Retry"}),children:"The rule catalog could not be loaded, so rules cannot be shown."}):e(x,{sx:y?{height:"100%",minHeight:0}:void 0,children:e(T,{data:u?a:[],columns:R,getRowId:t=>t.uuid,isLoading:i||!u,initialPageSize:10,pagination:h,onPaginationChange:b,manualPagination:p,rowCount:f,pageSizeOptions:C,showToolbar:!0,enableColumnMenu:!0,enableColumnResizing:!0,enableColumnPinning:!0,initialColumnPinning:{left:[v,o.enabled,o.name],right:[]},filterFields:k,tableLayout:"fixed",minWidth:c,maxHeight:l,emptyMessage:m,renderRow:t=>e(_,{...t,catalog:r,readOnly:n,...w}),renderLoading:t=>e(U,{columnCount:t})})})}export{H as NetworkRulesTable};

package/dist/components/NetworkRules/table/columns.d.ts

@@ -3,7 +3,6 @@ import { NetworkRule } from '../types';
 export declare const NETWORK_RULES_COLUMN_IDS: {
     readonly enabled: "enabled";
     readonly name: "name";
-    readonly conditions: "conditions";
     readonly status: "status";
     readonly startDate: "startDate";
     readonly endDate: "endDate";

package/dist/components/NetworkRules/table/columns.mjs

@@ -1 +1 @@
-"use strict";import{expandColumn as l}from"../../DataTable/DataTableExpandRow.mjs";import{getStatusLabel as r}from"../utils/catalog.mjs";import{formatRuleDate as n}from"../utils/date.mjs";const t={enabled:"enabled",name:"name",conditions:"conditions",status:"status",startDate:"startDate",endDate:"endDate",notes:"notes"};function a(e){return(i,s)=>(e(i.original)??"").localeCompare(e(s.original)??"")}const o=({getValue:e})=>e()??"-";function d(){return[l(),{id:t.enabled,header:"Enabled",accessorFn:e=>e.enabled??!0,enableSorting:!1,enableColumnFilter:!1,enableResizing:!1,meta:{width:100,disableColumnMenu:!0}},{id:t.name,header:"Rule Name",accessorFn:e=>e.name,enableSorting:!0,enableColumnFilter:!1,meta:{width:300}},{id:t.conditions,header:"Conditions",accessorFn:e=>e.conditions.length,enableSorting:!0,enableColumnFilter:!1,meta:{width:140}},{id:t.status,header:"Status",accessorFn:e=>r(e.status),enableSorting:!0,enableColumnFilter:!1,meta:{width:200}},{id:t.startDate,header:"Starts",accessorFn:e=>n(e.startDate)??void 0,cell:o,sortingFn:a(e=>e.startDate),sortUndefined:"last",enableSorting:!0,enableColumnFilter:!1,meta:{width:280}},{id:t.endDate,header:"Ends",accessorFn:e=>n(e.endDate)??void 0,cell:o,sortingFn:a(e=>e.endDate),sortUndefined:"last",enableSorting:!0,enableColumnFilter:!1,meta:{width:280}},{id:t.notes,header:"Notes",accessorFn:e=>e.notes??"-",enableSorting:!1,enableColumnFilter:!1,meta:{width:300}}]}export{t as NETWORK_RULES_COLUMN_IDS,d as buildNetworkRulesColumns};
+"use strict";import{expandColumn as s}from"../../DataTable/DataTableExpandRow.mjs";import{getStatusLabel as l}from"../utils/catalog.mjs";import{formatRuleDate as t}from"../utils/date.mjs";const a={enabled:"enabled",name:"name",status:"status",startDate:"startDate",endDate:"endDate",notes:"notes"},n=({getValue:e})=>e()??"-";function r(){return[s(),{id:a.enabled,header:"Enabled",accessorFn:e=>e.enabled??!0,enableColumnFilter:!1,enableResizing:!1,meta:{width:100,disableColumnMenu:!0}},{id:a.name,header:"Rule Name",accessorFn:e=>e.name,enableColumnFilter:!1,meta:{width:320}},{id:a.status,header:"Status",accessorFn:e=>l(e.status),enableColumnFilter:!1,meta:{width:200}},{id:a.startDate,header:"Starts",accessorFn:e=>t(e.startDate)??void 0,cell:n,enableColumnFilter:!1,meta:{width:280}},{id:a.endDate,header:"Ends",accessorFn:e=>t(e.endDate)??void 0,cell:n,enableColumnFilter:!1,meta:{width:280}},{id:a.notes,header:"Notes",accessorFn:e=>e.notes??"-",enableColumnFilter:!1,meta:{width:300}}]}export{a as NETWORK_RULES_COLUMN_IDS,r as buildNetworkRulesColumns};

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

@@ -46,6 +46,8 @@ export type NetworkRuleCondition = {
 /** Dates are calendar days, `YYYY-MM-DD`: from the start day up to, not including, the end day. */
 export type NetworkRule = {
     uuid: string;
+    /** Per-brand sequence the server assigns on create; absent until then. */
+    number?: number;
     name: string;
     status: string;
     notes?: string | null;

package/dist/styles/theme.mjs

@@ -1 +1 @@
-"use strict";import{createTheme as s}from"@mui/material";import{colors as t}from"./colors.mjs";import{typography as o}from"./typography.mjs";import{ensureWcagAAContrast as n}from"../utils/color/index.mjs";function l(r){return typeof r=="object"&&r!==null&&typeof r.main=="string"}function d(r){const{palette:i}=r,a=i.background.default;return i.text.primary=n(i.text.primary,a),i.text.secondary=n(i.text.secondary,a),i.text.disabled=n(i.text.disabled,a),Object.values(i).forEach(e=>{l(e)&&(e.main=n(e.main,a),typeof e.dark=="string"&&(e.dark=n(e.dark,a)),typeof e.contrastText=="string"&&(e.contrastText=n(e.contrastText,e.main)))}),r}const u=({primaryFontFace:r,wcagAAEnabled:i,...a})=>{const e=s({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:r.style.fontFamily,...o},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...o.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiChip:{styleOverrides:{root:{fontWeight:400}}},MuiButton:{styleOverrides:{root:{fontWeight:800,"&.MuiButton-contained.Mui-focused, &.MuiButton-contained:focus":{boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.25),0px 6px 7px 0px rgba(0,0,0,0.18),0px 1px 12px 0px rgba(0,0,0,0.16)"}}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input):not(.MuiInputBase-inputMultiline)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{defaultProps:{shrink:!0},styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiOutlinedInput:{defaultProps:{notched:!0}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium",InputLabelProps:{shrink:!0}},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}},styleOverrides:{select:{display:"flex",alignItems:"center"}}},MuiAutocomplete:{defaultProps:{size:"medium"}},MuiFormHelperText:{styleOverrides:{root:{wordBreak:"break-word"}}}},...a});return i?d(e):e};export{u as theme};
+"use strict";import{createTheme as l}from"@mui/material";import{colors as t}from"./colors.mjs";import{typography as n}from"./typography.mjs";import{ensureWcagAAContrast as o}from"../utils/color/index.mjs";function d(r){return typeof r=="object"&&r!==null&&typeof r.main=="string"}function u(r){const{palette:i}=r,a=i.background.default;return i.text.primary=o(i.text.primary,a),i.text.secondary=o(i.text.secondary,a),i.text.disabled=o(i.text.disabled,a),Object.values(i).forEach(e=>{d(e)&&(e.main=o(e.main,a),typeof e.dark=="string"&&(e.dark=o(e.dark,a)),typeof e.contrastText=="string"&&(e.contrastText=o(e.contrastText,e.main)))}),r}const p=({primaryFontFace:r,wcagAAEnabled:i,...a})=>{const e=l({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:r.style.fontFamily,...n},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...n.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiFormLabel:{styleOverrides:{asterisk:({theme:s})=>({color:s.palette.error.main,fontSize:"1.25em",fontWeight:700})}},MuiChip:{styleOverrides:{root:{fontWeight:400}}},MuiButton:{styleOverrides:{root:{fontWeight:800,"&.MuiButton-contained.Mui-focused, &.MuiButton-contained:focus":{boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.25),0px 6px 7px 0px rgba(0,0,0,0.18),0px 1px 12px 0px rgba(0,0,0,0.16)"}}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input):not(.MuiInputBase-inputMultiline)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{defaultProps:{shrink:!0},styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiOutlinedInput:{defaultProps:{notched:!0}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium",InputLabelProps:{shrink:!0}},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}},styleOverrides:{select:{display:"flex",alignItems:"center"}}},MuiAutocomplete:{defaultProps:{size:"medium"}},MuiFormHelperText:{styleOverrides:{root:{wordBreak:"break-word"}}}},...a});return i?u(e):e};export{p as theme};

package/package.json

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