groundfloor-react-ui 1.2.17 → 1.2.18

package/dist/index.es.js

@@ -136,7 +136,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
     font-size: 12px;
     color: ${({theme:e})=>e.neutral["neutral-3"]};
   }
-`,U=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,toggleState:u,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=d()||M;l(0);const[x,A]=l(!1);return i((()=>{A(g)}),[g]),t.createElement(P,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(P,w({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{A(!x)},header:m,content:t.createElement(J,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(Z,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:p}))}))};U.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},U.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const Q=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,id:f,...h})=>{const[y,x]=l(!1),A=r(null),[v,C]=l({}),[S,E]=l({});return i((()=>{m?(C((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),E((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(C({}),E({}))}),[m]),i((()=>{x(!!b)}),[b]),t.createElement(P,w({customStyles:{...e,...v},type:"accordionContainer"},h,{header:t.createElement(P,w({customStyles:{...o,...S},type:"accordionToggle"},h,{onClick:()=>{y||g(u),x(!y)},header:p,content:t.createElement("div",{style:c&&y?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:A},h,{style:y?{height:A.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:f,content:d}))}))};Q.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},Q.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const K=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,disable:f,id:h,...y})=>{const[x,A]=l(!1),v=r(null),[C,S]=l({}),[E,k]=l({});return i((()=>{m?(S((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),k({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(P,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(P,w({customStyles:{...o,...E},type:"accordionToggle"},y,{onClick:()=>{f||(x||g(u),A(!x))},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};K.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},K.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const N=s.div`
+`,U=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,toggleState:u,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=d()||M;l(0);const[x,A]=l(!1);return i((()=>{A(g)}),[g]),t.createElement(P,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(P,w({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{A(!x)},header:m,content:t.createElement(J,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(Z,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:p}))}))};U.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},U.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const Q=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,isSelected:u,index:g,handleClick:b,isAccordionOpen:f,id:h,customSelectCardColor:y,...x})=>{const[A,v]=l(!1),C=r(null),[S,E]=l({}),[k,z]=l({}),V=d()||M;return i((()=>{u?(E((e=>({...e,backgroundColor:y||V.variant["primary-1"],marginBottom:"15.5px",marginTop:0!==g?"15.5px":"0px"}))),z((e=>({...e,backgroundColor:y||V.variant["primary-1"],paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(E({}),z({}))}),[u]),i((()=>{v(!!f)}),[f]),t.createElement(P,w({customStyles:{...e,...S},type:"accordionContainer"},x,{header:t.createElement(P,w({customStyles:{...o,...k},type:"accordionToggle"},x,{onClick:()=>{A||b(g),v(!A)},header:m,content:t.createElement("div",{style:c&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:C},x,{style:A?{height:C.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:p}))}))};Q.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},Q.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const K=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:n,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,disable:f,id:h,...y})=>{const[x,A]=l(!1),v=r(null),[C,S]=l({}),[E,k]=l({});return i((()=>{m?(S((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),k({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(P,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(P,w({customStyles:{...o,...E},type:"accordionToggle"},y,{onClick:()=>{f||(x||g(u),A(!x))},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:n,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};K.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},K.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const N=s.div`
     color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
     ${({scroll:e})=>e?p`
                 display: flex;

package/dist/index.js

@@ -136,7 +136,7 @@
     font-size: 12px;
     color: ${({theme:e})=>e.neutral["neutral-3"]};
   }
-`,Z=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:s,toggleState:d,contentIsOpen:u,id:p,...m})=>{const g=t.useRef(null),b=l.useTheme()||z;t.useState(0);const[h,y]=t.useState(!1);return t.useEffect((()=>{y(u)}),[u]),f.default.createElement(W,v({customStyles:e,type:"accordionContainer"},m,{header:f.default.createElement(W,v({customStyles:o,type:"accordionToggle"},m,{onClick:()=>{y(!h)},header:s,content:f.default.createElement(X,{theme:b},f.default.createElement("span",null,h?"Click to hide":"Click to open"),f.default.createElement("div",{style:i&&h?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},n||f.default.createElement(O,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:f.default.createElement(P,v({customStyles:r,type:"accordionContent",ref:g},m,{style:h?{minHeight:g.current.scrollHeight+"px",borderColor:b.borderColor}:{height:"0px",borderBottom:"none"},id:p,content:c}))}))};Z.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,toggleState:p.default.func,id:p.default.string},Z.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const J=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:o,customStylesAccordionContent:a,toggleIconAnimation:r,icon:i,content:n,contentToggle:c,isSelected:s,index:d,handleClick:u,isAccordionOpen:p,id:m,...g})=>{const[b,h]=t.useState(!1),y=t.useRef(null),[x,A]=t.useState({}),[C,S]=t.useState({});return t.useEffect((()=>{s?(A((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==d?"15.5px":"0px"}))),S((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(A({}),S({}))}),[s]),t.useEffect((()=>{h(!!p)}),[p]),f.default.createElement(W,v({customStyles:{...e,...x},type:"accordionContainer"},g,{header:f.default.createElement(W,v({customStyles:{...l,...C},type:"accordionToggle"},g,{onClick:()=>{b||u(d),h(!b)},header:c,content:f.default.createElement("div",{style:r&&b?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},i)})),content:f.default.createElement(P,v({customStyles:a,type:"accordionContent",ref:y},g,{style:b?{height:y.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:m,content:n}))}))};J.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,id:p.default.string},J.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const U=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:o,customStylesAccordionContent:a,toggleIconAnimation:r,icon:i,content:n,contentToggle:c,isSelected:s,index:d,handleClick:u,isAccordionOpen:p,disable:m,id:g,...b})=>{const[h,y]=t.useState(!1),x=t.useRef(null),[A,C]=t.useState({}),[S,w]=t.useState({});return t.useEffect((()=>{s?(C((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==d?"15.5px":"0px"}))),w((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(C({}),w({}))}),[s]),t.useEffect((()=>{y(!!p)}),[p]),f.default.createElement(W,v({customStyles:{...e,...A},type:"accordionContainer"},b,{header:f.default.createElement(W,v({customStyles:{...l,...S},type:"accordionToggle"},b,{onClick:()=>{m||(h||u(d),y(!h))},header:c,content:f.default.createElement("div",{style:r&&h?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},i)})),content:f.default.createElement(P,v({customStyles:a,type:"accordionContent",ref:x},b,{style:h?{height:x.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:g,content:n}))}))};U.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,id:p.default.string},U.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const Q=m.default.div`
+`,Z=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:s,toggleState:d,contentIsOpen:u,id:p,...m})=>{const g=t.useRef(null),b=l.useTheme()||z;t.useState(0);const[h,y]=t.useState(!1);return t.useEffect((()=>{y(u)}),[u]),f.default.createElement(W,v({customStyles:e,type:"accordionContainer"},m,{header:f.default.createElement(W,v({customStyles:o,type:"accordionToggle"},m,{onClick:()=>{y(!h)},header:s,content:f.default.createElement(X,{theme:b},f.default.createElement("span",null,h?"Click to hide":"Click to open"),f.default.createElement("div",{style:i&&h?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},n||f.default.createElement(O,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:f.default.createElement(P,v({customStyles:r,type:"accordionContent",ref:g},m,{style:h?{minHeight:g.current.scrollHeight+"px",borderColor:b.borderColor}:{height:"0px",borderBottom:"none"},id:p,content:c}))}))};Z.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,toggleState:p.default.func,id:p.default.string},Z.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const J=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:a,customStylesAccordionContent:r,toggleIconAnimation:i,icon:n,content:c,contentToggle:s,isSelected:d,index:u,handleClick:p,isAccordionOpen:m,id:g,customSelectCardColor:b,...h})=>{const[y,x]=t.useState(!1),A=t.useRef(null),[C,S]=t.useState({}),[w,E]=t.useState({}),k=l.useTheme()||z;return t.useEffect((()=>{d?(S((e=>({...e,backgroundColor:b||k.variant["primary-1"],marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),E((e=>({...e,backgroundColor:b||k.variant["primary-1"],paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),E({}))}),[d]),t.useEffect((()=>{x(!!m)}),[m]),f.default.createElement(W,v({customStyles:{...e,...C},type:"accordionContainer"},h,{header:f.default.createElement(W,v({customStyles:{...o,...w},type:"accordionToggle"},h,{onClick:()=>{y||p(u),x(!y)},header:s,content:f.default.createElement("div",{style:i&&y?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},n)})),content:f.default.createElement(P,v({customStyles:r,type:"accordionContent",ref:A},h,{style:y?{height:A.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:g,content:c}))}))};J.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,id:p.default.string},J.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const U=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:o,customStylesAccordionContent:a,toggleIconAnimation:r,icon:i,content:n,contentToggle:c,isSelected:s,index:d,handleClick:u,isAccordionOpen:p,disable:m,id:g,...b})=>{const[h,y]=t.useState(!1),x=t.useRef(null),[A,C]=t.useState({}),[S,w]=t.useState({});return t.useEffect((()=>{s?(C((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==d?"15.5px":"0px"}))),w((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(C({}),w({}))}),[s]),t.useEffect((()=>{y(!!p)}),[p]),f.default.createElement(W,v({customStyles:{...e,...A},type:"accordionContainer"},b,{header:f.default.createElement(W,v({customStyles:{...l,...S},type:"accordionToggle"},b,{onClick:()=>{m||(h||u(d),y(!h))},header:c,content:f.default.createElement("div",{style:r&&h?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},i)})),content:f.default.createElement(P,v({customStyles:a,type:"accordionContent",ref:x},b,{style:h?{height:x.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:g,content:n}))}))};U.propTypes={customStylesAccordionContainer:p.default.object,customStylesAccordionTogggle:p.default.object,customStylesAccordionIcon:p.default.object,customStylesAccordionContent:p.default.object,toggleIconAnimation:p.default.bool,icon:p.default.any,content:p.default.any,contentToggle:p.default.any,id:p.default.string},U.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const Q=m.default.div`
     color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
     ${({scroll:e})=>e?l.css`
                 display: flex;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groundfloor-react-ui",
   "description": "Official component library for Ground Floor",
-  "version": "1.2.17",
+  "version": "1.2.18",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,