groundfloor-react-ui 1.2.50 → 1.2.51
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 +19 -19
- package/dist/index.js +57 -57
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -13,7 +13,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,us
|
|
|
13
13
|
|
|
14
14
|
// custom styles
|
|
15
15
|
${({customStyles:e})=>e}
|
|
16
|
-
`,
|
|
16
|
+
`,F=({type:e,header:l,content:o,...r})=>{const i=b()||R;return t.createElement(j,V({activeTheme:i},r),l,o)};F.propTypes={header:e.any,content:e.any};const q=m.div`
|
|
17
17
|
|
|
18
18
|
color: ${({activeTheme:e})=>e.textColor};
|
|
19
19
|
padding-top: 25px;
|
|
@@ -32,7 +32,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,us
|
|
|
32
32
|
|
|
33
33
|
// custom styles
|
|
34
34
|
${({customStyles:e})=>e}
|
|
35
|
-
`,Z=l((({type:e,header:l,content:o,...r},i)=>{const n=b()||R;return t.createElement(
|
|
35
|
+
`,Z=l((({type:e,header:l,content:o,...r},i)=>{const n=b()||R;return t.createElement(q,V({inBuiltCss:P,activeTheme:n},r,{ref:i}),l,o)}));Z.propTypes={type:e.string,header:e.any,content:e.any};const O={sm:{cardWidth:"178px",cardMinHeight:"88px",borderRadius:"4px",border:"0.7px",bodyHeight:"55px",footerFontSize:"10px",footerMinHeight:"31px",footerPadding:"10.5px 16px",footerLineHeight:"16px",lineHeight:"12px"},md:{cardWidth:"215px",cardMinHeight:"123px",borderRadius:"6px",border:"1px",bodyHeight:"67px",footerFontSize:"14px",footerMinHeight:"54px",footerPadding:"18px 19px",footerLineHeight:"12px",lineHeight:"16px"}},D=m.div`
|
|
36
36
|
${({trimFileName:e})=>e?u`
|
|
37
37
|
height: ${({size:e})=>O[e].cardMinHeight};
|
|
38
38
|
`:u`
|
|
@@ -138,7 +138,7 @@ import e from"prop-types";import t,{forwardRef as l,useRef as o,useState as r,us
|
|
|
138
138
|
|
|
139
139
|
// custom styles
|
|
140
140
|
${({customWrapperStyles:e})=>e}
|
|
141
|
-
`,$=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:n,customStylesAccordionContent:c,toggleIconAnimation:a,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:u,id:g,customWrapperStyles:f,showIconInfo:h,...y})=>{const x=o(null),v=b()||R,[A,C]=r(!1);return i((()=>{C(u)}),[u]),t.createElement(
|
|
141
|
+
`,$=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:n,customStylesAccordionContent:c,toggleIconAnimation:a,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:u,id:g,customWrapperStyles:f,showIconInfo:h,...y})=>{const x=o(null),v=b()||R,[A,C]=r(!1);return i((()=>{C(u)}),[u]),t.createElement(F,V({customStyles:e,type:"accordionContainer"},y,{header:t.createElement(F,V({customStyles:{borderRadius:A?"5px 5px 0 0":"5px",...l},type:"accordionToggle"},y,{onClick:()=>{C(!A)},header:p,content:t.createElement(K,{theme:v,customWrapperStyles:f},h&&t.createElement("span",null,A?"Click to hide":"Click to open"),t.createElement("div",{style:a&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(N,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(Z,V({customStyles:c,type:"accordionContent",ref:x},y,{style:A?{height:"auto"}:{height:"0px",border:"none"},id:g,content:d}))}))};$.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,customWrapperStyles:e.object,showIconInfo:e.bool},$.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,showIconInfo:!0,toggleState:()=>{},id:"",customStylesAccordionContainer:{"margin-bottom":"10px",padding:"0","box-shadow":"none"},customStylesAccordionTogggle:{background:"#F0F3F8",cursor:"pointer",border:"0.5px solid #E2E6F5",color:`${R.variant["primary-2"]}`,"line-height":"17px","font-size":"14px",padding:"10px 17px",display:"flex","align-items":"center","justify-content":"space-between","box-shadow":"none",width:"auto"},customStylesAccordionContent:{"border-radius":"0 0 5px 5px",border:"0.5px solid #E2E6F5","border-top":"none",transition:"height ease 0.3s, transform ease 95ms",overflow:"hidden",padding:"0",width:"auto"}};const _=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:n,customStylesAccordionContent:c,toggleIconAnimation:a,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:f,id:h,customSelectCardColor:y,...x})=>{const[v,A]=r(!1),C=o(null),[w,S]=r({}),[k,E]=r({}),z=b()||R;return i((()=>{m?(S((e=>({...e,backgroundColor:y||z.variant["primary-1"]}))),E((e=>({...e,backgroundColor:y||z.variant["primary-1"],paddingTop:"14px",paddingBottom:"14px",paddingLeft:"6px"})))):(S({}),E({}))}),[m]),i((()=>{A(!!f)}),[f]),t.createElement(F,V({customStyles:{...e,...w},type:"accordionContainer"},x,{header:t.createElement(F,V({customStyles:{...l,...k},type:"accordionToggle"},x,{onClick:()=>{v||g(u),A(!v)},header:p,content:t.createElement("div",{style:a&&v?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(Z,V({customStyles:c,type:"accordionContent",ref:C},x,{style:v?{height:C.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};_.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},_.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const ee=({customStylesAccordionContainer:e,customStylesAccordionTogggle:l,customStylesAccordionIcon:n,customStylesAccordionContent:c,toggleIconAnimation:a,icon:s,content:d,contentToggle:p,isSelected:m,index:b,handleClick:u,isAccordionOpen:g,disable:f,id:h,...y})=>{const[x,v]=r(!1),A=o(null),[C,w]=r({}),[S,k]=r({});return i((()=>{m?(w((e=>({...e,backgroundColor:"#2444d8"}))),k((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"6px"})))):(w({}),k({}))}),[m]),i((()=>{v(!!g)}),[g]),t.createElement(F,V({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(F,V({customStyles:{...l,...S},type:"accordionToggle"},y,{onClick:()=>{f||(x||u(b),v(!x))},header:p,content:t.createElement("div",{style:a&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(Z,V({customStyles:c,type:"accordionContent",ref:A},y,{style:x?{height:A.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};ee.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},ee.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const te=m.div`
|
|
142
142
|
color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
|
|
143
143
|
${({scroll:e})=>e?u`
|
|
144
144
|
display: flex;
|
|
@@ -613,7 +613,7 @@ ${({customStyles:e})=>e}
|
|
|
613
613
|
${({theme:e,defaultStyle:t})=>T(e,t)}
|
|
614
614
|
// custom styles
|
|
615
615
|
${({btnStyle:e})=>e}
|
|
616
|
-
`,
|
|
616
|
+
`,Fe=({btnStyle:e,isLoading:l,block:o,size:r,style:i,disabled:n,type:c,theme:a,id:s,...d})=>{const p=b()||R;return t.createElement(je,V({id:s,block:o,defaultStyle:"button",style:i,size:r,disabled:n,type:c,btnStyle:e,isLoading:l,theme:a},d),l&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(ze,{theme:a,customStyles:{"background-color":p.variant["primary-1"]},size:16})," "),d.children," ")};Fe.propTypes={disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},je.defaultProps={theme:R},Fe.defaultProps={theme:R,block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const qe=m.button`
|
|
617
617
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
618
618
|
color: ${({theme:e})=>e.bgColor};
|
|
619
619
|
padding: 3px 14px;
|
|
@@ -639,7 +639,7 @@ ${({customStyles:e})=>e}
|
|
|
639
639
|
|
|
640
640
|
// custom styles
|
|
641
641
|
${({btnStyle:e})=>e}
|
|
642
|
-
`,Ze=({block:e,style:l,disabled:o,type:r,btnStyle:i,id:n,...c})=>(b(),t.createElement(
|
|
642
|
+
`,Ze=({block:e,style:l,disabled:o,type:r,btnStyle:i,id:n,...c})=>(b(),t.createElement(qe,V({id:n,block:e,defaultStyle:"button",type:r,style:l,disabled:o,btnStyle:i},c),c.children));Ze.propTypes={disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},qe.defaultProps={theme:R},Ze.defaultProps={theme:R,block:!1,disabled:!1,onClick:void 0,btnStyle:{},id:""};const Oe=m.div`
|
|
643
643
|
background-color: ${({theme:e})=>e.bgColor};
|
|
644
644
|
border: 1px solid ${({theme:e})=>e.bgColor};
|
|
645
645
|
color: ${({theme:e})=>e.black},
|
|
@@ -714,7 +714,7 @@ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>T(e,t)}
|
|
|
714
714
|
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>T(e,t)}
|
|
715
715
|
// custom styles
|
|
716
716
|
${({customTriggerStyle:e})=>e}
|
|
717
|
-
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:r,settings:i,customStylesTPContainer:n,customStylesTPAbottom:c,customStylesTPAbottomBefore:a,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:v,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:w,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:z,customTriggerStyle:M,headerTooltip:B,footerTooltip:I,...W})=>{const L=b()||R,T={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:H,getTooltipProps:j,setTooltipRef:
|
|
717
|
+
`,Qe=({inBuiltCss:e,contentTrigger:l,contentTooltip:o,popperOptionsP:r,settings:i,customStylesTPContainer:n,customStylesTPAbottom:c,customStylesTPAbottomBefore:a,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:v,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:w,customTooltipContentStyle:S,customContentStyle:k,customHeaderStyle:E,customBodyStyle:z,customTriggerStyle:M,headerTooltip:B,footerTooltip:I,...W})=>{const L=b()||R,T={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:H,getTooltipProps:j,setTooltipRef:F,setTriggerRef:q,visible:Z}=y({interactive:!0,...i},T);return t.createElement(t.Fragment,null,t.createElement(Ye,{ref:q,inBuiltCss:P,customTriggerStyle:M,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},l),Z&&t.createElement(Oe,V({inBuiltCss:P,theme:L,ref:F},j({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:c,customStylesTPAbottomBefore:a,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:u,customStylesTPArightBefore:g,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:v}),t.createElement(De,V({inBuiltCss:P},H({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:w})),t.createElement(Ge,V({defaultTooltipContentStyle:"popOver-Content",theme:L,inBuiltCss:P},W,{customContentStyle:k}),t.createElement(Xe,V({defaultTooltipHeaderStyle:"popOver-header",theme:L,inBuiltCss:P},W,{customHeaderStyle:E}),B),t.createElement(Je,V({defaultTooltipBodyStyle:"popOver-body",theme:L,inBuiltCss:P},W,{customBodyStyle:z}),o),t.createElement(Ue,null,I))))};Qe.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object,customTriggerStyle:e.object},Qe.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"There are a lot of things you can do in space, and space essentially is unlimited resources.",footerTooltip:t.createElement(Fe,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Ne=m.div`
|
|
718
718
|
background: transparent;
|
|
719
719
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
720
720
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -1340,7 +1340,7 @@ float: right;
|
|
|
1340
1340
|
margin-left: 6px;
|
|
1341
1341
|
margin-top: -15.5px;
|
|
1342
1342
|
cursor: pointer;
|
|
1343
|
-
`,Wt=({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"))},Lt=({label:e,labelStyle:l,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:c,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:z,leftIcon:M,leftIconColor:B,leftIconSize:I,backgroundColor:W,placeHolderColor:L,indicatorBackgroundColor:T,inputColor:H,...
|
|
1343
|
+
`,Wt=({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"))},Lt=({label:e,labelStyle:l,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:c,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:z,leftIcon:M,leftIconColor:B,leftIconSize:I,backgroundColor:W,placeHolderColor:L,indicatorBackgroundColor:T,inputColor:H,menuListFooter:j,customSelectStyles:F,...q})=>{const Z=b()||R,O=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??Z.primary["primary-1"]}},t.createElement(N,{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)))},D=({index:e,...l})=>{const o=l?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},o)},G={control:(e,t)=>({...e,border:a?W&&a?"1px solid "+W:"1px solid "+Z.border:"1px solid "+Z.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none",backgroundColor:W||Z.bgColor}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px",color:L||"hsl(0, 0%, 50%)"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"2px",backgroundColor:T||"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:H||"hsl(0, 0%, 20%)"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?Z.neutral["neutral-5"]:Z.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};console.log(G.option);const X={DropdownIndicator:e=>{const l=t.createElement(C.DropdownIndicator,e,t.createElement(It,null,t.createElement(N,{icon:w,color:k,size:E,customstyles:S})));return!0===z?l:null},ValueContainer:Wt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(C.ClearIndicator,e,c?t.createElement(It,{onClick:()=>{u(),e.clearValue()}},t.createElement(N,{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 J=null;switch(y){case"multiSelect":J=t.createElement(Rt,V({type:"multiSelect",MultiValue:D,Option:O,value:r,CommonRenderedComponent:X,optionArr:o,placeHolder:n,isDisabled:x,stylesComp:G,setSelectedValue:i,isLoading:v,id:A,isClearable:c},q));break;case"asyncSingleSelect":J=t.createElement(Pt,V({CommonRenderedComponent:X,loadOptions:p,onInputChange:m,styles:G,placeholder:n,onChange:i,isLoading:v,isDisabled:x,id:A,value:r,isClearable:c},q));break;case"asyncMultiSelect":J=t.createElement(Pt,V({type:"asyncMultiSelect",CommonRenderedComponent:X,MultiValue:D,Option:O,onChange:i,placeholder:n,styles:G,isDisabled:x,isLoading:v,loadOptions:p,onInputChange:m,id:A,isClearable:c},q));break;default:J=t.createElement(Rt,V({type:"singleSelect",value:{value:r?r.value:"",label:r?r.label:""},CommonRenderedComponent:X,optionArr:o,placeHolder:n,isDisabled:x,stylesComp:G,setSelectedValue:i,isLoading:v,id:A,isClearable:c},q))}return t.createElement(Mt,{style:g,backgroundColor:W,isValid:a,fontSize:d,theme:Z},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:`${Z.ui.error}`}},"*")),J)},Rt=({type:e,Option:l,value:o,CommonRenderedComponent:r,MultiValue:i,optionArr:n,placeHolder:c,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,V({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:g,options:n,placeholder:c,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:n,...c})=>{let a={...e};return"asyncMultiSelect"===r&&(a.MultiValue=l,a.Option=o),t.createElement(w,V({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:n,menuShouldScrollIntoView:!1},c))};Lt.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},Lt.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 Tt=m.div`
|
|
1344
1344
|
//Set the styles from the default styles object
|
|
1345
1345
|
${({inBuiltCss:e,defaultStyles:t})=>T(e,t)}
|
|
1346
1346
|
|
|
@@ -1365,7 +1365,7 @@ float: right;
|
|
|
1365
1365
|
${({customFileStyles:e})=>e}
|
|
1366
1366
|
`,jt=m.input`
|
|
1367
1367
|
display: none;
|
|
1368
|
-
`,
|
|
1368
|
+
`,Ft=m.div`
|
|
1369
1369
|
//Set the styles from the default styles object
|
|
1370
1370
|
${({inBuiltCss:e,defaultStyles:t})=>T(e,t)}
|
|
1371
1371
|
|
|
@@ -1377,7 +1377,7 @@ float: right;
|
|
|
1377
1377
|
|
|
1378
1378
|
// custom styles
|
|
1379
1379
|
${({customFileNameStyles:e})=>e}
|
|
1380
|
-
`;const
|
|
1380
|
+
`;const qt=m.div`
|
|
1381
1381
|
cursor: pointer;
|
|
1382
1382
|
padding-left: 1px;
|
|
1383
1383
|
margin-left: auto;
|
|
@@ -1400,7 +1400,7 @@ float: right;
|
|
|
1400
1400
|
align-items: center;
|
|
1401
1401
|
margin: 20px 0px;
|
|
1402
1402
|
font-size: 14px;
|
|
1403
|
-
`;const Dt=({label:e,labelStyle:l,labelInline:o,required:i,message:c,fileArr:a,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:v,maxFilesAmount:A,minFilesAmount:C,fileSizeLimit:w,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:z,dropValid:M,setDropValid:B,dropzoneContent:I,dropIcon:W,iconColor:L,id:T,customTooltipContentStyle:H,customStylesTPArightBefore:j,customStylesTPArightAfter:q
|
|
1403
|
+
`;const Dt=({label:e,labelStyle:l,labelInline:o,required:i,message:c,fileArr:a,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:u,customFileNameStyles:g,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:v,maxFilesAmount:A,minFilesAmount:C,fileSizeLimit:w,fileSizeNamingConvention:S,errorMessages:k,suggesionMessage:E,MessagelabelStyle:z,dropValid:M,setDropValid:B,dropzoneContent:I,dropIcon:W,iconColor:L,id:T,customTooltipContentStyle:H,customStylesTPArightBefore:j,customStylesTPArightAfter:F,...q})=>{const Z=b()||R,[O,D]=r(!1),G=n(),[X,J]=r(M),[U,Y]=r("");let Q;var K=v,$=!1,_=x?"That file type is not supported.":"",ee=(E=x?"The Supported format's are: ":"","");1==h&&(C=1,A=1);var te="Please upload (min."+C+" to max."+A+")files",le=e=>{ee="";let t=[];var l=0,o=a.length;if(o+1<C||o+1>A){var r="The file size is not uploaded";ee=U?.amount,ee=void 0!==ee?ee:r}for(const e of a)l+=e.size;if(""==ee)for(const[o,a]of Object.entries(e)){$=!0,a.name,l+=a.size;var i=a.name.split(".");i=i[i.length-1],$=K.includes(i.toLowerCase());var n=1024;("MB"==S||"GB"==S||"TB"==S)&&(n*=1024);var c=Math.round(l/n);if(0==$&&(ee=k?.format,ee=ee?ee+_:_),c>w&&$){$=!1;r="The file must be under "+w+" "+S;ee=k?.size,ee=null!=ee?ee:r}!0===$&&(Q&&URL.revokeObjectURL(Q),Q=URL.createObjectURL(a),a.path=Q,t.push(a))}return ee.length>0?(B(!1),J(M),Y(ee)):(B(!0),J(M),Y("")),t};function oe(e){e.preventDefault(),e.stopPropagation()}function re(e,t){let l=[...a,...e];return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),D(!1),l}function ie(e,t){if(e instanceof File){const t=a.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const l=a.filter((t=>t.name!==e.name));s(l),d(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(lt,V({customStyles:l,type:"label-text",labelInline:o,text:e,style:{display:"flex",marginBottom:`${o?0:"8px"}`,paddingBottom:"0px"}},q)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${Z.variant.error}`}},"*")),t.createElement(Tt,{theme:Z,inBuiltCss:P,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:M?p:{},onDragLeave:function(e){oe(e),D(!1)},onDragOver:function(e){oe(e),D(!0)},onDrop:function(e){oe(e);const{files:t}=e.dataTransfer;var l=le(t);D(!0),q.onFilesAdded(re(l,h))},onClick:function(){G.current.click()},hover:O,dropValid:M,fileArr:a},t.createElement(jt,V({ref:G,valid:X,dropValid:M,type:"file",id:T,multiple:1!=h,onChange:function(e){e.target,D(!1);var t=le(e.target.files);t&&q.onFilesAdded(re(t,h))},onClick:e=>e.target.value=null},q)),M?t.createElement(t.Fragment,null,W?t.createElement(N,{icon:W,color:O?Z.bgColor:L,size:24}):t.createElement(N,{icon:"file-upload",color:O?Z.bgColor:Z.primary["primary-1"],size:24})):null,t.createElement(Ft,{dropValid:M,valid:X,hover:O,backgroundColor:f,customTextStyles:u,inBuiltCss:P,defaultStyles:"dropzone-text-div"},M?t.createElement(t.Fragment,null,I?t.createElement("div",{style:{color:O?Z.bgColor:null}},I):t.createElement("div",null,t.createElement("span",{style:{color:O?Z.bgColor:Z.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:O?Z.bgColor:Z.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:O?Z.bgColor:Z.textColor}},"drag ",h?"it":"them"," here"))):t.createElement("div",null,t.createElement("span",{style:{color:Z.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:Z.textColor}},U||c)))),U===_?t.createElement("div",{style:{display:"flex"}},t.createElement(lt,V({themeColor:R,customStyles:z,type:"label-text",labelInline:o,text:E,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},q)),t.createElement(Qe,{contentTrigger:t.createElement("span",null,"read more"),headerTooltip:"",contentTooltip:JSON.stringify(K),footerTooltip:"",popperOptionsP:{placement:"right"},settings:{closeOnOutsideClick:!0,trigger:"click"},customTriggerStyle:{marginTop:"8px",marginLeft:"4px",textDecoration:"underline",color:Z.variant["primary-1"]},customBodyStyle:{wordWrap:"break-word"},customContentStyle:H,customStylesTPArightBefore:j,customStylesTPArightAfter:F})):"The file size is not uploaded"===U?t.createElement(lt,V({themeColor:R,customStyles:z,type:"label-text",labelInline:o,text:te,style:{display:"flex",paddingTop:"10px",paddingBottom:`${o?0:"16.64px"}`}},q)):"",a?.map(((e,l)=>t.createElement(Ht,{inBuiltCss:P,defaultStyles:"dropzone-file-div",key:`${e}-${l}`,customFileStyles:m},t.createElement(Zt,null,t.createElement(N,{icon:"file-icon",color:Z.primary["primary-1"]})),(File,t.createElement("a",{style:{color:Z.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(Ot,null,e?.otherInfo),t.createElement(qt,{key:101*Math.random()|0,onClick:()=>ie(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(N,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:Z.primary["primary-1"]})),t.createElement(N,{icon:"cross-icon",color:Z.neutral["neutral-2"],size:13}))))))};Dt.propTypes={onFilesAdded:e.func,dropValid:e.bool,setDropValid:e.func,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,maxFilesAmount:e.number,minFilesAmount:e.number,fileSizeLimit:e.number,fileSizeNamingConvention:e.string,showSupportedFormats:e.bool,file_extensions:e.array,errorMessages:e.object,suggesionMessage:e.any,MessagelabelStyle:e.object,id:e.string,dropzoneContent:e.any,dropIcon:e.string,iconColor:e.string,singleFile:e.bool,customTooltipContentStyle:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object},Dt.defaultProps={onFilesAdded:()=>null,dropValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",maxFilesAmount:5,minFilesAmount:1,fileSizeLimit:10,fileSizeNamingConvention:"MB",showSupportedFormats:!0,file_extensions:["doc","docx","jpg","pdf","png","xlsx","xlsr","xls"],errorMessages:{},MessagelabelStyle:{},suggesionMessage:"doc, docx, jpg, pdf, png, xlsx, xlsr, xls (Max 10MB)",id:"",iconColor:"black"};const Gt=m.div`
|
|
1404
1404
|
display: contents;
|
|
1405
1405
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1406
1406
|
|
|
@@ -1835,7 +1835,7 @@ float: right;
|
|
|
1835
1835
|
cursor: pointer;
|
|
1836
1836
|
`,Hl=({label:e,errMsg:l,hour:o,minute:r,period:i,onChange:n,id:c,...a})=>{const s=b()||R;return t.createElement(Pl,V({theme:s},a),t.createElement(Ll,V({theme:s},a,{errMsg:l}),e),t.createElement("div",null,t.createElement(Bl,V({theme:s,id:c},a),t.createElement(Il,{theme:s,value:o,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:r,period:i})}}),":",t.createElement(Il,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:o,minute:t,period:i})}}),t.createElement(Tl,{theme:s,onClick:function(e){n({hour:o,minute:r,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},l)))};Hl.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},Hl.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const jl=m.div`
|
|
1837
1837
|
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>T(e,t)}
|
|
1838
|
-
`,
|
|
1838
|
+
`,Fl=m.label`
|
|
1839
1839
|
|
|
1840
1840
|
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1841
1841
|
margin-right: ${({labelPosition:e})=>"left"===e?"30px":"0px"};
|
|
@@ -1861,7 +1861,7 @@ float: right;
|
|
|
1861
1861
|
// custom styles
|
|
1862
1862
|
${({customSwitchStyle:e})=>e}
|
|
1863
1863
|
}
|
|
1864
|
-
`,
|
|
1864
|
+
`,ql=m.input.attrs({type:"checkbox"})`
|
|
1865
1865
|
opacity: 0;
|
|
1866
1866
|
z-index: 1;
|
|
1867
1867
|
border-radius: 31px;
|
|
@@ -1881,7 +1881,7 @@ float: right;
|
|
|
1881
1881
|
|
|
1882
1882
|
// custom styles
|
|
1883
1883
|
${({optionStyle:e})=>e}
|
|
1884
|
-
`,Ol=({checked:e,customSwitchStyle:l,customToggleBoxStyle:o,backgroundColor:r,disabledColor:i,switchColor:n,onClick:c,trueLabel:a,falseLabel:s,optionStyle:d,labelPosition:p,id:m,isDisabled:u,...g})=>{const f=b()||R;return t.createElement(jl,V({inBuiltCss:P,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},g),"left"===p&&t.createElement(Zl,V({optionStyle:d,inBuiltCss:P,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?a:s),t.createElement(
|
|
1884
|
+
`,Ol=({checked:e,customSwitchStyle:l,customToggleBoxStyle:o,backgroundColor:r,disabledColor:i,switchColor:n,onClick:c,trueLabel:a,falseLabel:s,optionStyle:d,labelPosition:p,id:m,isDisabled:u,...g})=>{const f=b()||R;return t.createElement(jl,V({inBuiltCss:P,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},g),"left"===p&&t.createElement(Zl,V({optionStyle:d,inBuiltCss:P,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?a:s),t.createElement(ql,V({},g,{labelPosition:p,id:m,inBuiltCss:P,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{c(!e)},isChecked:e,disabled:u,isDisabled:u})),t.createElement(Fl,V({},g,{labelPosition:p,htmlFor:m,customToggleBoxStyle:o,customSwitchStyle:l,disabledColor:i,backgroundColor:r,switchColor:n,inBuiltCss:P,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:f,isDisabled:u})),"right"===p&&t.createElement(Zl,V({optionStyle:d,inBuiltCss:P,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?a:s))};Ol.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string,labelPosition:e.string,isDisabled:e.bool},Ol.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right",isDisabled:!1};const Dl=m.div`
|
|
1885
1885
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1886
1886
|
padding: 24px 8px;
|
|
1887
1887
|
${({commentBodyStyle:e})=>e};
|
|
@@ -2331,11 +2331,11 @@ svg {
|
|
|
2331
2331
|
`}
|
|
2332
2332
|
}
|
|
2333
2333
|
}
|
|
2334
|
-
`,
|
|
2334
|
+
`,Fo=({theme:e,toggleSet:l,slide:o,color:r,size:i,transform:n,ratingValue:c,starVal:a,hover:s,...d})=>t.createElement(jo,V({theme:e,ratingValue:c,starVal:a,hover:s,toggleSet:l,color:r,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:o,y:"0",fill:r,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function qo(e,t){let l=5*e/t;const o=[],r=l;for(let e=0;e<5;e++){if(l-1>=0)o.push("0");else if(l-1<0&&l-1>-1){const e=(24*l-24).toString();o.push(e)}else o.push("-24");l-=1}return{array:o,value:r}}function Zo(e,t){return 100*e/t}const Oo=({type:e,customStylesContainer:l,customStylesStar:o,customStylesPercentage:n,color:c,size:a,handleClick:s,transform:d,maxRange:p,value:m,toggleStar:u,toggleSet:g,identifier:f,...h})=>{b();const[y,x]=r(void 0),[v,A]=r(void 0),[C,w]=r(void 0),[S,k]=r(void 0);i((()=>{x(qo(m,p).array),A(qo(m,p).value),w(Zo(m,p))}),[m,p]),i((()=>{S?x(qo(S,p).array):(x(qo(m,p).array),A(qo(m,p).value),w(Zo(m,p)))}),[S]);const E=t.createElement(t.Fragment,null,y?.map(((e,l)=>{const r=20*(l+1);return t.createElement(Fo,{ratingValue:r,starVal:v,hover:S,toggleSet:g,onClick:g?()=>s(r):null,onMouseEnter:g?()=>{k(r)}:null,onMouseLeave:g?()=>{k(null)}:null,slide:e,color:c,className:"star",size:a,transform:d,key:f?.concat(l),customStyles:o})})));return t.createElement(To,V({customStyles:l,type:e,size:a},h,{className:"container"}),u?E:t.createElement(Ho,{type:e,customStyles:n},C,"%"))};Oo.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},Oo.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Do=m.div`
|
|
2335
2335
|
.form-check-input {
|
|
2336
2336
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2337
2337
|
}
|
|
2338
|
-
`,Go=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:r,data:i,tableColumns:n,progressPending:c,defaultSortFieldId:a,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(l&&l[o]&&(x=l[o]),e)for(const t in e)x[t]=e[t];const v=b()||R,A=t.forwardRef((({onClick:e,...l},o)=>t.createElement(Do,{theme:v},t.createElement("input",V({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(k,V({responsive:m,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:r,progressPending:c,customStyles:x,defaultSortFieldId:a,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:A},y))};Go.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Go.defaultProps={inBuiltCss:P,sortIcon:t.createElement(N,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Xo=({title:e,subtitle:l,wrapperStyle:o,imgLink:r,imgStyle:i,iconSize:n})=>{const c=b()||R,a={fontSize:"26px",fontWeight:"bold",color:`${c.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${c.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:a},r?t.createElement("img",{src:r,alt:"userIcon",srcset:"",style:i}):t.createElement(N,{icon:"user-icon",size:n,color:c.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Xo.propTypes={size:e.number},Xo.defaultProps={iconSize:23};const Jo=({formData:e,customStyles:l,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(Po,V({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(lt,V({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(fl,V({},e,o)))(e);case"textArea":return(e=>t.createElement(Ml,V({},e,o)))(e);case"number":return(e=>t.createElement(el,V({},e,o)))(e);case"radio":return(e=>t.createElement(pl,V({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(at,V({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Lt,V({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Lt,V({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Lt,V({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Lt,V({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Sl,V({},e,o)))(e);case"fileUpload":return(e=>t.createElement(Dt,V({},e,o)))(e);case"date":return(e=>t.createElement(vt,V({},e,o)))(e);case"toggle":return(e=>t.createElement(Ol,V({},e,o)))(e);case"rating":return(e=>t.createElement(Oo,V({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(Te,V({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(
|
|
2338
|
+
`,Go=({customStyles:e,inBuiltCss:l,type:o="table",sortIcon:r,data:i,tableColumns:n,progressPending:c,defaultSortFieldId:a,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(l&&l[o]&&(x=l[o]),e)for(const t in e)x[t]=e[t];const v=b()||R,A=t.forwardRef((({onClick:e,...l},o)=>t.createElement(Do,{theme:v},t.createElement("input",V({type:"checkbox",className:"form-check-input",ref:o,onClick:e},l)))));return t.createElement(k,V({responsive:m,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:r,progressPending:c,customStyles:x,defaultSortFieldId:a,progressComponent:p||void 0,sortServer:d,onSort:(e,t,l)=>{s(e,t,l)},conditionalRowStyles:u,fixedHeader:g,fixedHeaderScrollHeight:f,selectableRowsComponent:A},y))};Go.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Go.defaultProps={inBuiltCss:P,sortIcon:t.createElement(N,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,l)=>{},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100%"};const Xo=({title:e,subtitle:l,wrapperStyle:o,imgLink:r,imgStyle:i,iconSize:n})=>{const c=b()||R,a={fontSize:"26px",fontWeight:"bold",color:`${c.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${c.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:o},t.createElement("div",{style:a},r?t.createElement("img",{src:r,alt:"userIcon",srcset:"",style:i}):t.createElement(N,{icon:"user-icon",size:n,color:c.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,l)))};Xo.propTypes={size:e.number},Xo.defaultProps={iconSize:23};const Jo=({formData:e,customStyles:l,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(Po,V({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(lt,V({style:{marginBottom:"8px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(fl,V({},e,o)))(e);case"textArea":return(e=>t.createElement(Ml,V({},e,o)))(e);case"number":return(e=>t.createElement(el,V({},e,o)))(e);case"radio":return(e=>t.createElement(pl,V({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(at,V({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Lt,V({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Lt,V({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Lt,V({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Lt,V({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(Sl,V({},e,o)))(e);case"fileUpload":return(e=>t.createElement(Dt,V({},e,o)))(e);case"date":return(e=>t.createElement(vt,V({},e,o)))(e);case"toggle":return(e=>t.createElement(Ol,V({},e,o)))(e);case"rating":return(e=>t.createElement(Oo,V({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(Te,V({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(Fe,V({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(Ze,V({},e,o)))(e);case"search":return(e=>t.createElement(hl,V({},e,o)))(e);case"table":return(e=>t.createElement(Go,V({},e,o)))(e);case"passwordInput":return(e=>t.createElement(il,V({},e,o)))(e);case"headerComponent":return(e=>t.createElement(Xo,V({},e,o)))(e)}};return t.createElement(a,null,t.createElement(bo,{defaultThemeColor:R},t.createElement(yo,{onSubmit:()=>{},customStyles:l},e.map(((e,l)=>e.length>1?t.createElement(go,null,e.map(((l,o)=>t.createElement(fo,{cols:e.length},r(l))))):r(e[0]))))))},Uo=({formData:e,onSubmit:l,onReset:o,style:r,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(Te,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Fe,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(uo,{style:r},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const Yo=f`
|
|
2339
2339
|
@font-face {
|
|
2340
2340
|
font-family: "Averta";
|
|
2341
2341
|
font-weight: 100;
|
|
@@ -2739,7 +2739,7 @@ position: relative;
|
|
|
2739
2739
|
${({progressBarStyle:e})=>e}
|
|
2740
2740
|
width: ${({now:e})=>e+"%"};
|
|
2741
2741
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2742
|
-
`,
|
|
2742
|
+
`,Fr=({labelStyle:e,progressBarStyle:l,progressWrapStyle:o,label:r,now:i,color:n,innerContent:c,...a})=>{const s=b()||R;return t.createElement("div",null,t.createElement(lt,V({inBuiltCss:P,customStyles:e,type:"progressBar-label",text:r},a)),t.createElement(Hr,V({progressBarStyle:l,theme:s,progressWrapStyle:o,color:n},a),t.createElement(jr,V({progressBarStyle:l,now:i,theme:s,color:n},a)),t.createElement("div",{style:{position:"absolute",zIndex:"3",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},c)))};Fr.propTypes={labelStyle:e.object,progressBarStyle:e.object,progressWrapStyle:e.object,color:e.string,label:e.string,now:e.number,innerContent:e.any},Fr.defaultProps={labelStyle:{},progressBarStyle:{},innerContent:"",label:"",now:0};const qr=m.div`
|
|
2743
2743
|
background: transparent;
|
|
2744
2744
|
display: flex;
|
|
2745
2745
|
align-items: center;
|
|
@@ -2771,7 +2771,7 @@ position: relative;
|
|
|
2771
2771
|
margin: 0 3px;
|
|
2772
2772
|
background-color: ${({theme:e,isActive:t,variantOn:l,variantOff:o})=>t?e.variant[l]:e.variant[o]};
|
|
2773
2773
|
border-radius: 19px;
|
|
2774
|
-
`,Gr=({block:e,variantOn:l,variantOff:o,currentStep:r,totalSteps:i,widthStep:n,style:c,progressText:a,...s})=>(b(),t.createElement(
|
|
2774
|
+
`,Gr=({block:e,variantOn:l,variantOff:o,currentStep:r,totalSteps:i,widthStep:n,style:c,progressText:a,...s})=>(b(),t.createElement(qr,V({block:e},s,{style:c}),t.createElement(Zr,V({},s,{variantOn:l,variantOff:o}),a||"Page"," ",t.createElement("div",null,r)," of ",t.createElement("div",null,i)),t.createElement(Or,s,Array.from(Array(i).keys()).map((e=>t.createElement(Dr,{key:"formSteps".concat(e),isActive:r===e+1,variantOn:l,variantOff:o,widthStep:n}))))));Gr.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number,progressText:e.string},qr.defaultProps={theme:R},Zr.defaultProps={theme:R},Or.defaultProps={theme:R},Dr.defaultProps={theme:R},Gr.defaultProps={theme:R,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const Xr=m.button`
|
|
2775
2775
|
background: ${({disabled:e,theme:t,bgVariant:l})=>e?"#BBC4CF":t.variant[l]};
|
|
2776
2776
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2777
2777
|
padding: 6px 17px;
|
|
@@ -3076,7 +3076,7 @@ overflow: hidden;
|
|
|
3076
3076
|
font-size: 14px;
|
|
3077
3077
|
box-sizing: border-box;
|
|
3078
3078
|
position: fixed;
|
|
3079
|
-
z-index:
|
|
3079
|
+
z-index: 999999999;
|
|
3080
3080
|
}
|
|
3081
3081
|
|
|
3082
3082
|
.top-right {
|
|
@@ -3129,4 +3129,4 @@ overflow: hidden;
|
|
|
3129
3129
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
3130
3130
|
font-size: ${({size:e})=>Vi[e].fontSize};
|
|
3131
3131
|
line-height: ${({size:e})=>Vi[e].lineHeight};
|
|
3132
|
-
`,Bi=({size:e,children:l,bg:o,text:r,...i})=>{const n=b()||R;return t.createElement(Mi,V({theme:n,bg:o,text:r,size:e},i),t.createElement(Yo,{theme:n}),l)};Bi.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Bi.defaultProps={size:"md"};export{$ as Accordion,_ as AccordionSB,ee as AccordionSBfooter,ao as ActionContainer,mo as ActionItem,re as ArrowBar,de as Avatar,ge as AvatarSB,xe as AvatarSBfooter,Ce as Banner,et as Breadcrumb,tr as ButtonPopup,
|
|
3132
|
+
`,Bi=({size:e,children:l,bg:o,text:r,...i})=>{const n=b()||R;return t.createElement(Mi,V({theme:n,bg:o,text:r,size:e},i),t.createElement(Yo,{theme:n}),l)};Bi.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Bi.defaultProps={size:"md"};export{$ as Accordion,_ as AccordionSB,ee as AccordionSBfooter,ao as ActionContainer,mo as ActionItem,re as ArrowBar,de as Avatar,ge as AvatarSB,xe as AvatarSBfooter,Ce as Banner,et as Breadcrumb,tr as ButtonPopup,F as Card,Z as CardRef,at as CheckBoxInput,pt as ColorInput,Kl as Comment,_l as Content,Jr as DarkSecondaryLink,vt as DateSelect,Vt as DateTime,vo as Divider,J as DocumentCard,Se as DotPulseLoader,Co as Drawer,Lt as DropdownSelect,Dt as DropzoneInput,wo as ErrorBoundary,Eo as FilterChip,Vo as Footer,Lo as FooterContent,Jo as FormComponent,bo as FormContainer,yo as FormWrapper,Ko as GroupAvatars,ir as GroupButtons,sr as GroupButtonsPopup,gr as GroupStatusCircle,Po as Header,Xo as HeaderComponent,yr as HyperLink,N as Icon,ne as Image,Yt as ImageUploader,lt as Label,Yr as LightSecondaryLink,Le as LinkButton,ze as Loader,Sr as ModalComp,fo as MultiColumnDiv,go as MultiColumnWrapper,_r as Navbar,el as NumericInput,Er as Overlay,so as OverlayOptionContainer,po as OverlayOptionItemLabel,eo as PageContent,Lr as Pagination,Pr as PaginationDefault,il as PasswordInput,Te as PrimaryButton,ii as PrimaryStatusChip,Fr as ProgressBar,Gr as ProgressSteps,pl as RadioInput,Oo as Rating,Be as RoundedLoader,hl as SearchInput,Fe as SecondaryButton,ai as SecondaryStatusChip,li as Sidebar,Sl as SignatureInput,pi as SlimPrimaryStatusChip,ui as SlimSecondaryStatusChip,pr as StatusCircle,oo as StyledCentralBar,lo as StyledClearSearch,io as StyledCreateRow,no as StyledRow,to as StyledRowSearch,co as StyledSearchRow,ro as StyledWarning,uo as SubmitButtonContainer,Uo as SubmitComponent,gi as TabPanel,Go as Table,vi as Tabs,Ml as TextArea,fl as TextInput,Hl as TimeInput,Ze as TinyButton,Ei as ToastProvider,Ol as ToggleSwitch,Qe as Tooltip,Bi as Typography,P as defaultStyles,R as defaultThemeColor,T as getDefaultStyles,L as graphColor,H as hexToRGB,I as neutralColor,M as primaryColor,W as shadeColor,B as uiColor,zi as useToast};
|