groundfloor-react-ui 1.3.22 → 1.3.23

package/dist/index.es.js

@@ -1967,7 +1967,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
 `,fo=m.div`
   width: 100%;
   margin-left: 16px;
-`,ho=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:r,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const u=b()||R,[g,f]=i(!1),[h,y]=i(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return t.createElement(co,{commentWrapperStyle:l?.commentWrapperStyle,theme:u},h.map(((e,o)=>{const{name:i,date:r,comment:a,image:n}=e;return t.createElement(so,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:u},t.createElement(po,{commentHeadStyle:l?.commentHeadStyle},t.createElement(He,z({user:{fullName:i,userName:i,url:n},toggleName:!0,size:"LG",customStylesName:{color:u.additional["text-color"]}},p)),t.createElement(mo,{dateTimeStyle:l?.dateTimeStyle,theme:u},r)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!r&&0===h.length&&m,r&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(ue,{size:25})),!r&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(he,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(uo,{theme:u,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(He,z({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(fo,null,t.createElement(Pl,z({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>f(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),g&&t.createElement(go,null,t.createElement(Ce,z({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),t.createElement(he,z({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:()=>{f(!1),n.setInputValue(""),n.setValidValue({isValid:!0,errMsg:""})},btnStyle:{color:u.variant["neutral-1"]}},s),s.text)))))};ho.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.object,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},ho.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 yo=m.div`
+`,ho=({commentsArray:e,customStyles:l,myInfoAvatarProps:o,loading:r,viewOnly:a,textInputProps:n,saveBtnProps:c,cancelBtnProps:s,loadMore:d,avatarProps:p,message:m})=>{const u=b()||R,[g,f]=i(!1),[h,y]=i(e||[]),x=async e=>{let t;t="post"===e?await c.callback():await d.callback(),y((e=>[...e,...t]))};return t.createElement(co,{commentWrapperStyle:l?.commentWrapperStyle,theme:u},h.map(((e,o)=>{const{name:i,date:r,comment:a,image:n}=e;return t.createElement(so,{key:o,commentBodyStyle:l?.commentBodyStyle,theme:u},t.createElement(po,{commentHeadStyle:l?.commentHeadStyle},t.createElement(He,z({user:{fullName:i,userName:i,url:n},toggleName:!0,size:"LG",customStylesName:{color:u.additional["text-color"]}},p)),t.createElement(mo,{dateTimeStyle:l?.dateTimeStyle,theme:u},r)),t.createElement(bo,{commentDivStyle:l?.commentDivStyle},a))})),!r&&0===h.length&&m,r&&t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"24px"}},t.createElement(ue,{size:25})),!r&&d.showLoadMore&&t.createElement("div",{className:"load-more"},t.createElement(he,{onClick:()=>x("load")},"Load more")),!a&&t.createElement(uo,{theme:u,inputWrapperStyle:l?.inputWrapperStyle},t.createElement(He,z({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),t.createElement(fo,null,t.createElement(Yl,z({onChange:e=>{n.setInputValue(e.target.value)},isValid:!0,onFocus:e=>f(!0)},n)),g&&t.createElement(go,null,t.createElement(Ce,z({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),t.createElement(he,z({disabled:!(!s?.isLoading&&!c?.isLoading),onClick:()=>{f(!1),n.setInputValue(""),n.setValidValue({isValid:!0,errMsg:""})},btnStyle:{color:u.variant["neutral-1"]}},s),s.text)))))};ho.propTypes={commentsArray:e.array,customStyles:e.object,myInfoAvatarProps:e.object,viewOnly:e.bool,textInputProps:e.object,saveBtnProps:e.object,cancelBtnProps:e.object,loadMore:e.object,avatarProps:e.object,message:e.element},ho.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 yo=m.div`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>T(e,t)}
     @media (max-width: 980px) {

package/dist/index.js

@@ -1967,7 +1967,7 @@ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
 `,ua=h.default.div`
   width: 100%;
   margin-left: 16px;
-`,pa=({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()||H,[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(oa,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ra,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(ia,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ze,E({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(na,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(ca,{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(se,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(fe,{onClick:()=>x("load")},"Load more")),!i&&g.default.createElement(da,{theme:f,inputWrapperStyle:a?.inputWrapperStyle},g.default.createElement(ze,E({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),g.default.createElement(ua,null,g.default.createElement(Ll,E({inputStyle:{height:"23px"},isValid:!0,onFocus:e=>b(!0)},n,{onChange:e=>{n.setInputValue(e.target.value)}})),m&&g.default.createElement(sa,null,g.default.createElement(ge,E({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),g.default.createElement(fe,E({disabled:!(!d?.isLoading&&!c?.isLoading),onClick:()=>{b(!1),n.setInputValue(""),n.setValidValue({isValid:!0,errMsg:""})},btnStyle:{color:f.variant["neutral-1"]}},d),d.text)))))};pa.propTypes={commentsArray:b.default.array,customStyles:b.default.object,myInfoAvatarProps:b.default.object,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},pa.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 fa=h.default.div`
+`,pa=({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()||H,[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(oa,{commentWrapperStyle:a?.commentWrapperStyle,theme:f},h.map(((e,t)=>{const{name:l,date:o,comment:r,image:i}=e;return g.default.createElement(ra,{key:t,commentBodyStyle:a?.commentBodyStyle,theme:f},g.default.createElement(ia,{commentHeadStyle:a?.commentHeadStyle},g.default.createElement(ze,E({user:{fullName:l,userName:l,url:i},toggleName:!0,size:"LG",customStylesName:{color:f.additional["text-color"]}},u)),g.default.createElement(na,{dateTimeStyle:a?.dateTimeStyle,theme:f},o)),g.default.createElement(ca,{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(se,{size:25})),!r&&s.showLoadMore&&g.default.createElement("div",{className:"load-more"},g.default.createElement(fe,{onClick:()=>x("load")},"Load more")),!i&&g.default.createElement(da,{theme:f,inputWrapperStyle:a?.inputWrapperStyle},g.default.createElement(ze,E({toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}},o)),g.default.createElement(ua,null,g.default.createElement(Gl,E({onChange:e=>{n.setInputValue(e.target.value)},isValid:!0,onFocus:e=>b(!0)},n)),m&&g.default.createElement(sa,null,g.default.createElement(ge,E({onClick:e=>{x("post"),n.setInputValue(e.target.value)}},c),c.text),g.default.createElement(fe,E({disabled:!(!d?.isLoading&&!c?.isLoading),onClick:()=>{b(!1),n.setInputValue(""),n.setValidValue({isValid:!0,errMsg:""})},btnStyle:{color:f.variant["neutral-1"]}},d),d.text)))))};pa.propTypes={commentsArray:b.default.array,customStyles:b.default.object,myInfoAvatarProps:b.default.object,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},pa.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 fa=h.default.div`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>R(e,t)}
     @media (max-width: 980px) {

package/package.json

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