quicksnack 3.34.2 → 3.34.3

package/dist/bundle.js

@@ -5,7 +5,7 @@ var styledComponents = require('styled-components');
 var polished = require('polished');
 var isPropValid = require('@emotion/is-prop-valid');
 var clsx = require('clsx');
-var produce = require('immer');
+var immer = require('immer');
 var _chunk = require('lodash.chunk');
 var _difference = require('lodash.difference');
 
@@ -2024,7 +2024,7 @@ class FormPositioner {
         // Make sure the given grid is a valid grid:
         assertGridIsValid(Object.keys(this.fields), grid);
         // Update position attributes for the given fields:
-        const fields = produce(this.fields, draftState => {
+        const fields = immer.produce(this.fields, draftState => {
             Object
                 .keys(this.fields)
                 .forEach(key => {

package/dist/bundle.min.js

@@ -907,4 +907,4 @@ function s(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o
   left: 0;
   top: ${e=>e.theme.spacing(8)};
   ${S("tablet","display: block;")}
-`;class er{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new er(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const tr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class rr{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new er(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${l(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=a(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),D(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new rr(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:tr(t,!1),i(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:tr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const or=e.createContext({factory:void 0}),nr=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=s(t,["name","field"]);const{factory:l}=e.useContext(or),c=It(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return ue;case"Checkbox":return mt;case"Select":return Ft;case"FileField":return kt;case"PasswordStrengthField":return Tt;default:return ft}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(qt,Object.assign({},c),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||c.label,className:n(!!c.error&&"error",a.props.className)},i,a.props)))})),ar=e.forwardRef(((t,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=t,l=s(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Vt,{columns:n},Object.entries(a).map((([t,o])=>e.createElement(nr,Object.assign({name:`${null!=i?i:""}${t}`,key:t,field:o,ref:r},l)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement(A,{variant:o},e.createElement(z,{p:3},r&&e.createElement(z,{pb:t?1:0},e.createElement(F,{level:4},r)),t&&e.createElement(O,null,t))),exports.AnimatedCheckmark=q,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement(Wt,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Ut,{flexGrow:1,flexShrink:0},t&&e.createElement(Yt,null,e.createElement(Re,Object.assign({},t))),e.createElement(_t,{display:"flex",flexDirection:"column"},e.createElement(st,Object.assign({},r)),e.createElement(z,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(He,Object.assign({},o))))),exports.Box=z,exports.BreadCrumbs=V,exports.BreakPointValues=j,exports.Button=ue,exports.Checkbox=mt,exports.CollapsiblePanel=oe,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,n=s(t,["modalProps"]);const[a,i]=(({onConfirm:t})=>{const[r,o]=e.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{t(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:ge});return e.createElement(e.Fragment,null,e.createElement(ue,Object.assign({},n,{onClick:i})),e.createElement(he,Object.assign({title:"Are you sure?"},o,a)))},exports.ConfirmModal=he,exports.Crumb=W,exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(ve,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(ve.Row,{key:t,disableHover:!0},e.createElement(we,{width:r,firstRow:0===n},t),e.createElement(we,{firstRow:0===n},o)))))),exports.Dropdown=({buttonProps:t,align:r,children:o,stayOpenOnClick:n})=>{const a=e.useRef(null),[i,l]=e.useState(!1),s=e.useCallback((()=>l(!0)),[l]),c=e.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),e.createElement(ke,null,e.createElement(ue,Object.assign({},t,{onClick:s})),i&&e.createElement($,{speed:".1s"},e.createElement($e,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=Ee,exports.DropdownMenuItem=Ce,exports.Dropzone=t=>{var{onChange:r,icon:o,label:n}=t,a=s(t,["onChange","icon","label"]);const i=e.useRef(null),l=e.useRef(null),[c,d]=e.useState(!1),p=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=e.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=e.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=e.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return e.createElement(Oe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:c},a),e.createElement(Fe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),e.createElement(z,null,e.createElement(ue,{variant:"text",color:"secondary",type:"button",icon:o},n)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(ce,{handleClickOverlay:t,buttons:e.createElement(ue,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(Pe,{pt:3,pb:3},e.createElement(z,{pb:5,textAlign:"center"},e.createElement(F,null,n),a&&e.createElement(z,{pt:5},e.createElement(F,{level:5},a))),e.createElement(z,{pt:5,pb:5,pl:7,pr:7},e.createElement(q,null)))),exports.FileField=kt,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=t,a=s(t,["items","forceEqualWidth","stretch"]);return e.createElement(z,Object.assign({mb:Ae,mt:Ae,ml:ze,mr:ze,display:Le},a),r.filter(Boolean).map(((t,a)=>(e=>!!e.element)(t)?e.createElement(Me,{key:a,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Me,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Xt,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Jt,{imageUrl:r,opacity:i}),n&&e.createElement(Qt,{src:n,alt:"Logo"}),e.createElement(Zt,null,o&&e.createElement(z,{pb:7},o),e.createElement(Kt,Object.assign({},t)))),exports.Footer=He,exports.FormGrid=Vt,exports.FormGridWrapper=qt,exports.FormPositioner=rr,exports.HamburgerButton=Ge,exports.Header=F,exports.HorizontalScroller=({children:t})=>e.createElement(Be,null,t),exports.Menu=Ie,exports.MenuCloseButton=Ve,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(qe,{isOpen:a,isActive:!!o},t,n&&e.createElement(ee,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(We,null,t),exports.Modal=ce,exports.Overlay=ae,exports.Paginator=t=>{const{isTablet:r}=Ye(),{pageCount:o,onChange:n}=t,a=Math.min(Math.max(t.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return e.createElement(_e,null,e.createElement(Xe,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(Xe,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(Xe,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((t=>e.createElement(Xe,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(Xe,{disabled:!0},"..."),s<o&&e.createElement(Xe,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(Xe,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=J,exports.Paragraph=O,exports.PasswordStrengthField=Tt,exports.ScaffoldForm=ar,exports.ScaffoldFormContext=or,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(or.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(z,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ft,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Ue,{mb:7},e.createElement(z,{flexGrow:1,display:"flex"},e.createElement(z,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(z,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(nt,null,e.createElement(at,{className:"line"},e.createElement(it,{color:t},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(ot,{titleMeta:n,title:o}))),exports.SlideInFromTop=$,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Je,{backgroundColor:n},e.createElement(Qe,null,t),e.createElement(z,{flexGrow:1,textAlign:"right"},e.createElement(Ze,null,o),e.createElement(Ke,{smallerValue:a},r))),exports.StyledTable=fe,exports.Tab=t=>{var{id:r,isActive:o,onClick:n}=t,a=s(t,["id","isActive","onClick"]);const i=e.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return e.createElement(et,Object.assign({},a,{onClick:i,isActive:o}))},exports.TabContent=t=>e.createElement(tt,Object.assign({p:3},t)),exports.Table=ve,exports.Tabs=rt,exports.TextField=ft,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(nt,null,e.createElement(at,null,e.createElement(it,{color:o},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(oe,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=st,exports.UiProvider=f,exports.UiWrapper=({theme:t,children:r})=>e.createElement(f,{theme:t},e.createElement(v,null,e.createElement(w,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=zt,exports.getFormGridWrapperProps=It,exports.isResponsiveObject=D,exports.mq=S,exports.passwordHasLowerAndUppercase=jt,exports.passwordHasNumbers=Pt,exports.passwordHasSpecialChars=St,exports.passwordMinLength=Ot,exports.responsiveProps=M,exports.theme=h,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=y();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=Ye,exports.useToggleMobileMenu=({currentRoute:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>{o((e=>!e))}),[]),a=e.useCallback((()=>{o(!0)}),[]),i=e.useCallback((()=>{o(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:r,open:a,close:i,toggle:n}};
+`;class er{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new er(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((o,n)=>{o.forEach(((o,a)=>{o===e&&(t.push(a),r.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}const tr=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class rr{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const o=new er(r);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${l(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const o=t.getCoordinatesForValue(r),n=t.sliceArea(o.topLeft,o.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const n=a.produce(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),D(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new rr(n,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:tr(t,!1),i(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:tr(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const or=e.createContext({factory:void 0}),nr=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=s(t,["name","field"]);const{factory:l}=e.useContext(or),c=It(a.props),d=(null==l?void 0:l(a))||(e=>{switch(e.type){case"Button":return ue;case"Checkbox":return mt;case"Select":return Ft;case"FileField":return kt;case"PasswordStrengthField":return Tt;default:return ft}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(d,Object.assign({ref:r,name:o},i,a.props)):e.createElement(qt,Object.assign({},c),e.createElement(d,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||c.label,className:n(!!c.error&&"error",a.props.className)},i,a.props)))})),ar=e.forwardRef(((t,r)=>{var{children:o,columns:n,fields:a,prefixFieldNames:i}=t,l=s(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Vt,{columns:n},Object.entries(a).map((([t,o])=>e.createElement(nr,Object.assign({name:`${null!=i?i:""}${t}`,key:t,field:o,ref:r},l)))),o)}));exports.Alert=({children:t,title:r,variant:o="basic"})=>e.createElement(A,{variant:o},e.createElement(z,{p:3},r&&e.createElement(z,{pb:t?1:0},e.createElement(F,{level:4},r)),t&&e.createElement(O,null,t))),exports.AnimatedCheckmark=q,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:o,isLoading:n,loader:a,children:i})=>e.createElement(Wt,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Ut,{flexGrow:1,flexShrink:0},t&&e.createElement(Yt,null,e.createElement(Re,Object.assign({},t))),e.createElement(_t,{display:"flex",flexDirection:"column"},e.createElement(st,Object.assign({},r)),e.createElement(z,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&a?a:i),e.createElement(He,Object.assign({},o))))),exports.Box=z,exports.BreadCrumbs=V,exports.BreakPointValues=j,exports.Button=ue,exports.Checkbox=mt,exports.CollapsiblePanel=oe,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,n=s(t,["modalProps"]);const[a,i]=(({onConfirm:t})=>{const[r,o]=e.useState(!1);return[{onCancel:()=>o(!1),onConfirm:()=>{t(),o(!1)},isOpen:r},()=>o(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:ge});return e.createElement(e.Fragment,null,e.createElement(ue,Object.assign({},n,{onClick:i})),e.createElement(he,Object.assign({title:"Are you sure?"},o,a)))},exports.ConfirmModal=he,exports.Crumb=W,exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(ve,null,e.createElement("tbody",null,Object.entries(t).map((([t,o],n)=>e.createElement(ve.Row,{key:t,disableHover:!0},e.createElement(we,{width:r,firstRow:0===n},t),e.createElement(we,{firstRow:0===n},o)))))),exports.Dropdown=({buttonProps:t,align:r,children:o,stayOpenOnClick:n})=>{const a=e.useRef(null),[i,l]=e.useState(!1),s=e.useCallback((()=>l(!0)),[l]),c=e.useCallback((e=>{var t;n&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),e.createElement(ke,null,e.createElement(ue,Object.assign({},t,{onClick:s})),i&&e.createElement($,{speed:".1s"},e.createElement($e,{ref:a,align:r||"left"},o)))},exports.DropdownMenu=Ee,exports.DropdownMenuItem=Ce,exports.Dropzone=t=>{var{onChange:r,icon:o,label:n}=t,a=s(t,["onChange","icon","label"]);const i=e.useRef(null),l=e.useRef(null),[c,d]=e.useState(!1),p=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),u=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=e.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),g=e.useCallback((()=>{var e;null===(e=i.current)||void 0===e||e.click()}),[i]),f=e.useCallback((()=>{var e;p(null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.files)}),[i,p]);return e.createElement(Oe,Object.assign({ref:l,onDragOver:m,onDragLeave:u,onDrop:h,onClick:g,isReadyToDrop:c},a),e.createElement(Fe,{"data-testid":"dropzone-file-input",type:"file",ref:i,onChange:f,multiple:!0}),e.createElement(z,null,e.createElement(ue,{variant:"text",color:"secondary",type:"button",icon:o},n)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:o,title:n,subtitle:a})=>e.createElement(ce,{handleClickOverlay:t,buttons:e.createElement(ue,{"data-testid":"confirm",stretch:!0,icon:o,variant:"secondary",onClick:t},r)},e.createElement(Pe,{pt:3,pb:3},e.createElement(z,{pb:5,textAlign:"center"},e.createElement(F,null,n),a&&e.createElement(z,{pt:5},e.createElement(F,{level:5},a))),e.createElement(z,{pt:5,pb:5,pl:7,pr:7},e.createElement(q,null)))),exports.FileField=kt,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:n=!1}=t,a=s(t,["items","forceEqualWidth","stretch"]);return e.createElement(z,Object.assign({mb:Ae,mt:Ae,ml:ze,mr:ze,display:Le},a),r.filter(Boolean).map(((t,a)=>(e=>!!e.element)(t)?e.createElement(Me,{key:a,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(Me,{key:a,laptopWidth:o?100/r.length+"%":void 0,stretch:n},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:o,logoUrl:n,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Xt,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Jt,{imageUrl:r,opacity:i}),n&&e.createElement(Qt,{src:n,alt:"Logo"}),e.createElement(Zt,null,o&&e.createElement(z,{pb:7},o),e.createElement(Kt,Object.assign({},t)))),exports.Footer=He,exports.FormGrid=Vt,exports.FormGridWrapper=qt,exports.FormPositioner=rr,exports.HamburgerButton=Ge,exports.Header=F,exports.HorizontalScroller=({children:t})=>e.createElement(Be,null,t),exports.Menu=Ie,exports.MenuCloseButton=Ve,exports.MenuItem=({item:t,isOpen:r,isActive:o,children:n})=>{const[a,i]=e.useState(!!r);return e.createElement(qe,{isOpen:a,isActive:!!o},t,n&&e.createElement(ee,{onChange:i,isOpen:!!r,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(We,null,t),exports.Modal=ce,exports.Overlay=ae,exports.Paginator=t=>{const{isTablet:r}=Ye(),{pageCount:o,onChange:n}=t,a=Math.min(Math.max(t.currentPage,0),o),i=r?2:0,l=Math.max(1,a-i),s=Math.min(o,a+i);return e.createElement(_e,null,e.createElement(Xe,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>n(a-1)},"⟨"),l>1&&e.createElement(Xe,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>n(1)},"1"),l>2&&e.createElement(Xe,{disabled:!0},"..."),((e,t)=>{let r=[];for(let o=e;o<t;o++)r.push(o);return r})(l,s+1).map((t=>e.createElement(Xe,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>n(t)},t))),s<o-1&&e.createElement(Xe,{disabled:!0},"..."),s<o&&e.createElement(Xe,{"data-testid":`paginate-page-${o}`,active:a===o,onClick:()=>n(o)},o),e.createElement(Xe,{"data-testid":"paginate-next",disabled:a===o,onClick:()=>n(a+1)},"⟩"))},exports.Panel=J,exports.Paragraph=O,exports.PasswordStrengthField=Tt,exports.ScaffoldForm=ar,exports.ScaffoldFormContext=or,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(or.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(z,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=Ft,exports.SideBarHeader=({children:t,right:r})=>e.createElement(Ue,{mb:7},e.createElement(z,{flexGrow:1,display:"flex"},e.createElement(z,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(z,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:o,titleMeta:n})=>e.createElement(nt,null,e.createElement(at,{className:"line"},e.createElement(it,{color:t},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(ot,{titleMeta:n,title:o}))),exports.SlideInFromTop=$,exports.Statistic=({icon:t,value:r,label:o,backgroundColor:n,smallerValue:a})=>e.createElement(Je,{backgroundColor:n},e.createElement(Qe,null,t),e.createElement(z,{flexGrow:1,textAlign:"right"},e.createElement(Ze,null,o),e.createElement(Ke,{smallerValue:a},r))),exports.StyledTable=fe,exports.Tab=t=>{var{id:r,isActive:o,onClick:n}=t,a=s(t,["id","isActive","onClick"]);const i=e.useCallback((()=>{o||null==n||n(r)}),[r,o,n]);return e.createElement(et,Object.assign({},a,{onClick:i,isActive:o}))},exports.TabContent=t=>e.createElement(tt,Object.assign({p:3},t)),exports.Table=ve,exports.Tabs=rt,exports.TextField=ft,exports.Timeline=({title:t,icon:r,color:o,isInitiallyOpen:n,titleMeta:a,chevron:i,children:l})=>e.createElement(nt,null,e.createElement(at,null,e.createElement(it,{color:o},r)),e.createElement(z,{pb:4,flexGrow:1},e.createElement(oe,{isInitiallyOpen:n,titleMeta:a,title:t,titleAction:i},l))),exports.TopBar=st,exports.UiProvider=f,exports.UiWrapper=({theme:t,children:r})=>e.createElement(f,{theme:t},e.createElement(v,null,e.createElement(w,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=zt,exports.getFormGridWrapperProps=It,exports.isResponsiveObject=D,exports.mq=S,exports.passwordHasLowerAndUppercase=jt,exports.passwordHasNumbers=Pt,exports.passwordHasSpecialChars=St,exports.passwordMinLength=Ot,exports.responsiveProps=M,exports.theme=h,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=y();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=Ye,exports.useToggleMobileMenu=({currentRoute:t})=>{const[r,o]=e.useState(!1),n=e.useCallback((()=>{o((e=>!e))}),[]),a=e.useCallback((()=>{o(!0)}),[]),i=e.useCallback((()=>{o(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:r,open:a,close:i,toggle:n}};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.34.2",
+  "version": "3.34.3",
   "private": false,
   "files": [
     "dist/**"