https://app.findalto.com/_next/static/chunks/pages/style-guide/images-ddb8eac0b198a304.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1299],{41047:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var r=n(36822),i=n(69368),o=n(63017),a=n(21477),s=n(59499),c=n(4730),l=n(90044),u=n(67294),d=n(86421),g=n(26613),p=n(25894),m=n(85893),h=["loading","paginationAlign","allowExpandOneRowOnly"];function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){(0,s.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b={indeterminate:function(e){return e}};function y(e){var t={rows:{style:{font:d.Z.typography.body2.font,fontSize:d.Z.typography.body2.fontSize,fontWeight:d.Z.typography.body2.fontWeight}},headCells:{style:{font:d.Z.typography.body2.font,fontSize:d.Z.typography.body2.fontSize,fontWeight:d.Z.typography.fontWeightBold,"@media print":{breakInside:"avoid"}}}};return e.paginationAlign&&("left"===e.paginationAlign?t.pagination={style:{justifyContent:"flex-start"}}:"center"===e.paginationAlign&&(t.pagination={style:{justifyContent:"center"}})),t}function x(e){var t=(0,u.useState)(),n=t[0],s=t[1],d=e.loading,j=e.paginationAlign,x=e.allowExpandOneRowOnly,Z=(0,c.Z)(e,h);return(0,m.jsx)(r.Z,{sx:f({},v.container),children:(0,m.jsx)(l.ZP,f({customStyles:y({paginationAlign:j}),sortIcon:(0,m.jsx)(g.Z,{sx:v.sortIcon}),selectableRowsComponent:i.Z,progressPending:d,progressComponent:(0,m.jsx)(p.Z,{}),highlightOnHover:!0,selectableRowsComponentProps:b,expandableIcon:{collapsed:(0,m.jsx)(a.Z,{}),expanded:(0,m.jsx)(o.Z,{})},expandableRowExpanded:function(e){return!!x&&e===n},onRowExpandToggled:function(e,t){return s(t)}},Z))})}var v={container:{margin:d.Z.spacing(1)},sortIcon:{display:"block",marginLeft:d.Z.spacing(.5)}}},25894:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var r=n(36822),i=n(81458),o=n(59499),a=n(86421),s=n(85893);function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(){return(0,s.jsx)(r.Z,{sx:l({},d),children:(0,s.jsx)(i.Z,{variant:"indeterminate"})})}var d={width:"100%",marginY:a.Z.spacing(3)}},36678:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return y}});var r=n(36822),i=n(59499),o=n(15861),a=(n(67294),n(86421)),s=n(5792),c=n(59889),l=n(42609),u=n(15862),d=n(30926),g=n(42474);function p(e){var t=e.trim();if(0===t.length)return"".concat(l.d.Public.getAppUrl()).concat(d.ql);var n=g.createHash("md5").update(t).digest("hex");return"https://www.gravatar.com/avatar/".concat(n,"?d=identicon")}var m=n(52049),h=n(85893);function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b="80px";function y(e){var t=e.user,n={sectionContainer:{margin:a.Z.spacing(7,2)},image:{width:b,height:b},imageContainer:{display:"flex",flexDirection:"column",alignItems:"center",marginRight:a.Z.spacing(2)}},i=l.d.Public.isLocal();return(0,h.jsxs)(h.Fragment,{children:[t&&!(0,s.j5)(t.roles)&&!i&&(0,h.jsx)(c.Z,{}),t&&((0,s.j5)(t.roles)||i)&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(o.Z,{variant:"h3",ml:1,children:"Style Guide: Images"}

