groundfloor-react-ui 1.2.80 → 1.2.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -2009,7 +2009,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2009
2009
|
`,ho=m.div`
|
|
2010
2010
|
width: 100%;
|
|
2011
2011
|
margin-left: 16px;
|
|
2012
|
-
`,yo=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:i,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const b=u()||H,[g,f]=r(!1),[h,y]=r(e||[]);return t.createElement(so,{commentWrapperStyle:l?.commentWrapperStyle,theme:b},h.map(((e,o)=>{const{name:r,date:i,comment:a,image:n}=e;return t.createElement(po,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:b},t.createElement(mo,{commentHeadStyle:l?.commentHeadStyle},t.createElement(be,M({user:{fullName:r,userName:r,url:n},toggleName:!0,size:"LG",customStylesName:{color:b.additional["text-color"]}},p)),t.createElement(uo,{dateTimeStyle:l?.dateTimeStyle,theme:b},i)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!i&&0===h.length&&m,i&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(Le,{size:25})),!i&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(Re,{onClick:()=>(
|
|
2012
|
+
`,yo=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:i,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const b=u()||H,[g,f]=r(!1),[h,y]=r(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return t.createElement(so,{commentWrapperStyle:l?.commentWrapperStyle,theme:b},h.map(((e,o)=>{const{name:r,date:i,comment:a,image:n}=e;return t.createElement(po,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:b},t.createElement(mo,{commentHeadStyle:l?.commentHeadStyle},t.createElement(be,M({user:{fullName:r,userName:r,url:n},toggleName:!0,size:"LG",customStylesName:{color:b.additional["text-color"]}},p)),t.createElement(uo,{dateTimeStyle:l?.dateTimeStyle,theme:b},i)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!i&&0===h.length&&m,i&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(Le,{size:25})),!i&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(Re,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(go,{theme:b,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(be,M({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(ho,null,t.createElement(Hl,M({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>f(!0)},n)),g&&t.createElement(fo,null,t.createElement(Te,M({onClick:e=>x("post")},c),c.text),t.createElement(Re,M({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:e=>f(!1),btnStyle:{color:b.variant["neutral-1"]}},s),s.text)))))};yo.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.bool,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},yo.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:t.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const xo=m.div`
|
|
2013
2013
|
//Set the styles from the default styles object
|
|
2014
2014
|
${({theme:e,type:t})=>j(e,t)}
|
|
2015
2015
|
@media (max-width: 980px) {
|
package/dist/index.js
CHANGED
|
@@ -2009,7 +2009,7 @@ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
|
2009
2009
|
`,pa=h.default.div`
|
|
2010
2010
|
width: 100%;
|
|
2011
2011
|
margin-left: 16px;
|
|
2012
|
-
`,fa=({commentsArray:e,customStyles:a,myInfoAvatarProps:o,loading:r,viewOnly:i,textInputProps:n,saveBtnProps:c,cancelBtnProps:d,loadMore:s,avatarProps:u,message:p})=>{const f=l.useTheme()||R,[m,b]=t.useState(!1),[h,y]=t.useState(e||[]);return g.default.createElement(ra,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ia,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(na,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ue,k({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(ca,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(da,{commentDivStyle:a?.commentDivStyle},r))})),!r&&0===h.length&&p,r&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},g.default.createElement(Ve,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(Be,{onClick:()=>(
|
|
2012
|
+
`,fa=({commentsArray:e,customStyles:a,myInfoAvatarProps:o,loading:r,viewOnly:i,textInputProps:n,saveBtnProps:c,cancelBtnProps:d,loadMore:s,avatarProps:u,message:p})=>{const f=l.useTheme()||R,[m,b]=t.useState(!1),[h,y]=t.useState(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await s.callback(),y((e=>[...e,...t]))};return g.default.createElement(ra,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ia,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(na,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ue,k({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(ca,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(da,{commentDivStyle:a?.commentDivStyle},r))})),!r&&0===h.length&&p,r&&g.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},g.default.createElement(Ve,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(Be,{onClick:()=>x("load")},"Load more")),!i&&g.default.createElement(sa,{theme:f,inputWrapperStyle:a?.inputWrapperStyle},g.default.createElement(ue,k({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),g.default.createElement(pa,null,g.default.createElement(Ll,k({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>b(!0)},n)),m&&g.default.createElement(ua,null,g.default.createElement(Re,k({onClick:e=>x("post")},c),c.text),g.default.createElement(Be,k({disabled:!(!d?.isLoading&&!c?.isLoading),onClick:e=>b(!1),btnStyle:{color:f.variant["neutral-1"]}},d),d.text)))))};fa.propTypes={commentsArray:b.default.array,customStyles:b.default.object,myInfoAvatarProps:b.default.bool,viewOnly:b.default.bool,textInputProps:b.default.object,saveBtnProps:b.default.object,cancelBtnProps:b.default.object,loadMore:b.default.object,avatarProps:b.default.object,message:b.default.element},fa.defaultProps={commentsArray:[],customStyles:{commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{}},myInfoAvatarProps:{},loading:!1,viewOnly:!1,textInputProps:{},saveBtnProps:{size:"sm",text:"Save"},cancelBtnProps:{size:"sm",text:"Cancel"},loadMore:{showLoadMore:!1,callback:()=>{}},avatarProps:{},message:g.default.createElement("span",{style:{textAlign:"center",display:"block",marginBottom:"16px"}},"No comments yet")};const ma=h.default.div`
|
|
2013
2013
|
//Set the styles from the default styles object
|
|
2014
2014
|
${({theme:e,type:t})=>P(e,t)}
|
|
2015
2015
|
@media (max-width: 980px) {
|