groundfloor-react-ui 1.2.58 → 1.2.60
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 +14 -8
- package/dist/index.js +14 -8
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1340,7 +1340,7 @@ float: right;
|
|
|
1340
1340
|
margin-left: 6px;
|
|
1341
1341
|
margin-top: -15.5px;
|
|
1342
1342
|
cursor: pointer;
|
|
1343
|
-
`,Lt=({getValue:e,children:l,...o})=>{const r=e().length;return t.createElement(C.ValueContainer,o,l,r>1&&t.createElement("span",{className:"text-more-alt"},"& ",r-1," more"))},Wt=({label:e,labelStyle:l,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:c,isClearable:n,isValid:a,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:I,backgroundColor:L,placeHolderColor:W,indicatorBackgroundColor:H,inputColor:T,menuListFooter:j,customSelectStyles:F,...
|
|
1343
|
+
`,Lt=({getValue:e,children:l,...o})=>{const r=e().length;return t.createElement(C.ValueContainer,o,l,r>1&&t.createElement("span",{className:"text-more-alt"},"& ",r-1," more"))},Wt=({label:e,labelStyle:l,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:c,isClearable:n,isValid:a,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:u,customWrapperStyles:g,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:v,id:A,iconName:w,iconStyles:S,iconColor:k,iconSize:E,showIndicator:V,leftIcon:M,leftIconColor:B,leftIconSize:I,backgroundColor:L,placeHolderColor:W,indicatorBackgroundColor:H,inputColor:T,menuListFooter:j,customSelectStyles:F,errorMessage:q,...Z})=>{const O=b()||R,D=e=>{const l={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},o=t.createElement("div",{style:{...l,backgroundColor:e?.data?.color??O.primary["primary-1"]}},t.createElement(Q,{icon:"check-icon",color:"white"})),r=t.createElement("div",{style:{...l,backgroundColor:"#e0e7ff"}});return t.createElement(C.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?o:r,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},X={control:(e,t)=>({...e,border:a?L&&a?"1px solid "+L:"1px solid "+O.border:"1px solid "+O.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:L||O.bgColor}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:W||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:H||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:d+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px",color:T||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?O.neutral["neutral-5"]:O.bgColor,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...F},J={DropdownIndicator:e=>{const l=t.createElement(C.DropdownIndicator,e,t.createElement(It,null,t.createElement(Q,{icon:w,color:k,size:E,customstyles:S})));return!0===V?l:null},ValueContainer:Lt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(C.ClearIndicator,e,n?t.createElement(It,{onClick:()=>{u(),e.clearValue()}},t.createElement(Q,{icon:"cross-icon",color:"black",size:8})):null),MenuList:e=>{const{MenuListHeader:l=null,MenuListFooter:o=null}=e.selectProps.components;return t.createElement(C.MenuList,e,e.children.length&&l,e.children,e.children.length&&o)},MenuListFooter:j};let U=null;switch(y){case"multiSelect":U=t.createElement(Rt,z({type:"multiSelect",MultiValue:G,Option:D,value:r,CommonRenderedComponent:J,optionArr:o,placeHolder:c,isDisabled:x,stylesComp:X,setSelectedValue:i,isLoading:v,id:A,isClearable:n},Z));break;case"asyncSingleSelect":U=t.createElement(Pt,z({CommonRenderedComponent:J,loadOptions:p,onInputChange:m,styles:X,placeholder:c,onChange:i,isLoading:v,isDisabled:x,id:A,value:r,isClearable:n},Z));break;case"asyncMultiSelect":U=t.createElement(Pt,z({type:"asyncMultiSelect",CommonRenderedComponent:J,MultiValue:G,Option:D,onChange:i,placeholder:c,styles:X,isDisabled:x,isLoading:v,loadOptions:p,onInputChange:m,id:A,isClearable:n},Z));break;default:U=t.createElement(Rt,z({type:"singleSelect",value:{value:r?r.value:"",label:r?r.label:""},CommonRenderedComponent:J,optionArr:o,placeHolder:c,isDisabled:x,stylesComp:X,setSelectedValue:i,isLoading:v,id:A,isClearable:n},Z))}return t.createElement(Mt,{style:g,backgroundColor:L,isValid:a,fontSize:d,theme:O},e&&t.createElement(Bt,{inBuiltCss:P,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(lt,{customStyles:l,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${O.ui.error}`}},"*")),U,!a&&q)},Rt=({type:e,Option:l,value:o,CommonRenderedComponent:r,MultiValue:i,optionArr:c,placeHolder:n,isDisabled:a,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:b,...u})=>{let g={...r};return"multiSelect"===e&&(g.MultiValue=i,g.Option=l),t.createElement(A,z({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:c,placeholder:n,isDisabled:a,value:o,styles:s,onChange:d,isLoading:p,id:m,isClearable:b,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1},u))},Pt=({CommonRenderedComponent:e,MultiValue:l,Option:o,type:r,id:i,styles:c,...n})=>{let a={...e};return"asyncMultiSelect"===r&&(a.MultiValue=l,a.Option=o),t.createElement(w,z({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:a,isMulti:"asyncMultiSelect"===r,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==r,isSearchable:!0,styles:c,menuShouldScrollIntoView:!1},n))};Wt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool,backgroundColor:e.string,placeHolderColor:e.string,inputColor:e.string,menuListFooter:e.any,customSelectStyles:e.object},Wt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{}};const Ht=m.div`
|
|
1344
1344
|
//Set the styles from the default styles object
|
|
1345
1345
|
${({inBuiltCss:e,defaultStyles:t})=>H(e,t)}
|
|
1346
1346
|
|
|
@@ -1528,7 +1528,7 @@ float: right;
|
|
|
1528
1528
|
`;_t.defaultProps={theme:R};const el=({label:e,inputValue:l,inputStyle:o,iconBefore:r,iconAfter:i,onChange:c,theme:n,id:a,labelStyle:s,...d})=>t.createElement(_t,d,e.length>0&&t.createElement(Kt,{labelStyle:s},e),t.createElement("div",null,t.createElement(Yt,d,t.createElement("div",{className:"input-icon"},r),t.createElement(Qt,z({},d,{inputStyle:o,value:l,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&c(t)},type:"number",id:a})),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},i))));el.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},el.defaultProps={theme:R,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const tl=m.div`
|
|
1529
1529
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1530
1530
|
|
|
1531
|
-
//Set the styles from the default styles object
|
|
1531
|
+
//Set the styles from the default styles object
|
|
1532
1532
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>H(e,t)}
|
|
1533
1533
|
|
|
1534
1534
|
border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
|
|
@@ -1553,7 +1553,6 @@ float: right;
|
|
|
1553
1553
|
${({textBoxStyle:e})=>e}
|
|
1554
1554
|
`;tl.defaultProps={theme:R};const ll=m.input`
|
|
1555
1555
|
width: 85%;
|
|
1556
|
-
|
|
1557
1556
|
|
|
1558
1557
|
//Set the styles from the default styles object
|
|
1559
1558
|
${({inBuiltCss:e,defaultInputStyle:t})=>H(e,t)}
|
|
@@ -1564,7 +1563,7 @@ float: right;
|
|
|
1564
1563
|
.sc-furwcr bxRAoq {
|
|
1565
1564
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1566
1565
|
}
|
|
1567
|
-
|
|
1566
|
+
`,ol=u`
|
|
1568
1567
|
display: flex;
|
|
1569
1568
|
gap: 7px;
|
|
1570
1569
|
align-items: flex-start;
|
|
@@ -1575,7 +1574,7 @@ float: right;
|
|
|
1575
1574
|
margin-top: 5px;
|
|
1576
1575
|
font-size: 10px;
|
|
1577
1576
|
}
|
|
1578
|
-
|
|
1577
|
+
`,il=({passwordRules:e,textBoxStyle:l,labelStyle:o,inputStyle:i,errMsg:c,required:n,label:a,labelInline:s,isValid:d,rulesStyle:p,id:m,showHideIcon:u,errMsgColor:g,...f})=>{const[h,y]=r("password"),x=b()||R;return t.createElement(rl,z({labelInline:s,inBuiltCss:P,errMsgColor:g,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(lt,z({customStyles:o,type:"label-text",text:a,errMsg:c,style:{display:"flex",marginBottom:`${s?0:"8px"}`,paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(tl,z({required:n,theme:x,textBoxStyle:l,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:P},f),t.createElement(ll,z({},f,{inputStyle:i,type:h,autocomplete:"off",id:m,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:P})),!0===u?t.createElement("div",{className:"input-icon",onClick:()=>y("password"===h?"text":"password"),style:{position:"absolute",right:"7px"}},t.createElement(Q,{icon:"text"===h?"eye-show":"eye-hide"})):""),c.length>0&&t.createElement("div",{className:"err-text"},c)),e?t.createElement("div",{style:{...p,marginLeft:"5px"}},e):""))};il.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},il.defaultProps={inBuiltCss:P,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const cl=m.div`
|
|
1579
1578
|
box-sizing: initial;
|
|
1580
1579
|
|
|
1581
1580
|
//Set the styles from the default styles object
|
|
@@ -1891,12 +1890,19 @@ float: right;
|
|
|
1891
1890
|
justify-content: flex-start;
|
|
1892
1891
|
align-items: center;
|
|
1893
1892
|
${({commentHeadStyle:e})=>e};
|
|
1893
|
+
@media (max-width: 576px) {
|
|
1894
|
+
flex-direction: column;
|
|
1895
|
+
align-items: flex-start;
|
|
1896
|
+
}
|
|
1894
1897
|
`,Jl=m.span`
|
|
1895
1898
|
margin-left: 24px;
|
|
1896
1899
|
font-size: 14px;
|
|
1897
1900
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1898
1901
|
font-weight: 400;
|
|
1899
1902
|
${({dateTimeStyle:e})=>e};
|
|
1903
|
+
@media (max-width: 576px) {
|
|
1904
|
+
margin-left: 56px;
|
|
1905
|
+
}
|
|
1900
1906
|
`,Ul=m.div`
|
|
1901
1907
|
margin: 0.75rem 0 0 3.5rem;
|
|
1902
1908
|
font-size: 16px;
|
|
@@ -2965,7 +2971,7 @@ position: relative;
|
|
|
2965
2971
|
p {
|
|
2966
2972
|
margin: 0;
|
|
2967
2973
|
}
|
|
2968
|
-
`,oi=({headerContent:e,bodyContent:l,
|
|
2974
|
+
`,oi=({headerContent:e,bodyContent:l,toggleSideBarOpen:o,headerStyles:c,selectedStyle:n,notSelectedStyle:a,customStylesNameHover:s,listElementStyle:d,customSelectCardColor:p,selectedAppPath:m,setSelectedAppPath:u,setSelectedAppPageId:g,setParentId:f,setRouterObject:h})=>{const y=b()||R,[x,v]=r(null),[A,C]=r(!1),[w,S]=r([]);return i((()=>{S(m.split("/"));let e=m.split("/"),t=l&&l.find((t=>e[1]===t.path.split("/")[1])),o=t?.routes&&t?.routes.find((e=>e?.path===m));g(o?.id||null),h(o||null),f(t?.id||null)}),[m]),i((()=>{!o&&C(!1),!o&&v(null)}),[o]),t.createElement(_r,{onClick:()=>C(!0),onMouseEnter:()=>C(!0),onMouseLeave:()=>{C(!1)},toggleSideBarOpen:o},t.createElement(ei,{theme:y,headerStyles:c,toggleSideBarOpen:o},e),t.createElement(ti,null,l&&l?.filter((e=>!0===e.visibleAsMenu))?.map(((e,l,r)=>{let i=r.length;return t.createElement("div",{className:"service-layer",key:e?.value+l},t.createElement(_,{index:l,handleClick:e=>{!function(e){v(e)}(e)},isAccordionOpen:l===x||A&&e?.value?.toLowerCase()===w[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),customSelectCardColor:p,customStylesAccordionContainer:{"box-shadow":"none","border-radius":"0px","background-color":"transparent",padding:i-1===l?"2px 0px 10px 0px":"0px 0px 0px 0px"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"8px","padding-top":"16px","padding-bottom":"16px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(ge,{onClick:()=>C(!0),selectedStyle:n,notSelectedStyle:a,toggleName:o,customStylesName:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",color:"white","font-weight":"600"},customStylesNameHover:s,size:"MD",user:{userName:e.label,url:e.logo,fullName:e.label},isSelected:e?.value?.toLowerCase()===w[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:t.createElement("div",{style:{margin:"0",padding:"0",marginBottom:"18.25px"}},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,l)=>t.createElement(li,{listElementStyle:d,key:e?.id+l,onClick:()=>{u(e.path)}},t.createElement("span",{className:"selected-disk",style:{visibility:w[2]?.toLowerCase()===e?.path.split("/")[2]?.toLowerCase()?"visible":"hidden"}}),t.createElement("span",{className:"link"}," ",e?.link)))))}))}))))},ri=m.div`
|
|
2969
2975
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2970
2976
|
color: ${({theme:e})=>e.bgColor};
|
|
2971
2977
|
overflow-y: hidden;
|
|
@@ -2995,7 +3001,7 @@ ${({forceOpen:e,inBuiltCss:t,type:l,customStylesPusherOpen:o,customStylesPusherC
|
|
|
2995
3001
|
@media (max-width: 980px) {
|
|
2996
3002
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...H(e,"sidebar-pusher-mobile"),...l})}
|
|
2997
3003
|
}
|
|
2998
|
-
`,ci=({customStylesContainer:e,customStylesContainerOpen:l,customStylesContainerClose:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:i,customStylesPusher:c,customStylesPusherOpen:n,customStylesPusherClose:a,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:u,pinner:g,...f})=>{function h(e){m(e)}const y=b()||R;return t.createElement(ri,z({theme:y,inBuiltCss:P,customStyles:e,onMouseEnter:()=>{d||h(!0)},onMouseLeave:()=>{h(!1),p()},forceOpen:d,isOpen:u},f),t.createElement(ii,null),f.children,g)};ci.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},ci.defaultProps={forceClose:()=>{},forceOpen:!1};const ni={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},ai=m.div`
|
|
3004
|
+
`,ci=({customStylesContainer:e,customStylesContainerOpen:l,customStylesContainerClose:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:i,customStylesPusher:c,customStylesPusherOpen:n,customStylesPusherClose:a,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:u,pinner:g,...f})=>{function h(e){m(e)}const y=b()||R;return t.createElement(ri,z({theme:y,inBuiltCss:P,customStyles:e,onMouseEnter:()=>{d||h(!0)},onClick:()=>h(!0),onMouseLeave:()=>{h(!1),p()},forceOpen:d,isOpen:u},f),t.createElement(ii,null),f.children,g)};ci.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},ci.defaultProps={forceClose:()=>{},forceOpen:!1};const ni={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},ai=m.div`
|
|
2999
3005
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3000
3006
|
color: ${({theme:e})=>e.bgColor};
|
|
3001
3007
|
padding: ${({size:e})=>ni[e].padding};
|
|
@@ -3065,7 +3071,7 @@ overflow: hidden;
|
|
|
3065
3071
|
${({headerStyle:e})=>e}
|
|
3066
3072
|
`,wi=m.div`
|
|
3067
3073
|
${({tabContentStyle:e})=>e}
|
|
3068
|
-
`,Si=({children:e,tabWrapperStyle:l,headerStyle:o,tabContentStyle:c,headerWrapperStyle:n,dividerStyle:a,activeIndex:s,...
|
|
3074
|
+
`,Si=({children:e,tabWrapperStyle:l,headerStyle:o,tabContentStyle:c,headerWrapperStyle:n,dividerStyle:a,activeIndex:s,setActiveIndex:d,...p})=>{const[m,u]=r([]),[g,f]=r({}),[h,y]=r("");i((()=>{const l=[],o={};t.Children.forEach(e,(e=>{if(!t.isValidElement(e))return;const{name:r}=e.props;l.push(r),o[r]=e.props.children})),u(l),y(l[s]),f({...o}),console.log("localstorage called")}),[e]);const x=b()||R;return t.createElement(vi,{tabWrapperStyle:l},t.createElement(Ai,{theme:x,headerWrapperStyle:n},m.map(((e,l)=>t.createElement(Ci,{onClick:()=>((e,t)=>{console.log(e,t),d(t),y(m[s])})(e,l),key:l,theme:x,isActive:e===h,headerStyle:o},e)))),t.createElement(vo,{theme:x,height:"8px",dividerStyle:a}),t.createElement(wi,{tabContentStyle:c},Object.keys(g).map((e=>e===h?t.createElement("div",{key:e},g[e]):null))))};Si.propTypes={children:function(e,l,o){const r=e[l];let i=null;return t.Children.forEach(r,(function(e){e.type!==xi&&(i=new Error("`"+o+"` children should be of type `TabPanel`."))})),i}},Si.propTypes={tabWrapperStyle:e.object,headerWrapperStyle:e.object,headerStyle:e.object,dividerStyle:e.object,tabContentStyle:e.object,activeIndex:e.number},Si.defaultProps={tabWrapperStyle:{},headerStyle:{},tabContentStyle:{},headerWrapperStyle:{},dividerStyle:{},activeIndex:0};const ki=m.div`
|
|
3069
3075
|
.notification {
|
|
3070
3076
|
background: ${({theme:e})=>e.bgColor};
|
|
3071
3077
|
transition: 0.3s ease;
|
package/dist/index.js
CHANGED
|
@@ -1340,7 +1340,7 @@ float: right;
|
|
|
1340
1340
|
margin-left: 6px;
|
|
1341
1341
|
margin-top: -15.5px;
|
|
1342
1342
|
cursor: pointer;
|
|
1343
|
-
`,Vt=({getValue:e,children:t,...l})=>{const a=e().length;return b.default.createElement(c.components.ValueContainer,l,t,a>1&&b.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},zt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:v,isLoading:C,id:A,iconName:w,iconStyles:E,iconColor:k,iconSize:V,showIndicator:z,leftIcon:M,leftIconColor:L,leftIconSize:W,backgroundColor:R,placeHolderColor:T,indicatorBackgroundColor:P,inputColor:H,menuListFooter:j,customSelectStyles:F,...
|
|
1343
|
+
`,Vt=({getValue:e,children:t,...l})=>{const a=e().length;return b.default.createElement(c.components.ValueContainer,l,t,a>1&&b.default.createElement("span",{className:"text-more-alt"},"& ",a-1," more"))},zt=({label:e,labelStyle:t,optionArr:a,selectedValue:o,setSelectedValue:r,placeHolder:i,isClearable:n,isValid:d,height:s,fontSize:u,loadOptions:p,onInputChange:f,clearSelected:m,customWrapperStyles:g,customLabelStyles:h,isRequired:y,dropdownType:x,isDisabled:v,isLoading:C,id:A,iconName:w,iconStyles:E,iconColor:k,iconSize:V,showIndicator:z,leftIcon:M,leftIconColor:L,leftIconSize:W,backgroundColor:R,placeHolderColor:T,indicatorBackgroundColor:P,inputColor:H,menuListFooter:j,customSelectStyles:F,errorMessage:q,...Z})=>{const O=l.useTheme()||B,D=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=b.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??O.primary["primary-1"]}},b.default.createElement(J,{icon:"check-icon",color:"white"})),a=b.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return b.default.createElement(c.components.Option,e,b.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"center",width:"100%"}},e.isSelected?l:a,b.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&b.default.createElement("span",{className:"text-main-alt-value"},l)},X={control:(e,t)=>({...e,border:d?R&&d?"1px solid "+R:"1px solid "+O.border:"1px solid "+O.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:R||O.bgColor}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:T||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:P||"transparent",borderBottomLeftRadius:"0",borderBottomRightRadius:"4.32px",borderTopLeftRadius:0,borderTopRightRadius:"4.32px",position:"relative",top:"-1px",right:"-1px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:u+"px",marginTop:"-4px"}),indicatorsContainer:e=>({...e,padding:0}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:u+"px",width:"100%",minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px",color:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?O.neutral["neutral-5"]:O.bgColor,padding:"10px",cursor:t.isDisabled?"not-allowed":"pointer",color:"#081348",opacity:t.isDisabled?.6:1,width:"inherit",boxSizing:"initial"}),menuPortal:e=>({...e,zIndex:99999999}),...F},U={DropdownIndicator:e=>{const t=b.default.createElement(c.components.DropdownIndicator,e,b.default.createElement(kt,null,b.default.createElement(J,{icon:w,color:k,size:V,customstyles:E})));return!0===z?t:null},ValueContainer:Vt,IndicatorSeparator:()=>null,ClearIndicator:e=>b.default.createElement(c.components.ClearIndicator,e,n?b.default.createElement(kt,{onClick:()=>{m(),e.clearValue()}},b.default.createElement(J,{icon:"cross-icon",color:"black",size:8})):null),MenuList:e=>{const{MenuListHeader:t=null,MenuListFooter:l=null}=e.selectProps.components;return b.default.createElement(c.components.MenuList,e,e.children.length&&t,e.children,e.children.length&&l)},MenuListFooter:j};let N=null;switch(x){case"multiSelect":N=b.default.createElement(Mt,S({type:"multiSelect",MultiValue:G,Option:D,value:o,CommonRenderedComponent:U,optionArr:a,placeHolder:i,isDisabled:v,stylesComp:X,setSelectedValue:r,isLoading:C,id:A,isClearable:n},Z));break;case"asyncSingleSelect":N=b.default.createElement(Bt,S({CommonRenderedComponent:U,loadOptions:p,onInputChange:f,styles:X,placeholder:i,onChange:r,isLoading:C,isDisabled:v,id:A,value:o,isClearable:n},Z));break;case"asyncMultiSelect":N=b.default.createElement(Bt,S({type:"asyncMultiSelect",CommonRenderedComponent:U,MultiValue:G,Option:D,onChange:r,placeholder:i,styles:X,isDisabled:v,isLoading:C,loadOptions:p,onInputChange:f,id:A,isClearable:n},Z));break;default:N=b.default.createElement(Mt,S({type:"singleSelect",value:{value:o?o.value:"",label:o?o.label:""},CommonRenderedComponent:U,optionArr:a,placeHolder:i,isDisabled:v,stylesComp:X,setSelectedValue:r,isLoading:C,id:A,isClearable:n},Z))}return b.default.createElement(St,{style:g,backgroundColor:R,isValid:d,fontSize:u,theme:O},e&&b.default.createElement(Et,{inBuiltCss:I,labelWrapperStyle:"selectComp-label-wrapper",style:h},b.default.createElement(Ke,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"8px",paddingBottom:"0px"}}),y&&b.default.createElement("div",{style:{marginLeft:"4px",color:`${O.ui.error}`}},"*")),N,!d&&q)},Mt=({type:e,Option:t,value:l,CommonRenderedComponent:a,MultiValue:o,optionArr:r,placeHolder:i,isDisabled:c,stylesComp:n,setSelectedValue:d,isLoading:s,id:u,isClearable:p,...f})=>{let m={...a};return"multiSelect"===e&&(m.MultiValue=o,m.Option=t),b.default.createElement(x.default,S({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:m,options:r,placeholder:i,isDisabled:c,value:l,styles:n,onChange:d,isLoading:s,id:u,isClearable:p,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:"multiSelect"!==e,menuShouldScrollIntoView:!1},f))},Bt=({CommonRenderedComponent:e,MultiValue:t,Option:l,type:a,id:o,styles:r,...i})=>{let c={...e};return"asyncMultiSelect"===a&&(c.MultiValue=t,c.Option=l),b.default.createElement(v.default,S({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===a,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:"asyncMultiSelect"!==a,isSearchable:!0,styles:r,menuShouldScrollIntoView:!1},i))};zt.propTypes={label:m.default.string,labelStyle:m.default.object,optionArr:m.default.array,selectedValue:m.default.object,setSelectedValue:m.default.func,placeHolder:m.default.string,fontSize:m.default.number,clearSelected:m.default.func,loadOptions:m.default.func,onInputChange:m.default.func,customWrapperStyles:m.default.object,customLabelStyles:m.default.object,isRequired:m.default.bool,dropdownType:m.default.string,isDisabled:m.default.bool,isLoading:m.default.bool,isValid:m.default.bool,height:m.default.number,isClearable:m.default.bool,id:m.default.string,iconName:m.default.string,iconColor:m.default.string,iconSize:m.default.number,leftIcon:m.default.string,leftIconColor:m.default.string,leftIconSize:m.default.number,showIndicator:m.default.bool,backgroundColor:m.default.string,placeHolderColor:m.default.string,inputColor:m.default.string,menuListFooter:m.default.any,customSelectStyles:m.default.object},zt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0,customSelectStyles:{}};const It=g.default.div`
|
|
1344
1344
|
//Set the styles from the default styles object
|
|
1345
1345
|
${({inBuiltCss:e,defaultStyles:t})=>L(e,t)}
|
|
1346
1346
|
|
|
@@ -1528,7 +1528,7 @@ float: right;
|
|
|
1528
1528
|
`;Nt.defaultProps={theme:B};const Yt=({label:e,inputValue:t,inputStyle:l,iconBefore:a,iconAfter:o,onChange:r,theme:i,id:c,labelStyle:n,...d})=>b.default.createElement(Nt,d,e.length>0&&b.default.createElement(Jt,{labelStyle:n},e),b.default.createElement("div",null,b.default.createElement(Gt,d,b.default.createElement("div",{className:"input-icon"},a),b.default.createElement(Xt,S({},d,{inputStyle:l,value:t,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&r(t)},type:"number",id:c})),b.default.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},o))));Yt.propTypes={theme:m.default.object,label:m.default.string,labelInline:m.default.bool,inputValue:m.default.any,inputStyle:m.default.object,id:m.default.string,labelStyle:m.default.object},Yt.defaultProps={theme:B,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const Qt=g.default.div`
|
|
1529
1529
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1530
1530
|
|
|
1531
|
-
//Set the styles from the default styles object
|
|
1531
|
+
//Set the styles from the default styles object
|
|
1532
1532
|
${({inBuiltCss:e,defaultWrapperStyle:t})=>L(e,t)}
|
|
1533
1533
|
|
|
1534
1534
|
border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
|
|
@@ -1553,7 +1553,6 @@ float: right;
|
|
|
1553
1553
|
${({textBoxStyle:e})=>e}
|
|
1554
1554
|
`;Qt.defaultProps={theme:B};const Kt=g.default.input`
|
|
1555
1555
|
width: 85%;
|
|
1556
|
-
|
|
1557
1556
|
|
|
1558
1557
|
//Set the styles from the default styles object
|
|
1559
1558
|
${({inBuiltCss:e,defaultInputStyle:t})=>L(e,t)}
|
|
@@ -1564,7 +1563,7 @@ float: right;
|
|
|
1564
1563
|
.sc-furwcr bxRAoq {
|
|
1565
1564
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1566
1565
|
}
|
|
1567
|
-
|
|
1566
|
+
`,$t=l.css`
|
|
1568
1567
|
display: flex;
|
|
1569
1568
|
gap: 7px;
|
|
1570
1569
|
align-items: flex-start;
|
|
@@ -1575,7 +1574,7 @@ float: right;
|
|
|
1575
1574
|
margin-top: 5px;
|
|
1576
1575
|
font-size: 10px;
|
|
1577
1576
|
}
|
|
1578
|
-
|
|
1577
|
+
`,el=({passwordRules:e,textBoxStyle:a,labelStyle:o,inputStyle:r,errMsg:i,required:c,label:n,labelInline:d,isValid:s,rulesStyle:u,id:p,showHideIcon:f,errMsgColor:m,...g})=>{const[h,y]=t.useState("password"),x=l.useTheme()||B;return b.default.createElement(_t,S({labelInline:d,inBuiltCss:I,errMsgColor:m,theme:x},g),b.default.createElement("div",{style:{display:"flex"}},b.default.createElement(Ke,S({customStyles:o,type:"label-text",text:n,errMsg:i,style:{display:"flex",marginBottom:`${d?0:"8px"}`,paddingBottom:"0px"}},g)),c&&b.default.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),b.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"flex-start"}},b.default.createElement("div",{style:{width:"100%"}},b.default.createElement(Qt,S({required:c,theme:x,textBoxStyle:a,isValid:s,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:I},g),b.default.createElement(Kt,S({},g,{inputStyle:r,type:h,autocomplete:"off",id:p,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:I})),!0===f?b.default.createElement("div",{className:"input-icon",onClick:()=>y("password"===h?"text":"password"),style:{position:"absolute",right:"7px"}},b.default.createElement(J,{icon:"text"===h?"eye-show":"eye-hide"})):""),i.length>0&&b.default.createElement("div",{className:"err-text"},i)),e?b.default.createElement("div",{style:{...u,marginLeft:"5px"}},e):""))};el.propTypes={inBuiltCss:m.default.object,theme:m.default.object,label:m.default.string,required:m.default.bool,labelInline:m.default.bool,errMsg:m.default.string,textBoxStyle:m.default.object,labelStyle:m.default.object,inputStyle:m.default.object,rulesStyle:m.default.object,id:m.default.string,showHideIcon:m.default.bool},el.defaultProps={inBuiltCss:I,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const tl=g.default.div`
|
|
1579
1578
|
box-sizing: initial;
|
|
1580
1579
|
|
|
1581
1580
|
//Set the styles from the default styles object
|
|
@@ -1891,12 +1890,19 @@ float: right;
|
|
|
1891
1890
|
justify-content: flex-start;
|
|
1892
1891
|
align-items: center;
|
|
1893
1892
|
${({commentHeadStyle:e})=>e};
|
|
1893
|
+
@media (max-width: 576px) {
|
|
1894
|
+
flex-direction: column;
|
|
1895
|
+
align-items: flex-start;
|
|
1896
|
+
}
|
|
1894
1897
|
`,Zl=g.default.span`
|
|
1895
1898
|
margin-left: 24px;
|
|
1896
1899
|
font-size: 14px;
|
|
1897
1900
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1898
1901
|
font-weight: 400;
|
|
1899
1902
|
${({dateTimeStyle:e})=>e};
|
|
1903
|
+
@media (max-width: 576px) {
|
|
1904
|
+
margin-left: 56px;
|
|
1905
|
+
}
|
|
1900
1906
|
`,Ol=g.default.div`
|
|
1901
1907
|
margin: 0.75rem 0 0 3.5rem;
|
|
1902
1908
|
font-size: 16px;
|
|
@@ -2995,7 +3001,7 @@ ${({forceOpen:e,inBuiltCss:t,type:l,customStylesPusherOpen:a,customStylesPusherC
|
|
|
2995
3001
|
@media (max-width: 980px) {
|
|
2996
3002
|
${({inBuiltCss:e,type:t,customStylesPusherMobile:l})=>({...L(e,"sidebar-pusher-mobile"),...l})}
|
|
2997
3003
|
}
|
|
2998
|
-
`,Ko=({customStylesContainer:e,customStylesContainerOpen:t,customStylesContainerClose:a,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:r,customStylesPusher:i,customStylesPusherOpen:c,customStylesPusherClose:n,customStylesPusherMobile:d,forceOpen:s,forceClose:u,handleSidebar:p,toggleSideBarOpen:f,pinner:m,...g})=>{function h(e){p(e)}const y=l.useTheme()||B;return b.default.createElement(Yo,S({theme:y,inBuiltCss:I,customStyles:e,onMouseEnter:()=>{s||h(!0)},onMouseLeave:()=>{h(!1),u()},forceOpen:s,isOpen:f},g),b.default.createElement(Qo,null),g.children,m)};Ko.propTypes={customStylesContainer:m.default.object,customStylesContainerOpen:m.default.object,customStylesContainerClose:m.default.object,customStylesContainerMobileOpen:m.default.object,customStylesContainerMobileClose:m.default.object,customStylesPusher:m.default.object,customStylesPusherOpen:m.default.object,customStylesPusherClose:m.default.object,customStylesPusherMobile:m.default.object,forceOpen:m.default.bool,forceClose:m.default.func,handleSidebar:m.default.func,toggleSideBarOpen:m.default.bool,pinner:m.default.any},Ko.defaultProps={forceClose:()=>{},forceOpen:!1};const $o={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},_o=g.default.div`
|
|
3004
|
+
`,Ko=({customStylesContainer:e,customStylesContainerOpen:t,customStylesContainerClose:a,customStylesContainerMobileOpen:o,customStylesContainerMobileClose:r,customStylesPusher:i,customStylesPusherOpen:c,customStylesPusherClose:n,customStylesPusherMobile:d,forceOpen:s,forceClose:u,handleSidebar:p,toggleSideBarOpen:f,pinner:m,...g})=>{function h(e){p(e)}const y=l.useTheme()||B;return b.default.createElement(Yo,S({theme:y,inBuiltCss:I,customStyles:e,onMouseEnter:()=>{s||h(!0)},onClick:()=>h(!0),onMouseLeave:()=>{h(!1),u()},forceOpen:s,isOpen:f},g),b.default.createElement(Qo,null),g.children,m)};Ko.propTypes={customStylesContainer:m.default.object,customStylesContainerOpen:m.default.object,customStylesContainerClose:m.default.object,customStylesContainerMobileOpen:m.default.object,customStylesContainerMobileClose:m.default.object,customStylesPusher:m.default.object,customStylesPusherOpen:m.default.object,customStylesPusherClose:m.default.object,customStylesPusherMobile:m.default.object,forceOpen:m.default.bool,forceClose:m.default.func,handleSidebar:m.default.func,toggleSideBarOpen:m.default.bool,pinner:m.default.any},Ko.defaultProps={forceClose:()=>{},forceOpen:!1};const $o={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},_o=g.default.div`
|
|
2999
3005
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
3000
3006
|
color: ${({theme:e})=>e.bgColor};
|
|
3001
3007
|
padding: ${({size:e})=>$o[e].padding};
|
|
@@ -3065,7 +3071,7 @@ overflow: hidden;
|
|
|
3065
3071
|
${({headerStyle:e})=>e}
|
|
3066
3072
|
`,mr=g.default.div`
|
|
3067
3073
|
${({tabContentStyle:e})=>e}
|
|
3068
|
-
`,br=({children:e,tabWrapperStyle:a,headerStyle:o,tabContentStyle:r,headerWrapperStyle:i,dividerStyle:c,activeIndex:n,...
|
|
3074
|
+
`,br=({children:e,tabWrapperStyle:a,headerStyle:o,tabContentStyle:r,headerWrapperStyle:i,dividerStyle:c,activeIndex:n,setActiveIndex:d,...s})=>{const[u,p]=t.useState([]),[f,m]=t.useState({}),[g,h]=t.useState("");t.useEffect((()=>{const t=[],l={};b.default.Children.forEach(e,(e=>{if(!b.default.isValidElement(e))return;const{name:a}=e.props;t.push(a),l[a]=e.props.children})),p(t),h(t[n]),m({...l}),console.log("localstorage called")}),[e]);const y=l.useTheme()||B;return b.default.createElement(ur,{tabWrapperStyle:a},b.default.createElement(pr,{theme:y,headerWrapperStyle:i},u.map(((e,t)=>b.default.createElement(fr,{onClick:()=>((e,t)=>{console.log(e,t),d(t),h(u[n])})(e,t),key:t,theme:y,isActive:e===g,headerStyle:o},e)))),b.default.createElement(ma,{theme:y,height:"8px",dividerStyle:c}),b.default.createElement(mr,{tabContentStyle:r},Object.keys(f).map((e=>e===g?b.default.createElement("div",{key:e},f[e]):null))))};br.propTypes={children:function(e,t,l){const a=e[t];let o=null;return b.default.Children.forEach(a,(function(e){e.type!==sr&&(o=new Error("`"+l+"` children should be of type `TabPanel`."))})),o}},br.propTypes={tabWrapperStyle:m.default.object,headerWrapperStyle:m.default.object,headerStyle:m.default.object,dividerStyle:m.default.object,tabContentStyle:m.default.object,activeIndex:m.default.number},br.defaultProps={tabWrapperStyle:{},headerStyle:{},tabContentStyle:{},headerWrapperStyle:{},dividerStyle:{},activeIndex:0};const gr=g.default.div`
|
|
3069
3075
|
.notification {
|
|
3070
3076
|
background: ${({theme:e})=>e.bgColor};
|
|
3071
3077
|
transition: 0.3s ease;
|
|
@@ -3197,4 +3203,4 @@ overflow: hidden;
|
|
|
3197
3203
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
3198
3204
|
font-size: ${({size:e})=>Cr[e].fontSize};
|
|
3199
3205
|
line-height: ${({size:e})=>Cr[e].lineHeight};
|
|
3200
|
-
`,wr=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||B;return b.default.createElement(Ar,S({theme:i,bg:a,text:o,size:e},r),b.default.createElement(Fa,{theme:i}),t)};wr.propTypes={size:m.default.oneOf(["xs","sm","md","lg"]),text:m.default.string,bg:m.default.string,children:m.default.any,theme:m.default.object},wr.defaultProps={size:"md"},exports.Accordion=N,exports.AccordionSB=Y,exports.AccordionSBfooter=Q,exports.ActionContainer=aa,exports.ActionItem=ia,exports.ArrowBar=ee,exports.Avatar=ie,exports.AvatarSB=ue,exports.AvatarSBfooter=be,exports.Banner=ye,exports.Breadcrumb=Ye,exports.ButtonPopup=Ja,exports.Card=T,exports.CardRef=H,exports.CheckBoxInput=at,exports.ColorInput=it,exports.Comment=Jl,exports.Content=Nl,exports.DarkSecondaryLink=Oo,exports.DateSelect=bt,exports.DateTime=wt,exports.Divider=ma,exports.DocumentCard=O,exports.DotPulseLoader=()=>{const e=l.useTheme()||B;return b.default.createElement(xe,{activeTheme:e},b.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=ga,exports.DropdownSelect=zt,exports.DropzoneInput=jt,exports.ErrorBoundary=ha,exports.FilterChip=va,exports.Footer=Aa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const c=(new Date).getFullYear();return b.default.createElement(wa,S({variant:e,textColor:t,footerWidth:o,customStyles:r},i),b.default.createElement(Sa,{footerWidth:o},b.default.createElement(Ea,{footerWidth:o},"Premise HQ"),b.default.createElement(ka,{footerWidth:o},"|"),b.default.createElement(Ea,{footerWidth:o},"All Rights Restricted ",c," ©")),b.default.createElement(Sa,{footerWidth:o},b.default.createElement(Ea,{footerWidth:o},"Terms of use"),b.default.createElement(ka,{footerWidth:o},"|"),b.default.createElement(Ea,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>b.default.createElement(t.Fragment,null,b.default.createElement(za,S({},e,a),e.children),e))(e);case"label":return(e=>b.default.createElement(Ke,S({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>b.default.createElement(ul,S({},e,a)))(e);case"textArea":return(e=>b.default.createElement(Sl,S({},e,a)))(e);case"number":return(e=>b.default.createElement(Yt,S({},e,a)))(e);case"radio":return(e=>b.default.createElement(il,S({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>b.default.createElement(at,S({},e,a)))(e);case"singleSelect":return(e=>b.default.createElement(zt,S({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>b.default.createElement(zt,S({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>b.default.createElement(zt,S({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>b.default.createElement(zt,S({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>b.default.createElement(xl,S({},e,a)))(e);case"fileUpload":return(e=>b.default.createElement(jt,S({},e,a)))(e);case"date":return(e=>b.default.createElement(bt,S({},e,a)))(e);case"toggle":return(e=>b.default.createElement(Hl,S({},e,a)))(e);case"rating":return(e=>b.default.createElement(Ta,S({},e,a)))(e);case"buttonPrimary":return(e=>b.default.createElement(Ie,S({},e,a)))(e);case"buttonSecondary":return(e=>b.default.createElement(Re,S({},e,a)))(e);case"buttonTiny":return(e=>b.default.createElement(Pe,S({},e,a)))(e);case"search":return(e=>b.default.createElement(pl,S({},e,a)))(e);case"table":return(e=>b.default.createElement(Ha,S({},e,a)))(e);case"passwordInput":return(e=>b.default.createElement(el,S({},e,a)))(e);case"headerComponent":return(e=>b.default.createElement(ja,S({},e,a)))(e)}};return b.default.createElement(t.Fragment,null,b.default.createElement(ca,{defaultThemeColor:B},b.default.createElement(pa,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?b.default.createElement(da,null,e.map(((t,l)=>b.default.createElement(sa,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=ca,exports.FormWrapper=pa,exports.GroupAvatars=Oa,exports.GroupButtons=Qa,exports.GroupButtonsPopup=eo,exports.GroupStatusCircle=io,exports.Header=za,exports.HeaderComponent=ja,exports.HyperLink=so,exports.Icon=J,exports.Image=le,exports.ImageUploader=Dt,exports.Label=Ke,exports.LightSecondaryLink=Go,exports.LinkButton=ze,exports.Loader=Ae,exports.ModalComp=go,exports.MultiColumnDiv=sa,exports.MultiColumnWrapper=da,exports.Navbar=({headerContent:e,bodyContent:a,
|
|
3206
|
+
`,wr=({size:e,children:t,bg:a,text:o,...r})=>{const i=l.useTheme()||B;return b.default.createElement(Ar,S({theme:i,bg:a,text:o,size:e},r),b.default.createElement(Fa,{theme:i}),t)};wr.propTypes={size:m.default.oneOf(["xs","sm","md","lg"]),text:m.default.string,bg:m.default.string,children:m.default.any,theme:m.default.object},wr.defaultProps={size:"md"},exports.Accordion=N,exports.AccordionSB=Y,exports.AccordionSBfooter=Q,exports.ActionContainer=aa,exports.ActionItem=ia,exports.ArrowBar=ee,exports.Avatar=ie,exports.AvatarSB=ue,exports.AvatarSBfooter=be,exports.Banner=ye,exports.Breadcrumb=Ye,exports.ButtonPopup=Ja,exports.Card=T,exports.CardRef=H,exports.CheckBoxInput=at,exports.ColorInput=it,exports.Comment=Jl,exports.Content=Nl,exports.DarkSecondaryLink=Oo,exports.DateSelect=bt,exports.DateTime=wt,exports.Divider=ma,exports.DocumentCard=O,exports.DotPulseLoader=()=>{const e=l.useTheme()||B;return b.default.createElement(xe,{activeTheme:e},b.default.createElement("div",{className:"dot-pulse"}))},exports.Drawer=ga,exports.DropdownSelect=zt,exports.DropzoneInput=jt,exports.ErrorBoundary=ha,exports.FilterChip=va,exports.Footer=Aa,exports.FooterContent=({variant:e,textColor:t,size:l,width:a,footerWidth:o,customStyles:r,...i})=>{const c=(new Date).getFullYear();return b.default.createElement(wa,S({variant:e,textColor:t,footerWidth:o,customStyles:r},i),b.default.createElement(Sa,{footerWidth:o},b.default.createElement(Ea,{footerWidth:o},"Premise HQ"),b.default.createElement(ka,{footerWidth:o},"|"),b.default.createElement(Ea,{footerWidth:o},"All Rights Restricted ",c," ©")),b.default.createElement(Sa,{footerWidth:o},b.default.createElement(Ea,{footerWidth:o},"Terms of use"),b.default.createElement(ka,{footerWidth:o},"|"),b.default.createElement(Ea,{footerWidth:o},"Privacy Policy")))},exports.FormComponent=({formData:e,customStyles:l,...a})=>{const o=e=>{switch(e.type){case"header":return(e=>b.default.createElement(t.Fragment,null,b.default.createElement(za,S({},e,a),e.children),e))(e);case"label":return(e=>b.default.createElement(Ke,S({style:{marginBottom:"8px",paddingBottom:"0"}},e,a)))(e);case"text":return(e=>b.default.createElement(ul,S({},e,a)))(e);case"textArea":return(e=>b.default.createElement(Sl,S({},e,a)))(e);case"number":return(e=>b.default.createElement(Yt,S({},e,a)))(e);case"radio":return(e=>b.default.createElement(il,S({key:101*Math.random()|0},e,a)))(e);case"checkBox":return(e=>b.default.createElement(at,S({},e,a)))(e);case"singleSelect":return(e=>b.default.createElement(zt,S({dropdownType:"singleSelect"},e,a)))(e);case"multiSelect":return(e=>b.default.createElement(zt,S({dropdownType:"multiSelect"},e,a)))(e);case"asyncSingleSelect":return(e=>b.default.createElement(zt,S({dropdownType:"asyncSingleSelect"},e,a)))(e);case"asyncMultiSelect":return(e=>b.default.createElement(zt,S({dropdownType:"asyncMultiSelect"},e,a)))(e);case"signature":return(e=>b.default.createElement(xl,S({},e,a)))(e);case"fileUpload":return(e=>b.default.createElement(jt,S({},e,a)))(e);case"date":return(e=>b.default.createElement(bt,S({},e,a)))(e);case"toggle":return(e=>b.default.createElement(Hl,S({},e,a)))(e);case"rating":return(e=>b.default.createElement(Ta,S({},e,a)))(e);case"buttonPrimary":return(e=>b.default.createElement(Ie,S({},e,a)))(e);case"buttonSecondary":return(e=>b.default.createElement(Re,S({},e,a)))(e);case"buttonTiny":return(e=>b.default.createElement(Pe,S({},e,a)))(e);case"search":return(e=>b.default.createElement(pl,S({},e,a)))(e);case"table":return(e=>b.default.createElement(Ha,S({},e,a)))(e);case"passwordInput":return(e=>b.default.createElement(el,S({},e,a)))(e);case"headerComponent":return(e=>b.default.createElement(ja,S({},e,a)))(e)}};return b.default.createElement(t.Fragment,null,b.default.createElement(ca,{defaultThemeColor:B},b.default.createElement(pa,{onSubmit:()=>{},customStyles:l},e.map(((e,t)=>e.length>1?b.default.createElement(da,null,e.map(((t,l)=>b.default.createElement(sa,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=ca,exports.FormWrapper=pa,exports.GroupAvatars=Oa,exports.GroupButtons=Qa,exports.GroupButtonsPopup=eo,exports.GroupStatusCircle=io,exports.Header=za,exports.HeaderComponent=ja,exports.HyperLink=so,exports.Icon=J,exports.Image=le,exports.ImageUploader=Dt,exports.Label=Ke,exports.LightSecondaryLink=Go,exports.LinkButton=ze,exports.Loader=Ae,exports.ModalComp=go,exports.MultiColumnDiv=sa,exports.MultiColumnWrapper=da,exports.Navbar=({headerContent:e,bodyContent:a,toggleSideBarOpen:o,headerStyles:r,selectedStyle:i,notSelectedStyle:c,customStylesNameHover:n,listElementStyle:d,customSelectCardColor:s,selectedAppPath:u,setSelectedAppPath:p,setSelectedAppPageId:f,setParentId:m,setRouterObject:g})=>{const h=l.useTheme()||B,[y,x]=t.useState(null),[v,C]=t.useState(!1),[A,w]=t.useState([]);return t.useEffect((()=>{w(u.split("/"));let e=u.split("/"),t=a&&a.find((t=>e[1]===t.path.split("/")[1])),l=t?.routes&&t?.routes.find((e=>e?.path===u));f(l?.id||null),g(l||null),m(t?.id||null)}),[u]),t.useEffect((()=>{!o&&C(!1),!o&&x(null)}),[o]),b.default.createElement(Xo,{onClick:()=>C(!0),onMouseEnter:()=>C(!0),onMouseLeave:()=>{C(!1)},toggleSideBarOpen:o},b.default.createElement(Jo,{theme:h,headerStyles:r,toggleSideBarOpen:o},e),b.default.createElement(Uo,null,a&&a?.filter((e=>!0===e.visibleAsMenu))?.map(((e,t,l)=>{let a=l.length;return b.default.createElement("div",{className:"service-layer",key:e?.value+t},b.default.createElement(Y,{index:t,handleClick:e=>{!function(e){x(e)}(e)},isAccordionOpen:t===y||v&&e?.value?.toLowerCase()===A[1]?.toLowerCase(),isSelected:e?.value?.toLowerCase()===A[1]?.toLowerCase(),customSelectCardColor:s,customStylesAccordionContainer:{"box-shadow":"none","border-radius":"0px","background-color":"transparent",padding:a-1===t?"2px 0px 10px 0px":"0px 0px 0px 0px"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"8px","padding-top":"16px","padding-bottom":"16px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:b.default.createElement(ue,{onClick:()=>C(!0),selectedStyle:i,notSelectedStyle:c,toggleName:o,customStylesName:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"16px",color:"white","font-weight":"600"},customStylesNameHover:n,size:"MD",user:{userName:e.label,url:e.logo,fullName:e.label},isSelected:e?.value?.toLowerCase()===A[1]?.toLowerCase(),notificationCount:e?.notificationCount}),content:b.default.createElement("div",{style:{margin:"0",padding:"0",marginBottom:"18.25px"}},e.routes&&e?.routes.length>0&&e?.routes.filter((e=>!0===e.visibleAsMenu)).map(((e,t)=>b.default.createElement(No,{listElementStyle:d,key:e?.id+t,onClick:()=>{p(e.path)}},b.default.createElement("span",{className:"selected-disk",style:{visibility:A[2]?.toLowerCase()===e?.path.split("/")[2]?.toLowerCase()?"visible":"hidden"}}),b.default.createElement("span",{className:"link"}," ",e?.link)))))}))}))))},exports.NumericInput=Yt,exports.Overlay=yo,exports.OverlayOptionContainer=oa,exports.OverlayOptionItemLabel=ra,exports.PageContent=Yl,exports.Pagination=Ao,exports.PaginationDefault=So,exports.PaginationTypeTwo=Lo,exports.PasswordInput=el,exports.PrimaryButton=Ie,exports.PrimaryStatusChip=er,exports.ProgressBar=To,exports.ProgressSteps=qo,exports.RadioInput=il,exports.Rating=Ta,exports.RoundedLoader=Ee,exports.SearchInput=pl,exports.SecondaryButton=Re,exports.SecondaryStatusChip=ar,exports.Sidebar=Ko,exports.SignatureInput=xl,exports.SlimPrimaryStatusChip=ir,exports.SlimSecondaryStatusChip=dr,exports.StatusCircle=lo,exports.StyledCentralBar=$l,exports.StyledClearSearch=Kl,exports.StyledCreateRow=ea,exports.StyledRow=ta,exports.StyledRowSearch=Ql,exports.StyledSearchRow=la,exports.StyledWarning=_l,exports.SubmitButtonContainer=na,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:a,style:o,...r})=>{const i=e=>{switch(e.type){case"submit":return(e=>b.default.createElement(Ie,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>b.default.createElement(Re,{block:e.block,disabled:r.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return b.default.createElement(t.Fragment,null,b.default.createElement(na,{style:o},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.TabPanel=sr,exports.Table=Ha,exports.Tabs=br,exports.TextArea=Sl,exports.TextInput=ul,exports.TimeInput=Ll,exports.TinyButton=Pe,exports.ToastProvider=e=>{const[l,a]=t.useState([]),o=(e,t,l,o)=>{a((a=>[...a,{id:o||vr(),content:t,type:e,localTimeout:l}]))},r=e=>a((t=>t.filter((t=>t.id!==e)))),i=t.useMemo((()=>({open:o,close:r})),[]),[c,n]=t.useState(!1);return t.useEffect((()=>(n(!0),()=>n(!1))),[]),b.default.createElement(yr.Provider,{value:i},e.children,c?p.createPortal(b.default.createElement(xr,null,b.default.createElement("div",{className:`notification-container ${e.position}`},l.map((t=>b.default.createElement(hr,{key:t.id,type:t.type,position:e.position,timeout:e.timeout,localTimeout:t.localTimeout,close:()=>r(t.id)},t.content))))),document.body):null)},exports.ToggleSwitch=Hl,exports.Tooltip=Ge,exports.Typography=wr,exports.defaultStyles=I,exports.defaultThemeColor=B,exports.getDefaultStyles=L,exports.graphColor=M,exports.hexToRGB=W,exports.neutralColor=V,exports.primaryColor=E,exports.shadeColor=z,exports.uiColor=k,exports.useToast=()=>t.useContext(yr);
|