%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[161],{2695:function(e,t,a){"use strict";a.r(t);var n=a(163),l=a(133),c=a(0),s=a(6),i=a(1085),o=a(19),r=a(50),d=a.n(r);const j=Object(o.b)("notesApp/labels/getLabels",(async()=>{const e=await d.a.get("/api/notes-app/labels");return await e.data})),b=Object(o.b)("notesApp/labels/updateLabels",(async e=>{const t=await d.a.post("/api/notes-app/update-labels",{labels:Object.values(e)});return await t.data})),m=Object(o.c)({}),{selectAll:h,selectEntities:x,selectById:u}=m.getSelectors((e=>e.notesApp.labels)),p=Object(o.d)({name:"notesApp/labels",initialState:m.getInitialState({labelsDialogOpen:!1}),reducers:{openLabelsDialog:(e,t)=>{e.labelsDialogOpen=!0},closeLabelsDialog:(e,t)=>{e.labelsDialogOpen=!1}},extraReducers:{[j.fulfilled]:m.setAll,[b.fulfilled]:m.setAll}}),{openLabelsDialog:O,closeLabelsDialog:f}=p.actions;var g=p.reducer,v=a(89),y=a(131),N=a(32),w=a(10),k=a(1096),C=a(1090),S=a(1028),D=a(548),z=a(1115),I=a(1033),A=a(1034),L=a(194),T=a(52);var E=function(e){return e=e||{},w.a.defaults(e,{id:T.a.generateGUID(),name:"",handle:T.a.handleize(e.name||"")})},V=a(5),R=a(57),_=a(1);const F={name:""},H=R.d().shape({name:R.f().required("You must enter a label title")});var P=function(e){const t=Object(s.b)(),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.labels.entities})),[n,l]=Object(c.useState)(a),{control:i,formState:o,handleSubmit:r,reset:d}=Object(N.f)({mode:"onChange",defaultValues:F,resolver:Object(y.a)(H)}),{isValid:j,dirtyFields:m,errors:h}=o;Object(c.useEffect)((()=>{l(a)}),[a]);const x=Object(v.a)((e=>{t(b(e))}),300);return Object(c.useEffect)((()=>{n&&!w.a.isEqual(n,a)&&x(n)}),[x,a,n]),Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(L.a,{className:"text-16 mb-8 font-semibold",children:"Edit Labels"}),Object(_.jsxs)(I.a,{dense:!0,children:[Object(_.jsx)("form",{onSubmit:r((function(e){const t=E(e);l(w.a.setIn(n,t.id,t)),d(F)})),children:Object(_.jsx)(A.a,{className:"p-0 mb-16",dense:!0,children:Object(_.jsx)(N.a,{name:"name",control:i,render:e=>{var t;let{field:a}=e;return Object(_.jsx)(k.a,{...a,className:Object(V.a)("flex flex-1"),error:!!h.name,helperText:null===h||void 0===h||null===(t=h.name)||void 0===t?void 0:t.message,placeholder:"Create new label",variant:"outlined",InputProps:{startAdornment:Object(_.jsx)(z.a,{position:"start",children:Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"add"})}),endAdornment:Object(_.jsx)(z.a,{position:"end",children:Object(_.jsx)(S.a,{className:"w-32 h-32 p-0","aria-label":"Delete",disabled:w.a.isEmpty(m)||!j,type:"submit",children:Object(_.jsx)(C.a,{fontSize:"small",children:"check"})})})}})}})})}),Object(c.useMemo)((()=>Object.entries(n).map((e=>{let[t,a]=e;return Object(_.jsxs)(A.a,{className:"p-0 mb-8",dense:!0,children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"label"}),Object(_.jsx)(D.a,{className:Object(V.a)("flex flex-1 mx-8"),name:"name",value:a.name,onChange:e=>function(e,t){const a=E(w.a.setIn(t,e.target.name,e.target.value));l(w.a.setIn(n,a.id,a))}(e,a),disableUnderline:!0}),Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0","aria-label":"Delete",onClick:e=>function(e){l(w.a.omit(n,[e.id]))}(a),children:Object(_.jsx)(C.a,{fontSize:"small",children:"delete"})})]},a.id)}))),[n])]})]})};var U=function(e){const t=Object(s.b)(),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.labels.labelsDialogOpen}));return Object(_.jsx)(i.a,{classes:{paper:"w-full max-w-320 p-16 m-24"},onClose:e=>t(f()),open:a,children:Object(_.jsx)(P,{})})},B=a(1040),W=a(39),M=a(1098),q=a(1102),G=a(1097);var J=function(e){return e=e||{},w.a.defaults(e,{id:T.a.generateGUID(),title:"",description:"",archive:!1,image:"",time:null,reminder:null,checklist:[],labels:[]})},Y=a(1192),K=a(28);var Q=function(e){const t=Object(s.c)(x);if(!t)return null;const a=t[e.id];if(!a)return null;const n=e.linkable?{component:K.a,onClick:e=>{e.stopPropagation()},to:"/apps/notes/labels/".concat(a.handle,"/").concat(a.id)}:{};return Object(_.jsx)(Y.a,{...n,label:a.name,classes:{root:Object(V.a)("h-24",e.className),label:"px-12 py-4 text-11",deleteIcon:"w-16",...e.classes},variant:"outlined",onDelete:e.onDelete})},X=a(165);var Z=function(e){return e.date?Object(_.jsx)(Y.a,{icon:Object(_.jsx)(C.a,{className:"text-16",children:"access_time"}),label:Object(X.a)(new Date(e.date),"MMM dd yy, h:mm"),classes:{root:Object(V.a)("h-24",e.className),label:"px-12 py-4 text-11",deleteIcon:"w-16",...e.classes},variant:"outlined",onDelete:e.onDelete}):null},$=a(49);var ee=function(e){return e=e||{},w.a.defaults(e,{id:T.a.generateGUID(),text:"",checked:!1})};const te={text:""},ae=R.d().shape({text:R.f().required("You must enter a label title")});var ne=function(e){const{control:t,formState:a,handleSubmit:n,reset:l}=Object(N.f)({mode:"onChange",defaultValues:te,resolver:Object(y.a)(ae)}),{isValid:c,dirtyFields:s,errors:i}=a;return Object(_.jsx)("form",{onSubmit:n((function(t){e.onListItemAdd(ee(t)),l(te)})),children:Object(_.jsx)(A.a,{className:"p-0",dense:!0,children:Object(_.jsx)(N.a,{name:"text",control:t,render:e=>{var t;let{field:a}=e;return Object(_.jsx)(k.a,{...a,className:"flex flex-1",error:!!i.text,helperText:null===i||void 0===i||null===(t=i.text)||void 0===t?void 0:t.message,placeholder:"Add an item",variant:"standard",autoFocus:!0,hiddenLabel:!0,InputProps:{disableUnderline:!0,className:"px-2",startAdornment:Object(_.jsx)(z.a,{position:"start",children:Object(_.jsx)(S.a,{className:"w-32 h-32 p-0 -mx-6","aria-label":"Add",type:"submit",disabled:w.a.isEmpty(s)||!c,children:Object(_.jsx)(C.a,{fontSize:"small",children:"add"})})})}})}})})})},le=a(1165);var ce=function(e){function t(t){e.onListItemChange(w.a.setIn(e.item,t.target.name,"checkbox"===t.target.type?t.target.checked:t.target.value))}return e.item?Object(_.jsxs)(A.a,{className:"p-0",dense:!0,children:[Object(_.jsx)(le.a,{className:"p-0",checked:e.item.checked,tabIndex:-1,disableRipple:!0,name:"checked",onChange:t,color:"default"}),Object(_.jsx)(D.a,{className:Object(V.a)("flex flex-1 mx-8",e.item.checked&&"line-through opacity-50"),name:"text",value:e.item.text,onChange:t,disableUnderline:!0}),Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0","aria-label":"Delete",onClick:()=>e.onListItemRemove(e.item.id),children:Object(_.jsx)(C.a,{fontSize:"small",children:"delete"})})]},e.item.id):null};var se=function(e){function t(t){e.onCheckListChange(e.checklist.map((e=>e.id===t.id?t:e)))}function a(t){e.onCheckListChange(e.checklist.filter((e=>e.id!==t)))}return e.checklist?Object(_.jsx)("div",{className:e.className,children:Object(_.jsxs)(I.a,{dense:!0,children:[e.checklist.map((e=>Object(_.jsx)(ce,{item:e,onListItemChange:t,onListItemRemove:a},e.id))),Object(_.jsx)(ne,{onListItemAdd:function(t){e.onCheckListChange([...e.checklist,t])}})]})}):null},ie=a(1026),oe=a(1103),re=a(1031);var de=function(e){const t=Object(s.c)((e=>{let{notesApp:t}=e;return t.labels.entities})),[a,n]=Object(c.useState)(null);function l(){n(null)}return Object(_.jsxs)("div",{children:[Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",onClick:function(e){e.stopPropagation(),n(e.currentTarget)},children:Object(_.jsx)(C.a,{fontSize:"small",children:"label"})}),Object(_.jsx)(re.a,{hideBackdrop:!0,open:Boolean(a),anchorEl:a,onClose:l,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},className:"pointer-events-none",classes:{paper:"pointer-events-auto py-8 prevent-add-close"},children:Object(_.jsx)(ie.a,{onClickAway:l,children:Object(_.jsx)(I.a,{className:"p-0",children:Object.entries(t).map((t=>{let[a,n]=t;return Object(_.jsxs)(A.a,{button:!0,dense:!0,onClick:()=>{return t=n.id,void e.onChange(w.a.xor(e.note.labels,[t]));var t},children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:e.note.labels.includes(n.id)?"check_box":"check_box_outline_blank"}),Object(_.jsx)(oe.a,{className:"truncate px-8",primary:n.name,disableTypography:!0})]},n.id)}))})})})]})},je=a(403),be=a(1056),me=a(1312);var he=function(e){const[t,a]=Object(c.useState)(!1),n=new Date(e.reminder);return Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",onClick:()=>a(!0),children:Object(_.jsx)(C.a,{fontSize:"small",children:"notifications_active"})}),Object(_.jsx)(be.a,{utils:je.a,children:Object(_.jsx)(me.a,{className:"hidden",open:t,onOpen:()=>a(!0),onClose:()=>a(!1),clearable:!0,showTodayButton:!0,disablePast:!0,value:n,onChange:e.onChange,DialogProps:{className:"prevent-add-close"}})})]})};var xe=function(e){return Object(_.jsx)(_.Fragment,{children:Object(_.jsxs)("label",{htmlFor:"button-file",children:[Object(_.jsx)("input",{accept:"image/*",className:"hidden",id:"button-file",type:"file",onChange:function(t){const a=t.target.files[0];if(!a)return;const n=new FileReader;n.readAsBinaryString(a),n.onload=()=>{e.onChange&&e.onChange("data:".concat(a.type,";base64,").concat(btoa(n.result)))},n.onerror=()=>{console.log("error on load image")}}}),Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",component:"span",children:Object(_.jsx)(C.a,{fontSize:"small",children:"image"})})]})})};const ue=R.d().shape({title:R.f(),description:R.f(),image:R.f(),checklist:R.a(),oneOfThemRequired:R.b().when(["title","description","image","checklist"],{is:(e,t,a,n)=>!e&&!t&&!a&&!n||!!e&&!!t&&!!a&&!!n,then:R.b().required(""),otherwise:R.b()})});function pe(e){const[t,a]=Object(c.useState)(!1),n=Object($.j)(),l=w.a.merge({},J(),e.note,n.labelId?{labels:[n.labelId]}:null,"archive"===n.id?{archive:!0}:null),{formState:s,handleSubmit:i,getValues:o,reset:r,watch:d,setValue:j,control:b}=Object(N.f)({mode:"onChange",defaultValues:l,resolver:Object(y.a)(ue)}),{isValid:m,dirtyFields:h,errors:x}=s,u=d();function p(t){e.onCreate&&e.onCreate(t)}return Object(c.useEffect)((()=>{e.note&&"new"!==e.variant&&e.onChange&&(w.a.isEqual(e.note,u)||e.onChange(u))}),[u,e,l]),Object(_.jsxs)("div",{className:"flex flex-col w-full",children:[Object(_.jsx)(W.a,{className:"flex flex-auto w-full max-h-640",children:Object(_.jsxs)("div",{className:"w-full",children:[Object(_.jsx)(N.a,{name:"image",control:b,defaultValue:"",render:e=>{let{field:{onChange:t,value:a}}=e;return""===a?null:Object(_.jsxs)("div",{className:"relative",children:[Object(_.jsx)("img",{src:a,className:"w-full block",alt:"note"}),Object(_.jsx)(q.a,{className:"absolute right-0 bottom-0 m-8",variant:"extended",size:"small",color:"secondary","aria-label":"Delete Image",type:"button",onClick:()=>t(""),children:Object(_.jsx)(C.a,{fontSize:"small",children:"delete"})})]})}}),Object(_.jsx)("div",{className:"px-20 my-16",children:Object(_.jsx)(N.a,{name:"title",control:b,render:e=>{let{field:t}=e;return Object(_.jsx)(D.a,{...t,className:"font-semibold text-14",placeholder:"Title",type:"text",disableUnderline:!0,fullWidth:!0})}})}),Object(_.jsx)("div",{className:"px-20 my-16",children:Object(_.jsx)(N.a,{name:"description",control:b,render:e=>{let{field:t}=e;return Object(_.jsx)(D.a,{...t,placeholder:"Take a note...",multiline:!0,rows:"4",disableUnderline:!0,fullWidth:!0})}})}),Object(_.jsx)(N.a,{name:"checklist",control:b,defaultValue:[],render:e=>{let{field:{onChange:a,value:n}}=e;return 0!==n.length||t?Object(_.jsx)("div",{className:"px-16",children:Object(_.jsx)(se,{checklist:n,onCheckListChange:e=>a(e)})}):null}}),(u.labels||u.reminder||u.time)&&Object(_.jsxs)("div",{className:"flex flex-wrap w-full px-20 my-16 -mx-4",children:[u.reminder&&Object(_.jsx)(Z,{className:"mt-4 mx-4",date:u.reminder}),Object(_.jsx)(N.a,{name:"labels",control:b,defaultValue:[],render:e=>{let{field:{onChange:t,value:a}}=e;return a?a.map((e=>Object(_.jsx)(Q,{id:e,className:"mt-4 mx-4",onDelete:()=>t(a.filter((t=>t!==e)))},e))):null}}),u.time&&Object(_.jsxs)(L.a,{color:"textSecondary",className:"text-12 mt-8 mx-4",children:["Edited: ",Object(X.a)(new Date(u.time),"MMM dd yy, h:mm")]})]})]})}),Object(_.jsxs)("div",{className:"flex flex-auto justify-between items-center px-16 pb-12",children:[Object(_.jsxs)("div",{className:"flex items-center",children:[Object(_.jsx)(G.a,{title:"Remind me",placement:"bottom",children:Object(_.jsx)("div",{children:Object(_.jsx)(N.a,{name:"reminder",control:b,defaultValue:[],render:e=>{let{field:{onChange:t,value:a}}=e;return Object(_.jsx)(he,{reminder:a,onChange:e=>t(e)})}})})}),Object(_.jsx)(G.a,{title:"Add image",placement:"bottom",children:Object(_.jsx)("div",{children:Object(_.jsx)(xe,{onChange:e=>j("image",e,{shouldDirty:!0,shouldValidate:!0})})})}),Object(_.jsx)(G.a,{title:"Add checklist",placement:"bottom",children:Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",onClick:()=>a(!t),children:Object(_.jsx)(C.a,{fontSize:"small",children:"playlist_add_check"})})}),Object(_.jsx)(G.a,{title:"Change labels",placement:"bottom",children:Object(_.jsx)("div",{children:Object(_.jsx)(de,{note:u,onChange:e=>j("labels",e)})})}),Object(_.jsx)(N.a,{name:"archive",control:b,defaultValue:!1,render:t=>{let{field:{onChange:a,value:n}}=t;return Object(_.jsx)(G.a,{title:n?"Unarchive":"Archive",placement:"bottom",children:Object(_.jsx)("div",{children:Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",onClick:()=>{a(!n),"new"===e.variant&&setTimeout((()=>p(o())))},children:Object(_.jsx)(C.a,{fontSize:"small",children:n?"unarchive":"archive"})})})})}})]}),Object(_.jsx)("div",{className:"flex items-center",children:"new"===e.variant?Object(_.jsx)(M.a,{className:"m-4",type:"submit",variant:"contained",color:"secondary",size:"small",onClick:i(p),disabled:w.a.isEmpty(h)||!m,children:"Create"}):Object(_.jsxs)(_.Fragment,{children:[Object(_.jsx)(G.a,{title:"Delete Note",placement:"bottom",children:Object(_.jsx)(S.a,{className:"w-32 h-32 mx-4 p-0",onClick:e.onRemove,children:Object(_.jsx)(C.a,{fontSize:"small",children:"delete"})})}),Object(_.jsx)(M.a,{className:"m-4",onClick:e.onClose,variant:"outlined",size:"small",children:"Close"})]})})]})]})}pe.defaultProps={variant:"edit",note:null};var Oe=Object($.k)(pe);const fe=Object(o.b)("notesApp/notes/getNotes",(async()=>{const e=await d.a.get("/api/notes-app/notes");return await e.data})),ge=Object(o.b)("notesApp/notes/createNote",(async e=>{const t=await d.a.post("/api/notes-app/create-note",{note:e});return await t.data})),ve=Object(o.b)("notesApp/notes/updateNote",(async e=>{const t=await d.a.post("/api/notes-app/update-note",{note:e});return await t.data})),ye=Object(o.b)("notesApp/notes/removeNote",(async(e,t)=>{let{dispatch:a,getState:n}=t;const l=await d.a.post("/api/notes-app/remove-note",{noteId:e}),c=await l.data;return a(Le()),c})),Ne=Object(o.c)({}),{selectAll:we,selectEntities:ke,selectById:Ce}=Ne.getSelectors((e=>e.notesApp.notes)),Se=Object(o.d)({name:"notesApp/notes",initialState:Ne.getInitialState({searchText:"",noteDialogId:null,variateDescSize:!0}),reducers:{setNotesSearchText:{reducer:(e,t)=>{e.searchText=t.payload},prepare:e=>({payload:e.target.value||""})},resetNotesSearchText:(e,t)=>{e.searchText=""},toggleVariateDescSize:(e,t)=>{e.variateDescSize=!e.variateDescSize},openNoteDialog:(e,t)=>{e.noteDialogId=t.payload},closeNoteDialog:(e,t)=>{e.noteDialogId=t.null}},extraReducers:{[fe.fulfilled]:Ne.setAll,[ge.fulfilled]:Ne.addOne,[ve.fulfilled]:Ne.upsertOne,[ye.fulfilled]:Ne.removeOne}}),{setNotesSearchText:De,resetNotesSearchText:ze,toggleVariateDescSize:Ie,openNoteDialog:Ae,closeNoteDialog:Le}=Se.actions;var Te=Se.reducer;const Ee=Object(c.forwardRef)((function(e,t){return Object(_.jsx)(B.a,{direction:"up",ref:t,...e})}));var Ve=function(e){const t=Object(s.b)(),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.notes})),n=Object(v.a)((e=>{t(ve(e))}),600);return a.entities?Object(_.jsx)(i.a,{classes:{paper:"w-full m-24"},TransitionComponent:Ee,onClose:e=>t(Le()),open:Boolean(a.noteDialogId),children:Object(_.jsx)(Oe,{note:a.entities[a.noteDialogId],onChange:n,onClose:e=>t(Le()),onRemove:function(){t(ye(a.noteDialogId))}})}):null},Re=a(193),_e=a(1072);const Fe=Object(_e.a)({button:{cursor:"text"}});var He=function(e){const t=Object(s.b)(),a=Fe(e),[n,l]=Object(c.useState)(!1);function i(){n&&(l(!1),document.removeEventListener("keydown",o,!1))}function o(e){27===e.keyCode&&i()}return Object(_.jsx)(Re.a,{className:Object(V.a)(a.button,"flex items-center w-full max-w-512 mt-8 mb-16 min-h-48 shadow flex-shrink-0"),children:n?Object(_.jsx)(ie.a,{onClickAway:function(e){const t=document.querySelector(".prevent-add-close");!!t&&t.contains(e.target)||i()},children:Object(_.jsx)("div",{className:"w-full",children:Object(_.jsx)(Oe,{onCreate:function(e){t(ge(e)),i()},variant:"new"})})}):Object(_.jsx)(L.a,{className:"w-full px-16 py-12 text-16 w-full",color:"textSecondary",onClick:function(e){e.stopPropagation(),l(!0),document.addEventListener("keydown",o,!1)},children:"Take a note..."})})},Pe=a(1602),Ue=a(1109),Be=a(1118);const We={1:{fontSize:14,lineHeight:19},2:{fontSize:18,lineHeight:28},3:{fontSize:24,lineHeight:36},4:{fontSize:36,lineHeight:48},5:{fontSize:48,lineHeight:60}};var Me=function(e,t,a){if(!t)return;t.style.fontSize=null,t.style.lineHeight=null;const n=t.clientWidth;if(0===n)return;if(!a)return;const l=document.createElement("div");let c;l.style.display="inline-block",l.style.fontSize="10px",l.style.fontWeight="600",l.style.lineHeight="10px",l.style.position="absolute",l.style.whiteSpace="pre-wrap",l.style.wordWrap="break-word",l.style.pointerEvents="none",l.style.visibility="hidden",document.body.appendChild(l);const s=e.split(" ").map((e=>(l.textContent=e.toString(),l.clientWidth))),i=Math.max(...s),o=Math.floor(10*n/i);o<18?c=1:o>=18&&o<24?c=2:o>=24&&o<36?c=3:o>=36&&o<48?c=4:o>=48&&(c=5);let{lineHeight:r,fontSize:d}=We[c];l.textContent=e,l.style.width="".concat(n,"px"),l.style.fontSize="".concat(d,"px"),l.style.lineHeight="".concat(r,"px");const j=l.clientHeight/r;j>4&&j<6?c=4:j>=6&&j<9?c=3:j>=9&&j<11?c=2:j>=11&&(c=1),document.body.removeChild(l),r=We[c].lineHeight,d=We[c].fontSize,t.style.fontSize="".concat(d,"px"),t.style.lineHeight="".concat(r,"px")};var qe=function(e){const t=Object(s.b)();return Object(_.jsx)(Be.a.div,{initial:{y:20,opacity:0},animate:{y:0,opacity:1,transition:{delay:.1}},children:Object(_.jsxs)(Ue.a,{className:Object(V.a)("cursor-pointer",e.className),onClick:()=>t(Ae(e.note.id)),children:[e.note.image&&""!==e.note.image&&Object(_.jsx)("img",{src:e.note.image,className:"w-full block",alt:"note"}),e.note.title&&""!==e.note.title&&Object(_.jsx)(L.a,{className:"px-20 my-16 text-14 font-semibold",children:e.note.title}),e.note.description&&""!==e.note.description&&Object(_.jsx)(L.a,{className:"px-20 my-16 ",component:"div",children:Object(_.jsx)("div",{className:Object(V.a)("w-full break-words",e.variateDescSize?"font-500":"text-14"),ref:t=>{setTimeout((()=>Me(e.note.description,t,e.variateDescSize)))},children:e.note.description})}),e.note.checklist&&e.note.checklist.length>0&&Object(_.jsx)("ul",{className:"px-20 my-16 flex flex-wrap list-reset",children:e.note.checklist.map((e=>Object(_.jsxs)("li",{className:"flex items-center w-full",children:[Object(_.jsx)(C.a,{color:"action",className:"text-16",children:e.checked?"check_box_outline":"check_box_outline_blank"}),Object(_.jsx)(L.a,{className:Object(V.a)("truncate mx-8",e.checked&&"line-through"),color:e.checked?"textSecondary":"inherit",children:e.text})]},e.id)))}),(e.note.labels.length>0||e.note.reminder)&&Object(_.jsxs)("div",{className:"px-20 my-16 flex flex-wrap w-full -mx-2",children:[e.note.reminder&&Object(_.jsx)(Z,{className:"mt-4 mx-2 max-w-full",date:e.note.reminder}),e.note.labels.map((e=>Object(_.jsx)(Q,{id:e,className:"mt-4 mx-2 max-w-full",linkable:!0},e)))]})]})})};var Ge=Object($.k)((function(e){const t=Object(s.c)(we),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.notes.variateDescSize})),n=Object(s.c)((e=>{let{notesApp:t}=e;return t.notes.searchText})),[l,i]=Object(c.useState)(null);return Object(c.useEffect)((()=>{t.length>0&&i(function(){const{params:a}=e.match,{id:l,labelId:c}=a;let s=t;return c&&(s=s.filter((e=>e.labels.includes(c)&&!e.archive))),l||(s=s.filter((e=>!e.archive))),"archive"===l&&(s=s.filter((e=>e.archive))),"reminders"===l&&(s=s.filter((e=>Boolean(e.reminder)&&!e.archive))),0===n.length||(s=T.a.filterArrayByString(s,n)),s}())}),[t,n,e.match]),l&&0!==l.length?Object(_.jsx)("div",{className:"flex flex-wrap w-full",children:Object(_.jsx)(Pe.a,{breakpointCols:{default:6,1920:5,1600:4,1366:3,1280:4,960:3,600:2,480:1},className:"my-masonry-grid flex w-full",columnClassName:"my-masonry-grid_column flex flex-col p-0 md:p-8",children:l.map((e=>Object(_.jsx)(qe,{note:e,className:"w-full rounded-20 shadow mb-16",variateDescSize:a},e.id)))})}):Object(_.jsx)("div",{className:"flex items-center justify-center h-full",children:Object(_.jsx)(L.a,{color:"textSecondary",variant:"h5",children:"There are no notes!"})})})),Je=a(1121);const Ye=Object(_e.a)((e=>({root:{},inputWrapper:{backgroundColor:e.palette.primary.dark}})));function Ke(e){const t=Object(s.b)(),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.notes.notesSearchText})),n=Ye(e),[l,i]=Object(c.useState)(!1);function o(e){e.stopPropagation(),i(!0),document.addEventListener("keydown",d,!1)}function r(){i(!1),t(ze()),document.removeEventListener("keydown",d,!1)}function d(e){27===e.keyCode&&r()}return Object(_.jsxs)("div",{className:Object(V.a)(n.root,"flex",e.className),children:[Object(_.jsx)(G.a,{title:"Click to search",placement:"bottom",children:Object(_.jsx)("div",{onClick:o,onKeyDown:o,role:"button",tabIndex:0,children:e.trigger})}),l&&Object(_.jsx)(ie.a,{onClickAway:function(){r()},children:Object(_.jsx)("div",{className:Object(V.a)(n.inputWrapper,"absolute left-0 right-0 top-0 bottom-0 h-full z-9999 px-8 sm:px-24"),children:Object(_.jsxs)("div",{className:"flex items-center w-full h-full",children:[Object(_.jsx)(D.a,{placeholder:"Search for anything",className:"flex flex-1 py-0 px-16 h-64",disableUnderline:!0,fullWidth:!0,value:a,inputProps:{"aria-label":"Search"},onChange:e=>t(De(e)),autoFocus:!0}),Object(_.jsx)(S.a,{onClick:r,className:"mx-8",children:Object(_.jsx)(C.a,{children:"close"})})]})})})]})}Ke.defaultProps={trigger:Object(_.jsx)(S.a,{className:"w-64 h-64",children:Object(_.jsx)(C.a,{children:"search"})})};var Qe=Ke;var Xe=function(e){const t=Object(s.b)(),a=Object(s.c)((e=>{let{notesApp:t}=e;return t.notes.variateDescSize}));return Object(_.jsxs)("div",{className:"flex flex-1 items-center justify-between p-8 sm:p-24 relative",children:[Object(_.jsxs)("div",{className:"flex flex-shrink items-center sm:w-224",children:[Object(_.jsx)(Je.a,{lgUp:!0,children:Object(_.jsx)(S.a,{onClick:t=>e.pageLayout.current.toggleLeftSidebar(),"aria-label":"open left sidebar",children:Object(_.jsx)(C.a,{children:"menu"})})}),Object(_.jsxs)("div",{className:"flex items-center",children:[Object(_.jsx)(C.a,{component:Be.a.span,initial:{scale:0},animate:{scale:1,transition:{delay:.2}},className:"text-24 md:text-32",children:"account_box"}),Object(_.jsx)(L.a,{component:Be.a.span,initial:{x:-20},animate:{x:0,transition:{delay:.2}},delay:300,className:"text-16 md:text-24 mx-12 font-semibold",children:"Notes"})]})]}),Object(_.jsxs)("div",{className:"flex flex-1 items-center justify-end",children:[Object(_.jsx)(G.a,{title:"Toggle Variate Description Size",children:Object(_.jsx)(S.a,{onClick:e=>t(Ie()),children:Object(_.jsx)(C.a,{color:a?"action":"disabled",children:"format_size"})})}),Object(_.jsx)(Qe,{})]})]})},Ze=a(75),$e=a(1108),et=a(1107);const tt=Object(_e.a)((e=>({paper:{[e.breakpoints.down("md")]:{boxShadow:"none"}},listItem:{color:"inherit!important",textDecoration:"none!important",height:40,width:"100%",borderRadius:6,paddingLeft:12,paddingRight:12,marginBottom:4,"&.active":{backgroundColor:"light"===e.palette.type?"rgba(0, 0, 0, .05)!important":"rgba(255, 255, 255, .1)!important",pointerEvents:"none","& .list-item-icon":{color:"inherit"}},"& .list-item-icon":{fontSize:16,width:16,height:16,marginRight:16}}})));var at=function(e){const t=Object(s.b)(),a=Object(s.c)(h),n=tt(e);return Object(_.jsx)("div",{className:"p-0 lg:p-24 lg:ltr:pr-4 lg:rtl:pl-4",children:Object(_.jsxs)(Re.a,{component:Be.a.div,initial:{y:20,opacity:0},animate:{y:0,opacity:1,transition:{delay:.2}},className:Object(V.a)(n.paper,"rounded-0 shadow-none lg:rounded-20 lg:shadow pt-12"),children:[Object(_.jsxs)(I.a,{className:"px-12",children:[Object(_.jsxs)(A.a,{button:!0,component:Ze.a,to:"/apps/notes",exact:!0,activeClassName:"active",className:n.listItem,children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"label"}),Object(_.jsx)(oe.a,{className:"truncate",primary:"Notes",disableTypography:!0})]}),Object(_.jsxs)(A.a,{button:!0,component:Ze.a,to:"/apps/notes/reminders",exact:!0,activeClassName:"active",className:n.listItem,children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"notifications"}),Object(_.jsx)(oe.a,{className:"truncate",primary:"Reminders",disableTypography:!0})]})]}),Object(_.jsx)($e.a,{}),Object(_.jsxs)(I.a,{className:"px-12",children:[Object(_.jsx)(et.a,{children:"Labels"}),a.map((e=>Object(_.jsxs)(A.a,{button:!0,component:Ze.a,to:"/apps/notes/labels/".concat(e.handle,"/").concat(e.id),exact:!0,activeClassName:"active",className:n.listItem,children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"label"}),Object(_.jsx)(oe.a,{className:"truncate",primary:e.name,disableTypography:!0})]},e.id))),Object(_.jsxs)(A.a,{button:!0,className:n.listItem,onClick:e=>t(O()),children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"edit"}),Object(_.jsx)(oe.a,{className:"truncate",primary:"Edit Labels",disableTypography:!0})]})]}),Object(_.jsx)($e.a,{}),Object(_.jsx)(I.a,{className:"px-12",children:Object(_.jsxs)(A.a,{button:!0,component:Ze.a,to:"/apps/notes/archive",activeClassName:"active",className:n.listItem,children:[Object(_.jsx)(C.a,{className:"list-item-icon text-16",color:"action",children:"archive"}),Object(_.jsx)(oe.a,{className:"truncate",primary:"Archive",disableTypography:!0})]})})]})})},nt=a(112);var lt=Object(nt.c)({notes:Te,labels:g});t.default=Object(l.a)("notesApp",lt)((function(e){const t=Object(s.b)(),a=Object(c.useRef)(null);return Object(c.useEffect)((()=>{t(fe()),t(j())}),[t]),Object(_.jsx)(_.Fragment,{children:Object(_.jsx)(n.a,{classes:{contentWrapper:"p-16 sm:p-24 pb-80",content:"flex min-h-full",leftSidebar:"w-256 border-0",header:"min-h-72 h-72"},header:Object(_.jsx)(Xe,{pageLayout:a}),content:Object(_.jsxs)("div",{className:"flex flex-col w-full items-center",children:[Object(_.jsx)(He,{}),Object(_.jsx)(Ge,{}),Object(_.jsx)(Ve,{}),Object(_.jsx)(U,{})]}),leftSidebarContent:Object(_.jsx)(at,{}),sidebarInner:!0,ref:a})})}))}}]);
Zerion Mini Shell 1.0