1),(0,h.jsx)(u.StyleGuideNavBar,{}),(0,h.jsxs)(r.Z,{sx:f({},n.sectionContainer),children:[(0,h.jsx)(u.SectionHeader,{label:"Gravatar"}),(0,h.jsxs)(r.Z,{display:"flex",children:[(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:p(""),alt:"No email",style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:"No email"})]}),(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:p(t.email),alt:"".concat((0,m.BD)(t.firstname,t.lastname)),style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:t.email})]})]})]}),(0,h.jsxs)(r.Z,{sx:f({},n.sectionContainer),children:[(0,h.jsx)(u.SectionHeader,{label:"Default Profile Images"}),(0,h.jsxs)(r.Z,{display:"flex",children:[(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:d.ql,alt:"Default Profile Image",style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:"Default"})]}),(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:d.A$,alt:"Dark Glasses Profile Image",style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:"Dark Glasses"})]}),(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:d.Oh,alt:"Light Glasses Profile Image",style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:"Light Glasses"})]}),(0,h.jsxs)(r.Z,{sx:f({},n.imageContainer),children:[(0,h.jsx)("img",{src:d.JK,alt:"Round Glasses Profile Image",style:f({},n.image)}),(0,h.jsx)(o.Z,{variant:"body2",children:"Round Glasses"})]})]})]})]})]})}},15862:function(e,t,n){"use strict";n.r(t),n.d(t,{SectionHeader:function(){return Z}

1,StyleGuideNavBar:function(){return O},default:function(){return v}});var r=n(69417),i=n(36822),o=n(59499),a=n(15861),s=n(16835),c=(n(67294),n(86421)),l=n(5792),u=n(19796),d=n(42609),g=n(22828),p=n(41047),m=n(59889),h=n(41664),j=n.n(h),f=n(52049),b=n(85893);function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e){var t=e.userId,n=e.user,o={sectionContainer:{margin:c.Z.spacing(7,2)},button:{margin:c.Z.spacing(1,2,1,0)},link:{cursor:"pointer",marginBottom:c.Z.spacing(1)}},h=g.Z.usePersistedNumber("style-guide-number",0),j=(0,s.Z)(h,2),f=j[0],y=j[1],v=g.Z.usePersistedString("style-guide-string",""),w=(0,s.Z)(v,2),P=w[0],S=w[1],k=d.d.Public.isLocal();return(0,b.jsxs)(b.Fragment,{children:[n&&!(0,l.j5)(n.roles)&&!k&&(0,b.jsx)(m.Z,{}),n&&((0,l.j5)(n.roles)||k)&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a.Z,{variant:"h3",ml:1,children:"Style Guide for Developers"}),(0,b.jsx)(O,{}),(0,b.jsxs)(i.Z,{sx:x({},o.sectionContainer),children:[(0,b.jsx)(Z,{label:"About you!"}),(0,b.jsxs)(a.Z,{variant:"body2",children:[(0,b.jsx)("strong",{children:"User Id:"})," ",t]}),(0,b.jsxs)(a.Z,{variant:"body2",children:[(0,b.jsx)("strong",{children:"Name:"})," ",n.firstname+" "+n.lastname]}),(0,b.jsxs)(a.Z,{variant:"body2",children:[(0,b.jsx)("strong",{children:"Env name:"})," ",d.d.Public.getEnvironmentName()]})]}),(0,b.jsxs)(i.Z,{sx:x({},o.sectionContainer),children:[(0,b.jsx)(Z,{label:"Typography"}),(0,b.jsx)(a.Z,{variant:"h1",component:"div",gutterBottom:!0,children:"h1. Heading"}),(0,b.jsx)(a.Z,{variant:"h2",gutterBottom:!0,component:"div",children:"h2. Heading"}),(0,b.jsx)(a.Z,{variant:"h3",gutterBottom:!0,component:"div",children:"h3. Heading"}),(0,b.jsx)(a.Z,{variant:"h4",gutterBottom:!0,component:"div",children:"h4. Heading"}),(0,b.jsx)(a.Z,{variant:"h5",gutterBottom:!0,component:"div",children:"h5. Heading"}),(0,b.jsx)(a.Z,{variant:"h6",gutterBottom:!0,component:"div",children:"h6. Heading"}),(0,b.jsx)(a.Z,{variant:"subtitle1",gutterBottom:!0,component:"div",children:"subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur"}),(0,b.jsx)(a.Z,{variant:"subtitle2",gutterBottom:!0,component:"div",children:"subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur"}),(0,b.jsx)(a.Z,{variant:"body1",gutterBottom:!0,children:"body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam."}),(0,b.jsx)(a.Z,{variant:"body2",gutterBottom:!0,children:"body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam."}),(0,b.jsx)(a.Z,{variant:"button",display:"block",gutterBottom:!0,children:"button text"}),(0,b.jsx)(a.Z,{variant:"caption",display:"block",gutterBottom:!0,children:"caption text"}),(0,b.jsx)(a.Z,{variant:"overline",display:"block",gutterBottom:!0,children:"overline text"}),(0,b.jsx)("a",{href:u.nB.StyleGuide.Root,children:"Here is a link"})]}),(0,b.jsxs)(i.Z,{sx:x({},o.sectionContainer),children:[(0,b.jsx)(Z,{label:"Datatable"}),(0,b.jsx)(p.Z,{columns:[{name:"Title",selector:function(e){return e.title},sortable:!0},{name:"Year",selector:function(e){return e.year}}],data:[{id:1,title:"Beetlejuice",year:"1988"},{id:2,title:"Ghost busters",year:"1984"}]})]}),(0,b.jsxs)(i.Z,{sx:x({},o.sectionContainer),children:[(0,b.jsx)(Z,{label:"Local Storage"}),(0,b.jsxs)(a.Z,{variant:"body2",children:["This is a number from your local storage: ",(0,b.jsx)("strong",{children:f})]}),(0,b.jsxs)(a.Z,{variant:"body2",mb:2,children:["This is a string from your local storage: ",(0,b.jsx)("strong",{children:P})]}),(0,b.jsx)(r.Z,{variant:"contained",sx:x({},o.button),onClick:function(){var e=Math.floor(11*Math.random()+2);y(e),S(Array(e).join("my-string-")),setTimeout((function(){return window.location.reload()}),1500)},size:"small",children:"Click to set random persisted values (will auto-reload)"}),(0,b.jsx)(r.Z,{variant:"outlined",sx:x({},o.button),onClick:function(){g.Z.clearItem("style-guide-number"),g.Z.clearItem("style-guide-string"),setTimeout((function(){return window.location.reload()}),1e3)},size:"small",children:"Click to clear the values then reload (will auto-reload)"})]})]})]})}function Z(e){var t=e.label,n={container:{borderBottom:"1px solid ".concat(c.Z.palette.grey.A400),lineHeight:"0.1em"},text:{fontWeight:c.Z.typography.fontWeightBold,backgroundColor:c.Z.palette.common.white,lineHeight:"0.1em",padding:c.Z.spacing(0,1.5,0,0),align:"left"}};return(0,b.jsx)(i.Z,{my:3,sx:x({},n.container),children:(0,b.jsx)(a.Z,{variant:"body1",component:"span",sx:x({},n.text),children:t})})}function O(){var e={container:x({display:"flex",margin:c.Z.spacing(3,2),overflowX:"scroll"},c.Z.noScrollBar),link:{cursor:"pointer","&:hover":{textDecoration:"".concat(c.Z.extendedPalette.darkGrey," underline"),textUnderlineOffset:"3px"},whiteSpace:"nowrap"},selectedLink:{fontWeight:c.Z.typography.fontWeightBold}};return(0,b.jsx)(i.Z,{sx:e.container,children:function(){var t=Object.keys(u.nB.StyleGuide);return t.map((function(n,r){var i=r===t.length-1,o=window.location.pathname===u.nB.StyleGuide[n];return(0,b.jsx)(j(),{href:u.nB.StyleGuide[n],passHref:!0,children:(0,b.jsxs)(a.Z,{variant:"body1",sx:[x({},e.link),o&&x({},e.selectedLink)],children:["Root"===n?"Home":(0,f.pI)(n),!i&&(0,b.jsx)(a.Z,{component:"span",mx:1.5,children:"|"})]})},"style-guide-nav-".concat(r))})).sort()}()})}},43349:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/style-guide/images",function(){return n(36678)}])}},function(e){e.O(0,[1423,9774,2888,179],(function(){return t=43349,e

1(e.s=t);var t}));var t=e.O();_N_E=t}]);