ethyca-fides 2.68.1b3__py2.py3-none-any.whl → 2.69.0rc0__py2.py3-none-any.whl

fides/ui-build/static/admin/_next/static/chunks/pages/integrations-5f34de3c24e67368.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[710],{66726:function(e,t,n){var i=n(11611),l=n(82846),a=n(91936),o=Math.max,r=Math.min;e.exports=function(e,t,n){var s,c,d,u,p,m,h=0,x=!1,f=!1,v=!0;if("function"!=typeof e)throw TypeError("Expected a function");function g(t){var n=s,i=c;return s=c=void 0,h=t,u=e.apply(i,n)}function y(e){var n=e-m,i=e-h;return void 0===m||n>=t||n<0||f&&i>=d}function j(){var e,n,i,a=l();if(y(a))return w(a);p=setTimeout(j,(e=a-m,n=a-h,i=t-e,f?r(i,d-n):i))}function w(e){return(p=void 0,v&&s)?g(e):(s=c=void 0,u)}function b(){var e,n=l(),i=y(n);if(s=arguments,c=this,m=n,i){if(void 0===p)return h=e=m,p=setTimeout(j,t),x?g(e):u;if(f)return clearTimeout(p),p=setTimeout(j,t),g(m)}return void 0===p&&(p=setTimeout(j,t)),u}return t=a(t)||0,i(n)&&(x=!!n.leading,d=(f="maxWait"in n)?o(a(n.maxWait)||0,t):d,v="trailing"in n?!!n.trailing:v),b.cancel=function(){void 0!==p&&clearTimeout(p),h=0,s=m=c=p=void 0},b.flush=function(){return void 0===p?u:w(l())},b}},82846:function(e,t,n){var i=n(77400);e.exports=function(){return i.Date.now()}},9387:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/integrations",function(){return n(31912)}])},30952:function(e,t,n){"use strict";n.d(t,{f:function(){return s}});var i=n(24246),l=n(66726),a=n.n(l),o=n(27378),r=n(26917);let s=e=>{let{value:t,onChange:n,placeholder:l,...s}=e,[c,d]=(0,o.useState)(t);(0,o.useEffect)(()=>{d(t||"")},[t]);let u=a()(n,500),p=(0,o.useCallback)(e=>{d(e),u(e)},[]);return(0,i.jsx)(r.Z,{value:c,onChange:p,onClear:()=>{d(""),n("")},placeholder:l,...s})}},31912:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return R}});var i,l,a=n(24246),o=n(96306),r=n(86677),s=n(27378),c=n(30952),d=n(25980),u=n(18225),p=n(75573),m=n(77213),h=n(77830),x=n(58754),f=n(16394),v=n(20682),g=n(41337),y=n(14207),j=n(8133),w=n(38187),b=n(15987),k=n(75595),C=e=>{let{integrationType:t,onConfigure:n}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(k.Z,{integration:null==t?void 0:t.placeholder,integrationTypeInfo:t,onConfigureClick:n}),null==t?void 0:t.overview]})},_=e=>{let t=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let n=n=>{!t.current||t.current.contains(n.target)||n.target.closest('button, [role="button"], a, input, select, textarea')||e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e]),t},S=n(35030),N=e=>{var t;let{integration:n,integrationTypeInfo:i,selected:l=!1,onClick:r,onDetailsClick:s,onUnfocus:c}=e,d=(0,p.pI)(n),u=i||(0,w.ZP)(null==n?void 0:n.connection_type,null==n?void 0:null===(t=n.saas_config)||void 0===t?void 0:t.type),m=_(()=>{l&&c&&c()});return(0,a.jsxs)(o.xuv,{ref:m,borderWidth:1,borderColor:l?"black":"gray.200",backgroundColor:l?"gray.50":"transparent",boxShadow:l?"md":"none",borderRadius:"lg",overflow:"hidden",padding:"12px",cursor:"pointer",onClick:r,"data-testid":"integration-info-".concat(null==n?void 0:n.key),children:[(0,a.jsx)(o.kCb,{justifyContent:"space-between",alignItems:"flex-start",width:"100%",children:(0,a.jsxs)(o.kCb,{flexGrow:1,width:"100%",children:[(0,a.jsx)(g.Z,{data:null!=d?d:"",boxSize:"40px",className:"shrink-0"}),(0,a.jsxs)(o.kCb,{direction:"column",flexGrow:1,flexShrink:1,marginLeft:"12px",marginRight:"12px",width:0,children:[(0,a.jsx)(o.AntTypography.Text,{strong:!0,style:{color:"var(--chakra-colors-gray-700)",fontSize:"14px"},ellipsis:{tooltip:(null==n?void 0:n.name)||"(No name)"},children:(null==n?void 0:n.name)||"(No name)"}),(0,a.jsx)(o.xvT,{color:"gray.600",fontSize:"xs",mt:1,children:(0,S.qS)(u.category)})]}),s&&(0,a.jsx)(o.wpx,{size:"small",onClick:e=>{e.stopPropagation(),s()},type:"default",className:"shrink-0 px-2 py-1 text-xs","data-testid":"details-btn-".concat(null==n?void 0:n.key),children:"Details"})]})}),(0,a.jsxs)(o.Eq9,{marginTop:"12px",spacing:1,children:[u.tags.slice(0,3).map(e=>(0,a.jsx)(o.j8w,{children:e},e)),u.tags.length>3&&(0,a.jsxs)(o.j8w,{color:"corinth",children:["+",u.tags.length-3]})]})]})},T=n(54682),A=n(28946),I=e=>{let{selectedIntegration:t,onSelectIntegration:n,onDetailClick:i}=e,[l,r]=(0,s.useState)(""),[c,p]=(0,s.useState)("ALL"),[m,h]=(0,s.useState)(!1),{flags:{oktaMonitor:x,newIntegrationManagement:f}}=(0,d.Vb)(),{data:g}=(0,v.$I)({}),y=(0,s.useMemo)(()=>(null==g?void 0:g.items)||[],[g]),j=(0,s.useMemo)(()=>{let e=w.FO;f||(e=e.filter(e=>e.placeholder.connection_type!==T.Rj.SAAS));let t=new Set(e.filter(e=>e.placeholder.connection_type===T.Rj.SAAS).map(e=>{var t;return null===(t=e.placeholder.saas_config)||void 0===t?void 0:t.type}));return[...e,...f?y.filter(e=>"saas"===e.type&&!t.has(e.identifier)).map(e=>(0,w.ZP)(T.Rj.SAAS,e.identifier,y)):[]]},[y,f]),b=(0,s.useMemo)(()=>{let e=["ALL",...Object.values(A.k).filter(e=>e!==A.k.IDENTITY_PROVIDER||x)];return f?e:e.filter(e=>"ALL"===e?j.length>0:j.some(t=>t.category===e))},[x,f,j]),k=(0,s.useMemo)(()=>{let e=j;if("ALL"!==c&&(e=e.filter(e=>e.category===c)),l.trim()){let t=l.toLowerCase();e=e.filter(e=>(e.placeholder.name||"").toLowerCase().includes(t))}return(e=e.filter(e=>!!x||"okta"!==e.placeholder.connection_type)).sort((e,t)=>{let n=e.placeholder.name||"",i=t.placeholder.name||"";return n.localeCompare(i)})},[l,c,x,j]),C=b.map(e=>"ALL"===e?{label:"All",value:e}:{label:(0,S.qS)(e),value:e}).sort((e,t)=>"All"===e.label?-1:"All"===t.label?1:e.label.localeCompare(t.label));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"mb-4 mt-3 flex items-center justify-between gap-4",children:[(0,a.jsx)(o.uFc,{placeholder:"Search by name...",value:l,onChange:e=>r(e.target.value),className:"w-64",allowClear:!0}),(0,a.jsx)(o.WPr,{value:c,onChange:e=>{h(!0),p(e),setTimeout(()=>h(!1),100)},options:C,className:"w-48",placeholder:"Select category","data-testid":"category-filter-select"})]}),m?(0,a.jsx)(u.Z,{}):(0,a.jsx)("div",{className:"grid grid-cols-3 gap-6",children:k.map(e=>(0,a.jsx)("div",{children:(0,a.jsx)(N,{integration:e.placeholder,integrationTypeInfo:e,selected:(null==t?void 0:t.placeholder.key)===e.placeholder.key,onClick:()=>{n((null==t?void 0:t.placeholder.key)===e.placeholder.key?void 0:e)},onDetailsClick:()=>i(e),onUnfocus:()=>n(void 0)})},e.placeholder.key))})]})},Z=n(64176);(i=l||(l={})).LIST_VIEW="list-view",i.DETAIL="detail",i.FORM="form";var L=e=>{var t,n,i;let{isOpen:l,onClose:r}=e,[c,d]=(0,s.useState)("list-view"),[u,p]=(0,s.useState)(null),[m,h]=(0,s.useState)(),[x,f]=(0,s.useState)(null),v=(0,Z.Z)(null==m?void 0:m.placeholder.connection_type,null==m?void 0:null===(n=m.placeholder)||void 0===n?void 0:null===(t=n.saas_config)||void 0===t?void 0:t.type),{description:g}=(0,w.ZP)(null==m?void 0:m.placeholder.connection_type,null==m?void 0:null===(i=m.placeholder.saas_config)||void 0===i?void 0:i.type),y=()=>{d("list-view"),p(null),h(void 0),f(null),r()},k=()=>{p("detail"),d("form")},_=m&&"list-view"!==c?"".concat(m.placeholder.name," Integration"):"Add integration",S="list-view"===c?(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(o.wpx,{onClick:y,children:"Cancel"}),(0,a.jsx)(o.wpx,{type:"primary",onClick:()=>{"list-view"===c&&m&&(p("list-view"),d("form"))},disabled:!m,children:"Next"})]}):"detail"===c?(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(o.wpx,{onClick:()=>d("list-view"),children:"Back"}),(0,a.jsx)(o.wpx,{onClick:k,type:"primary","data-testid":"configure-modal-btn",children:"Next"})]}):"form"===c?(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(o.wpx,{onClick:()=>{u&&(d(u),p(null))},children:"Back"}),(0,a.jsx)(o.wpx,{type:"primary",onClick:()=>{x&&x.submitForm&&x.submitForm()},disabled:!x||!x.isValid||!x.dirty,loading:null==x?void 0:x.loading,"data-testid":"save-btn",children:"Save"})]}):null;return(0,a.jsxs)(j.Z,{isOpen:l,onClose:y,title:_,scrollBehavior:"inside",showCloseButton:!0,modalContentProps:{height:"700px",maxWidth:"1010px"},footer:S,children:["list-view"===c&&(0,a.jsx)(I,{selectedIntegration:m,onSelectIntegration:e=>{h(e)},onDetailClick:e=>{d("detail"),h(e)}}),"detail"===c&&(0,a.jsx)(C,{integrationType:m,onConfigure:k}),"form"===c&&(0,a.jsx)(b.Z,{connectionOption:v,onCancel:y,description:g,onFormStateChange:f})]})},E=n(40774);let z=e=>{let{integration:t}=e,n=(0,p.pI)(t);return(0,a.jsx)(g.Z,{data:n,boxSize:"20px"})};var R=()=>{let[e,t]=(0,s.useState)(1),[n,i]=(0,s.useState)(50),[l,p]=(0,s.useState)(""),g=(0,r.useRouter)(),{flags:{newIntegrationManagement:j}}=(0,d.Vb)(),b=(0,s.useCallback)(l=>{(null==l?void 0:l.current)!==e&&t(l.current),(null==l?void 0:l.pageSize)&&l.pageSize!==n&&i(l.pageSize)},[e,n]),{data:k}=(0,v.$I)({}),C=(0,s.useMemo)(()=>(null==k?void 0:k.items)||[],[k]),_=(0,s.useMemo)(()=>j?w.jq:w.jq.filter(e=>e!==T.Rj.SAAS),[j]),{data:S,isLoading:N}=(0,y.AZ)({connection_type:_,size:n,page:e,search:l.trim()||void 0}),{items:A}=null!=S?S:{},{onOpen:I,isOpen:Z,onClose:R}=(0,o.qY0)(),M=(0,s.useMemo)(()=>{var e;return null!==(e=null==A?void 0:A.map(e=>{var t;return{...e,integrationTypeInfo:(0,w.ZP)(e.connection_type,null===(t=e.saas_config)||void 0===t?void 0:t.type,C)}}))&&void 0!==e?e:[]},[A,C]),P=e=>{g.push("".concat(h.KH,"/").concat(e.key))},O=[{title:"Name",dataIndex:"name",key:"name",width:250,render:(e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)(z,{integration:t}),(0,a.jsx)(o.AntTypography.Text,{ellipsis:{tooltip:e||"(No name)"},className:"font-semibold",children:e||"(No name)"})]})},{title:"Type",dataIndex:"connection_type",key:"connection_type",width:150,render:(e,t)=>{var n;return(0,w.ZP)(e,null===(n=t.saas_config)||void 0===n?void 0:n.type,C).placeholder.name||e}},{title:"Capabilities",dataIndex:["integrationTypeInfo","tags"],key:"capabilities",width:300,render:e=>(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:e.map(e=>(0,a.jsx)(o.j8w,{children:e},e))})},{title:"Connection Status",key:"connection_status",width:150,render:(e,t)=>{let{status:n,color:i}=null===t.last_test_timestamp||void 0===t.last_test_timestamp?{status:"Untested",color:"default"}:!0===t.last_test_succeeded?{status:"Healthy",color:"success"}:!1===t.last_test_succeeded?{status:"Failed",color:"error"}:{status:"Untested",color:"default"},l=t.last_test_timestamp?"Last connection: ".concat((0,f.p6)(t.last_test_timestamp)):"The connection has not been tested";return(0,a.jsx)(o.esZ,{title:l,children:(0,a.jsx)(o.j8w,{color:i,children:n})})}},{title:"Actions",key:"actions",width:100,render:(e,t)=>(0,a.jsx)(o.wpx,{onClick:()=>P(t),"data-testid":"manage-btn-".concat(t.key),size:"small",children:"Manage"})}],F={current:e,pageSize:n,total:M.length,showQuickJumper:!1,showTotal:(e,t)=>"".concat(t[0],"-").concat(t[1]," of ").concat(e," integrations"),pageSizeOptions:["10","25","50","100"]},D={emptyText:l.trim()?"No integrations match your search":(0,a.jsx)("div",{"data-testid":"empty-state",children:'You have not configured any integrations. Click "Add Integration" to connect and configure systems now.'})};return(0,a.jsxs)(m.Z,{title:"Integrations",children:[(0,a.jsx)(x.Z,{heading:"Integrations",breadcrumbItems:[{title:"All integrations"}],rightContent:(0,a.jsx)(o.wpx,{onClick:I,"data-testid":"add-integration-btn",type:"primary",children:"Add integration"})}),(0,a.jsxs)("div",{className:"mb-4 flex items-center justify-between gap-4",children:[(0,a.jsx)(c.f,{placeholder:"Search by name...",value:l,onChange:e=>{p(e),t(1)},className:"max-w-sm"}),(0,a.jsx)(E.Z,{})]}),N?(0,a.jsx)(u.Z,{}):(0,a.jsx)(o.V5H,{columns:O,dataSource:M,rowKey:"key",pagination:F,loading:N,size:"small",locale:D,bordered:!0,onRow:e=>({onClick:()=>P(e),"data-testid":"integration-info-".concat(e.key)}),rowClassName:"cursor-pointer",onChange:b,"data-testid":"integrations-table"}),(0,a.jsx)(L,{isOpen:Z,onClose:R})]})}}},function(e){e.O(0,[8765,431,9278,5163,699,3662,1316,768,4808,3729,2888,9774,179],function(){return e(e.s=9387)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/messaging/{[id]-4a08ca7762a19700.js → [id]-707b72e959233112.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3663],{87439:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/[id]",function(){return s(79545)}])},79545:function(e,t,s){"use strict";s.r(t);var n=s(24246),a=s(812),i=s(39941),l=s(86677),r=s(77213),u=s(77830),o=s(58754),d=s(46628),c=s(67810),p=s(47466),m=s(5058),g=s(20149),f=s(31883);t.default=()=>{let e=(0,i.pmc)(),t=(0,l.useRouter)(),s=t.query.id,{data:h,isLoading:_}=(0,p.gQ)(s),[b]=(0,m.pS)(),[x]=(0,p.ew)(),y=async t=>{var n;let i={is_enabled:t.is_enabled,content:{subject:t.content.subject,body:t.content.body},properties:[]};null===(n=t.properties)||void 0===n||n.forEach(e=>{var t;return null===(t=i.properties)||void 0===t?void 0:t.push(e.id)});let l=await b({templateId:s,template:i});if((0,f.D4)(l)){e((0,d.Vo)((0,a.e$)(l.error)));return}e((0,d.t5)("Messaging template updated successfully"))},{isOpen:j,onOpen:w,onClose:v}=(0,i.qY0)(),C=async()=>{let n=await x(s);if((0,f.D4)(n)){e((0,d.Vo)((0,a.e$)(n.error)));return}e((0,d.t5)("Messaging template deleted successfully")),t.push(u.q)};return h?_?(0,n.jsx)(i.$jN,{}):(0,n.jsxs)(r.Z,{title:"Configure Message",children:[(0,n.jsx)(o.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:u.q},{title:"".concat(c.Z[h.type])}]}),(0,n.jsx)(i.xuv,{"data-testid":"add-messaging-template",maxWidth:"720px",children:(0,n.jsx)(g.Z,{template:h,handleSubmit:y,handleDelete:w})}),(0,n.jsx)(i.cVQ,{isOpen:j,onClose:v,onConfirm:C,title:"Delete message template",message:(0,n.jsx)(i.xvT,{children:"You are about to permanently delete this template message. Are you sure you would like to continue?"})})]}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=87439)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3663],{87439:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/[id]",function(){return s(79545)}])},79545:function(e,t,s){"use strict";s.r(t);var n=s(24246),a=s(812),i=s(96306),l=s(86677),r=s(77213),u=s(77830),o=s(58754),d=s(46628),c=s(67810),p=s(47466),m=s(5058),g=s(20149),f=s(31883);t.default=()=>{let e=(0,i.pmc)(),t=(0,l.useRouter)(),s=t.query.id,{data:h,isLoading:_}=(0,p.gQ)(s),[b]=(0,m.pS)(),[x]=(0,p.ew)(),y=async t=>{var n;let i={is_enabled:t.is_enabled,content:{subject:t.content.subject,body:t.content.body},properties:[]};null===(n=t.properties)||void 0===n||n.forEach(e=>{var t;return null===(t=i.properties)||void 0===t?void 0:t.push(e.id)});let l=await b({templateId:s,template:i});if((0,f.D4)(l)){e((0,d.Vo)((0,a.e$)(l.error)));return}e((0,d.t5)("Messaging template updated successfully"))},{isOpen:j,onOpen:w,onClose:v}=(0,i.qY0)(),C=async()=>{let n=await x(s);if((0,f.D4)(n)){e((0,d.Vo)((0,a.e$)(n.error)));return}e((0,d.t5)("Messaging template deleted successfully")),t.push(u.q)};return h?_?(0,n.jsx)(i.$jN,{}):(0,n.jsxs)(r.Z,{title:"Configure Message",children:[(0,n.jsx)(o.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:u.q},{title:"".concat(c.Z[h.type])}]}),(0,n.jsx)(i.xuv,{"data-testid":"add-messaging-template",maxWidth:"720px",children:(0,n.jsx)(g.Z,{template:h,handleSubmit:y,handleDelete:w})}),(0,n.jsx)(i.cVQ,{isOpen:j,onClose:v,onConfirm:C,title:"Delete message template",message:(0,n.jsx)(i.xvT,{children:"You are about to permanently delete this template message. Are you sure you would like to continue?"})})]}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=87439)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/messaging/{add-template-343a965dcdb3d11e.js → add-template-c68b413f3c9cf318.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7364],{3497:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/add-template",function(){return n(8334)}])},8334:function(e,t,n){"use strict";n.r(t);var s=n(24246),r=n(812),i=n(77830),u=n(39941),a=n(86677),l=n(77213),c=n(58754),d=n(46628),o=n(67810),p=n(47466),h=n(5058),_=n(20149),f=n(31883);t.default=()=>{let e=(0,u.pmc)(),t=(0,a.useRouter)(),{templateType:n}=t.query,[g]=(0,h.Vw)(),{data:b,isLoading:m}=(0,p.KC)(n),x=async s=>{var u;let a={is_enabled:s.is_enabled,content:{subject:s.content.subject,body:s.content.body},properties:[]};null===(u=s.properties)||void 0===u||u.forEach(e=>{var t;return null===(t=a.properties)||void 0===t?void 0:t.push(e.id)});let l=await g({templateType:n,template:a});if((0,f.D4)(l)){e((0,d.Vo)((0,r.e$)(l.error)));return}e((0,d.t5)("Messaging template created successfully")),t.push(i.q)};return b?m?(0,s.jsx)(u.$jN,{}):(0,s.jsx)(l.Z,{title:"Configure Message",children:(0,s.jsx)(c.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:i.q},{title:"".concat(o.Z[b.type])}],children:(0,s.jsx)(u.xuv,{maxWidth:"720px",children:(0,s.jsx)(u.xuv,{padding:2,children:(0,s.jsx)(_.Z,{template:b,handleSubmit:x})})})})}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=3497)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7364],{3497:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging/add-template",function(){return n(8334)}])},8334:function(e,t,n){"use strict";n.r(t);var s=n(24246),r=n(812),i=n(77830),u=n(96306),a=n(86677),l=n(77213),c=n(58754),d=n(46628),o=n(67810),p=n(47466),h=n(5058),_=n(20149),f=n(31883);t.default=()=>{let e=(0,u.pmc)(),t=(0,a.useRouter)(),{templateType:n}=t.query,[g]=(0,h.Vw)(),{data:b,isLoading:m}=(0,p.KC)(n),x=async s=>{var u;let a={is_enabled:s.is_enabled,content:{subject:s.content.subject,body:s.content.body},properties:[]};null===(u=s.properties)||void 0===u||u.forEach(e=>{var t;return null===(t=a.properties)||void 0===t?void 0:t.push(e.id)});let l=await g({templateType:n,template:a});if((0,f.D4)(l)){e((0,d.Vo)((0,r.e$)(l.error)));return}e((0,d.t5)("Messaging template created successfully")),t.push(i.q)};return b?m?(0,s.jsx)(u.$jN,{}):(0,s.jsx)(l.Z,{title:"Configure Message",children:(0,s.jsx)(c.Z,{heading:"Messaging",breadcrumbItems:[{title:"Messaging",href:i.q},{title:"".concat(o.Z[b.type])}],children:(0,s.jsx)(u.xuv,{maxWidth:"720px",children:(0,s.jsx)(u.xuv,{padding:2,children:(0,s.jsx)(_.Z,{template:b,handleSubmit:x})})})})}):null}}},function(e){e.O(0,[7630,2888,9774,179],function(){return e(e.s=3497)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/{messaging-3ade4c54b1c8a11e.js → messaging-d95588f3ef137030.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2815],{24081:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging",function(){return s(18504)}])},35287:function(e,t,s){"use strict";var i=s(24246),n=s(39941),a=s(88038),r=s.n(a);s(27378),t.Z=e=>{let{children:t,title:s,mainProps:a}=e;return(0,i.jsxs)(n.kCb,{"data-testid":s,direction:"column",height:"calc(100vh - 48px)",width:"calc(100vw - 240px)",children:[(0,i.jsxs)(r(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",s]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsx)(n.kCb,{px:10,py:6,as:"main",overflow:"auto",direction:"column",flex:1,minWidth:0,...a,children:t})]})}},87361:function(e,t,s){"use strict";var i=s(24246),n=s(39941);t.Z=e=>{let{title:t,text:s,onClose:a}=e;return(0,i.jsxs)(n.Ugi,{backgroundColor:"gray.50",border:"1px solid",borderRadius:"md",justifyContent:"space-between",py:4,pr:6,pl:3,"data-testid":"empty-state",gap:2,position:"relative",children:[a&&(0,i.jsx)(n.Two,{boxSize:5,position:"absolute",right:3,top:3,zIndex:1,cursor:"pointer",p:1,onClick:a}),(0,i.jsx)(n.iid,{alignSelf:"start",color:"minos",mt:.5,flexGrow:0}),(0,i.jsxs)(n.kCb,{direction:"column",gap:2,flexGrow:1,children:[(0,i.jsx)(n.X6q,{fontSize:"md",children:t}),(0,i.jsx)(n.xvT,{fontSize:"sm",color:"gray.600",lineHeight:"5",children:s})]})]})}},58754:function(e,t,s){"use strict";var i=s(24246),n=s(39941),a=s(70788);t.Z=e=>{let{heading:t,breadcrumbItems:s,isSticky:r=!0,children:l,rightContent:o,style:c,...d}=e;return(0,i.jsxs)("div",{...d,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...c}:{paddingBottom:"24px",...c},children:[(0,i.jsxs)(n.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(n.lQT,{className:s||l?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,o&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!s&&(0,i.jsx)(a.m,{className:l?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),l]})}},70788:function(e,t,s){"use strict";s.d(t,{m:function(){return c}});var i=s(24246),n=s(39941),a=s(79894),r=s.n(a),l=s(27378);let{Text:o}=n.AntTypography,c=e=>{let{items:t,...s}=e,a=(0,l.useMemo)(()=>null==t?void 0:t.map((e,s)=>{let a=s===t.length-1,l={...e},c=l.onClick&&!l.href;return("string"==typeof l.title&&(l.title=(0,i.jsx)(o,{style:{color:"inherit",maxWidth:a?void 0:400},ellipsis:!a,id:a?"breadcrumb-current-page":void 0,children:l.title})),c)?l.title=(0,i.jsx)(n.wpx,{type:"text",size:"small",icon:l.icon,onClick:l.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:l.title}):(l.icon&&(l.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:l.icon}),l.title]})),l.href&&l.title&&(l.title=(0,i.jsx)(r(),{href:l.href,className:"ant-breadcrumb-link",children:l.title}),delete l.href)),l}),[t]);return(0,i.jsx)(n.zrq,{items:a,...s})}},67810:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}}),(i=n||(n={})).PRIVACY_REQUEST_REVIEW_APPROVE="privacy_request_review_approve",i.PRIVACY_REQUEST_REVIEW_DENY="privacy_request_review_deny",i.PRIVACY_REQUEST_RECEIPT="privacy_request_receipt",i.PRIVACY_REQUEST_COMPLETE_ACCESS="privacy_request_complete_access",i.PRIVACY_REQUEST_COMPLETE_DELETION="privacy_request_complete_deletion",i.SUBJECT_IDENTITY_VERIFICATION="subject_identity_verification";var i,n,a={[n.PRIVACY_REQUEST_COMPLETE_ACCESS]:"Access request completed",[n.PRIVACY_REQUEST_COMPLETE_DELETION]:"Erasure request completed",[n.PRIVACY_REQUEST_RECEIPT]:"Privacy request received",[n.PRIVACY_REQUEST_REVIEW_APPROVE]:"Privacy request approved",[n.PRIVACY_REQUEST_REVIEW_DENY]:"Privacy request denied",[n.SUBJECT_IDENTITY_VERIFICATION]:"Subject identity verification"}},5058:function(e,t,s){"use strict";s.d(t,{Vw:function(){return a},ms:function(){return i},pS:function(){return n},vm:function(){return r}});let{useGetSummaryMessagingTemplatesQuery:i,usePutMessagingTemplateByIdMutation:n,useCreateMessagingTemplateByTypeMutation:a,usePatchMessagingTemplateByIdMutation:r}=s(78780).u.injectEndpoints({endpoints:e=>({getSummaryMessagingTemplates:e.query({query:e=>({method:"GET",url:"plus/messaging/templates/summary",params:e}),providesTags:()=>["Property-Specific Messaging Templates"]}),putMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"PUT",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),patchMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"PATCH",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),createMessagingTemplateByType:e.mutation({query:e=>{let{templateType:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"POST",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]})})})},18504:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return N}});var i=s(24246),n=s(92222),a=s(59003),r=s(39941),l=s(95099),o=s.n(l),c=s(86677),d=s(27378),p=s(35287),u=s(71795),m=s(87361),g=s(46238),x=s(77830),h=s(58754),f=s(47935),j=s(42904),y=s(7426),v=s(67810),b=e=>{let{isOpen:t,onClose:s,onAccept:n}=e,[a,l]=(0,d.useState)(void 0),o=Object.keys(v.Z).map(e=>({value:e,label:v.Z[e]}));return(0,i.jsxs)(r.u_l,{isOpen:t,onClose:s,size:"2xl",isCentered:!0,children:[(0,i.jsx)(r.ZAr,{}),(0,i.jsxs)(r.hzk,{"data-testid":"add-messaging-template-modal",children:[(0,i.jsx)(r.xBx,{borderBottomWidth:1,fontWeight:"bold",children:"Select message template"}),(0,i.jsxs)(r.fef,{children:[(0,i.jsx)(r.xvT,{color:"gray.700",fontWeight:"medium",fontSize:"sm",marginBottom:3,marginTop:1,children:"Add a new email message by selecting a template below and clicking accept."}),(0,i.jsx)(r.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"medium",marginBottom:2,children:"Choose template:"}),(0,i.jsx)(r.xuv,{"data-testid":"template-type-selector",children:(0,i.jsx)(r.WPr,{options:o,onChange:e=>{l(e)},className:"w-full"})})]}),(0,i.jsx)(r.mzw,{justifyContent:"flex-start",children:(0,i.jsxs)("div",{className:"flex w-full gap-4",children:[(0,i.jsx)(r.wpx,{onClick:s,"data-testid":"cancel-btn",className:"grow",children:"Cancel"}),(0,i.jsx)(r.wpx,{onClick:()=>n(a),type:"primary","data-testid":"confirm-btn",disabled:!a,className:"grow",children:"Next"})]})})]})]})},_=s(5058),E=s(812),C=s(46628),T=s(31883),w=()=>{let e=(0,r.pmc)(),[t]=(0,_.vm)();return{toggleIsTemplateEnabled:(0,d.useCallback)(async s=>{let{isEnabled:i,templateId:n}=s,a=await t({templateId:n,template:{is_enabled:i}});if((0,T.D4)(a)){e((0,C.Vo)((0,E.e$)(a.error)));return}e((0,C.t5)("Messaging template ".concat(i?"enabled":"disabled")))},[t,e])}},R=s(64826);let P=(0,n.Cl)(),I={items:[],total:0,page:1,size:50,pages:1},S=()=>(0,i.jsx)(r.gCW,{mt:6,p:10,spacing:4,borderRadius:"base",maxW:"70%","data-testid":"no-results-notice",alignSelf:"center",margin:"auto",textAlign:"center",children:(0,i.jsxs)(r.gCW,{children:[(0,i.jsx)(r.xvT,{fontSize:"md",fontWeight:"600",children:"It looks like it’s your first time here!"}),(0,i.jsxs)(r.xvT,{fontSize:"sm",children:["Add new email templates with the ",'"Add message +"'," button.",(0,i.jsx)("br",{})]})]})}),k=()=>{let{isLoading:e,data:t}=(0,R.gz)({page:1,size:100}),s=null==t?void 0:t.items.filter(e=>!e.messaging_templates||0===e.messaging_templates.length),n=!!(!e&&(null==s?void 0:s.length)),a="missing-messages-notice-".concat(null==s?void 0:s.map(e=>e.id).join("-")),[l,o]=(0,u._)("notices.dismissedMessageNoticeId",""),c=a===l;return n&&!c?(0,i.jsx)(r.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(m.Z,{title:"Not all properties have messages configured.",text:(0,i.jsxs)(r.xvT,{as:"span",children:["You have properties that do not have messages configured. Users who submit privacy requests for these properties may not receive the necessary emails regarding their requests."," ",(0,i.jsx)(r.xuv,{as:"span",children:(0,i.jsx)(g.b,{label:null==s?void 0:s.map(e=>e.name).join(", ")})})]}),onClose:()=>{o(a)}})}):null},A=()=>{let{data:e}=(0,y.tB)({api_set:!1});return(null==e?void 0:e.notifications.enable_property_specific_messaging)?null:(0,i.jsx)(r.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(m.Z,{title:"Basic messaging enabled",text:(0,i.jsxs)(r.xvT,{as:"span",children:["In basic messaging mode, you can edit the content of your messages from this screen. Please note that in basic messaging, the “Enable” toggle does not apply. Fides also supports property specific messaging mode. Read our"," ",(0,i.jsx)(r.rUS,{href:"https://fid.es/property-specific-messaging",target:"_blank",rel:"nofollow",textDecoration:"underline",children:"docs"})," ","for more information about property specific mode or contact"," ",(0,i.jsx)(r.rUS,{href:"mailto:support@ethyca.com",textDecoration:"underline",children:"Ethyca support"})," ","to enable this mode on your Fides instance."]})})})};var N=()=>{let e=(0,c.useRouter)(),{toggleIsTemplateEnabled:t}=w(),{PAGE_SIZES:s,pageSize:l,setPageSize:u,onPreviousPageClick:m,isPreviousPageDisabled:g,onNextPageClick:y,isNextPageDisabled:E,startRange:C,endRange:T,pageIndex:R,setTotalPages:N}=(0,f.oi)(),{data:M,isLoading:z,isFetching:V}=(0,_.ms)({page:R,size:l}),{items:q,total:U,pages:O}=(0,d.useMemo)(()=>null!=M?M:I,[M]);(0,d.useEffect)(()=>{N(O)},[O,N]);let[W,B]=(0,d.useState)(!1),Y=(0,d.useMemo)(()=>[P.accessor(e=>e.type,{id:"message",cell:e=>(0,i.jsx)(f.G3,{value:v.Z[e.getValue()]}),header:e=>(0,i.jsx)(f.Rr,{value:"Message",...e}),size:150}),P.accessor(e=>(e.properties||[]).map(e=>e.name),{id:"properties",cell:e=>(0,i.jsx)(f.WP,{suffix:"properties",value:e.getValue(),...e}),header:e=>(0,i.jsx)(f.Rr,{value:"Properties",...e}),meta:{showHeaderMenu:!0},size:250}),P.accessor(e=>e.is_enabled,{id:"is_enabled",cell:e=>(0,i.jsx)(r.kCb,{align:"center",justifyContent:"flex-start",w:"full",h:"full",children:(0,i.jsx)(r.rAg,{checked:e.getValue(),onChange:s=>{t({isEnabled:s,templateId:e.row.original.id})}})}),header:e=>(0,i.jsx)(f.Rr,{value:"Enable",...e}),size:200,meta:{disableRowClick:!0}})],[t]),D=(0,d.useMemo)(()=>o()(q,"id"),[q]),Z=(0,a.b7)({getCoreRowModel:(0,n.sC)(),getFilteredRowModel:(0,n.vL)(),getSortedRowModel:(0,n.tj)(),columns:Y,data:D,columnResizeMode:"onChange"});return(0,i.jsxs)(p.Z,{title:"Messaging",children:[(0,i.jsx)(h.Z,{heading:"Messaging"}),(0,i.jsx)(A,{}),(0,i.jsx)(k,{}),(0,i.jsx)(f.Q$,{children:(0,i.jsx)(r.Ugi,{alignItems:"center",spacing:4,marginLeft:"auto",children:(0,i.jsx)(r.wpx,{type:"primary","data-testid":"add-message-btn",onClick:()=>B(!0),children:"Add message +"})})}),z?(0,i.jsx)(f.I4,{rowHeight:36,numRows:15}):(0,i.jsx)(f.ZK,{tableInstance:Z,onRowClick:t=>{e.push({pathname:x.ax,query:{id:t.id}})},emptyTableNotice:(0,i.jsx)(S,{})}),(0,i.jsx)(j.s8,{totalRows:U||0,pageSizes:s,setPageSize:u,onPreviousPageClick:m,isPreviousPageDisabled:g||V,onNextPageClick:y,isNextPageDisabled:E||V,startRange:C,endRange:T}),(0,i.jsx)(b,{isOpen:W,onClose:()=>B(!1),onAccept:t=>{e.push({pathname:x.sM,query:{templateType:t}})}})]})}},31883:function(e,t,s){"use strict";s.d(t,{Bw:function(){return i.Bw},D4:function(){return i.D4}});var i=s(19043)}},function(e){e.O(0,[8765,9278,346,2888,9774,179],function(){return e(e.s=24081)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2815],{24081:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/messaging",function(){return s(18504)}])},35287:function(e,t,s){"use strict";var i=s(24246),n=s(96306),a=s(88038),r=s.n(a);s(27378),t.Z=e=>{let{children:t,title:s,mainProps:a}=e;return(0,i.jsxs)(n.kCb,{"data-testid":s,direction:"column",height:"calc(100vh - 48px)",width:"calc(100vw - 240px)",children:[(0,i.jsxs)(r(),{children:[(0,i.jsxs)("title",{children:["Fides Admin UI - ",s]}),(0,i.jsx)("meta",{name:"description",content:"Privacy Engineering Platform"}),(0,i.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,i.jsx)(n.kCb,{px:10,py:6,as:"main",overflow:"auto",direction:"column",flex:1,minWidth:0,...a,children:t})]})}},87361:function(e,t,s){"use strict";var i=s(24246),n=s(96306);t.Z=e=>{let{title:t,text:s,onClose:a}=e;return(0,i.jsxs)(n.Ugi,{backgroundColor:"gray.50",border:"1px solid",borderRadius:"md",justifyContent:"space-between",py:4,pr:6,pl:3,"data-testid":"empty-state",gap:2,position:"relative",children:[a&&(0,i.jsx)(n.Two,{boxSize:5,position:"absolute",right:3,top:3,zIndex:1,cursor:"pointer",p:1,onClick:a}),(0,i.jsx)(n.iid,{alignSelf:"start",color:"minos",mt:.5,flexGrow:0}),(0,i.jsxs)(n.kCb,{direction:"column",gap:2,flexGrow:1,children:[(0,i.jsx)(n.X6q,{fontSize:"md",children:t}),(0,i.jsx)(n.xvT,{fontSize:"sm",color:"gray.600",lineHeight:"5",children:s})]})]})}},58754:function(e,t,s){"use strict";var i=s(24246),n=s(96306),a=s(70788);t.Z=e=>{let{heading:t,breadcrumbItems:s,isSticky:r=!0,children:l,rightContent:o,style:c,...d}=e;return(0,i.jsxs)("div",{...d,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...c}:{paddingBottom:"24px",...c},children:[(0,i.jsxs)(n.jqI,{justify:"space-between",children:["string"==typeof t?(0,i.jsx)(n.lQT,{className:s||l?"pb-4":void 0,level:1,"data-testid":"page-heading",children:t}):t,o&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:o})]}),!!s&&(0,i.jsx)(a.m,{className:l?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),l]})}},70788:function(e,t,s){"use strict";s.d(t,{m:function(){return c}});var i=s(24246),n=s(96306),a=s(79894),r=s.n(a),l=s(27378);let{Text:o}=n.AntTypography,c=e=>{let{items:t,...s}=e,a=(0,l.useMemo)(()=>null==t?void 0:t.map((e,s)=>{let a=s===t.length-1,l={...e},c=l.onClick&&!l.href;return("string"==typeof l.title&&(l.title=(0,i.jsx)(o,{style:{color:"inherit",maxWidth:a?void 0:400},ellipsis:!a,id:a?"breadcrumb-current-page":void 0,children:l.title})),c)?l.title=(0,i.jsx)(n.wpx,{type:"text",size:"small",icon:l.icon,onClick:l.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:l.title}):(l.icon&&(l.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:l.icon}),l.title]})),l.href&&l.title&&(l.title=(0,i.jsx)(r(),{href:l.href,className:"ant-breadcrumb-link",children:l.title}),delete l.href)),l}),[t]);return(0,i.jsx)(n.zrq,{items:a,...s})}},67810:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}}),(i=n||(n={})).PRIVACY_REQUEST_REVIEW_APPROVE="privacy_request_review_approve",i.PRIVACY_REQUEST_REVIEW_DENY="privacy_request_review_deny",i.PRIVACY_REQUEST_RECEIPT="privacy_request_receipt",i.PRIVACY_REQUEST_COMPLETE_ACCESS="privacy_request_complete_access",i.PRIVACY_REQUEST_COMPLETE_DELETION="privacy_request_complete_deletion",i.SUBJECT_IDENTITY_VERIFICATION="subject_identity_verification";var i,n,a={[n.PRIVACY_REQUEST_COMPLETE_ACCESS]:"Access request completed",[n.PRIVACY_REQUEST_COMPLETE_DELETION]:"Erasure request completed",[n.PRIVACY_REQUEST_RECEIPT]:"Privacy request received",[n.PRIVACY_REQUEST_REVIEW_APPROVE]:"Privacy request approved",[n.PRIVACY_REQUEST_REVIEW_DENY]:"Privacy request denied",[n.SUBJECT_IDENTITY_VERIFICATION]:"Subject identity verification"}},5058:function(e,t,s){"use strict";s.d(t,{Vw:function(){return a},ms:function(){return i},pS:function(){return n},vm:function(){return r}});let{useGetSummaryMessagingTemplatesQuery:i,usePutMessagingTemplateByIdMutation:n,useCreateMessagingTemplateByTypeMutation:a,usePatchMessagingTemplateByIdMutation:r}=s(78780).u.injectEndpoints({endpoints:e=>({getSummaryMessagingTemplates:e.query({query:e=>({method:"GET",url:"plus/messaging/templates/summary",params:e}),providesTags:()=>["Property-Specific Messaging Templates"]}),putMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"PUT",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),patchMessagingTemplateById:e.mutation({query:e=>{let{templateId:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"PATCH",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]}),createMessagingTemplateByType:e.mutation({query:e=>{let{templateType:t,template:s}=e;return{url:"plus/messaging/templates/".concat(t),method:"POST",body:s}},invalidatesTags:()=>["Property-Specific Messaging Templates"]})})})},18504:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return N}});var i=s(24246),n=s(92222),a=s(59003),r=s(96306),l=s(95099),o=s.n(l),c=s(86677),d=s(27378),p=s(35287),u=s(71795),m=s(87361),g=s(46238),x=s(77830),h=s(58754),f=s(47935),j=s(42904),y=s(7426),v=s(67810),b=e=>{let{isOpen:t,onClose:s,onAccept:n}=e,[a,l]=(0,d.useState)(void 0),o=Object.keys(v.Z).map(e=>({value:e,label:v.Z[e]}));return(0,i.jsxs)(r.u_l,{isOpen:t,onClose:s,size:"2xl",isCentered:!0,children:[(0,i.jsx)(r.ZAr,{}),(0,i.jsxs)(r.hzk,{"data-testid":"add-messaging-template-modal",children:[(0,i.jsx)(r.xBx,{borderBottomWidth:1,fontWeight:"bold",children:"Select message template"}),(0,i.jsxs)(r.fef,{children:[(0,i.jsx)(r.xvT,{color:"gray.700",fontWeight:"medium",fontSize:"sm",marginBottom:3,marginTop:1,children:"Add a new email message by selecting a template below and clicking accept."}),(0,i.jsx)(r.xvT,{color:"gray.700",fontSize:"sm",fontWeight:"medium",marginBottom:2,children:"Choose template:"}),(0,i.jsx)(r.xuv,{"data-testid":"template-type-selector",children:(0,i.jsx)(r.WPr,{options:o,onChange:e=>{l(e)},className:"w-full"})})]}),(0,i.jsx)(r.mzw,{justifyContent:"flex-start",children:(0,i.jsxs)("div",{className:"flex w-full gap-4",children:[(0,i.jsx)(r.wpx,{onClick:s,"data-testid":"cancel-btn",className:"grow",children:"Cancel"}),(0,i.jsx)(r.wpx,{onClick:()=>n(a),type:"primary","data-testid":"confirm-btn",disabled:!a,className:"grow",children:"Next"})]})})]})]})},_=s(5058),E=s(812),C=s(46628),T=s(31883),w=()=>{let e=(0,r.pmc)(),[t]=(0,_.vm)();return{toggleIsTemplateEnabled:(0,d.useCallback)(async s=>{let{isEnabled:i,templateId:n}=s,a=await t({templateId:n,template:{is_enabled:i}});if((0,T.D4)(a)){e((0,C.Vo)((0,E.e$)(a.error)));return}e((0,C.t5)("Messaging template ".concat(i?"enabled":"disabled")))},[t,e])}},R=s(64826);let P=(0,n.Cl)(),I={items:[],total:0,page:1,size:50,pages:1},S=()=>(0,i.jsx)(r.gCW,{mt:6,p:10,spacing:4,borderRadius:"base",maxW:"70%","data-testid":"no-results-notice",alignSelf:"center",margin:"auto",textAlign:"center",children:(0,i.jsxs)(r.gCW,{children:[(0,i.jsx)(r.xvT,{fontSize:"md",fontWeight:"600",children:"It looks like it’s your first time here!"}),(0,i.jsxs)(r.xvT,{fontSize:"sm",children:["Add new email templates with the ",'"Add message +"'," button.",(0,i.jsx)("br",{})]})]})}),k=()=>{let{isLoading:e,data:t}=(0,R.gz)({page:1,size:100}),s=null==t?void 0:t.items.filter(e=>!e.messaging_templates||0===e.messaging_templates.length),n=!!(!e&&(null==s?void 0:s.length)),a="missing-messages-notice-".concat(null==s?void 0:s.map(e=>e.id).join("-")),[l,o]=(0,u._)("notices.dismissedMessageNoticeId",""),c=a===l;return n&&!c?(0,i.jsx)(r.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(m.Z,{title:"Not all properties have messages configured.",text:(0,i.jsxs)(r.xvT,{as:"span",children:["You have properties that do not have messages configured. Users who submit privacy requests for these properties may not receive the necessary emails regarding their requests."," ",(0,i.jsx)(r.xuv,{as:"span",children:(0,i.jsx)(g.b,{label:null==s?void 0:s.map(e=>e.name).join(", ")})})]}),onClose:()=>{o(a)}})}):null},A=()=>{let{data:e}=(0,y.tB)({api_set:!1});return(null==e?void 0:e.notifications.enable_property_specific_messaging)?null:(0,i.jsx)(r.xuv,{mb:6,"data-testid":"notice-properties-without-messaging-templates",children:(0,i.jsx)(m.Z,{title:"Basic messaging enabled",text:(0,i.jsxs)(r.xvT,{as:"span",children:["In basic messaging mode, you can edit the content of your messages from this screen. Please note that in basic messaging, the “Enable” toggle does not apply. Fides also supports property specific messaging mode. Read our"," ",(0,i.jsx)(r.rUS,{href:"https://fid.es/property-specific-messaging",target:"_blank",rel:"nofollow",textDecoration:"underline",children:"docs"})," ","for more information about property specific mode or contact"," ",(0,i.jsx)(r.rUS,{href:"mailto:support@ethyca.com",textDecoration:"underline",children:"Ethyca support"})," ","to enable this mode on your Fides instance."]})})})};var N=()=>{let e=(0,c.useRouter)(),{toggleIsTemplateEnabled:t}=w(),{PAGE_SIZES:s,pageSize:l,setPageSize:u,onPreviousPageClick:m,isPreviousPageDisabled:g,onNextPageClick:y,isNextPageDisabled:E,startRange:C,endRange:T,pageIndex:R,setTotalPages:N}=(0,f.oi)(),{data:M,isLoading:z,isFetching:V}=(0,_.ms)({page:R,size:l}),{items:q,total:U,pages:O}=(0,d.useMemo)(()=>null!=M?M:I,[M]);(0,d.useEffect)(()=>{N(O)},[O,N]);let[W,B]=(0,d.useState)(!1),Y=(0,d.useMemo)(()=>[P.accessor(e=>e.type,{id:"message",cell:e=>(0,i.jsx)(f.G3,{value:v.Z[e.getValue()]}),header:e=>(0,i.jsx)(f.Rr,{value:"Message",...e}),size:150}),P.accessor(e=>(e.properties||[]).map(e=>e.name),{id:"properties",cell:e=>(0,i.jsx)(f.WP,{suffix:"properties",value:e.getValue(),...e}),header:e=>(0,i.jsx)(f.Rr,{value:"Properties",...e}),meta:{showHeaderMenu:!0},size:250}),P.accessor(e=>e.is_enabled,{id:"is_enabled",cell:e=>(0,i.jsx)(r.kCb,{align:"center",justifyContent:"flex-start",w:"full",h:"full",children:(0,i.jsx)(r.rAg,{checked:e.getValue(),onChange:s=>{t({isEnabled:s,templateId:e.row.original.id})}})}),header:e=>(0,i.jsx)(f.Rr,{value:"Enable",...e}),size:200,meta:{disableRowClick:!0}})],[t]),D=(0,d.useMemo)(()=>o()(q,"id"),[q]),Z=(0,a.b7)({getCoreRowModel:(0,n.sC)(),getFilteredRowModel:(0,n.vL)(),getSortedRowModel:(0,n.tj)(),columns:Y,data:D,columnResizeMode:"onChange"});return(0,i.jsxs)(p.Z,{title:"Messaging",children:[(0,i.jsx)(h.Z,{heading:"Messaging"}),(0,i.jsx)(A,{}),(0,i.jsx)(k,{}),(0,i.jsx)(f.Q$,{children:(0,i.jsx)(r.Ugi,{alignItems:"center",spacing:4,marginLeft:"auto",children:(0,i.jsx)(r.wpx,{type:"primary","data-testid":"add-message-btn",onClick:()=>B(!0),children:"Add message +"})})}),z?(0,i.jsx)(f.I4,{rowHeight:36,numRows:15}):(0,i.jsx)(f.ZK,{tableInstance:Z,onRowClick:t=>{e.push({pathname:x.ax,query:{id:t.id}})},emptyTableNotice:(0,i.jsx)(S,{})}),(0,i.jsx)(j.s8,{totalRows:U||0,pageSizes:s,setPageSize:u,onPreviousPageClick:m,isPreviousPageDisabled:g||V,onNextPageClick:y,isNextPageDisabled:E||V,startRange:C,endRange:T}),(0,i.jsx)(b,{isOpen:W,onClose:()=>B(!1),onAccept:t=>{e.push({pathname:x.sM,query:{templateType:t}})}})]})}},31883:function(e,t,s){"use strict";s.d(t,{Bw:function(){return i.Bw},D4:function(){return i.D4}});var i=s(19043)}},function(e){e.O(0,[8765,9278,346,2888,9774,179],function(){return e(e.s=24081)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{ant-components-9103bfb854f71410.js → ant-components-36cac6f4379587ea.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1921],{76985:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/ant-components",function(){return s(47002)}])},58754:function(e,l,s){"use strict";var i=s(24246),a=s(39941),n=s(70788);l.Z=e=>{let{heading:l,breadcrumbItems:s,isSticky:r=!0,children:t,rightContent:c,style:d,...o}=e;return(0,i.jsxs)("div",{...o,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...d}:{paddingBottom:"24px",...d},children:[(0,i.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof l?(0,i.jsx)(a.lQT,{className:s||t?"pb-4":void 0,level:1,"data-testid":"page-heading",children:l}):l,c&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:c})]}),!!s&&(0,i.jsx)(n.m,{className:t?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),t]})}},70788:function(e,l,s){"use strict";s.d(l,{m:function(){return d}});var i=s(24246),a=s(39941),n=s(79894),r=s.n(n),t=s(27378);let{Text:c}=a.AntTypography,d=e=>{let{items:l,...s}=e,n=(0,t.useMemo)(()=>null==l?void 0:l.map((e,s)=>{let n=s===l.length-1,t={...e},d=t.onClick&&!t.href;return("string"==typeof t.title&&(t.title=(0,i.jsx)(c,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,id:n?"breadcrumb-current-page":void 0,children:t.title})),d)?t.title=(0,i.jsx)(a.wpx,{type:"text",size:"small",icon:t.icon,onClick:t.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:t.title}):(t.icon&&(t.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:t.icon}),t.title]})),t.href&&t.title&&(t.title=(0,i.jsx)(r(),{href:t.href,className:"ant-breadcrumb-link",children:t.title}),delete t.href)),t}),[l]);return(0,i.jsx)(a.zrq,{items:n,...s})}},47002:function(e,l,s){"use strict";s.r(l);var i=s(24246),a=s(39941),n=s(46238),r=s(58754);let{Content:t}=a.AntLayout,{Link:c,Paragraph:d,Text:o,Title:h}=a.AntTypography,u=[];for(let e=10;e<36;e+=1)u.push({label:e.toString(36)+e,value:e.toString(36)+e});l.default=()=>(0,i.jsx)(a.AntLayout,{children:(0,i.jsxs)(t,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(r.Z,{heading:"Ant Design Proof of Concept"}),(0,i.jsxs)(a.bue,{gutter:16,className:"mt-6",children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Button",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.wpx,{type:"primary",children:"Primary Button"}),(0,i.jsx)(a.wpx,{children:"Default Button"}),(0,i.jsx)(a.wpx,{type:"dashed",children:"Dashed Button"}),(0,i.jsx)(a.wpx,{type:"text",children:"Text Button"}),(0,i.jsx)(a.wpx,{type:"link",children:"Link Button"}),(0,i.jsx)(a.wpx,{type:"primary",loading:!0,children:"Loading Button"}),(0,i.jsx)(a.wpx,{type:"primary",disabled:!0,children:"Disabled Button"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Switch",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.rAg,{defaultChecked:!0}),(0,i.jsx)(a.rAg,{size:"small",defaultChecked:!0}),(0,i.jsx)(a.rAg,{loading:!0,defaultChecked:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Select",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"},{value:"Yiminghe",label:"yiminghe"},{value:"disabled",label:"Disabled",disabled:!0}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",disabled:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",loading:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",allowClear:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u}),(0,i.jsx)(a.WPr,{mode:"multiple",disabled:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Checkbox",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.E_O,{children:"Checkbox"}),(0,i.jsx)(a.E_O,{defaultChecked:!0,children:"Checkbox"}),(0,i.jsx)(a.E_O,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.E_O,{indeterminate:!0,children:"Indeterminate"}),(0,i.jsx)(a.E_O.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:["Apple"]})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Radio",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.y02,{children:"Radio"}),(0,i.jsx)(a.y02,{defaultChecked:!0,children:"Radio"}),(0,i.jsx)(a.y02,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:"Apple"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button",buttonStyle:"solid"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Input",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",size:"middle",children:[(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc,{defaultValue:"26888888"})}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.uFc,{className:"w-1/5",defaultValue:"0571"}),(0,i.jsx)(a.uFc,{className:"w-4/5",defaultValue:"26888888"})]}),(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc.Search,{addonBefore:"https://",placeholder:"input search text",allowClear:!0})}),(0,i.jsxs)(a.vyj.Compact,{className:"w-full",children:[(0,i.jsx)(a.uFc,{defaultValue:"Combine input and button"}),(0,i.jsx)(a.wpx,{type:"primary",children:"Submit"})]}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.WPr,{defaultValue:"Zhejiang",options:u}),(0,i.jsx)(a.uFc,{defaultValue:"Xihu District, Hangzhou"})]})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tooltip",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.esZ,{title:"I'm a tooltip",children:"Hover or focus this text"}),(0,i.jsx)(n.b,{label:"Tooltip will show on mouse enter or focus."}),(0,i.jsx)(a.esZ,{title:"Focus styles don't change for naturally focusable elements like buttons",children:(0,i.jsx)(a.wpx,{children:"Button with tooltip"})})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Alert",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.DUx,{message:"Success Tips",type:"success",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Informational Notes",type:"info",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Warning",type:"warning",showIcon:!0,closable:!0}),(0,i.jsx)(a.DUx,{message:"Error",type:"error",showIcon:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tag",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.jqI,{wrap:!0,gap:"small",children:[(0,i.jsx)(a.j8w,{color:"default",children:"default"}),(0,i.jsx)(a.j8w,{color:"corinth",children:"corinth"}),(0,i.jsx)(a.j8w,{color:"minos",children:"minos"}),(0,i.jsx)(a.j8w,{color:"terracotta",children:"terracotta"}),(0,i.jsx)(a.j8w,{color:"olive",children:"olive"}),(0,i.jsx)(a.j8w,{color:"marble",children:"marble"}),(0,i.jsx)(a.j8w,{color:"sandstone",children:"sandstone"}),(0,i.jsx)(a.j8w,{color:"nectar",children:"nectar"}),(0,i.jsx)(a.j8w,{color:"error",children:"error"}),(0,i.jsx)(a.j8w,{color:"warning",children:"warning"}),(0,i.jsx)(a.j8w,{color:"caution",children:"caution"}),(0,i.jsx)(a.j8w,{color:"success",children:"success"}),(0,i.jsx)(a.j8w,{color:"info",children:"info"}),(0,i.jsx)(a.j8w,{color:"alert",children:"alert"}),(0,i.jsx)(a.j8w,{color:"white",children:"white"}),(0,i.jsx)(a.j8w,{closable:!0,onClose:()=>console.log("closed"),children:"Closable Tag"}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0,children:"Add More"}),(0,i.jsxs)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),children:["Data Use",(0,i.jsx)(a.PJP.I8b,{})]}),(0,i.jsx)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),closable:!0,onClose:()=>console.log("closed"),children:"Data Category"})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Headings",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(h,{level:1,children:"H1 default"}),(0,i.jsx)(h,{level:1,headingSize:2,children:"H1 sized as H2"}),(0,i.jsx)(h,{level:1,headingSize:3,children:"H1 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:2,children:"H2 default"}),(0,i.jsx)(h,{level:2,headingSize:1,children:"H2 sized as H1"}),(0,i.jsx)(h,{level:2,headingSize:3,children:"H2 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:3,children:"H3 default"}),(0,i.jsx)(h,{level:3,headingSize:1,children:"H3 sized as H1"}),(0,i.jsx)(h,{level:3,headingSize:2,children:"H3 sized as H2"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Paragraphs",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.AntTypography,{children:[(0,i.jsx)(d,{children:"This paragraph has a bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra. Dis praesent egestas curae tortor primis volutpat metus ridiculus sit rutrum vitae ac aenean, nisi dolor a per molestie etiam ad tristique magnis fames laoreet."}),(0,i.jsx)(d,{children:"This paragraph has no bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."}),(0,i.jsx)(d,{type:"secondary",children:"This paragraph uses secondary color. laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Text & Link",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(o,{children:"Ant Design (default)"}),(0,i.jsx)(o,{size:"sm",children:"Ant Design (small)"}),(0,i.jsx)(o,{size:"lg",children:"Ant Design (large)"}),(0,i.jsx)(o,{type:"secondary",children:"Ant Design (secondary)"}),(0,i.jsx)(o,{type:"success",children:"Ant Design (success)"}),(0,i.jsx)(o,{type:"warning",children:"Ant Design (warning)"}),(0,i.jsx)(o,{type:"danger",children:"Ant Design (danger)"}),(0,i.jsx)(o,{disabled:!0,children:"Ant Design (disabled)"}),(0,i.jsx)(o,{mark:!0,children:"Ant Design (mark)"}),(0,i.jsx)(o,{code:!0,children:"Ant Design (code)"}),(0,i.jsx)(o,{keyboard:!0,children:"Ant Design (keyboard)"}),(0,i.jsx)(o,{underline:!0,children:"Ant Design (underline)"}),(0,i.jsx)(o,{delete:!0,children:"Ant Design (delete)"}),(0,i.jsx)(o,{strong:!0,children:"Ant Design (strong)"}),(0,i.jsx)(o,{italic:!0,children:"Ant Design (italic)"}),(0,i.jsx)(c,{href:"https://ant.design",target:"_blank",children:"Ant Design (Link)"})]})})})]})]})})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=76985)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1921],{76985:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/ant-components",function(){return s(47002)}])},58754:function(e,l,s){"use strict";var i=s(24246),a=s(96306),n=s(70788);l.Z=e=>{let{heading:l,breadcrumbItems:s,isSticky:r=!0,children:t,rightContent:c,style:d,...o}=e;return(0,i.jsxs)("div",{...o,style:r?{position:"sticky",top:"-24px",paddingTop:"24px",paddingBottom:"24px",paddingLeft:"40px",marginLeft:"-40px",paddingRight:"40px",marginRight:"-40px",marginTop:"-24px",left:0,zIndex:20,backgroundColor:"white",...d}:{paddingBottom:"24px",...d},children:[(0,i.jsxs)(a.jqI,{justify:"space-between",children:["string"==typeof l?(0,i.jsx)(a.lQT,{className:s||t?"pb-4":void 0,level:1,"data-testid":"page-heading",children:l}):l,c&&(0,i.jsx)("div",{"data-testid":"page-header-right-content",children:c})]}),!!s&&(0,i.jsx)(n.m,{className:t?"pb-4":void 0,items:s,"data-testid":"page-breadcrumb"}),t]})}},70788:function(e,l,s){"use strict";s.d(l,{m:function(){return d}});var i=s(24246),a=s(96306),n=s(79894),r=s.n(n),t=s(27378);let{Text:c}=a.AntTypography,d=e=>{let{items:l,...s}=e,n=(0,t.useMemo)(()=>null==l?void 0:l.map((e,s)=>{let n=s===l.length-1,t={...e},d=t.onClick&&!t.href;return("string"==typeof t.title&&(t.title=(0,i.jsx)(c,{style:{color:"inherit",maxWidth:n?void 0:400},ellipsis:!n,id:n?"breadcrumb-current-page":void 0,children:t.title})),d)?t.title=(0,i.jsx)(a.wpx,{type:"text",size:"small",icon:t.icon,onClick:t.onClick,className:"ant-breadcrumb-link -mt-px px-1 text-inherit",children:t.title}):(t.icon&&(t.title=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"anticon align-text-bottom",children:t.icon}),t.title]})),t.href&&t.title&&(t.title=(0,i.jsx)(r(),{href:t.href,className:"ant-breadcrumb-link",children:t.title}),delete t.href)),t}),[l]);return(0,i.jsx)(a.zrq,{items:n,...s})}},47002:function(e,l,s){"use strict";s.r(l);var i=s(24246),a=s(96306),n=s(46238),r=s(58754);let{Content:t}=a.AntLayout,{Link:c,Paragraph:d,Text:o,Title:h}=a.AntTypography,u=[];for(let e=10;e<36;e+=1)u.push({label:e.toString(36)+e,value:e.toString(36)+e});l.default=()=>(0,i.jsx)(a.AntLayout,{children:(0,i.jsxs)(t,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(r.Z,{heading:"Ant Design Proof of Concept"}),(0,i.jsxs)(a.bue,{gutter:16,className:"mt-6",children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Button",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.wpx,{type:"primary",children:"Primary Button"}),(0,i.jsx)(a.wpx,{children:"Default Button"}),(0,i.jsx)(a.wpx,{type:"dashed",children:"Dashed Button"}),(0,i.jsx)(a.wpx,{type:"text",children:"Text Button"}),(0,i.jsx)(a.wpx,{type:"link",children:"Link Button"}),(0,i.jsx)(a.wpx,{type:"primary",loading:!0,children:"Loading Button"}),(0,i.jsx)(a.wpx,{type:"primary",disabled:!0,children:"Disabled Button"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Switch",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.rAg,{defaultChecked:!0}),(0,i.jsx)(a.rAg,{size:"small",defaultChecked:!0}),(0,i.jsx)(a.rAg,{loading:!0,defaultChecked:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Select",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"},{value:"Yiminghe",label:"yiminghe"},{value:"disabled",label:"Disabled",disabled:!0}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",disabled:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",loading:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{defaultValue:"lucy",className:"w-32",allowClear:!0,options:[{value:"lucy",label:"Lucy"}]}),(0,i.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u}),(0,i.jsx)(a.WPr,{mode:"multiple",disabled:!0,className:"w-full",placeholder:"Please select",defaultValue:["a10","c12"],options:u})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Checkbox",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.E_O,{children:"Checkbox"}),(0,i.jsx)(a.E_O,{defaultChecked:!0,children:"Checkbox"}),(0,i.jsx)(a.E_O,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.E_O,{indeterminate:!0,children:"Indeterminate"}),(0,i.jsx)(a.E_O.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:["Apple"]})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Radio",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.y02,{children:"Radio"}),(0,i.jsx)(a.y02,{defaultChecked:!0,children:"Radio"}),(0,i.jsx)(a.y02,{disabled:!0,children:"Disabled"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange",disabled:!0}],defaultValue:"Apple"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button"}),(0,i.jsx)(a.y02.Group,{options:[{label:"Apple",value:"Apple"},{label:"Pear",value:"Pear"},{label:"Orange",value:"Orange"}],defaultValue:"Apple",optionType:"button",buttonStyle:"solid"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Input",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",size:"middle",children:[(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc,{defaultValue:"26888888"})}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.uFc,{className:"w-1/5",defaultValue:"0571"}),(0,i.jsx)(a.uFc,{className:"w-4/5",defaultValue:"26888888"})]}),(0,i.jsx)(a.vyj.Compact,{children:(0,i.jsx)(a.uFc.Search,{addonBefore:"https://",placeholder:"input search text",allowClear:!0})}),(0,i.jsxs)(a.vyj.Compact,{className:"w-full",children:[(0,i.jsx)(a.uFc,{defaultValue:"Combine input and button"}),(0,i.jsx)(a.wpx,{type:"primary",children:"Submit"})]}),(0,i.jsxs)(a.vyj.Compact,{children:[(0,i.jsx)(a.WPr,{defaultValue:"Zhejiang",options:u}),(0,i.jsx)(a.uFc,{defaultValue:"Xihu District, Hangzhou"})]})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tooltip",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.esZ,{title:"I'm a tooltip",children:"Hover or focus this text"}),(0,i.jsx)(n.b,{label:"Tooltip will show on mouse enter or focus."}),(0,i.jsx)(a.esZ,{title:"Focus styles don't change for naturally focusable elements like buttons",children:(0,i.jsx)(a.wpx,{children:"Button with tooltip"})})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Alert",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(a.DUx,{message:"Success Tips",type:"success",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Informational Notes",type:"info",showIcon:!0}),(0,i.jsx)(a.DUx,{message:"Warning",type:"warning",showIcon:!0,closable:!0}),(0,i.jsx)(a.DUx,{message:"Error",type:"error",showIcon:!0})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Tag",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.jqI,{wrap:!0,gap:"small",children:[(0,i.jsx)(a.j8w,{color:"default",children:"default"}),(0,i.jsx)(a.j8w,{color:"corinth",children:"corinth"}),(0,i.jsx)(a.j8w,{color:"minos",children:"minos"}),(0,i.jsx)(a.j8w,{color:"terracotta",children:"terracotta"}),(0,i.jsx)(a.j8w,{color:"olive",children:"olive"}),(0,i.jsx)(a.j8w,{color:"marble",children:"marble"}),(0,i.jsx)(a.j8w,{color:"sandstone",children:"sandstone"}),(0,i.jsx)(a.j8w,{color:"nectar",children:"nectar"}),(0,i.jsx)(a.j8w,{color:"error",children:"error"}),(0,i.jsx)(a.j8w,{color:"warning",children:"warning"}),(0,i.jsx)(a.j8w,{color:"caution",children:"caution"}),(0,i.jsx)(a.j8w,{color:"success",children:"success"}),(0,i.jsx)(a.j8w,{color:"info",children:"info"}),(0,i.jsx)(a.j8w,{color:"alert",children:"alert"}),(0,i.jsx)(a.j8w,{color:"white",children:"white"}),(0,i.jsx)(a.j8w,{closable:!0,onClose:()=>console.log("closed"),children:"Closable Tag"}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0}),(0,i.jsx)(a.j8w,{onClick:()=>console.log("clicked"),addable:!0,children:"Add More"}),(0,i.jsxs)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),children:["Data Use",(0,i.jsx)(a.PJP.I8b,{})]}),(0,i.jsx)(a.j8w,{hasSparkle:!0,onClick:()=>console.log("clicked"),closable:!0,onClose:()=>console.log("closed"),children:"Data Category"})]})})})]}),(0,i.jsx)("br",{}),(0,i.jsxs)(a.bue,{gutter:16,children:[(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Headings",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(h,{level:1,children:"H1 default"}),(0,i.jsx)(h,{level:1,headingSize:2,children:"H1 sized as H2"}),(0,i.jsx)(h,{level:1,headingSize:3,children:"H1 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:2,children:"H2 default"}),(0,i.jsx)(h,{level:2,headingSize:1,children:"H2 sized as H1"}),(0,i.jsx)(h,{level:2,headingSize:3,children:"H2 sized as H3"}),(0,i.jsx)(a.htM,{style:{margin:0}}),(0,i.jsx)(h,{level:3,children:"H3 default"}),(0,i.jsx)(h,{level:3,headingSize:1,children:"H3 sized as H1"}),(0,i.jsx)(h,{level:3,headingSize:2,children:"H3 sized as H2"})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Paragraphs",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.AntTypography,{children:[(0,i.jsx)(d,{children:"This paragraph has a bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra. Dis praesent egestas curae tortor primis volutpat metus ridiculus sit rutrum vitae ac aenean, nisi dolor a per molestie etiam ad tristique magnis fames laoreet."}),(0,i.jsx)(d,{children:"This paragraph has no bottom margin. Imperdiet ex curae laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."}),(0,i.jsx)(d,{type:"secondary",children:"This paragraph uses secondary color. laoreet turpis adipiscing pulvinar erat conubia rhoncus, faucibus dictum porta integer tincidunt iaculis pharetra."})]})})}),(0,i.jsx)(a.JGx,{span:8,children:(0,i.jsx)(a.V4A,{title:"Typography Text & Link",variant:"borderless",className:"h-full",children:(0,i.jsxs)(a.vyj,{direction:"vertical",children:[(0,i.jsx)(o,{children:"Ant Design (default)"}),(0,i.jsx)(o,{size:"sm",children:"Ant Design (small)"}),(0,i.jsx)(o,{size:"lg",children:"Ant Design (large)"}),(0,i.jsx)(o,{type:"secondary",children:"Ant Design (secondary)"}),(0,i.jsx)(o,{type:"success",children:"Ant Design (success)"}),(0,i.jsx)(o,{type:"warning",children:"Ant Design (warning)"}),(0,i.jsx)(o,{type:"danger",children:"Ant Design (danger)"}),(0,i.jsx)(o,{disabled:!0,children:"Ant Design (disabled)"}),(0,i.jsx)(o,{mark:!0,children:"Ant Design (mark)"}),(0,i.jsx)(o,{code:!0,children:"Ant Design (code)"}),(0,i.jsx)(o,{keyboard:!0,children:"Ant Design (keyboard)"}),(0,i.jsx)(o,{underline:!0,children:"Ant Design (underline)"}),(0,i.jsx)(o,{delete:!0,children:"Ant Design (delete)"}),(0,i.jsx)(o,{strong:!0,children:"Ant Design (strong)"}),(0,i.jsx)(o,{italic:!0,children:"Ant Design (italic)"}),(0,i.jsx)(c,{href:"https://ant.design",target:"_blank",children:"Ant Design (Link)"})]})})})]})]})})}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=76985)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{AntForm-3b97029bd4d3c3ea.js → AntForm-d44606c0cf203b47.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5970],{6920:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/AntForm",function(){return n(33396)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return t}});let t={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return u}});var t=n(24246),a=n(39941),s=n(3124),r=n.n(s),c=n(27378),i=n(95813);let{Title:o}=a.AntTypography,u=()=>{let[e]=a.PPS.useForm(),[l,n]=(0,c.useState)(i.S);return(0,t.jsxs)(a.bue,{children:[(0,t.jsxs)(a.JGx,{span:12,children:[(0,t.jsx)(o,{level:2,children:"Pure Ant"}),(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsx)(a.j8w,{color:"green",children:"funcitonal"}),(0,t.jsx)(a.j8w,{color:"green",children:"low effort"})]}),(0,t.jsxs)(a.PPS,{initialValues:{...i.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,t.jsx)(a.PPS.Item,{label:"Input",name:"input",children:(0,t.jsx)(a.uFc,{})}),(0,t.jsx)(a.PPS.Item,{name:"radio",children:(0,t.jsxs)(a.y02.Group,{name:"radio",children:[(0,t.jsx)(a.y02,{value:"1",children:"Radio 1"}),(0,t.jsx)(a.y02,{value:"2",children:"Radio 2"})]})}),(0,t.jsx)(a.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,t.jsx)(a.E_O,{children:"Checkbox"})}),(0,t.jsx)(a.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,t.jsx)(a.rAg,{})}),(0,t.jsx)(a.PPS.Item,{label:"Select",name:"select",children:(0,t.jsx)(a.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,t.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Tags",name:"tags",children:(0,t.jsx)(a.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Date",name:"date",children:(0,t.jsx)(a.cv2,{})}),(0,t.jsx)(a.PPS.Item,{label:"Number",name:"number",children:(0,t.jsx)(a.W7D,{})})]})]}),(0,t.jsxs)(a.JGx,{span:8,offset:4,children:[(0,t.jsx)(o,{level:4,children:"Controlled Values"}),(0,t.jsx)(a.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,t.jsx)("pre",{children:(0,t.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=6920)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5970],{6920:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/AntForm",function(){return n(33396)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return t}});let t={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return u}});var t=n(24246),a=n(96306),s=n(3124),r=n.n(s),c=n(27378),i=n(95813);let{Title:o}=a.AntTypography,u=()=>{let[e]=a.PPS.useForm(),[l,n]=(0,c.useState)(i.S);return(0,t.jsxs)(a.bue,{children:[(0,t.jsxs)(a.JGx,{span:12,children:[(0,t.jsx)(o,{level:2,children:"Pure Ant"}),(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsx)(a.j8w,{color:"green",children:"funcitonal"}),(0,t.jsx)(a.j8w,{color:"green",children:"low effort"})]}),(0,t.jsxs)(a.PPS,{initialValues:{...i.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,t.jsx)(a.PPS.Item,{label:"Input",name:"input",children:(0,t.jsx)(a.uFc,{})}),(0,t.jsx)(a.PPS.Item,{name:"radio",children:(0,t.jsxs)(a.y02.Group,{name:"radio",children:[(0,t.jsx)(a.y02,{value:"1",children:"Radio 1"}),(0,t.jsx)(a.y02,{value:"2",children:"Radio 2"})]})}),(0,t.jsx)(a.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,t.jsx)(a.E_O,{children:"Checkbox"})}),(0,t.jsx)(a.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,t.jsx)(a.rAg,{})}),(0,t.jsx)(a.PPS.Item,{label:"Select",name:"select",children:(0,t.jsx)(a.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,t.jsx)(a.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Tags",name:"tags",children:(0,t.jsx)(a.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,t.jsx)(a.PPS.Item,{label:"Date",name:"date",children:(0,t.jsx)(a.cv2,{})}),(0,t.jsx)(a.PPS.Item,{label:"Number",name:"number",children:(0,t.jsx)(a.W7D,{})})]})]}),(0,t.jsxs)(a.JGx,{span:8,offset:4,children:[(0,t.jsx)(o,{level:4,children:"Controlled Values"}),(0,t.jsx)(a.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,t.jsx)("pre",{children:(0,t.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=6920)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikAntFormItem-9d9beb8f0d8a278c.js → FormikAntFormItem-341b571fd8da4142.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[840],{71850:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikAntFormItem",function(){return t(35716)}])},95813:function(e,l,t){"use strict";t.d(l,{S:function(){return a}});let a={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},35716:function(e,l,t){"use strict";t.r(l),t.d(l,{FormikAntFormItemPOC:function(){return u}});var a=t(24246),n=t(39941),c=t(3124),o=t.n(c),r=t(34090),s=t(95813);let{Title:i}=n.AntTypography,u=()=>(0,a.jsx)(r.J9,{initialValues:{...s.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:t}=e;return(0,a.jsxs)(n.bue,{children:[(0,a.jsxs)(n.JGx,{span:12,children:[(0,a.jsx)(i,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)(n.j8w,{color:"green",children:"funcitonal"}),(0,a.jsx)(n.j8w,{color:"orange",children:"mid effort"})]}),(0,a.jsx)(r.l0,{children:(0,a.jsxs)(n.jqI,{vertical:!0,children:[(0,a.jsx)(n.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,a.jsx)(n.uFc,{onChange:e=>t("input",e.target.value),defaultValue:l.input})}),(0,a.jsxs)(n.y02.Group,{name:"radio",onChange:e=>t("radio",e.target.value),defaultValue:l.radio,children:[(0,a.jsx)(n.y02,{value:"1",children:"Radio 1"}),(0,a.jsx)(n.y02,{value:"2",children:"Radio 2"})]}),(0,a.jsx)(n.PPS.Item,{name:"checkbox",children:(0,a.jsx)(n.E_O,{onChange:e=>t("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,a.jsx)(n.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,a.jsx)(n.rAg,{onChange:e=>t("switch",e),defaultChecked:l.switch})}),(0,a.jsx)(n.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,a.jsx)(n.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>t("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>t("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>t("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,a.jsx)(n.cv2,{onChange:e=>t("date",e.toISOString())})}),(0,a.jsx)(n.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,a.jsx)(n.W7D,{defaultValue:l.number,onChange:e=>t("number",e)})})]})})]}),(0,a.jsxs)(n.JGx,{span:8,offset:4,children:[(0,a.jsx)(i,{level:4,children:"Controlled Values"}),(0,a.jsx)(n.V4A,{style:{backgroundColor:o().FIDESUI_MINOS,color:o().FIDESUI_CORINTH},children:(0,a.jsx)("pre",{children:(0,a.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=71850)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[840],{71850:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikAntFormItem",function(){return t(35716)}])},95813:function(e,l,t){"use strict";t.d(l,{S:function(){return a}});let a={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},35716:function(e,l,t){"use strict";t.r(l),t.d(l,{FormikAntFormItemPOC:function(){return u}});var a=t(24246),n=t(96306),c=t(3124),o=t.n(c),r=t(34090),s=t(95813);let{Title:i}=n.AntTypography,u=()=>(0,a.jsx)(r.J9,{initialValues:{...s.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:t}=e;return(0,a.jsxs)(n.bue,{children:[(0,a.jsxs)(n.JGx,{span:12,children:[(0,a.jsx)(i,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)(n.j8w,{color:"green",children:"funcitonal"}),(0,a.jsx)(n.j8w,{color:"orange",children:"mid effort"})]}),(0,a.jsx)(r.l0,{children:(0,a.jsxs)(n.jqI,{vertical:!0,children:[(0,a.jsx)(n.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,a.jsx)(n.uFc,{onChange:e=>t("input",e.target.value),defaultValue:l.input})}),(0,a.jsxs)(n.y02.Group,{name:"radio",onChange:e=>t("radio",e.target.value),defaultValue:l.radio,children:[(0,a.jsx)(n.y02,{value:"1",children:"Radio 1"}),(0,a.jsx)(n.y02,{value:"2",children:"Radio 2"})]}),(0,a.jsx)(n.PPS.Item,{name:"checkbox",children:(0,a.jsx)(n.E_O,{onChange:e=>t("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,a.jsx)(n.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,a.jsx)(n.rAg,{onChange:e=>t("switch",e),defaultChecked:l.switch})}),(0,a.jsx)(n.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,a.jsx)(n.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>t("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>t("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,a.jsx)(n.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>t("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,a.jsx)(n.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,a.jsx)(n.cv2,{onChange:e=>t("date",e.toISOString())})}),(0,a.jsx)(n.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,a.jsx)(n.W7D,{defaultValue:l.number,onChange:e=>t("number",e)})})]})})]}),(0,a.jsxs)(n.JGx,{span:8,offset:4,children:[(0,a.jsx)(i,{level:4,children:"Controlled Values"}),(0,a.jsx)(n.V4A,{style:{backgroundColor:o().FIDESUI_MINOS,color:o().FIDESUI_CORINTH},children:(0,a.jsx)("pre",{children:(0,a.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=u}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=71850)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikControlled-84a4d8fc60f839ed.js → FormikControlled-2e99b5eb12982aeb.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[611],{84093:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikControlled",function(){return n(15957)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return i}});let i={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return o}});var i=n(24246),s=n(39941),t=n(3124),r=n.n(t),c=n(34090),d=n(95813);let{Title:a}=s.AntTypography,o=()=>(0,i.jsx)(c.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(a,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(c.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(a,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=o}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=84093)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[611],{84093:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikControlled",function(){return n(15957)}])},95813:function(e,l,n){"use strict";n.d(l,{S:function(){return i}});let i={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return o}});var i=n(24246),s=n(96306),t=n(3124),r=n.n(t),c=n(34090),d=n(95813);let{Title:a}=s.AntTypography,o=()=>(0,i.jsx)(c.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(a,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(c.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(a,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:r().FIDESUI_MINOS,color:r().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=o}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=84093)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/form-experiments/{FormikField-1fccf542ab2e33bf.js → FormikField-c7d62113680196dd.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4266],{93102:function(e,l,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikField",function(){return i(82252)}])},95813:function(e,l,i){"use strict";i.d(l,{S:function(){return n}});let n={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},82252:function(e,l,i){"use strict";i.r(l),i.d(l,{FormikFieldPOC:function(){return h}});var n=i(24246),s=i(39941),r=i(3124),t=i.n(r),o=i(34090),d=i(95813);let{Text:a,Title:c}=s.AntTypography,h=()=>(0,n.jsx)(o.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,n.jsxs)(s.bue,{children:[(0,n.jsxs)(s.JGx,{span:12,children:[(0,n.jsx)(c,{level:2,children:"<Formik> + <Field>"}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,n.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,n.jsx)(o.l0,{children:(0,n.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"input",children:"Input"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,n.jsx)("div",{children:(0,n.jsxs)(o.gN,{as:s.y02.Group,name:"radio",children:[(0,n.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,n.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)(o.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,n.jsx)(a,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"select",children:"Select"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"date",children:"Date"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"number",children:"Number"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,n.jsxs)(s.JGx,{span:8,offset:4,children:[(0,n.jsx)(c,{level:4,children:"Controlled Values"}),(0,n.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=93102)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4266],{93102:function(e,l,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/form-experiments/FormikField",function(){return i(82252)}])},95813:function(e,l,i){"use strict";i.d(l,{S:function(){return n}});let n={input:"default text",radio:"2",checkbox:!0,switch:!0,select:"2",multiselect:["2"],tags:["1"],date:"",number:12}},82252:function(e,l,i){"use strict";i.r(l),i.d(l,{FormikFieldPOC:function(){return h}});var n=i(24246),s=i(96306),r=i(3124),t=i.n(r),o=i(34090),d=i(95813);let{Text:a,Title:c}=s.AntTypography,h=()=>(0,n.jsx)(o.J9,{initialValues:{...d.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,n.jsxs)(s.bue,{children:[(0,n.jsxs)(s.JGx,{span:12,children:[(0,n.jsx)(c,{level:2,children:"<Formik> + <Field>"}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,n.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,n.jsx)(o.l0,{children:(0,n.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"input",children:"Input"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,n.jsx)("div",{children:(0,n.jsxs)(o.gN,{as:s.y02.Group,name:"radio",children:[(0,n.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,n.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,n.jsxs)("div",{children:[(0,n.jsx)(o.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,n.jsx)(a,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"select",children:"Select"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,n.jsxs)(a,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"date",children:"Date"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{htmlFor:"number",children:"Number"}),(0,n.jsx)("div",{children:(0,n.jsx)(o.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,n.jsxs)(a,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,n.jsxs)(s.JGx,{span:8,offset:4,children:[(0,n.jsx)(c,{level:4,children:"Controlled Values"}),(0,n.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=93102)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{forms-aa75263ae1ba67bb.js → forms-89a24591c3d9e7a8.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3316],{36136:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/forms",function(){return n(71252)}])},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return d}});var i=n(24246),s=n(39941),r=n(3124),t=n.n(r),a=n(27378),o=n(95813);let{Title:c}=s.AntTypography,d=()=>{let[e]=s.PPS.useForm(),[l,n]=(0,a.useState)(o.S);return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"Pure Ant"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"green",children:"low effort"})]}),(0,i.jsxs)(s.PPS,{initialValues:{...o.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",children:(0,i.jsx)(s.uFc,{})}),(0,i.jsx)(s.PPS.Item,{name:"radio",children:(0,i.jsxs)(s.y02.Group,{name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,i.jsx)(s.E_O,{children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,i.jsx)(s.rAg,{})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",children:(0,i.jsx)(s.cv2,{})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",children:(0,i.jsx)(s.W7D,{})})]})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=d},35716:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikAntFormItemPOC:function(){return d}});var i=n(24246),s=n(39941),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"orange",children:"mid effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,i.jsx)(s.uFc,{onChange:e=>n("input",e.target.value),defaultValue:l.input})}),(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,i.jsx)(s.rAg,{onChange:e=>n("switch",e),defaultChecked:l.switch})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>n("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>n("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,i.jsx)(s.cv2,{onChange:e=>n("date",e.toISOString())})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,i.jsx)(s.W7D,{defaultValue:l.number,onChange:e=>n("number",e)})})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return d}});var i=n(24246),s=n(39941),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},82252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikFieldPOC:function(){return h}});var i=n(24246),s=n(39941),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Text:c,Title:d}=s.AntTypography,h=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(d,{level:2,children:"<Formik> + <Field>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(a.gN,{as:s.y02.Group,name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,i.jsx)(c,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(d,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h},71252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormsPOC:function(){return x}});var i=n(24246),s=n(39941),r=n(33396),t=n(35716),a=n(15957),o=n(82252),c=n(12921);let{Content:d}=s.AntLayout,{Title:h}=s.AntTypography,u=[{key:"1",label:"Formik + Controlled",children:(0,i.jsx)(a.FormikControlledPOC,{})},{key:"2",label:"Formik + Field",children:(0,i.jsx)(o.FormikFieldPOC,{})},{key:"3",label:"Formik + {...field}",children:(0,i.jsx)(c.FormikSpreadFieldPOC,{})},{key:"4",label:"Formik + Ant's Form.Item",children:(0,i.jsx)(t.FormikAntFormItemPOC,{})},{key:"5",label:"Ant Form",children:(0,i.jsx)(r.AntFormPOC,{})}],x=()=>(0,i.jsxs)(d,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(s.bue,{children:(0,i.jsx)(h,{children:"Forms POC"})}),(0,i.jsx)(s.A5g,{defaultActiveKey:"1",items:u})]});l.default=x}},function(e){e.O(0,[2921,2888,9774,179],function(){return e(e.s=36136)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3316],{36136:function(e,l,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/forms",function(){return n(71252)}])},33396:function(e,l,n){"use strict";n.r(l),n.d(l,{AntFormPOC:function(){return d}});var i=n(24246),s=n(96306),r=n(3124),t=n.n(r),a=n(27378),o=n(95813);let{Title:c}=s.AntTypography,d=()=>{let[e]=s.PPS.useForm(),[l,n]=(0,a.useState)(o.S);return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"Pure Ant"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"green",children:"low effort"})]}),(0,i.jsxs)(s.PPS,{initialValues:{...o.S},form:e,layout:"vertical",onValuesChange:(e,l)=>{n(l)},children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",children:(0,i.jsx)(s.uFc,{})}),(0,i.jsx)(s.PPS.Item,{name:"radio",children:(0,i.jsxs)(s.y02.Group,{name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",valuePropName:"checked",children:(0,i.jsx)(s.E_O,{children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",valuePropName:"checked",children:(0,i.jsx)(s.rAg,{})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",children:(0,i.jsx)(s.cv2,{})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",children:(0,i.jsx)(s.W7D,{})})]})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e.toString(),": ").concat(l[e],"\n")),"}"]})})})]})]})};l.default=d},35716:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikAntFormItemPOC:function(){return d}});var i=n(24246),s=n(96306),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled + Ant's <Form.Item>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"orange",children:"mid effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,children:[(0,i.jsx)(s.PPS.Item,{label:"Input",name:"input",layout:"vertical",children:(0,i.jsx)(s.uFc,{onChange:e=>n("input",e.target.value),defaultValue:l.input})}),(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]}),(0,i.jsx)(s.PPS.Item,{name:"checkbox",children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsx)(s.PPS.Item,{label:"Switch",name:"switch",layout:"vertical",children:(0,i.jsx)(s.rAg,{onChange:e=>n("switch",e),defaultChecked:l.switch})}),(0,i.jsx)(s.PPS.Item,{label:"Select",name:"select",layout:"vertical",children:(0,i.jsx)(s.WPr,{allowClear:!0,className:"w-full",defaultValue:l.select,onChange:e=>n("select",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Multiselect",name:"multiselect",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,className:"w-full",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Tags",name:"tags",layout:"vertical",children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,className:"w-full",defaultValue:l.tags,onChange:e=>n("tags",e),options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsx)(s.PPS.Item,{label:"Date",name:"date",layout:"vertical",children:(0,i.jsx)(s.cv2,{onChange:e=>n("date",e.toISOString())})}),(0,i.jsx)(s.PPS.Item,{label:"Number",name:"number",layout:"vertical",children:(0,i.jsx)(s.W7D,{defaultValue:l.number,onChange:e=>n("number",e)})})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},15957:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikControlledPOC:function(){return d}});var i=n(24246),s=n(96306),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Title:c}=s.AntTypography,d=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l,setFieldValue:n}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(c,{level:2,children:"<Formik> + Controlled"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"green",children:"funcitonal"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.uFc,{id:"input",onChange:e=>n("input",e.target.value),defaultValue:l.input})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(s.y02.Group,{name:"radio",onChange:e=>n("radio",e.target.value),defaultValue:l.radio,children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsx)("div",{children:(0,i.jsx)(s.E_O,{onChange:e=>n("checkbox",e.target.checked),defaultChecked:l.checkbox,children:"Checkbox"})}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.rAg,{id:"switch",onChange:e=>n("switch",e),defaultChecked:l.switch})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{allowClear:!0,id:"select",defaultValue:l.select,onChange:e=>n("select",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"multiple",allowClear:!0,id:"multiselect",defaultValue:l.multiselect,onChange:e=>n("multiselect",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"tags",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.WPr,{mode:"tags",allowClear:!0,id:"tags",defaultValue:l.tags,onChange:e=>n("tags",e),className:"w-full",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.cv2,{id:"date",onChange:e=>n("date",e.toISOString())})})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(s.W7D,{id:"number",defaultValue:l.number,onChange:e=>n("number",e)})})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(c,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=d},82252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormikFieldPOC:function(){return h}});var i=n(24246),s=n(96306),r=n(3124),t=n.n(r),a=n(34090),o=n(95813);let{Text:c,Title:d}=s.AntTypography,h=()=>(0,i.jsx)(a.J9,{initialValues:{...o.S},onSubmit:console.log,children:e=>{let{values:l}=e;return(0,i.jsxs)(s.bue,{children:[(0,i.jsxs)(s.JGx,{span:12,children:[(0,i.jsx)(d,{level:2,children:"<Formik> + <Field>"}),(0,i.jsxs)("div",{className:"mb-4",children:[(0,i.jsx)(s.j8w,{color:"red",children:"non functional"}),(0,i.jsx)(s.j8w,{color:"red",children:"high effort"})]}),(0,i.jsx)(a.l0,{children:(0,i.jsxs)(s.jqI,{vertical:!0,gap:16,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"input",children:"Input"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.uFc,id:"input",name:"input",type:"text"})})]}),(0,i.jsx)("div",{children:(0,i.jsxs)(a.gN,{as:s.y02.Group,name:"radio",children:[(0,i.jsx)(s.y02,{value:"1",children:"Radio 1"}),(0,i.jsx)(s.y02,{value:"2",children:"Radio 2"})]})}),(0,i.jsxs)("div",{children:[(0,i.jsx)(a.gN,{as:s.E_O,defaultChecked:l.checkbox,name:"checkbox",children:"Checkbox"}),(0,i.jsx)(c,{type:"warning",children:"Requires additional logic to handle default state"})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"switch",children:"Switch"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.rAg,id:"switch",name:"switch"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Switch's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"select",children:"Select"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,allowClear:!0,id:"select",name:"select",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Multiselect"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"multiple",allowClear:!0,id:"multiselect",name:"multiselect",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"multiselect",children:"Tags"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.WPr,mode:"tags",allowClear:!0,id:"tags",name:"tags",className:"w-full",status:"error",options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"}]})}),(0,i.jsxs)(c,{type:"danger",children:["Ant Select's onChange is too different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"date",children:"Date"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.cv2,id:"date",name:"date",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant DatePicker's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{htmlFor:"number",children:"Number"}),(0,i.jsx)("div",{children:(0,i.jsx)(a.gN,{as:s.W7D,id:"number",name:"number",status:"error"})}),(0,i.jsxs)(c,{type:"danger",children:["Ant InputNumber's onChange is different from Formik, requires to be fully controlled. This will not work with"," ","<Field>"," alone"]})]})]})})]}),(0,i.jsxs)(s.JGx,{span:8,offset:4,children:[(0,i.jsx)(d,{level:4,children:"Controlled Values"}),(0,i.jsx)(s.V4A,{style:{backgroundColor:t().FIDESUI_MINOS,color:t().FIDESUI_CORINTH},children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{children:["{\n",Object.keys(l).map(e=>"  ".concat(e,": ").concat(l[e],"\n")),"}"]})})})]})]})}});l.default=h},71252:function(e,l,n){"use strict";n.r(l),n.d(l,{FormsPOC:function(){return x}});var i=n(24246),s=n(96306),r=n(33396),t=n(35716),a=n(15957),o=n(82252),c=n(12921);let{Content:d}=s.AntLayout,{Title:h}=s.AntTypography,u=[{key:"1",label:"Formik + Controlled",children:(0,i.jsx)(a.FormikControlledPOC,{})},{key:"2",label:"Formik + Field",children:(0,i.jsx)(o.FormikFieldPOC,{})},{key:"3",label:"Formik + {...field}",children:(0,i.jsx)(c.FormikSpreadFieldPOC,{})},{key:"4",label:"Formik + Ant's Form.Item",children:(0,i.jsx)(t.FormikAntFormItemPOC,{})},{key:"5",label:"Ant Form",children:(0,i.jsx)(r.AntFormPOC,{})}],x=()=>(0,i.jsxs)(d,{className:"overflow-auto px-10 py-6",children:[(0,i.jsx)(s.bue,{children:(0,i.jsx)(h,{children:"Forms POC"})}),(0,i.jsx)(s.A5g,{defaultActiveKey:"1",items:u})]});l.default=x}},function(e){e.O(0,[2921,2888,9774,179],function(){return e(e.s=36136)}),_N_E=e.O()}]);

fides/ui-build/static/admin/_next/static/chunks/pages/poc/{table-migration-db334a1cbb102255.js → table-migration-c54bcfb6b0de8a71.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3564],{22657:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/table-migration",function(){return t(26161)}])},6675:function(e,s,t){"use strict";t.d(s,{ZS:function(){return i},a4:function(){return l}});var n=t(3228);let a=t(78780).u.injectEndpoints({endpoints:e=>({getPurposes:e.query({query:()=>"purposes"})})}),{useGetPurposesQuery:l}=a,r={purposes:{},special_purposes:{}},i=(0,n.P1)(a.endpoints.getPurposes.select(),e=>{let{data:s}=e;return s||r})},48347:function(e,s,t){"use strict";t.d(s,{W:function(){return o},m:function(){return c}});var n=t(24246),a=t(39941),l=t(32885);let{Text:r,Title:i}=a.AntTypography,o=()=>{let{isOpen:e,onOpen:s,onClose:t}=(0,a.qY0)();return{isOpen:e,onOpen:s,onClose:t}},c=e=>{let{isOpen:s,onClose:t,fidesKey:o}=e,{data:c,isLoading:u}=(0,l.ho)(o),d=(e,s)=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i,{level:5,children:e}),(null==s?void 0:s.length)?(0,n.jsx)("div",{children:(0,n.jsx)(a.vyj,{size:[0,2],wrap:!0,children:null==s?void 0:s.map(e=>(0,n.jsx)(a.j8w,{children:e},e))})}):(0,n.jsxs)(r,{italic:!0,children:["no known ",e.toLowerCase()]})]});return(0,n.jsxs)(a.u_l,{isOpen:s,onClose:t,size:"xxl",returnFocusOnClose:!1,isCentered:!0,children:[(0,n.jsx)(a.ZAr,{}),(0,n.jsxs)(a.hzk,{maxWidth:"800px",children:[(0,n.jsx)(a.xBx,{children:c?null==c?void 0:c.name:"Vendor"}),(0,n.jsx)(a.fef,{children:u?(0,n.jsx)(a.jqI,{className:"h-80 w-full",align:"center",justify:"center",children:(0,n.jsx)(a.$jN,{})}):!!c&&(0,n.jsxs)(a.AntTypography,{children:[(0,n.jsx)(i,{level:5,children:"Purposes"}),Object.entries(c.purposes||{}).length>0?(0,n.jsx)(a.UQy,{allowMultiple:!0,children:Object.entries(c.purposes).map((e,s)=>{let[t]=e;return(0,n.jsx)(a.Qdk,{children:e=>{let{isExpanded:s}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.KFZ,{backgroundColor:s?"gray.50":"unset",children:[(0,n.jsx)(a.xuv,{flex:"1",textAlign:"left",children:t}),(0,n.jsx)(a.XEm,{})]}),(0,n.jsxs)(a.Hk3,{backgroundColor:"gray.50",children:[(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Data uses",c.purposes[t].data_uses)}),(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Legal basis",c.purposes[t].legal_bases)})]})]})}},s)})}):(0,n.jsx)(r,{italic:!0,children:"no known purposes"}),(0,n.jsx)("div",{className:"my-4",children:d("Features",c.features)}),(0,n.jsx)("div",{className:"my-4",children:d("Data categories",c.data_categories)})]})}),(0,n.jsxs)(a.mzw,{children:[(0,n.jsx)(a.wpx,{size:"small",onClick:t,children:"Close"}),(0,n.jsx)(a.LZC,{})]})]})]})}},26161:function(e,s,t){"use strict";t.r(s),t.d(s,{TableMigrationPOC:function(){return C}});var n=t(24246),a=t(25980),l=t(39941),r=t(86677),i=t(27378),o=t(16134),c=t(77830),u=t(6675),d=t(32735),p=t(23923),x=t(48347),j=t(28079),h=t(32885);let{Content:g}=l.AntLayout,{Title:m,Paragraph:f}=l.AntTypography,_=[{text:"Advertising",value:"advertising"},{text:"Analytics",value:"analytics"},{text:"Functional",value:"functional"},{text:"Essential",value:"essential"}],y=[{text:"Consent",value:"Consent"},{text:"Legitimate Interest",value:"Legitimate interests"}],C=()=>{let{tcf:e,dictionaryService:s}=(0,a.hz)(),t=(0,r.useRouter)(),[C,v]=(0,i.useState)(""),[b,k]=(0,i.useState)(""),[w,I]=(0,i.useState)(25),[S,T]=(0,i.useState)(1),[N,O]=(0,i.useState)(),[z,A]=(0,i.useState)({});(0,j.fd)();let E=(0,o.C)(j.U3);(0,u.a4)();let P=(0,o.C)(u.ZS),V=(0,i.useMemo)(()=>[...Object.entries(P.purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}}),...Object.entries(P.special_purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}})],[P]),F=(0,i.useMemo)(()=>E.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[E]),{isOpen:L,onOpen:q,onClose:U}=(0,x.W)(),Z=(()=>{let e=(z.data_uses||[]).map(e=>"data_uses=".concat(encodeURIComponent(e))).join("&");return{dataUses:e,legalBasis:(z.legal_bases||[]).map(e=>"legal_bases=".concat(encodeURIComponent(e))).join("&"),purposes:(z.tcf_purpose||[]).map(e=>"purposes=".concat(encodeURIComponent(e))).join("&"),specialPurposes:"",consentCategories:(z.consent_categories||[]).map(e=>"consent_category=".concat(encodeURIComponent(e))).join("&")}})(),{data:M,isLoading:R}=(0,h.de)({pageIndex:S,pageSize:w,search:b,...Z}),D=(null==M?void 0:M.total)||0,B=(null==M?void 0:M.items)||[];(0,i.useEffect)(()=>{let e=setTimeout(()=>{k(C),1!==S&&T(1)},300);return()=>clearTimeout(e)},[C]);let K=(0,i.useCallback)(e=>{v(e.target.value)},[]),W=e=>{O(e.fides_key),q()},X=[{title:"Vendor",dataIndex:"name",key:"name",filteredValue:z.name||null},...e?[{title:"TCF purpose",dataIndex:"data_uses",key:"tcf_purpose",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"purpose":"purposes"]}),filters:V,filteredValue:z.tcf_purpose||null},{title:"Data use",dataIndex:"data_uses",key:"data_uses",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"data use":"data uses"]}),filters:F,filteredValue:z.data_uses||null},{title:"Legal basis",dataIndex:"legal_bases",key:"legal_bases",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"basis":"bases"]}),filters:y,filteredValue:z.legal_bases||null}]:[{title:"Categories",dataIndex:"consent_categories",key:"consent_categories",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"category":"categories"]}),filters:_,filteredValue:z.consent_categories||null},{title:"Cookies",dataIndex:"cookies",key:"cookies",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"cookie":"cookies"]})}]];return(0,n.jsxs)(g,{className:"overflow-auto px-10 py-6",children:[(0,n.jsx)(l.bue,{children:(0,n.jsx)(m,{children:"Table Migration POC"})}),(0,n.jsx)(f,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&N?(0,n.jsx)(x.m,{isOpen:L,fidesKey:N,onClose:U}):null,(0,n.jsxs)(l.jqI,{justify:"space-between",align:"center",className:"mb-4",children:[(0,n.jsx)(l.uFc.Search,{placeholder:"Search",onSearch:e=>{v(e)},style:{width:300},value:C,onChange:K}),(0,n.jsxs)(l.vyj,{size:8,children:[(0,n.jsx)(p.Z,{buttonLabel:"Add vendors",onButtonClick:s?()=>{t.push(c.Gg)}:void 0}),(0,n.jsx)(l.wpx,{onClick:()=>{A({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:B,columns:X,loading:R,rowKey:"id",pagination:{current:S,pageSize:w,pageSizeOptions:d.VZ,total:D},onChange:(e,s)=>{T(e.current),I(e.pageSize),A(s)},onRow:e=>({onClick:()=>W(e),style:{cursor:"pointer"}}),size:"small"})]})};s.default=C}},function(e){e.O(0,[401,3923,2888,9774,179],function(){return e(e.s=22657)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3564],{22657:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/poc/table-migration",function(){return t(26161)}])},6675:function(e,s,t){"use strict";t.d(s,{ZS:function(){return i},a4:function(){return l}});var n=t(3228);let a=t(78780).u.injectEndpoints({endpoints:e=>({getPurposes:e.query({query:()=>"purposes"})})}),{useGetPurposesQuery:l}=a,r={purposes:{},special_purposes:{}},i=(0,n.P1)(a.endpoints.getPurposes.select(),e=>{let{data:s}=e;return s||r})},48347:function(e,s,t){"use strict";t.d(s,{W:function(){return o},m:function(){return c}});var n=t(24246),a=t(96306),l=t(32885);let{Text:r,Title:i}=a.AntTypography,o=()=>{let{isOpen:e,onOpen:s,onClose:t}=(0,a.qY0)();return{isOpen:e,onOpen:s,onClose:t}},c=e=>{let{isOpen:s,onClose:t,fidesKey:o}=e,{data:c,isLoading:u}=(0,l.ho)(o),d=(e,s)=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i,{level:5,children:e}),(null==s?void 0:s.length)?(0,n.jsx)("div",{children:(0,n.jsx)(a.vyj,{size:[0,2],wrap:!0,children:null==s?void 0:s.map(e=>(0,n.jsx)(a.j8w,{children:e},e))})}):(0,n.jsxs)(r,{italic:!0,children:["no known ",e.toLowerCase()]})]});return(0,n.jsxs)(a.u_l,{isOpen:s,onClose:t,size:"xxl",returnFocusOnClose:!1,isCentered:!0,children:[(0,n.jsx)(a.ZAr,{}),(0,n.jsxs)(a.hzk,{maxWidth:"800px",children:[(0,n.jsx)(a.xBx,{children:c?null==c?void 0:c.name:"Vendor"}),(0,n.jsx)(a.fef,{children:u?(0,n.jsx)(a.jqI,{className:"h-80 w-full",align:"center",justify:"center",children:(0,n.jsx)(a.$jN,{})}):!!c&&(0,n.jsxs)(a.AntTypography,{children:[(0,n.jsx)(i,{level:5,children:"Purposes"}),Object.entries(c.purposes||{}).length>0?(0,n.jsx)(a.UQy,{allowMultiple:!0,children:Object.entries(c.purposes).map((e,s)=>{let[t]=e;return(0,n.jsx)(a.Qdk,{children:e=>{let{isExpanded:s}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a.KFZ,{backgroundColor:s?"gray.50":"unset",children:[(0,n.jsx)(a.xuv,{flex:"1",textAlign:"left",children:t}),(0,n.jsx)(a.XEm,{})]}),(0,n.jsxs)(a.Hk3,{backgroundColor:"gray.50",children:[(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Data uses",c.purposes[t].data_uses)}),(0,n.jsx)(a.jqI,{className:"my-4",vertical:!0,children:d("Legal basis",c.purposes[t].legal_bases)})]})]})}},s)})}):(0,n.jsx)(r,{italic:!0,children:"no known purposes"}),(0,n.jsx)("div",{className:"my-4",children:d("Features",c.features)}),(0,n.jsx)("div",{className:"my-4",children:d("Data categories",c.data_categories)})]})}),(0,n.jsxs)(a.mzw,{children:[(0,n.jsx)(a.wpx,{size:"small",onClick:t,children:"Close"}),(0,n.jsx)(a.LZC,{})]})]})]})}},26161:function(e,s,t){"use strict";t.r(s),t.d(s,{TableMigrationPOC:function(){return C}});var n=t(24246),a=t(25980),l=t(96306),r=t(86677),i=t(27378),o=t(16134),c=t(77830),u=t(6675),d=t(32735),p=t(23923),x=t(48347),j=t(28079),h=t(32885);let{Content:g}=l.AntLayout,{Title:m,Paragraph:f}=l.AntTypography,_=[{text:"Advertising",value:"advertising"},{text:"Analytics",value:"analytics"},{text:"Functional",value:"functional"},{text:"Essential",value:"essential"}],y=[{text:"Consent",value:"Consent"},{text:"Legitimate Interest",value:"Legitimate interests"}],C=()=>{let{tcf:e,dictionaryService:s}=(0,a.hz)(),t=(0,r.useRouter)(),[C,v]=(0,i.useState)(""),[b,k]=(0,i.useState)(""),[w,I]=(0,i.useState)(25),[S,T]=(0,i.useState)(1),[N,O]=(0,i.useState)(),[z,A]=(0,i.useState)({});(0,j.fd)();let E=(0,o.C)(j.U3);(0,u.a4)();let P=(0,o.C)(u.ZS),V=(0,i.useMemo)(()=>[...Object.entries(P.purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}}),...Object.entries(P.special_purposes).map(e=>{let[s,t]=e;return{text:t.name,value:s}})],[P]),F=(0,i.useMemo)(()=>E.map(e=>({text:e.name||e.fides_key,value:e.fides_key})),[E]),{isOpen:L,onOpen:q,onClose:U}=(0,x.W)(),Z=(()=>{let e=(z.data_uses||[]).map(e=>"data_uses=".concat(encodeURIComponent(e))).join("&");return{dataUses:e,legalBasis:(z.legal_bases||[]).map(e=>"legal_bases=".concat(encodeURIComponent(e))).join("&"),purposes:(z.tcf_purpose||[]).map(e=>"purposes=".concat(encodeURIComponent(e))).join("&"),specialPurposes:"",consentCategories:(z.consent_categories||[]).map(e=>"consent_category=".concat(encodeURIComponent(e))).join("&")}})(),{data:M,isLoading:R}=(0,h.de)({pageIndex:S,pageSize:w,search:b,...Z}),D=(null==M?void 0:M.total)||0,B=(null==M?void 0:M.items)||[];(0,i.useEffect)(()=>{let e=setTimeout(()=>{k(C),1!==S&&T(1)},300);return()=>clearTimeout(e)},[C]);let K=(0,i.useCallback)(e=>{v(e.target.value)},[]),W=e=>{O(e.fides_key),q()},X=[{title:"Vendor",dataIndex:"name",key:"name",filteredValue:z.name||null},...e?[{title:"TCF purpose",dataIndex:"data_uses",key:"tcf_purpose",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"purpose":"purposes"]}),filters:V,filteredValue:z.tcf_purpose||null},{title:"Data use",dataIndex:"data_uses",key:"data_uses",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"data use":"data uses"]}),filters:F,filteredValue:z.data_uses||null},{title:"Legal basis",dataIndex:"legal_bases",key:"legal_bases",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"basis":"bases"]}),filters:y,filteredValue:z.legal_bases||null}]:[{title:"Categories",dataIndex:"consent_categories",key:"consent_categories",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"category":"categories"]}),filters:_,filteredValue:z.consent_categories||null},{title:"Cookies",dataIndex:"cookies",key:"cookies",render:e=>(0,n.jsxs)(l.j8w,{children:[e," ",1===e?"cookie":"cookies"]})}]];return(0,n.jsxs)(g,{className:"overflow-auto px-10 py-6",children:[(0,n.jsx)(l.bue,{children:(0,n.jsx)(m,{children:"Table Migration POC"})}),(0,n.jsx)(f,{className:"mb-6",children:"This is a demonstration of migrating the ConsentManagementTable from TanStack Table to Ant Design Table with built-in filtering."}),L&&N?(0,n.jsx)(x.m,{isOpen:L,fidesKey:N,onClose:U}):null,(0,n.jsxs)(l.jqI,{justify:"space-between",align:"center",className:"mb-4",children:[(0,n.jsx)(l.uFc.Search,{placeholder:"Search",onSearch:e=>{v(e)},style:{width:300},value:C,onChange:K}),(0,n.jsxs)(l.vyj,{size:8,children:[(0,n.jsx)(p.Z,{buttonLabel:"Add vendors",onButtonClick:s?()=>{t.push(c.Gg)}:void 0}),(0,n.jsx)(l.wpx,{onClick:()=>{A({})},children:"Clear filters"})]})]}),(0,n.jsx)(l.V5H,{dataSource:B,columns:X,loading:R,rowKey:"id",pagination:{current:S,pageSize:w,pageSizeOptions:d.VZ,total:D},onChange:(e,s)=>{T(e.current),I(e.pageSize),A(s)},onRow:e=>({onClick:()=>W(e),style:{cursor:"pointer"}}),size:"small"})]})};s.default=C}},function(e){e.O(0,[401,3923,2888,9774,179],function(){return e(e.s=22657)}),_N_E=e.O()}]);